Adobe AIR وعلاقته بتطوير المواقع

[ليبيانو]

لنرجع للوراء قليلا بالتحديد الى عام 2002 , فى هذه العام أطلق مصطلحRich Internet application أو ما أحبذ ترجمته بـتطبيقات الانترنت التفاعلية من شركة ماكروميديا . تطبيقات الانترنت التفاعلية عادة تعرف على أنها تطبيقات تعمل فى الانترنت تستغل بعض مميزات التطبيقات السطح مكتبية على سبيل المثال خاصية السحب والالقاء (Drag and Drop) فى عملها , طبعا هذه التطبيقات تعمل لاي منصة كانت أو لاي نظام التشغيل .
وهذا معناه ان تطبيقات الانترنت من الضروري ان تتدعم كل أنظمة التشغيل المتوفرة حاليا ودعم كل الاجهزة اللتي نسطيع من خلالها الدخول الى الانترنت .
فى عام 2004 ماكروميديا قد أطلقت نسختها الاولى من برنامجMacromedia Flex 1.0 بناءا علي تعريفها السابق لتطبيقات الانترنت , طبعا كان الهدف من أطلاق البرنامج هو نقل تطوير تطبيقات الانترنت من برنامج Flash الى Flex وابقاء الفلاش للتصميم وعمل الرسوم (هذا ليس معناه ان الفلاش لم يعد قادرا على عمل تطبيق انترنتي) .
نأتي الي الوقت الحاضر ومع تطور الانترنت وتسارع وسائل الاتصال , حدث تطورأيضا فى تطبيقات الانترنت وكان من أبرز التطورات هو ظهور تقنية Ajax و ظهور ثورة فى عالم الويب وهي ماتسمى بـ Web 2.0 (التي وفرت العديد من الخدمات للمستخدمين وحتى للمطورين) .
ولكن هل هذا يعني أن تطبيقات الانترنت عندما تعمل فى المستعرضات تكون خالية من المشاكل ؟ الجواب طبعا لا .
طبعا من أهم أسباب مشاكل تطبيقات الانترنت هي المستعرضات نفسها , واختلاف المستعرضات و طريقة عملها , وعدم تمكن المستخدم من أستخدام زر الارجاع”Back Button” فى المستعرضات مع أن الحلول متوفرة لتلك المشكلة , صعب على المستخدم معرفة من أن التطبيق يستطيع أرجاع التطبيق وتقديمه من عدمه.
الان سأدخل الى صلب الموضوع وهو Adobe Integrated runtime (سابقا كان يدعى Apollo) وهي التقنية اللتى أطلقتها شركة Adobe شهر مارس 2007 الماضي , الهدف من هذه التقنية كان حل مشاكل تطبيقات الانترنت عند عملها داخل المستعرضات , هذه التقنية تمكن المطور من أستخدام خبرته فى تطويرالويب(مثلFlash , Flex, HTML , JavaScript) لبناء تطبيقات أنترنت تفاعلية لكي تعمل على سطح المكتب (حاليا لنظامي ويندوز وماكنتوش ولاحقا لنظام لينوكس).
Adobe AIR بهذا التعريف قد أصبح حلقة وصل بين تطبيقات سطح المكتب و التطبيقات اللتي تعمل فى المستعرضات, ومن المهم التأكيد على أن Air لاينافس تطبيقات سطح المكتب الاخرى مثل Visual Studio لـMicrosoft

Adobe AIR يحتوى على عدة تقنيات تستطيع بواسطتها بناء تطبيقاتك:

1 .HTML / javascript
Adobe AIR يحتوى على محرك HTML ويدعم كل من:

• HTML
• JavaScript
• CSS
• XHTML
• Document Object Model المعروفة أختصارا بـDOM.

أي أن اي مطور يستطيع بناءا تطبيق كامل من كل النواحي بواسطة فقط لغة HTML وJavaScript , طبعا محرك HTML الموجود بداخل Adobe AIR محرك WebKit المفتوح المصدر والذي يبني عليه عدد من المستعرضات على سبيل المثال سفاري .

