تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
مدخل إلى تقنية الواب Wap
#1
كاتب الموضوع : أحمد جمال

بسم الله الرحمن الرحيم .
السلام عليكم ورحمة الله وبركاته .

مقدمة :
في هذا الدرس ، سوف نتعرف سوية على التقنية المعروفة باسم Wireless Application Protocol والتي تعرف اختصاراً باسم WAP ، كما سنتطرق في الجزء الثاني من هذا الدرس إلى كيفية التعامل مع هذه التقنية من خلال .net .

الجزء الأول من الدرس : تعريف بالتقنية ...

تطبيقات الموبايل Mobile Application :
لم يعد الموبايل وسيلة اتصال بسيطة لاجراء المكالمات الهاتفية مثلما كان الهدف منه وقت ظهوره ، إنما تطور الأمر الآن ليصبح الموبايل وسيلة خدمية وترفيهية وتعليمية أيضاً ، ولم يعد الموبايل يستخدم من أجل المكالمات بل أصبح يستخدم في الدخول على الانترنت واستخدام التطبيقات المتقدمة والملتيميديا وغيرها .
ولهذا السبب وغيره ظهرت مصطلحات جديدة لتدل على تطبيقات الموبايل وبرامجه ونظم التشغيل الخاص به ، وكان من ضمن هذه المصطلحات مصطلح WAP مردافاً لمصطلح WEB على الحاسبات الشخصية والذي يرتبط بعالم الإنترنت وخدماته .

ما هو ال WAP ؟
كما اسلفنا سابقاً فكلمة WAP هي اختصار لكلمة Wireless Application Protocol ، وكما هو واضح من الاسم فإن هذا يعني ان WAP هي معيار أو Standerd عالمي يهدف إلى ربط أجهزة الهواتف النقالة Mobiles بالإرتباط بالإنترنت ، وتم تطويره في النصف الثاني من تسعينات القرن المنصرم .
وقد جاء هذا البروتوكول الموحد ليلم شتات أفكار شركات المحمول الكبرى والتي كانت كل منها تعمل منفردة وفي اتجاه مختلف عن الآخرين .

كيف تعمل WAP ؟
تتميز WAP عن WEB بأنها تعمل في اطار امكانيات الهواتف المحمولة ، وهذا ما يستلزم بالضرورة تصغير حجم البيانات والتعامل مع ضعف السرعة وضعف قدرات المعالجات الخاصة بالأجهزة المحمولة مقارنة بالأجهزة الشخصية وصغر حجم الشاشة التي يتم عرض البيانات من خلالها أيضاً .
ومن خلال تقنية ال WAP تم لم شمل شتات شركات المحمول الكبرى والتي كانت كل منها تسير فريدة في اتجاه مختلف سعياً لادخال خدمات الانترنت على أجهزتها المحمولة .

وتبدأ قصة ال WAP من خلال طلب العميل ل URL معين لصفحة ما أو لملف وخلافه ، وفي حالة طلب صفحة فإنه يتم ترجمة HTML إلى WML وهي طريقة عرض مناظرة لل HTML يتم استخدامها ضمن بروتوكول ال WAP وسوف نشرحها في الفقرة التالية ...
والجدير بالذكر أن بعض الهواتف المحمولة أصبحت تدعم HTML أيضاً ...

ما هي WML ؟
هي طريقة لوصف البيانات مشابهة جداً لطريقة عمل HTML ولكنها على معايير XML ، وتختلف عن HTML في عدد من النقاط منها :
- الوسم Tag الرئيسي هو <wml> بدلاً من <html>
- ينقسم المستند إلى بطاقات Cards لتسهيل العرض حيث تبدأ كل بطاقة بـ <card> وتنتهي أيضاً بـ <card/> .


الجزء الثاني من الدرس : تعليم WML باختصار ...

بداية سنعرض مثالاً يوضح كيفية كتابة WML وذلك بالشكل التالي مثلاً - من ويكيبديا - :

