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 مجانا.(أعقد الحلول لانه يحتاج الى الكثير من العمل اليدوي)
وصلات ذات علاقة بالموضوع :
- موقع Adobe AIR
- كتاب Adobe Integrated Runtime for JavaScript Developers (كتاب الكتروني مجاني)
- كتاب Apollo for Adobe Flex Developers Pocket Guide (كتاب الكتروني مجاني)
- مواقع الوثائق الرسمية لـAdobe AIR (كل على حسب تقنيته).
- موقع مطوري Adobe AIR (يحتوي على دروس ومقالات لكل المستخدمين).
- الاسئلة المكررة من قبل المطورين عن Adobe AIR (رجاءا قراءة تورايخ أنتهاء صلاحية البرنامج لان لكل نسخة لها تاريخ صلاحية), الاسئلة المكررة بخصوص الامان فى HTML .
- ما الذى تعلمه فريق التطوير فىeBay عند تطويره لـeBay Desktop؟
مقال جميل وواضح جدا
شكرا
شكراً لك أخي الكريم
بالفعل هي مشكلة ولكن البرنامج جميل , وسأجربه بإذن الله .
تحياتي
فراس
يعطيك ألف عافيـة, مقال جميل جداً
وأستفدت منه الكثير ,, أتمنى منك إكمال هالسلسلة المميزة من المواضيع
رابط صفحة تحميل منتج AIR بالنسخة التجريبية
http://labs.adobe.com/downloads/air.html
السلام عليكم …
أشكركم جزيل الشكر على الردود !!
أحب أقول شىء أنى أضفت فقرة خاصة بالبرامج لكى تأخدو فكرة عن البرامج المستخدمة لل Air , ومن الممكن أن أضيف فقرات أخرى فى المستقبل الى هذه المقالة .
Emo :
اكيد !!!! ان شاء الله فى المستقبل القريب !
فى امان الله
السلام عليكم ورحمة الله وبركاته،
لقد قمت بإنزال eBay Desktop
من خلال تجربتي للتطبيق من منظور عام فهو تطبيق مميز كما يظهر صحيح انني لم اتمكن من استخدام جميع خصائص التطبيق لسبب انني غير مشترك في موقع eBay من قبل.
كما قمت ايضاً بتنزيل Adobe Media Player
ايضاً كان مميزاً حيث يعبّر عن تطبيق ارقى من برنامج الفلاش في العرض بالإضافة إلى تمثيله لتطبيق مكتبي جميل.
السيء في البرنامج هو محاولته كما يبدو للإتصال بالموقع لتحميل محتوى دليل الفيديو لأختار منه ما ارغب في تحميله ولكنه في كل مرة يحاول ذلك لا يقوم بإيجاد شيء ولا يذكر لي خطئاً لذلك.
بالإضافة إلى ذلك فحجم البرامج كما يبدو مناسبة جداً.
اعتقد من الأفضل هو تجربة القيام بمثل هذه التطبيقات واختبار مدة سهولة الامر وتميزه، اشكرك جزيل الشكر على لفت الإنتباه لهذا البرنامج القيّم، كما اتمنى ان تتحفنا بجديدك.
الجدير بالذكر ان البرامج يتم إنزالها في الجهاز كأي برنامج آخر فهي تضاف في قائمة إضافة وإزالة البرامج في لوحة التحكم، بل تركيبها اسهل من ذلك، وحذفها ايضاً.
لا انسى وضع بعض الصور:
http://www.almashroo.com/wp-content/uploads/2007/10/2.PNG
http://www.almashroo.com/wp-content/uploads/2007/10/3.PNG
السلام عليكم ورحمة الله وبركاته
الموضوع بصراحه ممتاز جدآ لأنه علمنا شي جديد في عالم التكنلوجيه في النترنت وعطيك الف عافيه أنت والقائمين معك على إيجاد مثل هذا الدروس
ولكم مني كل أحترام وتقدير،،،
السلام عليكم ..
اعتذر عن تأخرى للرد بسبب مرضى الايام الماضية .
أخى أبوخالد أشكرك على ردك , بالنسبة لموضوع AMP انا لى فترة لابأس بها أجرب فى هذا البرنامج ودليل الفيديو يعمل بشكل جيد معى اذا لازالت المشكلة لديك حتى اليوم فانصحك ان تبحث يمكن تلاقى موضوع زى موضوعك أو تكتب موضوع جديد عن مشكلتك فى هذا المنتدى
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=658
ومرة ثانية أشكرك على ردك :) .
mmshaer49 : أشكرك يا اخى جزيل الشكر على ردك الكريم .
فى امان الله
وعليك السلام ورحمة الله،
تقوم بالسلامة ياربّ،
لقد قمت بإعادة المحاولة والتجربة اليوم للبرنامج، وعمل بكفاءة ولله الحمد،
اشكرك بحرارة على هذه المعلومات القيّمة،
لا انسى ان اذكر ان ما يميز البرنامج هو سرعته في جلب المعلومات من الشبكة، وهذا ان دل على شيء فيدل على قلّة البيانات المرافقة للمحتوى الفعلي التي يطلبها البرنامج من الشبكة، لدرجة انني احتقد انه يجلب المحتوى من الإنترنت فقط، بالتالي خفف على نفسه كمية نقل البيانات التي يستهلكها متصفحي البرنامج بالإضافة عدم إعادة تحميل صور التصميم أو خلافه مرّة أخرى، حيث البرنامج يعمل مرفق معه التصميم له.
لك منّي أجمل تحية
ابو خالد
السلام عليكم ..
اخى ابوخالد فى البداية أشكرك على ردودك وعلى تفاعلك فى هذا المقال !!
بالنسبة للموضوع الثانى موضوع AMP افرحتنى لما قلت انه اشتغل معاك وان شاء الله يكون عجبك !!! فيه جملة لفتت أهتمامى فى كلامك الا وهى (لدرجة انني اعتقد انه يجلب المحتوى من الإنترنت فقط) , ما اعرف اذا فهمتك صح او لا لكن برنامج AMP يستدعى فى ملفات FLV اللى موجودة فى الدليل (والدليل هو عبارة عن مواقع تحتوى على فيديوات يتم تحمليها داخل البرنامج) عن طريق RSS والله أعلم . وتقدر بواسطة البرنامج التفرج على ملفات FLV اوفلاين لان تقريبا ماقلت هذه المعلومة .
على العموم لسه امامنا الكثير لنعرفه عن هذه التقنية , المقال كان مجرد ملخص بسيط عن الموضوع .
واشكركم مرة ثانية جميعا على ردوكم واسعدنى جدا ان المقال قد أعجبكم !!
فى امان الله
مقال مفيد جدا
السلام عليكم …
أسعدت جدا بروية ردك ياخوي omarino14 في موضوعي القديم نسبيا !!
في امان الله
رائع جدا يا غالي معلومات في القمة و مفيدة
بالتوفيق لك
http://www.marocplus.net
ماشاء الله عليك اخوي صراحة موضوع جمييل وشيق
بس اخواني انا مبيتدء في مجال برمجة المواقع انا اتقن لغة الهتمل وقاعد اتعلم الجافاسكربت وراح اواصل التعليم الى النهاية باذن الله لكن لدي استفسار ممكن يكون
غبي بعض الشي هذة التقنية AIR كيف استطيع ان اتعامل معها عن طريق الجافاسكربت واعمل تطبيقات تعمل على سطح المكتب لاني بصراحة لحد احس نفسي
مافهمت كويس اتمنى من الاخوان توضيح كيف اتعامل مع هذة التقنية عن طريق الجافاسكربت
ولكم جزيل الشكر والاحترام اخواني
قد كتبت موضوع فى مدونتى عن البدايه الصحيح لتعلم برمجه ال AIR من هناhttp://keepondev.wordpress.com/2008/06/30/how-learn-air/
برمجه الإير بإستخدام javascript
http://keepondev.wordpress.com/2008/06/30/how-learn-air/
يعطيك العافية اخوي وبارك الله فيك
ولكن هل يوجد مراجع باللغة العربية
وفي سؤال اخر
انا قاعد اتعلم الجافاسكربت بس توني ما خلصتهاا
يعني ايهم ابدء بالتعلم الجافاسكربت ثم ابدء بتعلم تقنية AIR
ام العكس
او ابدء بجميعهن يعني بالجافاسكربت وبهذة التقنية
ارجو التوضيح
ولك جزيل الشكر
السلام عليكم …
اخوي سالم تعلم الجافاسكريبت وبعدين تعلم AIR .
ولو انك حاب تجرب ماتتعلمه في الجافا على الاير ما اظن انه فيه مشكلة :)
سلام
يعطيك العافية اخوي Libyano على التوجيه
وباذن الله راح اتبع نصيحتك اخوي
بارك الله فيك
يعطيك العافية