2 . Flash:
وهي ثاني تقنية رئيسية , Adobe AIR مبني على مشغل الفلاش 9 (Flash Player 9) , كل API الموجودة بداخل مشغل الفلاش موجودة أيضا بداخل Adobe AIR , بعضها لها وظيفة أوسع من اللتى موجودة بداخل مشغل الفلاش .

3. PDF:
وهي من معاييرالويب المتعارف عليها لاحضار و أظهار المستندات الالكترونية على الويب .
للتعامل مع PDF يجب ان يتوفر فى جهاز المستخدم Acrobat Reader 8.1 على الاقل , لكي تستطيع تطبيقات AIR التعامل مع كل المميزات الموجودة بداخله .

بقي علي أن أذكر أمثلة لبرامج لشركات كبرى أستخدمت هذه التقنية :

• Adobe Media Player
  هو البرنامج الجديد الذى أطلق مؤخرا من شركة Adobe , ليمكن المستخدمين من الاستمتاع ببرامجهم الانترنتية ومشاهدتها على سطح المكتب .

• eBay Desktop
  برنامج جديد لشركة eBay يستطيع من خلاله المستخدم الولوج الى البضاعة الموجودة فى eBay.com والمزايدة عليها من سطح مكتبك .

• Finetune Desktop
  خدمة للبحث عن الموسيقي تساعد المستخدم فى البحث عن موسيقاه والاستماع اليها , عن الطريق أدخال أسم المغني والبرنامج يقوم بالبحث .

• Google Analytics AIR beta
  هذه البرنامج الجديد من جوجل , له نفس مميزات وخدمات خدمة Google Analytic.

بعض أشهر البرامج اللتى يستطيع المستخدم أنشاء تطبيق AIR بها :

• Adobe Flex Builder 3 Beta

تستطيع من خلال النسخة الثالتة لبرنامج Adobe Flex أن تصدر مباشرة الى تطبيق Air . (الخيار الاكثر شيوعا)

• Adobe AIR Update for Adobe Flash® CS3 Professional

بتنصيبك للتحديث الاخير ببرنامج Flash CS3 الخاص بـAdobe Air , تستطيع عن طريق برنامج الفلاش التصدير الى تطبيقات Air .

• Adobe AIR Extension for Adobe Dreamweaver™ CS3

بتنصيبك للتحديث الاخير ببرنامج Dreamweaver CS3 الخاص بـAdobe Air , تستطيع عن طريق برنامج الدريم ويفرتصدير الى تطبيقات Air . (الحل الامثل للمستخدمين اللذين عندهم خلفية عن HTML و JavaScript) .

• Aptana

برنامج مفتوح المصدر لتطوير تطبيقات AIR فيه العديد من المميزات .

• Adobe AIR SDK

الخيارات السابقة كلها مكلفة بالنسبة اليك وعندك خبرة فى التعامل مع Command-line , تستطيع تحميل Adobe AIR SDK مجانا .(أعقد الحلول لانه يحتاج الى الكثير من العمل اليدوي).

وصلات ذات علاقة بالموضوع :

1. موقع Adobe AIR
2. كتاب Adobe Integrated Runtime for JavaScript Developers (كتاب الكتروني مجاني)
3. كتاب Apollo for Adobe Flex Developers Pocket Guide (كتاب الكتروني مجاني)
4. مواقع الوثائق الرسمية لـAdobe AIR (كل على حسب تقنيته) .
5. موقع مطوري Adobe AIR (يحتوي على دروس ومقالات لكل المستخدمين).
6. الاسئلة المكررة من قبل المطورين عن Adobe AIR (رجاءا قراءة تورايخ أنتهاء صلاحية البرنامج لان لكل نسخة لها تاريخ صلاحية), الاسئلة المكررة بخصوص الامان فى HTML .
7. ما الذى تعلمه فريق التطوير فىeBay عند تطويره لـeBay Desktop؟

رأيكم ياشباب?

هذا المقال كتب فى موقع مجتمع مطورى المواقع

[dev11]

رائع جداً!!

[owner]

ما شاء الله .

موضوع جميل جدا جدا ..

بما انك كتبت في المقال بأن برامج الـAIR تعمل على الوندوز وتمكن الويب ماسترز من اضافة خواص وادوات للمستخدمين دون الدخول للموقع فهذا يعني ان برامج الـAIR يجب ان يكون الكمبيوتر موصل بالانترنت لعملها .
وايضا اعتقد بأن AIR هو الـAPI ولكن بشكل مطور ..

مجرد رأي والله اعلم ..

اكرر شكري لك على هذا المقال المميز

بالتوفيق ان شاء الله

[x_yousef_x]

رائع جدا انا قريت عنه وهو مشاء الله يسهل على ويب مستر بشكل كثير

تحياتي

[ليبيانو]

بما انك كتبت في المقال بأن برامج الـAIR تعمل على الوندوز وتمكن الويب ماسترز من اضافة خواص وادوات للمستخدمين دون الدخول للموقع فهذا يعني ان برامج الـAIR يجب ان يكون الكمبيوتر موصل بالانترنت لعملها .
وايضا اعتقد بأن AIR هو الـAPI ولكن بشكل مطور ..

السلام عليكم ...

فيه نوعين من التطبيقات : تطبيقات تتصل بالانترنت زى ما أنت رديت والنوع الاخر تعمل لاتتصل واكيد التطبيقان الى من النوع الثانى أمكانياتها أقل من الاولى لأنك فى الاولى راح تستغل أمكانيات كثيرة موجودة فى الويب .

فيه مثالين فى الرابط التالى عن تطبيقات الاوفلاين لو تحب تشوفهم ( Pixelperfect و ScreenPlay ) من هنا .

لكى تعمل التطبيقات فى جهازك يجب عليك تنصيب AIR


أشكركم على الردود

فى امان الله

[-b7-]

علينا ان لا ننسا المنافس WPF & silverlight من مايكروسوفت

[أحمد أبو النصر]

الموضوع جميل فعلا يا اخ ليبيانو
هقرأه بالتفصيل و انتظر ردي

علينا ان لا ننسا المنافس WPF & silverlight من مايكروسوفت

اخ -b7- فعلا شركة مايكروسوفت بتحاول تسحب البساط من تحت شركة ادوبي بكل منتجاتها بال سيلفر لايت و لكن .....
المنافسة متأخرة جدا جدا جدا .
شركة مايكروسوفت الحاجة الوحيدة اللي بتعدمها و بتدعم السيلفرلايت انه محتاج الvisual studio و ده معناه ان فريق المصممين اتقسم نفصين نص هايعتمد علي منتجات ادوبي و النص التاني المرتبط بالvisual studio او ممكن نسميهم المبرمجين اللي عندهم هواية التصميم
و اعتذر اذا كنت اطلت بدون داعي

[ليبيانو]

السلام عليكم ...

اول شىء أعذرونى للتأخير لظروف صحية ....... !!

-b7- : يا أستاذى العزيز ... السيلفر لايت ينافس الفلاش بليير فقط لا غير لانه الاثنان مقبس ولهما خصائص متشابهة ولاينافس Adobe air .
بالنسبة ل Windows presentation foundation : انا مرة حضرت حلقة دراسية عن Air وفى الحلقة قامو بوضع شريحة توضح أن WPF يعمل على سطح المكتب بينما adobe air زى الجسر بين الانترنت و سطح المكتب .

وأشكرك على ردك

sBForum : مستنى ردك الكريم

[PrinceOfPersia]

معاومات قيمة جداً

جزاك الله خير ووفقك

[ليبيانو]

السلام عليكم ...

PrinceOfPersia : أشكرك أخى العزيز

ممكن هذه الصورة توضح ردى السابق

[أحمد خلف]

معلومات قيمة

تسارع يذهل وفي نفس الوقت يجعل الواحد يفكر اين سوف نتوقف

الصوره التوضيحية اوضحت كل النقات التي كنت سوف اسئل عنها شكراً لك

[haman]

سلام عليكم

مقال رائع ولكن حبيت ادخل بنقطه معينه ..

شركة مايكروسوفت الحاجة الوحيدة اللي بتعدمها و بتدعم السيلفرلايت انه محتاج الvisual studio و ده معناه ان فريق المصممين اتقسم نفصين نص هايعتمد علي منتجات ادوبي و النص التاني المرتبط بالvisual studio او ممكن نسميهم المبرمجين اللي عندهم هواية التصميم

السيلفر لايت ليس حكرا على برنامج الفيجوال ستديو هو فقط بيئه تطوير ومايكروسفت اخرجت مجموعه برامج لعمل تطبيقات على السيلفر لايت باستخدام الجافا سكربت كلغه معها ايضا ..

وهي

مجموعه الاكسبريشن

# Expression Studio

# Expression Web


# Expression Blend


# Expression Design


Expression Media

وهذا موقعها للمزيد من المعلومات

http://www.microsoft.com/expression

يا أستاذى العزيز ... السيلفر لايت ينافس الفلاش بليير فقط لا غير لانه الاثنان مقبس ولهما خصائص متشابهة ولاينافس Adobe air .
بالنسبة ل Windows presentation foundation : انا مرة حضرت حلقة دراسية عن Air وفى الحلقة قامو بوضع شريحة توضح أن WPF يعمل على سطح المكتب بينما adobe air زى الجسر بين الانترنت و سطح المكتب .

مافهمت طريقه الجسر كلاهما يعمل لجسر على حسب فهمي ولكن اتمنى تشرح هذه النقطه

تطبيقات الويب كلاهما يحتاج للأتصال بالنت في حاله الجلب الاولي وفي حاله الاتصال بقاعده بيانات
تطبيقات ويب تعمل في حاله عدم الاتصال مافهمت النقطه ذي ياليت تنشرح ..

في حاله التعلم والبدايه مع سيلفر لايت

هذا موقع يعطيك الادوات اللازمه مع فديوهات دروس وايضا تتوريل يعلمك الاساسيات في التعامل مع التقنيه ذي

Silverlight: Get Started


وهذي مجموعه من الابلكيشن والتطبيقات المعموله بها التقنيه

Silverlight: Showcase


للمعلوميه فقط من يقول بانها لاتنافس الفلاش فاعتقد انا انه لم يقرى عن التقنيه جيدا ولم يحاول معرفتها

نعم الفلاش قوي والشركه المطوره له لها باع طويل في التصميم

ولكن لاننسى ان مايكروسفت مطوره للغات البرمجه وعندها مكتبات هائله لتسهل التعامل مع التقنيه ..

[haman]

وهذي صفحه تعلم اي برنامج من الاكسبرشن فقط اختار البرنامج واختار اي شي تبيه عنه
دروس ملفات شرح وغيره لكل برنامج على حده وتمارين : )


http://www.microsoft.com/expression/kc/default.aspx

[ليبيانو]

سلام عليكم

مافهمت طريقه الجسر كلاهما يعمل لجسر على حسب فهمي ولكن اتمنى تشرح هذه النقطه

تطبيقات الويب كلاهما يحتاج للأتصال بالنت في حاله الجلب الاولي وفي حاله الاتصال بقاعده بيانات
تطبيقات ويب تعمل في حاله عدم الاتصال مافهمت النقطه ذي ياليت تنشرح ..



للمعلوميه فقط من يقول بانها لاتنافس الفلاش فاعتقد انا انه لم يقرى عن التقنيه جيدا ولم يحاول معرفتها

نعم الفلاش قوي والشركه المطوره له لها باع طويل في التصميم

ولكن لاننسى ان مايكروسفت مطوره للغات البرمجه وعندها مكتبات هائله لتسهل التعامل مع التقنيه ..

السلام عليكم ...
تطبيقات بسيطة تعمل بدون الاتصال بالانترنت مثلا0 لعبة ما اى شىء يعمل على سطح المكتب ومايحتاج الى الانترنت هذا ما أقصده ولو أنك شفت الراب اللى موجود فى أحد ردودى وجربت لكانت وصلت اليك الفكرة .

وانا على حسب فهمى من الصورة ان كلاهما يختلف عن الاخر !! :con2:

بالنسبة للمنافسة أنت تقصد فلاش بليير (مشغل الفلاش)... انا الصراحة قرأت وماعرفت انت تقارن بأيش بالفلاش أو AIR ؟ بSilverLight؟ مع أن موضوع المنافسة خارج سياق الموضوع لكن راح أرد عليك ....

3.2 مليار مرة تم فيه تنصيب فلاش بليير ,93% من اجهزة الكمبيوتر اللتى تدخل الانترنت فيها فلاش بليير 9 . ولاتنسى يا اخوى العزيز ان فيه أجزاء من مواقع المايكروسوفت موجود فيها الفلاش .

أدوبي أير لاينافس مايكروسوفت سيلفر لايت - دانييل دورا من شركة أدوبي

وبعدين المنافسة بين الشركتين جعلت أدوبى تفعل عدة اشياء لتحسين فلاش بليير وحتى لاشياء ثانية لها علاقة .
SilverLight 1.0 Release

AIR and WPF

هذا مش معناه ان السيلفر لايت مش قد المنافسة لكن يحتاج الى وقت لابأس به للحكم عليه ام فى الوقت الحاضر فالفلاش فى قمة ناجحه .

الوقت هو الذى يحكم !!!

والله أعلم

[haman]

السلام



نعم زي ماذكرت تطبيقات تعمل بدون الاتصال بالانترنت زي ماذكرت الالعاب والحاجات الخفيفه ..
وكلاى التقنيتين تعملانها ..


حينما نتكلم عن السيلفر لايت نعتبر مشغل مثل الفلاش فقط اما تطبيقات wpf فتختلف وتقارن بالا Air


بالنسبه لكلامك فانها لايمكن ان تقارن فانا لم اقارن البسيلفر لايت بنفس الاير وانما بالفلاش كمشغل للأنميشن ..

اما مسئله التطبيقات فدعنا نتكلم عن wpf والـ air


وانا على حسب فهمى من الصورة ان كلاهما يختلف عن الاخر !!

المسئله ليست صوره وفقط .. وتوضح المفهوم شكلا دون معرفه كيفيه العمل وماهي الميزه من استخدامي لها الغير متوفره في الباقي ..!؟

هذا ماوددت فهمه ماهي الميزه الجديده اللي ماتقدر التقنيات الثانيه توفيرها بسبب موقعها لا سطح مكتب ولا ويب ابلكيشن ..!!؟


لما اتكلم عن المنافسه اتكلم عن قوه التطبيقات ومدى فاعليتها اما بالنسبه لعدد المستخدمين في تقنيه مايكروسفت توه صادره يعني حرام بنقارنها بالفلاش اللي له اكثر من تسع سنين : )
او اكثر

ونزلت كثير من تطبيقات الاير ..

طلب مني تنزيل ملف عشان يشغل ملفات الاير .. وبعدين نزل لي التطبيق اللي انا مختاره

الى الحين مافيه شي جديد

شغلت الملف برضو الشي الجديد والوحيد اللي يفرق عن الفلاش

انه يشتغل خارج صفحات الويب فقط كنه وندوز ابلكيشن لكن يستخدم انميشن مثل الفلاش



لما نجي لل wpf في نوعين من التطبيقات في تطبيقات ويب وهذي تفتح عن طريق المتضفح
وفيه و wpf ابلكيشن وهذي اللي اعتقد انها مثل تطبيقات الاير

لان تششغيل كلى التطبيقين air و wpf الى مشغل تقنيه air و .net

الميزه ايضا لـ air هو تشغيلها على اكثر من نظام
وهو لان محرك التشغيل حق التقنيه وزع على اكثر من نظام ونفس الشي .net

يعني كلهم يستخدمون الرن تايم


تكلمت على حسب معرفتي مادري يمكن انا مخطي يمكن صح : )

لكن على كلام المقالين اللي حطيتهم انت

يتضح لي ماهنا فروقات لكن الكلام اللي قلته انت مجرد دعايه فقط ومنافسه

مع ان الانميشن والتصميم قوته افضل في wpf على حسب كلام المقالات اللي انت حاطها

لكنه يميز الاير انه سهل نقله على اي نظام ..

موب مثل .net ضخمه ويبيله وقت