كود :
[color=#000080]<?xml version=[COLOR=#0000ff]"1.0"[/color]?>[/COLOR]
[COLOR=#000080]<!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN"
"http://www.phone.com/dtd/wml11.dtd" >[/COLOR]
[color=#000080]<wml>[/color]
[color=#000080]<card id=[COLOR=#0000ff]"main"[/color] title=[color=#0000ff]"First Card"[/color]>[/COLOR]
[color=#000080]<p mode=[COLOR=#0000ff]"wrap"[/color]>[/COLOR]This is a sample WML page.[color=#000080]</p>[/color]
[color=#000080]</card>[/color]
[color=#000080]</wml>[/color]

قراءة القيم المختلفة وتخزينها وعرضها للمستخدم :
بكل بساطة يمكنك تعريف المتغيرات واسناد قيم لها بالشكل التالي :

كود :
[color=#000080]<setvar name=[COLOR=#0000ff]"First_Name"[/color] value=[color=#0000ff]"Ahmed"[/color]/>[/COLOR]
[color=#000080]<setvar name=[COLOR=#0000ff]"Age"[/color] value=[color=#0000ff]"21"[/color]/>[/COLOR]

ولاحقاً يمكنك عرضها بالشكل التالي مثلاً :

كود :
[color=#000080]<p>[/color]First Name: $(First_Name)[color=#000080]</p>[/color]
ويمكن ايضاً قراءة قيمة مربع نص أو Select بنفس الطريقة تماماً حيث يتم وضع اسم الأداة بدلاً من اسم المتغير ...
مثال لقراءة قيم أداة اختيار وعرضها للمستخدم - المثال منقول من موقع فرعون - :

كود :
[color=#000080]<card id=[COLOR=#0000ff]"card1"[/color] title=[color=#0000ff]"Tutorial"[/color]>[/COLOR]
[color=#000080]<do type=[COLOR=#0000ff]"accept"[/color] label=[color=#0000ff]"Answer"[/color]>[/COLOR]
[color=#000080]<go href=[COLOR=#0000ff]"#card2"[/color]/>[/COLOR]
[color=#000080]</do>[/color]
[color=#000080]<p>[/color]
[color=#ff8000]<select name=[COLOR=#0000ff]"name"[/color]>[/COLOR]
[color=#ff8000]<option value=[COLOR=#0000ff]"HTML"[/color]>[/COLOR]HTML Tutorial[color=#ff8000]</option>[/color]
[color=#ff8000]<option value=[COLOR=#0000ff]"XML"[/color]>[/COLOR]XML Tutorial[color=#ff8000]</option>[/color]
[color=#ff8000]<option value=[COLOR=#0000ff]"WAP"[/color]>[/COLOR]WAP Tutorial[color=#ff8000]</option>[/color]
[color=#ff8000]</select>[/color]
[color=#000080]</p>[/color]
[color=#000080]</card>[/color]
[color=#000080]<card id=[COLOR=#0000ff]"card2"[/color] title=[color=#0000ff]"Answer"[/color]>[/COLOR]
[color=#000080]<p>[/color]
You selected: $(name)
[color=#000080]</p>[/color]
[color=#000080]</card>[/color]
[color=#000080]</wml>[/color]

الجزء الثالث والأخير من الدرس : أريد برمجة موقع ASP.net يدعم ال WAP ...

إذا قمنا بتحويل التطبيق الذي عرضناه في أول المقالة - المنقول من ويكيبيديا - والذي كان بالشكل التالي :

كود :
<%@ Page Inherits="System.Mobile.UI.MobilePage" Language="VB" %>
<%@ Register TagPrefix="mobile" Namespace="System.Mobile.UI" %>
<mobile:Form runat="server">
<mobile:Label runat="server">
This is a sample WML page.
</mobile:Label>
</Mobile:Form>

وقمنا بتحويله إلى .net فسوف يكون بالشكل التالي :


كود :
<%@ Page Inherits="System.Mobile.UI.MobilePage" Language="C#" %>
في حالة رغبت في التعامل بواسطة C# غير السطر الأول فقط ليصبح بالشكل التالي :


<%@ Page Inherits="System.Mobile.UI.MobilePage" Language="C#" %>

والآن عند طلب الصفحة من قبل العميل ، يتم أولاً تحويل الصفحة إلى wml في حالة كان الطلب من جهاز هاتف محمول ، أو يتم التحويل مباشرة إلى HTML في حالة طلب الموقع من جهاز شخصي أو كومبيوتر كفي .

كان هذا أبسط مثال لتطبيق WAB من خلال .NET ، ولكن ما زال بامكانك عمل الكثير في هذا المجال في موضوع برمجة الموقع عموماً ، وفي التعرف على الأجهزة الزائرة وامكانياتها وغير ذلك من الخيارات المتقدمة خصوصاً .

والله الموفق ...
والسلام عليكم ورحمة الله وبركاته .
}}}}
تم الشكر بواسطة:


التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم