You are on page 1of 198

‫مترجم من اإلنجليزية إلى العربية ‪- www.onlinedoctranslator.

com‬‬

‫برمجة تطبيقات الجوال‬

‫د‪ .‬عزمي هلسه‬


‫طبقات نظام الكمبيوتر‬

‫• يمكن النظر إلى أنظمة الكمبيوتر‬


‫على أنها "نظام متعدد الطبقات"‬
‫• تتواصل كل طبقة مع الطبقة‬
‫الموجودة أعلىها أو أسفلها مباشرةً‬

‫‪2‬‬
‫ما هي البيانات؟‬

‫• بياناتهي الكلمات واألرقام والتواريخ والصور واألصوات وما إلى ذلك بدون سياق ‪.‬‬
‫• في بعض األحيان نشير إلى البيانات على أنها غير منظمةحقائق خامأواألرقام‬
‫• يتم تمثيل البيانات بمساعدة أحرف مثل الحروف الهجائية (من األلف إلى الياء‪ ،‬من األلف إلى الياء)‪ ،‬أو‬
‫األرقام )‪(0-9‬أو األحرف الخاصة ‪= ،>،<،*،/،-،(+‬وما إلى ذلك‪).‬‬

‫على سبيل المثال‪:‬‬

‫‪H00234561, 92, CIS1003,‬أ ‪,‬أحمد‬

‫الموز‪1.39 ،2.00 ،01/12/18 ،‬دوالر‪2.78 ،‬دوالر‬

‫‪3‬‬
‫ما هي المعلومات؟‬

‫• معلومةعبارة عن مجموعة من الكلمات واألرقام والتواريخ والصور واألصوات وما إلى ذلكسياق‪ ،‬أي‬
‫لمنحهممعنى‪.‬‬
‫على سبيل المثال‪:‬‬
‫طالب يحمل رقم ‪H00234561‬اسمه أحمد حصل على ‪92%‬في امتحان ‪CIS1003‬وحصل على تقدير ‪A‬‬
‫اشترى عميل ‪2.00‬كجم من الموز بتاريخ ‪12/01/18‬بسعر ‪1.39‬دوالرا أمريكيا بإجمالي ‪2.78‬دوالرا‬
‫أمريكيا‬
‫هذه معلومات‪-‬البيانات وضعت في السياق‪.‬‬

‫• وبعبارة أخرى‪ ،‬المعلوماتالبيانات المعالجة‪.‬‬

‫‪4‬‬
‫دورة معالجة المعلومات‬

‫النموذج اإلدخال واإلخراج ‪(IPO).‬هو نموذج وظيفي يحدد المدخالت والمخرجات ومهام‬
‫المعالجة المطلوبة للتحويلالمدخالتداخلالنواتج ‪.‬يتضمن النموذج أيضا أي تخزين للبيانات قد‬
‫يكون مطلوبا‪.‬‬
‫مالحظة ‪:‬يتم تطبيق هذا النموذج في العديد من الصناعات والقطاعات وخاصة في مجال اإللكترونيات واآلالت‪.‬‬

‫كمبيوترهوجهاز معالجة البيانات اإللكترونيةالذي ‪-‬التي‪،‬‬


‫يقبل ويخزن إدخال البيانات‪،‬‬ ‫•‬
‫معالجة إدخال البيانات‪ ،‬وتخزين النتائج‬ ‫•‬
‫يولد اإلخراج بالتنسيق المطلوب‪.‬‬ ‫•‬

‫‪5‬‬
‫دورة معالجة المعلومات –مثال ‪1‬‬

‫‪6‬‬
2 ‫دورة معالجة المعلومات –مثال‬

:https://www.bbc.co.uk/education/guides/z46s4wx/revision/2‫لمزيد من األمثلة انظر‬

7
‫حواسيب شخصية‬

‫• مصممة ليتم استخدامها من قبل شخص واحد في كل مرة‬


‫• أداة لتعزيز اإلنتاجية واإلبداع والتواصل‬

‫‪8‬‬
‫أعط أمثلة على أجهزة الحوسبة الشخصية األخرى‬

‫‪9‬‬
‫أجهزة محمولة‬

‫• الهواتف الذكية واألجهزة اللوحية‬


‫‪‬خدمة اإلنترنت‬
‫‪‬الوصول إلى البريد اإللكتروني‬
‫‪‬الكاميرات الرقمية‬
‫‪‬نظام تحديد المواقع‬
‫‪‬أدوات رسم الخرائط‬
‫‪‬تحرير المستندات‬
‫‪‬تطبيقات الموبايل‬

‫‪10‬‬
‫األجهزة القابلة لالرتداء ونظام تحديد المواقع‬

‫• نظام تحديد المواقع (نظام تحديد المواقع‬ ‫‪ ‬األجهزة القابلة لالرتداء‬


‫العالمي)‬
‫‪‬األجهزة التي يتم ارتداؤها على‬
‫‪‬نظام المالحة المعتمد على األقمار الصناعية‬
‫الجسم‬
‫‪‬يستعمل ل‪:‬‬
‫الموقع والمالحة‬ ‫•‬
‫‪‬يستعمل ل‪:‬‬
‫تتبع‬ ‫•‬ ‫المراقبة الصحية‬ ‫•‬
‫رسم الخرائط‬ ‫•‬ ‫تواصل‬ ‫•‬
‫توقيت‬ ‫•‬ ‫العمليات العسكرية‬ ‫•‬
‫ترفيه‬ ‫•‬
‫‪http://www8.garmin.com/aboutGPS/‬‬ ‫‪https://www.wearable-technologies.com/2016/01/the-most-successful-wearables-for-consumers/‬‬

‫‪11‬‬
‫االندرويد ايفون ‪ !!..‬المصارعة‬
‫جدول أعمال‬

‫مقدمة لتطوير تطبيقات الهاتف المحمول‬ ‫•‬


‫من هم قادة الصناعة‬ ‫•‬
‫منصات تطوير تطبيقات الهاتف المحمول‬ ‫•‬
‫أنواع تطبيقات الهاتف المحمول‬ ‫•‬
‫بيئة التطوير‬ ‫•‬
‫ملخص‬ ‫•‬
‫االندرويد ايفون ‪ !!..‬المصارعة‬
‫االندرويد‬
‫دعونا ندخل في الجبهة‬
‫مقدمة‬

‫يتم تطوير تطبيقات الهاتف المحمول الحديثة لألجهزة التي تسمى الهواتف الذكية‪.‬‬ ‫•‬
‫تم تجهيز الهواتف الذكية بميزة االتصال التي تمكنها من العمل كجهاز كمبيوتر‬ ‫•‬
‫محمول ‪.‬ويتم هذا االتصال من خاللواي فايوتقنيات ‪3/4G.‬‬
‫تشمل الميزات القياسية في الهواتف الذكية شاشة تعمل باللمس‪ ،‬وكاميرا‪،‬نظام‬ ‫•‬
‫تحديد المواقع‪ ،‬مشغل الوسائط‪ ،‬التخزين‪.‬‬
‫غالبا ما يُشار إلى أنظمة المعلومات المبتكرة التي تم تطويرها لهذه الهواتف باسم‬ ‫•‬
‫"التطبيقات‪".‬‬
‫مقدمة‬

‫• نظرا ألن الهواتف الذكية يمكن أن تعمل كجهاز كمبيوتر صغير محمول‪ ،‬فهي‬
‫مجهزة بالمعالج وذاكرة الوصول العشوائي والتخزين‪.‬‬
‫مقدمة‬

‫تشمل األجهزة المحمولة أيضا‬


‫• مساعد رقمي شخصي‪/‬مساعد رقمي للمؤسسات‬
‫• هاتف ذكي‬
‫• الكمبيوتر اللوحي‬
‫• كمبيوتر محمول فائق‬
‫• األجهزة القابلة لالرتداء‬
‫قادة الصناعة‬

‫سامسونج‬ ‫•‬
‫تفاحة‬ ‫•‬
‫لينوفو‬ ‫•‬
‫هواوي‬ ‫•‬
‫إل جي‬ ‫•‬
‫اتش تي سي‬ ‫•‬
‫نوكيا‬ ‫•‬
‫إلخ‪.‬‬ ‫•‬
‫منصات تطوير تطبيقات الهاتف المحمول‬

‫• يتم تطوير التطبيقات لألجهزة المحمولة على منصة التطوير‪.‬‬


‫• تشمل المنصات الشعبية‬
‫ذكري المظهر‬ ‫•‬
‫دائرة الرقابة الداخلية‬ ‫•‬
‫شبابيك‬ ‫•‬
‫بالك بيري‬ ‫•‬
‫• في هذه الدورة‪ ،‬سنركز على التطوير على منصة واحدة ونتعلم كيفية إنشاء‬
‫التطبيقات‪.‬‬
‫منصات تطوير تطبيقات الهاتف المحمول‬

‫• الحصة السوقية لمنصات تطوير األجهزة المحمولة ‪-‬يناير ‪2015 -‬‬


‫‪ http://danmartines.com/2015/07/09/‬مايكروسوفت‪-‬إعادة التركيز‪-‬استراتيجية‪-‬الهاتف‪/‬‬
‫نظام االندرويد‬

‫• هو نظام مجاني ومفتوح مبني على المصدر على نواة لينكس‬


‫يتم تطوير األندرويد من قبل بنك التفاعلي المباشر للجوال الذي‬
‫تديره شركة جوجل‪.‬‬

‫• اشترت جوجل نظام أندرويد من المطورين األساسيين الكاملين‬


‫في سنة ‪ ،2005‬في حين كان اإلعالن الرسمي عنه في ‪5‬‬
‫نوفمبر ‪ 2007‬بالتزامن مع تجربة رائعة ومبتكرة للهاتف المحمول‪.‬‬
‫نظام االندرويد‬

‫• جوجل بالي هو متجر متاح علي اإلنترنت‬


‫وكتطبيق على هواتف أندرويد يدار بواسطة‬
‫جوجل في سبتمبر ‪ ،2012‬وصل عدد التطبيقات‬
‫المتواجدة بالمتجر ‪ 675,000‬تطبيق‬
‫وعددالتحميالت‪ 25‬مليار تحميل‪.‬‬

‫• يعد األندرويد حاليا النظام األكثر انتشاراً بـ ‪500‬‬


‫مليون جهاز مفعل ونسبة مشاركة بالسوق‬
‫بنسبة ‪%62‬‬
‫اصداراتنظام االندرويد‬

‫• كلمةذكري المظهراإلنجليزية تعني أن تكون على‬


‫هيئة إنسان‪.‬‬
‫ن‬ ‫غيره (م‬
‫هالم‬ ‫• يتميز الهاتف بالمرونة والسهولة ‪.x‬عن‬
‫جلين فول‬
‫‪ 28‬يونيو ‪2012‬‬ ‫‪%1.8‬‬
‫الفول)‬ ‫االلكترونيات ‪.‬‬
‫‪4.0.x‬ساندويتش‬
‫هوكي كريم (سندويش‬ ‫‪ 19‬أكتوبر ‪2011‬‬ ‫‪%23.7‬‬
‫االيسكريم)‬
‫‪3.xx‬قرصة العسل‬
‫‪ 22‬فبراير ‪2011‬‬ ‫‪%1.9‬‬
‫(خلية النحل)‬
‫‪2.3.x‬خبز الخبز (خبز‬
‫‪ 6‬ديسمبر ‪2010‬‬ ‫‪55.8‬‬
‫الزنجبيل)‬
‫تطوير نظام أندرويد‬
‫للطبقة األخيرةوهي عبارة عن برامج‬
‫خاصة ببرامج ويبها وتطبيقات الحقة‬
‫باإلضافة إلى إلي التطبيقات التي‬
‫ستفعلها إن شاء هللا‪ ،‬فما رأيكم أن‬
‫نجرب األن أول تطبيق لنا‪.‬‬

‫تحتوي علي وهي أداة خاصة باألندر‬


‫ويد بترجمةاألكوادتحتوي بأي شكل‬
‫من األشكال على تطبيق ليعمل على‬
‫ضا على مكتبات متعددة‬ ‫الجهاز وأي ً‬

‫األولىوهي اقرب هلل اردير هي‬


‫نواة‪com.links‬فهي تقوم بإدارة خدمات النظام‬
‫الرئيسية زي إدارة الذاكرة وهي معروفة‬
‫بتفاصيلها التي تشمل قطع الهاردوير الخاصة‬
‫بالجهاز وبقية النظام‬
‫نواة لينكس‬

‫يعمل بمثابة هال‬ ‫•‬


‫برامج تشغيل األجهزة‬ ‫•‬
‫إدارة الذاكرة‬ ‫•‬
‫ادارة العمليات‬ ‫•‬
‫الشبكات‬ ‫•‬
‫المكتبات‬

‫مكتبات ‪C/C++‬‬ ‫•‬


‫واجهة من خالل جافا‬ ‫•‬
‫مدير السطح –التعامل مع واجهة مستخدم ‪Windows‬‬ ‫•‬
‫رسومات ثنائية وثالثية األبعاد‬ ‫•‬
‫برامج ترميز الوسائط‪ ،SQLite ،‬محرك المتصفح‬ ‫•‬
‫وقت تشغيل أندرويد‬

‫• دالفيك ‪VM‬‬
‫– ملفات ديكس‬
‫– مدمجة وفعالة من ملفات الفئة‬
‫– محدودية الذاكرة وطاقة البطارية‬
‫• المكتبات األساسية‬
‫– جافا ‪5‬الطبعة القياسية‬
‫– المجموعات‪ ،‬اإلدخال‪/‬اإلخراج‪ ،‬إلخ‪...‬‬
‫إطار تطبيق‬

‫• واجهة ‪API‬‬
‫• مدير النشاط –يدير دورة حياة التطبيق‪.‬‬
‫التطبيقات‬

‫• المدمج في وتطبيقات المستخدم‬


‫• يمكن أن يحل محل التطبيقات المضمنة‬
‫الهاتف الذكي ‪ ...‬هو‬

‫• هو الجهاز الذي يحيي خدمات تقنية متعددة الوظائف ويدعم‬


‫تطبيقات التصوير والمشاركة والبيع والشراء والخدمات المكتبية‬
‫واإلنترنت‬
‫نظم التشغيل‬

‫• ‪:‬دائرة الرقابة الداخلية هو نظام مصمم ومحدث من قبل‬


‫الشركةتفاحةساهم في تسارع تسارع في العالم‪.‬‬
‫منتجات أبل‬

‫ماك‬ ‫•‬
‫آيفون‬ ‫•‬
‫أبل تي في‬ ‫•‬
‫آيباد‬ ‫•‬
‫آيبود‬ ‫•‬
‫ماك أو تسعة‬ ‫•‬
‫آي تيونز‬ ‫•‬
‫سفاري‬ ‫•‬
‫تاريخ أبل‬

‫تعمل شركة لوس أنجلوس المتعددة الجنسيات على تصميم‬ ‫•‬


‫وتصنيع منتجات إلكترونية مستهلكة وبرامج الكمبيوتر‪.‬‬
‫تأسست الشركة في كاليفورنيا في األول من نيسان عام‬ ‫•‬
‫‪1976‬‬
‫الشركة ما يزيد عن ‪ 35000‬موظ ًفا حول العالم‬ ‫•‬
‫وبلغت مبيعاتها عالميا ‪ 32.48‬مليار دوالر أمريكي‬ ‫•‬
‫بيع أبل‬
‫نظاموندوزفون‬

‫• تم إصدار نظام تشغيل الكاميرا الذكي في ‪ 21‬أكتوبر ‪ 2010‬في‬


‫أوروبا‪ ،‬أستراليا‪ ،‬نيوزيالندا و ‪ 8‬نوفمبر ‪ 2010‬في الواليات‬
‫المتحدة األمريكية‪ ،‬في آسيا أول ‪.2011‬‬

‫• مع ويندوز فون ‪ 8‬مايكروسوفت تقدم لك نظام‬


‫المنتجاتبواجههمميزة تمسى (الميترو) وهي فريدة من نوعها‪.‬‬
‫نظاموندوزفون‬

‫ميترو‬
‫سريعة‬
‫نقاط مهمة قبل االنطالق‬

‫• أن معظم الهواتف نظم ذكية مصممة من نظام يونكس كنظام‬


‫األندرويد (ذكري المظهر)وآويأو إصداره (دائرة الرقابة الداخلية )‪،‬أو طرق‬
‫تعتمد على البرمجة الشيئيةسي‪ ،++‬جافا‪.‬‬

‫• كل الهواتف الذكية عن بعد من شركات فرعية متخصصة مثل‪:‬‬


‫بعض األجهزة الذكية من شركة سامسونج الواضحة لالتصال‬
‫بهذا المجال‪.‬‬
‫• هنا ال أفضل جهازا على آخر تخصيصا‪ ،‬وتؤكد بشكل أفضل بعض‬
‫الخدمات الموجودة على بعض األعضاء وحقيقة‪ ،‬فمثال وفرة‬
‫البرامج في اآليفون أكثر من األندرويد فأفضل اآليفون في هذه‬
‫النقطة‬
‫• عندما تقتني الهاتف كن ناقداً (في الصميم)فال تجامل في خدماته‬
‫ومواصفاته أي شيء‪ ،‬وال تغتر باإلعالنات وبائعي محالت الجوال‬
‫والكمبيوتر والمسوقين‬

‫• هناك بعض الخدمات غير موجودة في بعض األجهزة إال أننا ال‬
‫نجد حال ً لهذه المشكالت في بعض البرامج‪.‬‬
‫• الكمبيوتر الشخصي أو الكمبيوتر المحمول ال يمكن أن يستغنى‬
‫عنه بأجهزة الكمبيوتر اللوحية أو الهواتف الذكية‪ ،‬ألن كل نطاق‬
‫يختلف في األداء والمضمون واالستخدام عن اآلخر‪ ،‬ويفرق بين‬
‫الهواتف الذكية اللوحية والكمبيوتر المحمول‪.‬‬

‫• ليس من الموعد المتوقع لحدوث المجردة بين نظام‬


‫التشغيلدائرة الرقابة الداخلية وذكري المظهرلماذا جزء ال ينفصل عن‬
‫الجهاز‪.‬‬
‫معايير االختيار‬

‫• ويعتقد أنه المقياس الحقيقي لكل شيء يراد تقييمه‬


‫بموضوعية‪ ،‬ومن خالل البحث الصارم لمعايير الخبرة وأراء‬
‫المستخدمين في المجال الذكي‪ ،‬هؤالء يريدون أن تتمكن من‬
‫الوصول إلى أقرب هاتف ذكي يناسبك‬
‫االختيار واألسس التعليمية الذكية‬

‫سهولة سهولة خدمات الرسائل كـ(بطاقة األعمال والوسائط)‪.‬‬ ‫•‬


‫عدم وضوح خدمات االتصال والمكالمات الصغيرة‬ ‫•‬
‫اسمه اسم‪.‬‬ ‫•‬
‫طول نظام التشغيل ‪.‬‬ ‫•‬
‫وفرة برامج النظام الخدمية للتخصيص ‪.‬‬ ‫•‬
‫قوة أداء األلعاب‪.‬‬ ‫•‬
‫طول عمر البطارية ‪.‬‬ ‫•‬
‫وبدلة استبدال الطاقة وشحن البطارية ‪.‬‬ ‫•‬
‫لمسة مميزة ‪.‬‬ ‫•‬
‫االختيار واألسس التعليمية الذكية‬

‫درجة ألوان الشاشة ‪.‬‬ ‫•‬


‫تصوير نهائي‪.‬‬ ‫•‬
‫خدمات نقل وشراكة ملفات المربوطة ببرامج الهاتف‪.‬‬ ‫•‬
‫سرعة االتصال االلكتروني ‪.‬‬ ‫•‬
‫التحميل من اليوتيوب التالي صيغ سواء كان فيديو أو صوت‬ ‫•‬
‫حصانة النظام من الفيروسات‪.‬‬ ‫•‬
‫قوة تنفيذ برامج الشبكات االجتماعية‪.‬‬ ‫•‬
‫السعر‪.‬‬ ‫•‬
‫استخدام المتخصص ‪.‬‬ ‫•‬
‫البرامج المخصصة ‪.‬‬ ‫•‬
‫من الكل‬
‫أ‬
‫مميزات الهاتف والنظام‪:‬‬

‫تم تعديل الجهاز من بين الخيارات الخدمية اآللية مما كان عليه في‬ ‫•‬
‫ظل التغيرات التي يمكنك مشاهدتها مقاطع المقارنة بين ‪ 4‬و ‪4‬سفي‬
‫موقع اليوتيوب‪.‬‬
‫دعم النظام من قبل مواقع تجارية كبرى كموقع أي فون إسالمي‬ ‫•‬
‫وغيرها ‪.‬‬
‫وفرة برامج بالمتجر وسرعة التصميم وضبط المعايير‪.‬‬ ‫•‬
‫حصانة النظام بدون حماية (جيل بريك)‪.‬‬ ‫•‬
‫الشركة العراقية وقوة أداء النظام الخارجي‪.‬‬ ‫•‬
‫وجود قوة ألداء األلعاب الخاصة للمحترفين ‪.‬‬ ‫•‬
‫السكر خدمة الشخصيةسيري متوفر في الدول التالية‪ :‬أمريكا وانجلترا‬ ‫•‬
‫وفرنسا ووستراليا وألمانيا ودول ستضاف في المرحلة القادمة ‪.‬‬
‫مالحظات على النظام‬

‫مركزية التحكم بنظام فالمستخدم محصور في رأي الشركة‪.‬‬ ‫•‬


‫محدودة البلوتوث‪.‬‬ ‫•‬
‫برمجياتها محدودة لتخصيص‪.‬‬ ‫•‬
‫ال يمكن حفظ النظام والجهاز باستثناء البرامج الضرورية أو بكسر الحماية‪.‬‬ ‫•‬
‫النظامدائرة الرقابة الداخلية‪5‬حصريا على اجهزة ابل‪.‬‬ ‫•‬
‫ال يوجد فيه ذاكرة خارجية‪.‬‬ ‫•‬
‫نطاق نقل الملفات ومشاركتها مع برامج أخرى‪.‬‬ ‫•‬
‫ال تؤثر مع الجانب الجديدسيموالتعامل معه يكون مع صغرى الصغير فقط‪.‬‬ ‫•‬
‫دعم الفالش حلأتش تي أم أل ‪ 5‬حيث لم يكن في البداية هناك دعم للفالش‬ ‫•‬
‫في االختالفات السابقة‪ ،‬ولكن بعد التحديث األخير تم دمج الفالش‬
‫المدمجأتش تي أم أل ‪5‬متوفر لدى النظام‪.‬‬
‫قليل تعدد مصادر الشحن للبطارية إال من خالل منفذها الوحيد‪.‬‬ ‫•‬
‫مميزات الهاتف والنظام‪:‬‬
‫ووفرة الطاقة لبطارية الجهاز حيث تشارك مع شاحن (نوكيا – بالك بيري)‬ ‫•‬
‫باإلضافة إلى وصل الشحنة التي تحدد مع الشاحن الصغير والكبير ‪.‬‬
‫برامج مجانية للنظامذكري المظهرخاصة لتاجرة الشرق األوسط ‪.‬‬ ‫•‬
‫وجود مدخل للوصولةيو اس بي ‪ 2.0‬نقل الملفات الخاصة بك‪ ،‬وتركيب الفأرة ولوحة‬ ‫•‬
‫المفاتيح على النظام‪.‬‬
‫النظام مفتوح بالكامل‪.‬‬ ‫•‬
‫إمكانية سهولة نقل ملفات الجالكسي اس تو إلى الالب توب الذكي اآلخر‪.‬‬ ‫•‬
‫تثبيت البرامج بعد تثبيتها مؤخرًا على نظامدائرة الرقابة الداخلية‪5.‬‬ ‫•‬
‫تحميل من اليوتيوب وتشغيل الصيغ‪.‬‬ ‫•‬
‫خفيفة الوزن وشاشته مقاومة للكسر‪.‬‬ ‫•‬
‫شراكة تشغيل الملفات عبر التلفزة الذكية بدون برامج التسوق‪.‬‬ ‫•‬
‫ذاكرة خارجية باإلضافة إلى إمكانية تغيير البطارية‪.‬‬ ‫•‬
‫إمكانية استبدال البطارية في حالة العطل بكل سهولة‬ ‫•‬
‫مالحظات على النظام‬
‫مكان زر قفل الجهاز غير مناسب حيث يتعارض مع زر التحكم بالصوت والمكالمات‬ ‫•‬
‫الجهاز قد يتعرض للفيروس إذا تم التحميل من خارج المتجر ‪.‬‬ ‫•‬
‫خاصية تحديد النص ليس على الوضع وكذلك لوحة المفاتيح ولكن يمكن حل المشكلة‬ ‫•‬
‫تقريبي عن طريق برامج التخزين‪.‬‬
‫مصطلحات الجودة‪.‬‬ ‫•‬
‫حا لجودة التصميم الرسمي سواء كانت واسعة النطاق أو برامج‬ ‫لقد أصبح النظام متا ً‬ ‫•‬
‫البرمجيات‪.‬‬
‫بعض التطبيقات تحتاج إلى تطوير الخدمات وتطبيقات الشبكات االجتماعية‪.‬‬ ‫•‬
‫قليل من الدعم المعلوماتي عن النظام والجهاز‬ ‫•‬
‫قد تكون بعض البرامج فعالة للماركت األمريكي وغيره للشرق األوسط إال بتركيب‬ ‫•‬
‫االحتياجات‪.‬‬
‫تحتاج بعض البرامج أو األلعاب إلى ذاكرة خارجية أو برامج تشغيل األلعاب‪.‬‬ ‫•‬
‫تنبيه هام‬
‫• قد تكون بعض المالحظات غير وردية عند بعض المستخدمين‬
‫بحكم خصوصيتهم وبعضها غير ضار مثل جودة األلعاب فبعض‬
‫المستخدمين هواة لأللعاب االحترافية العالية ‪.‬‬
‫مترجم من اإلنجليزية إلى العربية ‪- www.onlinedoctranslator.com‬‬

‫مبادئ تطبيقات الهاتف المحمول‬


‫‪CIA 3303‬الفصل ‪2‬‬
‫جدول أعمال‬

‫• لماذا تطوير تطبيق جوال‬

‫• هندسة التطبيق‬
‫عميل رقيقضدعميل سميك‬ ‫•‬
‫الطبقات واالتصال‬ ‫•‬
‫ويب الجوال والتطبيقات األصلية والمختلطة‬ ‫•‬
‫دورة حياة التطبيق‬ ‫•‬

‫• اعتبارات تصميم التطبيق‬


‫نطور تطبيقًا للهاتف المحمول؟‬
‫لماذا ّ‬

‫تعمل تطبيقات الهاتف المحمول على تحويل البرامج الشخصية وبرامج األعمال‪.‬‬ ‫•‬
‫تقوم الحكومات والشركات بتخطيط وتنفيذ استراتيجية الهاتف المحمول‬ ‫•‬
‫قدرات الوجودمحمولة للغاية واعية بالبيئةمن خالل أجهزة االستشعار المدمجة‬ ‫•‬
‫هي الميزات الرئيسية لألجهزة المحمولة التي ترغب المؤسسات في استغاللها‪.‬‬
‫توفر األجهزة المحمولة إمكانية االتصال عبر عدة طرق‪.‬‬ ‫•‬
‫بينماواي فاياإلشارات لها نطاق محدود‪ ،‬واإلشارات الخلوية موجودة في كل مكان‬ ‫•‬
‫نطور تطبيقًا للهاتف المحمول؟‬
‫لماذا ّ‬

‫• تتمتع األجهزة المحمولة بالقدرة على التقاط البيانات عند وقوع األحداث‪.‬‬
‫• على سبيل المثال‪ ،‬يسمح استخدام أجهزة مثل الكاميرا والميكروفون بتسجيل البيانات من‬
‫المصدر‪.‬‬
‫• تقدم األجهزة المحمولةإمكانية الوصول المحسنةبين التكنولوجيا ومستخدميها‪.‬‬
‫• على سبيل المثال‪ ،‬أصبح من السهل اآلن الوصول إلى رسائل البريد اإللكتروني واألخبار‬
‫والطقس وما إلى ذلك‪.‬‬
‫• لقد تجاوزت مبيعات األجهزة اللوحية مبيعات أجهزة الكمبيوتر المحمول‪ ،‬كما‬
‫تجاوزت مبيعات األجهزة المحمولة مبيعات األجهزة اللوحية‪.‬‬
‫نطور تطبيقًا للهاتف المحمول؟‬
‫لماذا ّ‬

‫• تقوم المؤسسات بإنشاء تطبيقات مدمجةأجهزة االستشعار من األجهزة المحمولة‪.‬‬


‫• تستخدم وسائل التواصل االجتماعي أجهزة استشعار إلخطار جهات االتصال‬
‫األخرى القريبة حاليًا من مستخدمها‪.‬‬
‫• يمكن توجيه العمالء إلى متجر قريب أو حتى العثور على منتج معين داخل المتجر‪.‬‬
‫• يتيح متجر ‪Google Play‬ومتجر تطبيقات ‪Apple‬للمطورين إنشاء‬
‫تطبيقات للمستهلكين وتوزيعها مباشرة على العميل‪.‬‬
‫• التحدي الذي يواجه المطور هو جعل تطبيقاته مثيرة لالهتمام وسهلة االستخدام‪.‬‬
‫أنواع العميل المحمول‬

‫• هناك العديد من أنواع األجهزة المحمولة‪ ،‬بما في ذلك أجهزة‬


‫)‪ ،Research In Motion (RIM‬والهواتف الخلوية‪ ،‬وأجهزة‬
‫المساعد الرقمي الشخصي‪ ،‬وأجهزة الكمبيوتر اللوحية‪ ،‬وأجهزة‬
‫الكمبيوتر المحمولة‪.‬‬

‫• يمكن أن تعمل هذه األجهزة المحمولة عادًة ً كعمالء رفيعين أو عمالء‬


‫سمينين‪.‬‬
‫رقيقة العمالء‬

‫• رقيقة العمالءليس لديهم رمز تطبيق مخصصوبشكل كاملاالعتماد على‬


‫الخادملوظائفها‪.‬‬

‫• إنهم ال يعتمدون بشكل كبير على نظام تشغيل الجهاز المحمول أو نوع الجهاز‬
‫المحمول مثل العمالء السمينين‪.‬‬

‫• عادًة ً ما يستخدم العمالء الرقيقون الويب و‪wap‬المتصفحات لعرض ‪،html‬‬


‫‪ ،xml‬و‪wml.‬‬
‫•‬
‫رقيقة العمالء‬
‫عمالء الدهون‬

‫• عادًة ً ما يكون لدى العمالء السمينين طبقة إلى ثالث طبقات من كود التطبيق ويمكنهم العمل بشكل‬
‫مستقل عن الخادم لفترة من الوقت‬
‫• عادة‪،‬يعد العمالء السمينون أكثر فائدة في المواقف التي ال يمكن فيها ضمان االتصال بين العميل‬
‫والخادم‪.‬‬

‫• على سبيل المثال‪ ،‬قد يتمكن تطبيق عميل كبير من قبول إدخال المستخدم وتخزين‬
‫البيانات في قاعدة بيانات محلية حتى تتم إعادة تأسيس االتصال بالخادم ويمكن نقل‬
‫البيانات إلى الخادم‪.‬‬

‫• يسمح هذا للمستخدم بمواصلة العمل حتى لو كان خارج االتصال بالخادم‪.‬‬
‫عمالء الدهون‬

‫• يعتمد العمالء السمينون بشكل كبير على نظام التشغيل ونوع الجهاز المحمول وقد يكون من‬
‫الصعب إصدار التعليمات البرمجية وتوزيعها‪.‬‬

‫• يمكن تنفيذ عمالء ‪Fat‬باستخدام طبقة واحدة أو طبقتين أو ثالث طبقات من كود التطبيق‪.‬‬
‫عميل الدهون ‪-‬طبقة واحدة‬
‫عميل الدهون –طبقتين‬
‫عميل الدهون –ثالث طبقات‬
‫الخوادم‬

‫• تتكون بنيات الخادم عادًةً من طبقة واحدة إلى ثالث طبقات من التعليمات‬
‫البرمجية يتم تنفيذها في طبقة واحدة إلى ثالث طبقات‪.‬‬

‫• هناك إيجابيات وسلبيات لألنواع الثالثة المختلفة من بنية الخادم‪.‬‬


‫بنية الخادم ذات الطبقة الواحدة‬

‫• االيجابيات‬
‫• مريحة جدا‬
‫• سريع التطوير والنشر‬

‫• سلبيات‬
‫• أقل قابلية للتطوير‬
‫• من الصعب تأمينها‬
‫بنية الخادم ذات الطبقة الواحدة‬
‫بنية الخادم ذات المستويين‬

‫االيجابيات‬ ‫•‬
‫• مريح‬
‫• يسمح بتخصص خادم قاعدة البيانات‬

‫سلبيات‬ ‫•‬
‫أقل قابلية للتطوير‬ ‫•‬
‫من الصعب تأمينها‬ ‫•‬
‫أغلى‬ ‫•‬
‫بنية الخادم ذات المستويين‬
‫بنية خادم ثالثي الطبقات‬

‫• االيجابيات‬
‫• القابلة للتطوير‬
‫• مؤمن خلف جدران الحماية والمناطق‬
‫• يسمح بتخصص خادم قاعدة البيانات‬
‫• سلبيات‬
‫مبالغة‬ ‫•‬
‫أكثر صعوبة في التطوير‬ ‫•‬
‫أكثر صعوبة في اإلدارة‬ ‫•‬
‫أغلى‬ ‫•‬
‫خوادم جميع المستوياتالهندسة المعمارية‪S‬‬
‫‪#‬‬ ‫طبقة واحدة‬ ‫مستويين‬ ‫ثالث طبقات‬

‫‪-‬مريحة جدا‬ ‫‪-‬مريح‬ ‫‪-‬القابلة للتطوير‬

‫االيجاب‬ ‫‪-‬مؤمن خلف جدران الحماية‬


‫يات‬ ‫‪-‬سريع التطوير والنشر‬ ‫‪-‬يسمح بتخصص خادم قاعدة البيانات‬ ‫والمناطق‬

‫‪-‬يسمح بتخصص خادم قاعدة‬


‫البيانات‬

‫‪-‬مبالغة‬
‫‪-‬أقل قابلية للتوسع‬ ‫‪-‬أقل قابلية للتوسع‬
‫‪-‬أكثر صعوبة في التطوير‬
‫سلبيات‬
‫‪-‬أكثر صعوبة في اإلدارة‬
‫‪-‬صعوبة تأمينه‬ ‫‪-‬صعوبة تأمينه‬
‫‪-‬أغلى‬
‫‪-‬أغلى‬
‫بنية خادم ثالثي الطبقات‬
‫أنواع االتصال‬

‫• تعمل األجهزة المحمولة عادًة ً في أحد األوضاع الثالثة‪:‬‬

‫• متصل جزئيًا‪ ،‬على سبيل المثال عميل البريد اإللكتروني‪،‬واتساب‪.‬‬


‫• لم يتم االتصال مطلقًا‪ ،‬على سبيل المثال اآللة الحاسبة والتقويم واأللعاب‪.‬‬
‫• متصل دائ ًما‪ ،‬على سبيل المثال التطبيق المصرفي‪،‬دوبيزل‪.‬‬
‫‪3‬أنواع من الهندسة المعمارية لتطبيقات الهاتف المحمول‬
‫‪3‬أنواع من بنية تطبيقات الهاتف المحمول‬

‫محلي‬ ‫شبكة الهاتف‬ ‫هجين‬


‫• موجود على الجهاز‬ ‫• موجود على الخادم‬ ‫• يقيم جزئياعلى الجهاز‪ ،‬وجزئيا‬
‫على الخادم‪.‬‬
‫• قم بالتنزيل والتثبيت من متجر‬
‫‪Play / App Store‬‬ ‫• الوصول إليها عبر الرابط ‪/‬‬ ‫• قم بالتنزيل والتثبيت من متجر‬
‫‪URL‬‬ ‫‪Play / App Store‬‬
‫• وجهات النظر األصلية‬
‫• يعتمد على المتصفح‪ ،‬ومستقل‬ ‫• متصفح مضمن ‪+‬طرق‬
‫• الوصول إلى جميع ميزات‬ ‫عن نظام التشغيل أو اإلصدار‬ ‫العرض األصلية‬
‫الجهاز‬
‫• جدًاًلتقييد الوصول إلى ميزات‬ ‫• الوصول إلى جميع ميزات‬
‫• يعمل دون اتصال باإلنترنت‬ ‫الجهاز‬ ‫الجهاز‬
‫وعلى اإلنترنت‬
‫• يعملعلى االنترنت فقط‬ ‫• يعمل عبر اإلنترنت وغير‬
‫متصل‬
‫التطبيق األصلي والويب‬
‫اعتبارات تصميم التطبيق‬

‫• إمكانيات الجهاز‬
‫• استهدف األجهزة ذات اإلمكانات المحددة‪ ،‬مثل حجم الشاشة والكاميرانظام تحديد المواقع‪،‬‬
‫‪،3G/4G‬واي فايو‪ ،NFC‬والبلوتوث‪ ،‬وعمر البطارية‪ ،‬وسعة التخزين‪ ،‬وما إلى ذلك‪.‬‬
‫• حجم الشاشة –ال تتعلق واجهات المستخدم الرسومية لتطبيقات الهاتف المحمول‬
‫بالواجهة فحسب‪ ،‬بل في الواقع المبرمج هو مصمم التفاعل الذي يحافظ على انتباه‬
‫المستخدمين واهتمامهم بالتطبيق ‪.‬ولذلك‪ ،‬ينبغي دعم أحجام شاشات متعددة‪.‬‬
‫• االتصال‬
‫• يجب أن تتعامل التطبيقات مع المواقف التي يكون فيها االتصال غير مستقر أو متقطع‪.‬‬
‫اعتبارات تصميم التطبيق‬

‫توجيه(صورة و ‪/‬أو أفقي)‬ ‫•‬


‫أنظمة التشغيل وإصداراتها ‪-‬حاول إنشاء أحدث إصدار متوافق مع اإلصدارات‬ ‫•‬
‫السابقة‬
‫استهالك الطاقة ‪-‬إذا كان الجهاز يحتوي على بطارية صغيرة‪ ،‬فقد تتسبب‬ ‫•‬
‫التطبيقات في إيقاف التشغيل ‪.‬باإلضافة إلى ذلك‪ ،‬إذا تم استخدام البطارية بشكل‬
‫ضا إلى تصريفها حتى مع وجود بطارية أكبر‪.‬‬ ‫غير حكيم‪ ،‬فقد يؤدي ذلك أي ً‬
‫حجم نقل البيانات‬ ‫•‬
‫• حاول أن تجعل تبادل البيانات أصغر‪ ،‬على سبيل المثال باستخدام ‪،XML‬المغلق‪.‬‬
‫يمارس‬

‫• ‪1.‬ابحث عن تطبيق يستخدم إمكانيات الجهاز لتوفير منتج لم يكن موجودًا من قبل ‪.‬‬
‫مبتكرا‪.‬‬
‫ً‬ ‫اشرح ما الذي يجعل هذا التطبيق مه ًما أو‬

‫• ‪2.‬ابحث عن تطبيق مصمم لدعم عملية األعمال ‪.‬ما هي العملية التجارية؟ كيف يقترح‬
‫التطبيق تحسينه؟‬

‫• ‪3.‬تحديد وشرح عملية تجارية محددة ‪.‬كيف يمكن أتمتة هذه العملية باستخدام تكنولوجيا‬
‫الهاتف المحمول؟ كيف يمكن إعادة تصميمه بالكامل؟‬
‫تطوير المفهوم‬

‫تحديد الغرض من التطبيق "(التطبيق ‪").‬ماذا سيفعل التطبيق؟‬ ‫•‬


‫تحديد الحد األدنى من الوظائف ‪.‬هل سيؤدي التطبيق مهمة محددة و‪/‬أو يقدم‬ ‫•‬
‫معلومات؟‬
‫تفعل معظم التطبيقات شيئًا واحدًا وتفعله بشكل جيد‪.‬‬ ‫•‬
‫تجنب الوظائف المعقدة للغاية ‪.‬مثال ‪:‬يوفر تطبيق "‪"The Plant Doctor‬‬ ‫•‬
‫صا تفاعليًا لمشاكل صحة النبات ‪.‬يقدم المستخدمون النصوص والصور‬ ‫تشخي ً‬
‫للمساعدة في التشخيص‪.‬‬
‫التطوير مستمر‬

‫• تحديد المستخدمين المستهدفين للتطبيق‪.‬‬


‫• من سيستخدم التطبيق؟‬
‫• ما هو الجمهور المستهدف؟‬
‫• هل التطبيق مجاني أم مدفوع؟‬
‫• مثال ‪:‬يشمل مستخدمو تطبيق ‪"The Plant Doctor":‬المزارعين‪،‬‬
‫والبستانيين‪ ،‬وأصحاب المنازل‪ ،‬ومحترفي تنسيق الحدائق‪ ،‬ووكالء المقاطعة‪،‬‬
‫وعمال الحجر الزراعي‪ ،‬والمهنيين‪ ،‬والعلماء ‪.‬حتى اآلن‪ ،‬يقيم المستخدمون في‬
‫‪40‬دولة أجنبية وفي ‪41‬والية في الواليات المتحدة األمريكية‪.‬‬
‫التطوير مستمر‬

‫• أنواع مختلفة من الجماهير‬


‫أطفال‬ ‫•‬
‫الكبار‬ ‫•‬
‫مستويات التعليم المختلفة‬ ‫•‬
‫مستويات مختلفة من الخبرة‬ ‫•‬
‫أنواع األجهزة ‪: Android‬مقابل ‪iPhone.‬الجنسيات ‪:‬اللغة‪ ،‬الترجمات‬ ‫•‬
‫• يجب أن يجذب تطبيقك وتصميمه جمهورك المستهدف ويخدمهم ‪:‬المظهر‬
‫واأللوان والوظائف والمهام‬
‫التطوير مستمر‬

‫حدد الجهاز (األجهزة )الذي سيتم تسليم التطبيق إليه‬ ‫•‬


‫تطبيق الويب مقابل التطبيق األصلي‬ ‫•‬
‫الهواتف مقابل األجهزة اللوحية‬ ‫•‬
‫آيفون ضد أندرويد‬ ‫•‬
‫تحدد االختيارات لغة البرمجة‬ ‫•‬
‫التطوير مستمر‬

‫• اعتبارات الذاكرة والمساحة‬


‫• يقتصر حجم التطبيق فقط على المساحة المتوفرة على‬
‫الجهاز‪.‬‬
‫• ال يوجد حجم موصى به للتطبيقات‪.‬‬
‫التطوير مستمر‬

‫• قم بتسمية التطبيق‬
‫• يجب أن يعكس اسم التطبيق بدقة‬
‫• وظيفة التطبيق‪.‬‬
‫• يجب أن يكون اسم التطبيق فريدًا‪ ،‬إذا‬
‫• ممكن‪ ،‬وعدم تكرار أسماء‬
‫• تطبيقات أخرى‪.‬‬
‫الخطوط العريضة لمسودة التطبيق‬

‫قم بإنشاء مسودةمخطط الخطوة‪:‬حدد كل شيء سيفعله التطبيق بطريقة تدريجية‪.‬‬ ‫•‬
‫قم بإنشاء مسودةمخطط الصفحة‪:‬رسم وتكوين مظهر الصفحات المختلفة‪.‬‬ ‫•‬
‫حدد األزرار الرسومات والمالحةالالزمة لوظائف التطبيق‬ ‫•‬
‫حدد االلمخرجات والمكالمات‬ ‫•‬
‫متطلبات التصميم‬

‫• تصميم التطبيق لألصابع(ليس للفأرة)‬


‫• ‪44 × 44‬بكسل لألزرار‬
‫• ‪6‬أزرار كحد أقصى لكل عرض للشاشة (الهاتف الذكي)‬
‫• إدخال النص‪:‬ال يحب األشخاص الكتابة‪ ،‬لذا استمر في الكتابة على األقل‬
‫• إخراج النص‪:‬ال يحب األشخاص القراءة بشكل عام‪ ،‬لذا احتفظ بالنص عند الحد‬
‫األدنى ما لم يكن تطبيقك مصم ًما بشكل أساسي لتقديم المعلومات بتنسيق نصي‬
‫برمجة‬

‫• البرمجة الذاتية مقابل البرمجة التعاقدية‬


‫• (مالحظة ‪:‬ربما ال ينبغي لألشخاص الذين ليس لديهم خبرة في‬
‫البرمجة أن يحاولوا إنشاء تطبيق)‬
‫• أبل (اي تيونز ‪):‬لغة البرمجة =دائرة الرقابة الداخلية‬
‫• جوجل (أندرويد ‪):‬لغة البرمجة =جافا‬
‫التصميم الجرافيكي‬

‫أمرا مه ًما للغاية ويجب أن يحظى بأولوية عالية‪،‬‬


‫• مظهريعد التطبيق ً‬
‫مع توفير ميزانية كافية للرسومات‪.‬‬
‫• التصميم الجرافيكيمن األفضل أن يتم ذلك بشكل احترافي‪.‬‬
‫• التكاليف‪:‬‬
‫• رومانيا ‪= 200‬دوالر إلى ‪300‬دوالر لكل شاشة‬
‫• الواليات المتحدة األمريكية ‪= 500‬دوالر لكل شاشة‬
‫• يمكن للمرء أن يتوقع تكاليف أعلى بكثير للتصميم الفريد للشاشات‬
‫المتعددة‪.‬‬
‫تابع التصميم الجرافيكي‬

‫• اعتبارات في التصميم الجرافيكي‪:‬‬


‫• األلوان وموضوع اللون (الخلفية‪ ،‬األزرار)‬
‫• فن‬
‫• النص (الحجم‪ ،‬اللون‪ ،‬الخط)‬
‫• تَ ِ‬
‫خطيط‬
‫• توازن‬
‫• طبقات‬
‫التقديم والموافقة‬

‫تختلف عملية تقديم التطبيق حسب النظام األساسي‬ ‫•‬


‫‪Apple:‬يتحقق من عدم وجود أعطال؛ التطبيق يفعل ما يقول أنه سيفعله؛ وقد‬ ‫•‬
‫تكون هناك حاجة إلى الحد األدنى من محتوى المعلومات‬
‫حسابات المطورين‪:‬‬ ‫•‬
‫‪Apple:‬رخصة المطور ‪= 100‬دوالر في السنة‬ ‫•‬
‫دوالرا سنويًا‬
‫ً‬ ‫جوجل ‪:‬رخصة المطور ‪= 20‬‬ ‫•‬
‫ملحوظة ‪:‬بالنسبة للتطبيقات المعروضة للبيع‪ ،‬يكون الدفع لشركة ‪Apple‬أو‬ ‫•‬
‫‪Google‬بمثابة ‪30%‬من ربحك ‪.‬التطبيقات المجانية ال تتحمل هذه الرسوم‪.‬‬
‫المخاطر المشتركة‬

‫‪ .1‬ال تقم بإنشاء تطبيق دون امتالك الجهاز المقصود أو دون وجود‬
‫خبرة في استخدام الجهاز (تختلف البيئات والقوائم والمظهر بين‬
‫األجهزة)‬
‫‪ .2‬لديك فكرة واضحة جدًا عما سيفعله التطبيق‬
‫‪ .3‬تطوير تدفق العمليات بشكل واضح ودقيق‬
‫‪ .4‬تأكد من أن ميزانيتك كافية لتمويل تطوير التطبيق بالكامل‬
‫مترجم من اإلنجليزية إلى العربية ‪- www.onlinedoctranslator.com‬‬

‫واجهة الجوالتصميم‬
‫الخطوط العريضة‬

‫• المبادئ العليا لتصميم واجهة الهاتف المحمول‬


‫عقلية الجوال‬ ‫•‬
‫المبادئ التوجيهية العالمية‬ ‫•‬
‫نماذج المالحة‬ ‫•‬
‫إدخال المستخدم‬ ‫•‬
‫إيماءات‬ ‫•‬
‫توجيه‬ ‫•‬
‫تواصل‬ ‫•‬
‫إطالق‬ ‫•‬
‫اإلنطباعات األولى‬ ‫•‬
‫مبادئ تصميم واجهة المحمول‬

‫• نظرا للكثيريناختالفاتبين أجهزة الكمبيوتر المحمولة وأجهزة الكمبيوتر المكتبية‪،‬‬


‫يختلف التصميم للجوال عن التصميم لسطح المكتب‪.‬‬
‫• تعد الهواتف الذكية أقوى من أجهزة الكمبيوتر المكتبية بعدة طرق؛هم للغايةشخصي‪ ،‬دائما‬
‫متاح‪،‬دائماًمعنا‪ ،‬وعادةمتصل‪.‬‬
‫• يأتون معأجهزة استشعار قويةباستطاعةكشف الموقع‪,‬حركة‪,‬التسريع‪,‬توجيه‪,‬القرب‪,‬الظروف‬
‫البيئيةو اكثر‪.‬‬
‫• ما يلي هو األعلىمبادئ تصميم واجهة المحمول‬
‫سطح المكتب مقابل الهاتف المحمول‬
‫الشاشة الصغيرة‬
‫عقلية الجوال‬

‫ادخل إلى عقلية الهاتف المحمول قبل البدء‪.‬‬


‫• كن مركزا ‪:‬أكثر ليس أفضل ‪.‬تحرير الميزات الخاصة بك ‪.‬التركيز على‬
‫المستخدماالحتياجات‪.‬‬
‫• كن فريدا ‪:‬تعرف على ما يجعل تطبيقكمختلفويضخم‪ ،‬يوسع‪ ،‬يبالغهو ‪-‬هي ‪.‬إذا لم‬
‫يكن هناك شيء مميز في تطبيقك‪ ،‬فلماذا يختاره أي شخص؟‬
‫• كن ساحرا ‪:‬التطبيقات التيودي‪,‬موثوقوهزارمنطقةبهجةلالستخدام‪ ،‬وسوف يصبح‬
‫الناس مرتبطين تما ًما بالتجربة‪.‬‬
‫المبادئ التوجيهية العالمية‬

‫• تشير طبيعة جهاز بشاشة تعمل باللمس بحجم الجيب إلى عدة أشياءالمبادئ‬
‫التوجيهية العالمية‪:‬‬
‫إستجابة‬ ‫•‬
‫االبهام‬ ‫•‬
‫هدف‬ ‫•‬
‫محتوى‬ ‫•‬
‫التمرير‬ ‫•‬
‫"اإلصبع السمين"‬
‫المبادئ التوجيهية العالمية‬

‫• إستجابة‪:‬‬
‫• كن مستجي ًبا للمستخدمأجراءات ‪.‬إذا قام المستخدم بشيء ما‪ ،‬فيجب أن يقر تطبيقك بالتفاعلفورا‪.‬‬
‫• االبهام ‪:‬مع واجهات تعمل باللمس‪ ،‬وإبهامماذا يكوننحتاج إلىتصميمل‪.‬‬
‫• ما لم يتفاعل المستخدم مع الهاتف الذكي بكلتا يديه‪ ،‬فإنه يكاد يكون من المستحيل وضع إصبعه على الشاشة‪.‬‬
‫• حتى عند اإلمساك بالهاتف الذكي بكلتا اليدين‪ ،‬فمن المرجح أن تكتب بإبهامين‪.‬‬
‫• األهداف‪:‬‬
‫• يكونواعيمن حيث تضع الخاص بكاألهداف بالنسبة لبعضها البعض ‪.‬على سبيل المثال‪ ،‬وضعمسافة للخلفالزر‬
‫المجاور مباشرة لليرسلسيكون الزر الموجود في تطبيق الرسائل القصيرة هوفكرة سيئة‪.‬‬
‫• الستهداف مناطق صغيرة من الهاتف الذكي‪ ،‬فإنسحررقم لصديق لإلبهامواجهة المستخدمالعناصر هي‪44‬بكسل‪.‬‬
‫المبادئ التوجيهية العالمية‬

‫• محتوى‪:‬‬
‫• واجهات اللمس تمكننا من ذلكتتفاعل مباشرةمع‬
‫المحتوى لدينا‪.‬‬
‫• لذا ضع المحتوى الخاص بك في المقدمة‬
‫ومركزوتصغيرواجهة ‪Chrome‬مثل‬
‫األزرار وأشرطة عالمات التبويب ومربعات‬
‫االختيار وشرائح التمرير وحيثما أمكن ذلك‬
‫أهداف بحجم اإلصبع‬
‫المبادئ التوجيهية العالمية‬

‫• التمرير‪:‬‬
‫• إنه من األفضل أنالحد من التمرير‪.‬‬
‫• حدشاشات إلىمقاسالتابعإطار العرضمتى‬
‫أمكن‪.‬‬
‫• على سبيل المثال‪ ،‬في الشكلقائمة‬
‫عموديةيعرض ببساطةنصية معلومةوهو‬
‫أساس عرض المعلومات على العديد من‬
‫األجهزة المحمولة‬
‫نماذج المالحة‬

‫• اختر أالنموذج المالحيهذا هو األكثر منطقية لتطبيق الهاتف المحمول الخاص بك‪:‬‬
‫• ال أحد ‪:‬التطبيقات المساعدة ذات الشاشة الواحدة (على سبيل المثال طقسالتطبيق على االيفون)‬
‫• شريط التبويب‪:‬ثالثة إلى ستة متميزةمجاالت المحتوى (على سبيل المثال تويترلآليفون)‬
‫• انتقل لألسفل‪:‬القائمة والتفاصياللتسلسل الهرمي للمحتوى (على سبيل المثال إعداداتالتطبيق‬
‫على االيفون)‬
‫إدخال المستخدم‬

‫• الكتابة يمكن أن تكونمحبط لذلك يجب عليك أن تفعل ما بوسعك لتسهيل األمر على‬
‫المستخدمين ‪.‬فيما يلي بعض اإلرشادات‪:‬‬
‫• عرض لوحة المفاتيح المناسبة‪:‬‬
‫• ضع في اعتبارك كل حقل من حقول اإلدخال الخاصة بك واعرض لوحة المفاتيح المناسبة (النص‬
‫والرقم والبريد اإللكتروني وعنوان ‪URL‬وما إلى ذلك )سيكون ذلك مفيدًا جدًا إلدخال البيانات‪.‬‬
‫• تمكين التصحيح التلقائي المناسب خيار‬
‫• ضع في اعتبارك كل حقل من حقول اإلدخال الخاصة بك وحدد خيارات اإلدخال التلقائي التي يجب‬
‫تمكينها (مثلالتصحيح التلقائي‪ ،‬آلي‪-‬الكتابة باألحرف الكبيرةواإلكمال التلقائي‪).‬‬
‫• دعم التوجه األفقي‪:‬‬
‫• إذا كان تطبيقك يدعو إلى الكثير من الكتابة‪ ،‬فيجب عليك التأكد من دعمك لهمنظر جماليالتوجيه‬
‫للمستخدمين معاالبهام السمينة‬
‫إدخال المستخدم‬

‫• تخصيص لوحة المفاتيح لنوع االستعالم ‪.‬‬


‫قم بعرض لوحة مفاتيح رقمية عند السؤال‬
‫عن رقم الهاتف‪ ،‬وقم بتضمين الزر @‬
‫عند السؤال عن عنوان بريد إلكتروني ‪.‬‬
‫تأكد من تنفيذ هذه الميزة بشكل متسق عبر‬
‫التطبيق‪ ،‬وليس لنماذج معينة فقط‪.‬‬
‫تقليل إدخال المستخدم‬

‫• الكتابة على شاشة الهاتف المحمول الصغيرة ليست التجربة األكثر راحة ‪.‬في الواقع‪ ،‬غالبًا ما يكون عرضة للخطأ ‪.‬‬
‫والحالة األكثر شيو ًعا إلدخال المستخدم هي ملء النموذج ‪.‬فيما يلي بعض التوصيات العملية لتسهيل هذه العملية‪:‬‬
‫• اجعل النماذج قصيرة قدر اإلمكان عن طريق إزالة أي حقول غير ضرورية ‪.‬يجب أن يطلب التطبيق فقط الحد األدنى‬
‫من المعلومات من المستخدم‪.‬‬
‫إيماءات‬

‫تدعم واجهات اللمس تفاعل المستخدم القائم على اإليماءات‪.‬‬


‫تصميم لألصابع‪ ،‬وليس للمؤشرات‬

‫عندما تقوم بتصميم عناصر قابلة للتنفيذ في واجهة الهاتف المحمول‪ ،‬فمن الضروري جعل األهداف كبيرة‬
‫بما يكفي بحيث يسهل على المستخدمين النقر عليها ‪.‬غالبًا ما تحدث النقرات الخاطئة بسبب أدوات التحكم‬
‫الصغيرة التي تعمل باللمس‪.‬‬
‫ضع في اعتبارك منطقة اإلبهام‬

‫ضا بدراسة الطريقة‬‫• ال يقتصر تصميم اإلبهام على جعل األهداف كبيرة بما يكفي فحسب‪ ،‬بل يتعلق أي ً‬
‫التي نحمل بها أجهزتنا ‪.‬الكثير من المستخدمين يمسكون هواتفهم بيد واحدة ‪.‬جزء فقط من الشاشة‬
‫سيكون بمثابة منطقة سهلة إلبهامهم ‪.‬تسمى هذه المنطقة منطقة اإلبهام الطبيعية ‪.‬تتطلب المناطق‬
‫األخرى تمديد اإلصبع أو حتى تغيير القبضة للوصول إليها ‪.‬أدناه‪ ،‬يمكنك رؤية كيف تبدو المنطقة‬
‫اآلمنة على جهاز محمول حديث‪.‬‬
‫كلما كانت الشاشة أكبر‪ ،‬أصبح الوصول إلى الجزء األكبر من‬
‫الشاشة أقل سهولة‪.‬‬
‫إيماءات‬

‫عدة أشياء تحتاج إلىتذكرعند تصميم تطبيقاتك‪:‬‬


‫• اإليماءات غير مرئية‪:‬‬
‫• يعد اكتشاف اإليماءات مشكلة ‪.‬عليك أن تقرر كيفية الكشف عن وجودها للمستخدم‪.‬‬
‫• إيماءات اللمس المتعددتتطلب عملية بكلتا اليدين والتي يمكن أن تكون قيدا‬
‫• على سبيل المثالفي تطبيق الخرائط األصلي على نظام التشغيل ‪iOS‬يستخدمقرصةلفتة مفتوحة‬
‫للتصغير ‪.‬يعد هذا قيدًا عند حمل الهاتف بيد واحدة وقهوةفي اآلخر على سبيل المثال‪.‬‬
‫• يعالج ‪Android‬هذه المشكلة عن طريق تضمينأزرار التكبير‪/‬التصغيرمتراكبة على‬
‫الخريطة‬
‫• اإليماءات "من الجميل أن يكون لديك "ولكنها ليست حرجة‪.‬‬
‫• يمكن أن تحتوي على عناصر تحكم مرئية يمكن استخدامها بإصبع واحد‪.‬‬
‫تجنب جدران تسجيل الدخول‬

‫• يعد جدار تسجيل الدخول بمثابة تسجيل‬


‫إلزامي قبل استخدام التطبيق ‪.‬إنه مصدر‬
‫شائع لالحتكاك بين المستخدمين وأحد‬
‫أسباب تخلي المستخدمين عن التطبيقات ‪.‬‬
‫يعد عدد المستخدمين الذين يتخلون عن‬
‫عملية التسجيل ذا أهمية خاصة بالنسبة‬
‫للتطبيقات ذات التعرف المنخفض على‬
‫العالمة التجارية أو تلك التي يكون عرض‬
‫القيمة فيها غير واضح‪.‬‬
‫قم بتقسيم المهام إلى قطع صغيرة الحجم‬

‫إذا كانت المهمة تحتوي على الكثير من الخطوات‬


‫واإلجراءات المطلوبة من جانب المستخدم‪ ،‬فمن‬
‫األفضل تقسيم هذه المهام إلى عدد من المهام‬
‫الفرعية ‪.‬يعد هذا المبدأ مه ًما للغاية في تصميم‬
‫األجهزة المحمولة ألنك ال ترغب في إنشاء الكثير‬
‫من التعقيد للمستخدم في وقت واحد ‪.‬أحد األمثلة‬
‫الجيدة هو تدفق الدفع خطوة بخطوة في تطبيق‬
‫التجارة اإللكترونية‪ ،‬حيث يقوم المصمم بتقسيم‬
‫مهمة الدفع المعقدة إلى أجزاء صغيرة الحجم‪،‬‬
‫يتطلب كل منها إجراء من المستخدم‪.‬‬
‫استخدم الشاشات المألوفة‬

‫• الشاشات المألوفة هي الشاشات التي‬


‫يراها المستخدمون في العديد من‬
‫التطبيقات ‪.‬شاشات مثل "الحصول‬
‫علىبدأت"‪ ،‬وأصبحت "ما الجديد "‬
‫و"نتائج البحث "هي المعايير الفعلية‬
‫لتطبيقات الهاتف المحمول ‪.‬وهي ال‬
‫تتطلب شر ًحا إضافيًا ألن‬
‫المستخدمين على دراية بها بالفعل ‪.‬‬
‫يتيح ذلك للمستخدمين استخدام الخبرة‬
‫السابقة للتفاعل مع التطبيق‪ ،‬دون أي‬
‫منحنى تعليمي‪.‬‬
‫اجعل تطبيقك يبدو سريعا وسريع االستجابة‬

‫• وقت التحميل مهم للغاية بالنسبة‬


‫لتجربة المستخدم ‪.‬مع تقدم‬
‫التكنولوجيا‪ ،‬أصبحنا ننفد‬
‫صبرنا‪ ،‬واليوم‪47% ،‬من‬
‫المستخدمينتوقع تحميل الصفحة‬
‫خالل ثانيتين أو أقل‪.‬‬
‫توجيه‬

‫الً‪.‬‬
‫• لَو َحةهلمعظمالتوجه الشائع لذا قم بتحسين هذه الحالة أو ً‬
‫• إذا كان تطبيقك يدعو الكثير منالكتابة‪ ،‬يجب أن تدعممنظر جمالياالتجاه حتى‬
‫يتمكن األشخاص من الوصول إلى لوحة المفاتيح األكبر حج ًما‪.‬‬
‫مجال االتصاالت‬

‫• يمدتعليق‪:‬‬
‫• تقديم ردود فعل فورية لكلتفاعل‬
‫• وإال فسوف يتساءل المستخدم عما إذا كان التطبيق قد تجمد‪ ،‬أو إذا أخطأ الهدف‬
‫الذي كان يحاول الوصول إليه‪.‬‬
‫• يمكن أن تكون ردود الفعل‪:‬‬
‫• اللمسمثل اهتزاز " ‪Android‬الضرب‪".‬‬
‫• مرئيمثل تسليط الضوء على زر استغاللها‪.‬‬
‫• عرض أالدوار أو شريط التقدمإذا طلب المستخدم إجرا ًًء سيتم اتخاذهمنذ وقت‬
‫طويل‬
‫مجال االتصاالت‬

‫• استخدام التنبيهات المشروطة‪:‬‬


‫• استخدم التنبيهات لتوصيل األمور‬
‫الضرورية‪ ،‬وبشكل مثاليمعلومات‬
‫قابلة للتنفيذ ‪.‬‬
‫• انيقاطع التنبيهتجربة‬
‫المستخدمويتطلب نقرة للرفض‪ ،‬لذلك‬
‫من المهم أن يشعر المستخدمون‬
‫برسالة التنبيهيستحقاالنقطاع‬
‫مجال االتصاالت‬

‫• استخدامالتأكيدات‪:‬‬
‫• عندما يتعين عليك أن تطلب من المستخدم تأكيد إجراء ما‪ ،‬فمن المقبول عرض‬
‫ملفمشروط تأكيدمربع حوار (مثل "هل أنت متأكد من رغبتك في حذف هذه‬
‫المسودة؟‪").‬‬
‫إطالق‬

‫• إذا كان ذلك ممكنًا‪ ،‬يجب أن تكون شاشة التشغيل التي تعرضها عند تحميل‬
‫التطبيق ألول مرة هي'محتوى أقل'صورة التطبيق الخاص بك‪.‬‬
‫• أي شيء يبدو تفاعل ًيا (مثل األزرار والروابط واأليقونات والمحتوى )سيخلق اإلحباط من‬
‫خالل دعوة التفاعالت الفاشلة‪.‬‬
‫• إطالق الشاشاتال ينبغي أن يستغرق وقتا طويال للتحميلحتى ال تفقد اهتمام‬
‫المستخدم‬
‫اإلنطباعات األولى‬

‫• رمز التطبيق‪:‬‬
‫• ليس من غير المعتاد أن يبني الناس قواعدهماآلراء األوليةحول جودة تطبيقك والغرض منه‬
‫وموثوقيته من خالل شكل رمز التطبيق الخاص بك‪.‬يجب أن تتنافس األيقونة الخاصة بك‬
‫لجذب االنتباه‬
‫• أفضل أيقونات التطبيقات فريدة ومرتبة وجذابة وال تُنسى‬

‫• اإلطالق األول‪:‬‬
‫• إذا شعر مستخدم جديد باالرتباك أو اإلحباط أثناء محاولته التعرف على تطبيقك‪،‬سوف يتركونها‪.‬‬
‫• إذا كان تطبيقك يحتوي على وظائف معقدة‪ ،‬فقم بتضمين أ'النصائح والحيلتراكبأو بضع لوحات من شاشات‬
‫التوجيه‪.‬‬
‫خاتمة‬

‫• التصميم الرائع هو مزيج مثالي من الجمال والوظيفة‪ ،‬وهذا هو بالضبط ما يجب‬


‫أن تهدف إليه عند إنشاء التطبيق ‪.‬لكن ال تحاول إنشاء تطبيق مثالي من المحاولة‬
‫الً من ذلك‪ ،‬تعامل مع تطبيقك باعتباره‬
‫األولى ‪.‬يكاد يكون من المستحيل ‪.‬بد ً‬
‫مشرو ًعا يتطور باستمرار‪ ،‬واستخدم البيانات من جلسات االختبار وتعليقات‬
‫المستخدمين لتحسين التجربة باستمرار‪.‬‬
‫يمارس‬

‫• ‪1.‬ابحث عن تطبيق يستخدم إمكانيات الجهاز لتوفير منتج لم يكن موجودًا من قبل ‪.‬‬
‫مبتكرا‪.‬‬
‫ً‬ ‫اشرح ما الذي يجعل هذا التطبيق مه ًما أو‬

‫• ‪2.‬ابحث عن تطبيق مصمم لدعم عملية األعمال ‪.‬ما هي العملية التجارية؟ كيف يقترح‬
‫التطبيق تحسينه؟‬

‫• ‪3.‬تحديد وشرح عملية تجارية محددة ‪.‬كيف يمكن أتمتة هذه العملية باستخدام تكنولوجيا‬
‫الهاتف المحمول؟ كيف يمكن إعادة تصميمه بالكامل؟‬
‫موارد‬

‫• المبادئ العشرة لتصميم واجهة الهاتف المحمول ‪.‬تم االسترجاع من مدونة‬


‫إبداعية‪:http://www.creativebloq.com/mobile/10-‬‬
‫‪principles-mobile-interface-design-4122910‬‬
‫• التصميم لنظام ‪iOS.‬تم االسترجاع من إرشادات الواجهة البشرية لنظام التشغيل‬
‫‪iOS:https://developer.apple.com/library/ios/docum‬‬
‫‪entation/UserExperience/Conceptual/MobileHIG/in‬‬
‫‪dex.html#//apple_ref/doc/uid/TP40006556-CH66-‬‬
‫‪SW1‬‬
‫• ماكويرتر‪ ،‬ج ‪. (2012).‬تصميم واجهة المستخدم للجوال ‪.‬فيتطوير تطبيقات‬
‫الهاتف المحمول المهنية‪.‬وروكس‪.‬‬
‫مترجم من اإلنجليزية إلى العربية ‪- www.onlinedoctranslator.com‬‬

‫برمجة تطبيقات الجوال‬

‫د‪ .‬عزمي هلسه‬


‫الشبكات الالسلكية والحوسبة المتنقلة‬
‫شبكة السلكيةهو المصطلح المستخدم لوصف أي شبكة كمبيوتر ال يوجد فيها اتصال سلكي مادي بين المرسل‬
‫والمستقبل‪ ،‬بل يتم توصيل الشبكة عن طريق موجات الراديو و‪/‬أو الموجات الدقيقة للحفاظ على االتصاالت‪.‬‬
‫الا من األسالك‪.‬‬
‫• تستخدم الشبكات الالسلكية معدات محددة مثل بطاقات ‪NIC‬وأجهزة التوجيه بد ً‬

‫الحوسبة المتنقلة يصف العمل باستخدام جهاز حاسوبي محمول (أثناء التنقل)‪ ،‬بالتزامن مع تقنيات االتصاالت‬
‫المتنقلة لتمكين المستخدمين من الوصول إلى اإلنترنت دون الحاجة إلى االتصال برابط مادي ثابت‪.‬‬
‫• ويشمل ‪:‬برامج الهاتف المحمول‪ ،‬وأجهزة الهاتف المحمول‪ ،‬وتقنيات االتصاالت المتنقلة (البروتوكوالت‪ ،‬وما‬
‫إلى ذلك‪).‬‬
‫تقنية ‪1G‬‬

‫• بالعودة الىالجيل االوللتكنولوجيا الهاتف الالسلكي‪.‬‬

‫سمات‪:‬‬
‫• وكانت سرعتها تصل إلى ‪2.4‬كيلوبت في الثانية‬
‫• مرفق الصوت فقط‬
‫• يسمح بالمكالمات الصوتية في دولة واحدة‬
‫• تستخدم شبكة ‪1G‬اإلشارة التناظرية‪.‬‬

‫عيوب ‪1G:‬‬
‫• ضعف جودة الصوت‬
‫• عمر البطارية ضعيف‬
‫• حجم الهاتف كبير‬
‫• ال أمان‪.‬‬
‫تقنية الجيل الثاني‬

‫تشير تقنية ‪2G‬إلىالجيل الثانيوالذي يقوم على ‪GSM‬‬ ‫•‬


‫تم إطالقه في فنلندا في عام ‪1991‬‬ ‫•‬
‫تستخدم شبكة ‪2G‬اإلشارات الرقمية‬ ‫•‬
‫كانت سرعة البيانات تصل إلى ‪64‬كيلو بايت في الثانية‪.‬‬ ‫•‬

‫الميزة تشمل‪:‬‬
‫• يتيح خدمات مثل الرسائل النصية والرسائل المصورة ورسائل الوسائط المتعددة (رسائل الوسائط المتعددة)‬
‫• يوفر جودة وقدرة أفضل‪.‬‬

‫عيوب ‪2G:‬‬
‫• يتطلب الجيل الثاني إشارات رقمية قوية لمساعدة الهاتف المحمول في العمل ‪.‬إذا لم تكن هناك تغطية‬
‫للشبكة في أي منطقة محددة‪ ،‬فإن اإلشارات الرقمية ستكون ضعيفة‪.‬‬
‫• هذه األنظمة غير قادرة على التعامل مع البيانات المعقدة مثل مقاطع الفيديو‪.‬‬
‫تقنيات ‪1G‬و ‪2G‬‬

‫هواتف ‪1G‬و ‪2G:‬‬


‫تقنية الجيل الثالث ‪3G‬‬

‫تكنولوجيا الجيل الثالث ‪3G‬تشير إلىالجيل الثالثالذي تم‬ ‫•‬


‫تقديمه في عام ‪2000‬‬
‫زادت سرعة نقل البيانات إلى ‪2‬ميجابايت في الثانية‬ ‫•‬
‫عادة ما يسمىالهواتف الذكية‬ ‫•‬
‫زادت الميزة من عرض النطاق الترددي ومعدالت نقل‬ ‫•‬
‫البيانات الستيعاب التطبيقات المستندة إلى الويب وملفات‬
‫الصوت والفيديو‪.‬‬
‫تقنية الجيل الثالث (تابع)‬

‫مميزات تقنية الجيل الثالث ‪3G:‬‬


‫• توفير اتصاالت أسرع‬
‫• إرسال‪/‬استقبال رسائل بريد إلكتروني كبيرة الحجم‬
‫• ويب عالي السرعة‪/‬مزيد من األمان‬
‫• مؤتمرات الفيديو ‪/‬األلعاب ثالثية األبعاد‬
‫• البث التلفزيوني ‪/‬التلفزيون المحمول ‪/‬المكالمات الهاتفية‬
‫• ‪11‬ثانية ‪- 1.5‬دقيقة لتنزيل أغنية ‪MP3‬مدتها ‪3‬دقائق‪.‬‬

‫عيوب تقنية ‪3G:‬‬


‫• رسوم باهظة لخدمات ترخيص الجيل الثالث ‪3G‬‬
‫• لقد كان تحدياا بناء البنية التحتية لشبكة الجيل الثالث‬
‫• متطلبات النطاق الترددي العالي‬
‫• هواتف ‪3G‬باهظة الثمن‪.‬‬
‫تقنية ‪4G‬‬

‫• تقنية ( ‪4G‬في أي وقت وفي أي مكان)‬


‫• تشير تقنية ‪4G‬إلى أو االسم المختصر لـالجيل الرابعالذي بدأ من أواخر ‪20000s‬‬
‫• استناداا إلى بروتوكول اإلنترنت )‪(IP‬‬
‫سمات‪:‬‬
‫• قادرة على توفير ‪100‬ميغابت في الثانية ‪- 1‬جيجابت في الثانيةسرعة‬
‫• أحد المصطلحات األساسية المستخدمة لوصف ‪4G‬هوسحر‪:‬‬
‫• الوسائط المتعددة المتنقلة‬
‫• في اي وقت وفي اي مكان‬
‫• دعم التنقل العالمي‬

‫عيوب ‪4G:‬‬
‫• استخدامات البطارية أكثر‬
‫• من الصعب تنفيذها‬
‫• تحتاج إلى أجهزة معقدة‬
‫• المعدات باهظة الثمن الالزمة لتنفيذ شبكة الجيل القادم‪.‬‬
‫مقارنة بين ‪3G‬و ‪4G‬‬

‫تكنولوجيا‬ ‫‪3G‬‬ ‫‪4G‬‬


‫معدل نقل التاريخ‬ ‫‪3.1‬‬ ‫‪100‬ميجابايت‪/‬ثانية‬
‫ميجابايت‪/‬ثانية‬

‫الهاتف المحمول –دقة التلفاز‬ ‫قليل‬ ‫عالي‬

‫تحميل وتحميل‬ ‫‪5.8‬ميجابت في‬ ‫‪14‬ميجابت في الثانية‬


‫الثانية‬
‫نماذج السلكية من الجيل الثالث ‪3G‬و ‪4G‬‬
‫تقنية ‪5G‬‬

‫• تشير تقنية ‪5G‬إلى االسم المختصر لـالجيل الخامسالذي بدأ من أواخر عام ‪2010.‬‬
‫سمات‪:‬‬
‫• اتصال السلكي كامل بدون أي قيود تقريباا‬
‫• إنها قابلة للدعم بشكل كبير ( ‪WWWW‬الشبكة العالمية الالسلكية)‬
‫• سرعة عالية‪ ،‬وقدرة عالية‬
‫كبيرا للبيانات فيجيجابت في الثانية‬
‫ا‬ ‫• توفر تقنية ‪5G‬بثاا‬
‫• صحيفة الوسائط المتعددة‪ ،‬ومشاهدة التلفزيون بجودة ‪HD‬‬
‫• نقل أسرع للبيانات مقارنة باألجيال السابقة‬
‫• ذاكرة هاتف كبيرة‪ ،‬وسرعة االتصال‪ ،‬والوضوح في الصوت‪/‬الفيديو‬
‫• دعم الوسائط المتعددة التفاعلية والصوت والفيديو واإلنترنت وغيرها‬
‫• ‪5G‬أكثر فعالية وجاذبية‪.‬‬
‫أنواع الشبكات والتقنيات الالسلكية‬

‫ثالثة أنواع عامة من الشبكات الالسلكية‪:‬‬

‫شبكات السلكية قصيرة المدى‬ ‫‪.I‬‬


‫شبكات السلكية متوسطة المدى‬ ‫‪.II‬‬
‫شبكات السلكية واسعة النطاق‬ ‫‪.III‬‬

‫نفك‬ ‫واي ماكس‬


‫‪I.‬الشبكات الالسلكية قصيرة المدى‬

‫الشبكات الالسلكية قصيرة المدى عموما لديها مجموعة من ‪100‬قدم أو أقل‪.‬‬


‫الشبكات الشخصية الالسلكية )‪(WPAN‬‬
‫‪ (a‬بلوتوث ‪:‬يمكن ربط ما يصل إلى ثمانية أجهزة في مساحة ‪30‬قد اما وإرسال ما يصل إلى‬
‫‪2.1‬ميجابت في الثانية‪.‬‬

‫‪ (b‬النطاق العريض الفائق ‪:‬تقنية السلكية ذات نطاق ترددي عالً مع سرعات نقل تزيد عن‬
‫‪100‬ميجابت في الثانية‪.‬‬

‫‪ (a‬الحقل القريب مجال االتصاالت ‪:‬أقصر مدى من أي شبكة السلكية؛ مصممة ليتم تضمينها‬
‫في األجهزة المحمولة مثل الهواتف المحمولة وبطاقات االئتمان‪.‬‬
‫ثانيا ‪.‬شبكات السلكية متوسطة المدى‬

‫• شبكات السلكية متوسطة المدىهي الشبكات المحلية الالسلكية )‪(WLANs‬المألوفة‪.‬‬

‫• النوع األكثر شيو اعا للشبكات الالسلكية متوسطة المدى هو ‪Wireless Fidelity (Wi-Fi).‬‬
‫ثالثا ‪.‬شبكات السلكية واسعة النطاق‬
‫تعمل الشبكات الالسلكية واسعة النطاق على توصيل المستخدمين ببعضهم البعض‬
‫وباإلنترنت عبر مسافات متناثرة جغرافياا‪.‬‬

‫• شبكة المنطقة الحضرية الالسلكية ‪(WMAN):‬النطاق العريض الالسلكي (واي‬


‫ماكس)‬

‫• شبكة المنطقة الواسعة الالسلكية ‪(WWAN):‬شبكة خلوية ‪3G‬و ‪4G‬‬


‫كيف نبني تطبيق في الهاتف الذكي ؟‬
‫تطبيق‬
‫إنشاء حساب علىجوجل‬
Gmail

30m

Blogger

1h

App

1h

Pub-30
‫تطبيقم َّد ِون‬
‫تطبيق‬
‫تطبيقأندرومو‬
‫متجر صانع التطبيقات‬
‫سياتل الغيوم‬
‫منشئ التطبيقاتتطبيق‬
‫تطبيقصيحات‬
‫مخترع التطبيق‬
‫التسجيل بحساب مطور‬

https://play.google.com/apps/publish/signup •
‫سجالت الويب‬
‫التعريف‬

‫تعتبر سجالت الويب مناالبداعاتالجديدة في عالم الويب‬ ‫•‬


‫الوالدة من عام ‪ 2010‬م‬ ‫•‬
‫تتميز بالتقسيمات الخدمية‬ ‫•‬
‫الخدمات التعليمية‬ ‫•‬
‫ما هو السر في نجاح األسواق‬

‫المستخدم‬

‫المتصفح‬

‫األنترنت‬
‫كيف نستفيد من المتاجر التعليمية‬

‫تعليم اللغة العربية واإلنجليزية‬ ‫•‬


‫مستخدمة في تعليم الرياضيات‬ ‫•‬
‫الستخدام المحتوي التعليمي (حوسبة المعلومات)‬ ‫•‬
‫األلعاب التعليمية‬ ‫•‬
‫الخدمات مع الشبكات االجتماعية‬ ‫•‬
‫فيديو تعليمي‬ ‫•‬
‫ما هي الشركات التقنية‬
‫تعليمي‬
‫صورة من سبورة الرياضيات‬
‫برامج اللغة اإلنجليزية‬
‫أنواع تطبيقات الهاتف المحمول‬

‫• بمجرد تحديد النظام األساسي المستهدف لتطبيق ما‪ ،‬تكون هناك عادًة ا ‪3‬خيارات متاحة لالختيار من بينها‪.‬‬
‫• أنواع تطبيقات الجوال‬
‫• محلي‬
‫• يتم تثبيته في الجهازمن خالل متجر بالي ‪/‬متجر التطبيقات‪ ،‬إلخ‪.‬لديه حق الوصول إلى جميع األجهزةمثل نظام تحديد المواقع العالمي )‪،(GPS‬‬
‫وخدمات الموقع‪ ،‬والتخزين‪ ،‬والكاميرا‪ ،‬وما إلى ذلك ‪.‬على سبيل المثال ‪:‬تطبيق الخدمات المصرفية‪ ،‬واأللعاب‪ ،‬و‪،Skype‬موقع ‪ ،YouTube‬آلة‬
‫حاسبة‪ ،‬تقويم‪ ،‬الخ‪.‬‬
‫• ويب‬
‫• يتم تشغيلها داخل متصفح مثل ‪Chrome‬أو ‪Safari‬وليس هناك حاجة لتثبيتها ‪.‬يتم فتحها مثل أي موقع ويب آخر‪ ،‬ومن ثم يتم استدعاؤها‬
‫ضااألمثل للجوالالمواقع اإللكترونية أوسريع االستجابةمواقع الويب ‪.‬هذا التطبيق هو أسرع طريقة لتطوير التطبيق ولكن له جانب سلبيمحدودية‬
‫أي ا‬
‫الوصول إلى األجهزة ‪.‬على سبيل المثال‪:khaleejtimes.com,‬الحجز‪.‬كوم‪ ،,marriott.com,airarabia.com‬إلخ‪.‬‬
‫• هجين‬
‫• التطبيقات الهجينة هينصف تطبيق أصلي ونصف تطبيق ويب ‪.‬يقدم هذا الخيار أفضل ما في العالمين ‪.‬إنه يستغل ميزات متصفح النظام األساسي ‪.‬‬
‫على سبيل المثال ‪:‬فيسبوك‪ ،‬لينكدإن‪،‬‬
‫بيئة التطوير‬

‫• توفر بيئة التطوير أدوات للمطور إلنشاء التطبيقات ‪.‬يتكون هذا بشكل أساسي مما يلي‪.‬‬
‫برنامج إلنشاء التطبيقات وتصحيح أخطائها واختبارها يسمى ‪IDE.‬‬ ‫•‬
‫مجموعة تطوير البرمجيات )‪(SDK‬‬ ‫•‬
‫واجهة برمجة التطبيقات )‪(APIs‬‬ ‫•‬
‫لغة برمجة‪.‬‬ ‫•‬
‫بيئة التطوير‬

‫إطار تطوير أندرويد‬ ‫‪‬‬ ‫إطار تطوير ‪iOS‬‬ ‫‪‬‬

‫جافا ( ‪JRE‬بيئة تشغيل جافا)‬ ‫‪‬‬ ‫دائرة الرقابة الداخلية‬ ‫‪‬‬

‫( ‪Java SDK‬مجموعة تطوير البرمجيات)‬ ‫‪‬‬ ‫‪iOS SDK‬بما في ذلك إطار عمل ‪Cocoa UI‬‬ ‫‪‬‬

‫( ‪Eclipse IDE‬بيئة التطوير المتكاملة‪).‬‬ ‫‪‬‬ ‫‪XCode‬بيئة تطوير متكاملة‬ ‫‪‬‬

‫‪Android SDK (SDK‬المتعلقة بأجهزة‬ ‫‪‬‬ ‫لغة برمجة‪:‬ج موضوعيةوسويفت‬ ‫‪‬‬


‫)‪Android‬‬
‫لغة البرمجة ‪:‬جافا‬ ‫‪‬‬ ‫منصات التطوير المدعومة‪:‬أو إس إكس‬ ‫‪‬‬

‫منصات التطوير المدعومة‪:‬ويندوز‪ ،‬أو إس إكس‪،‬‬ ‫‪‬‬


‫لينكس‬
‫اللبنات األساسية للتطبيق‬

‫نشاط‬ ‫•‬
‫‪IntentReceiver‬‬ ‫•‬
‫خدمة‬ ‫•‬
‫مزود المحتوى‬ ‫•‬
‫أنشطة‬

‫• تتوافق عادًة ا مع شاشة واجهة مستخدم واحدة‬


‫• لكن يمكنهم‪:‬‬
‫• كن مجهول الهوية‬
‫• كن في نافذة عائمة‬
‫• إرجاع قيمة‬
‫مستقبالت النية‬

‫• المكونات التي تستجيب لبث "نوايا"‬


‫• طريقة الرد على اإلخطارات الخارجية أو اإلنذارات‬
‫• يمكن للتطبيقات اختراع وبث نواياها الخاصة‬
‫النوايا‬

‫• فكر في النوايا كفعل ومفعول به؛ وصف لما تريد القيام به‬
‫• على سبيل المثال‪ ،‬العرض واالتصال والتشغيل وما إلى ذلك‪.‬‬
‫• يطابق النظام النية مع النشاط الذي يمكنه تقديم الخدمة على أفضل وجه‬
‫• تصف األنشطة ومستلمو النوايا النوايا التي يمكنهم خدمتها‬
‫النوايا‬
‫معرض الصور‬
‫بيت‬

‫بيكاسا‬

‫جهات االتصال‬

‫"اختيار صورة"‬
‫بريد جوجل‬

‫محادثة‬

‫ممَّد َّد ِو ِونن‬


‫خدمات‬

‫• مكونات مجهولة الهوية تعمل في الخلفية‬


‫• على سبيل المثال‪ ،‬مشغل الموسيقى‪ ،‬تنزيل الشبكة وما إلى ذلك ‪...‬‬
‫موفري المحتوى‬

‫• يتيح مشاركة البيانات عبر التطبيقات‬


‫• على سبيل المثال دفتر العناوين‪ ،‬معرض الصور‬
‫• يوفر واجهات برمجة تطبيقات موحدة من أجل‪:‬‬
‫• االستعالم‬
‫• حذف وتحديث وإدراج‪.‬‬
‫• يتم تمثيل المحتوى بواسطة نوع ‪URI‬و‪MIME‬‬
‫المحاكي‬

‫• محاكي ‪ARM‬القائم على ‪QEMU‬‬


‫• يعمل بنفس صورة الجهاز‬

‫• محددات‪:‬‬
‫– ال يوجد دعم للكاميرا‬
‫األجهزة‬
‫دورة حياة التطبيق‬

‫• تشغيل التطبيق في عملياته الخاصة ‪PID) ،(VM‬‬


‫• يتم بدء العمليات وإيقافها حسب الحاجة لتشغيل مكونات التطبيق‬
‫• قد يتم قتل العمليات الستعادة الموارد‬
‫دورة الحياة‬
‫• عملية النظام‬ ‫• بيت‬ ‫• بريد‬ ‫• المتصفح‬

‫بيت‬

‫• خريطة‬
‫جهات االتصال‬

‫بريد جوجل‬
‫مدير الموقع‬
‫خدمات ‪XMPP‬‬

‫يسمح ألي تطبيق بإرسال رسائل من جهاز إلى جهاز إلى مستخدمي ‪Android‬اآلخرين‬ ‫•‬
‫رسائل البيانات هي نوايا مع أزواج االسم‪/‬القيمة‬ ‫•‬
‫يعمل مع أي حساب ‪Gmail ...‬‬ ‫•‬
‫ضا إنشاء خوادم لتوصيل الرسائل من الخادم إلى الجهاز‬‫يمكن أي ا‬ ‫•‬
‫مدير اإلخطار‬
‫مدير اإلخطار‬

‫• كيف يتفاعل تطبيق الخلفية مع المستخدمين‬

‫• عرض إخطار متسق‬


‫اآلراء‬
‫اآلراء‬
‫مدير الموقع‬
‫مرحبا بالعالم‬

‫• نقطة انطالق رائعة‪: http://developer.android.com/guide/tutorials/hello-‬‬


‫‪world.html‬‬
‫• توليد واجهات المستخدم‬
‫وجهات النظر –اللبنات األساسية‬ ‫•‬
‫على سبيل المثال ‪ ،EditText ،TextView‬زر‬ ‫•‬
‫تم وضعها في التخطيطات‬ ‫•‬
‫على سبيل المثال ‪LinearLayout‬و ‪TableLayout‬و‪AbsoluteLayout‬‬ ‫•‬
‫مميزات االندرويد‬

‫‪‬إطار تطبيق‬

‫‪‬آلة دالفيك االفتراضية‬

‫‪‬متصفح متكامل‬

‫‪‬سكليتي‬

‫‪‬دعم وسائل اإلعالم‬

‫‪‬هاتف جي إس إم‬

‫‪‬بلوتوث‪ ،‬إيدج‪3G ،‬وواي فاي‬

‫‪‬الكاميرا‪ ،‬ونظام تحديد المواقع‪ ،‬والبوصلة‪ ،‬ومقياس التسارع‬

‫‪‬بيئة تطوير غنية‬


‫ملخص‬

‫ضا التطبيقات‪ ،‬يتم إنشاؤها لألجهزة المحمولة‪ ،‬مثل الهواتف الذكية‬


‫تطبيقات الهاتف المحمول‪ ،‬والتي تسمى أي ا‬ ‫•‬
‫واألجهزة اللوحية‪.‬‬
‫هناك العديد من الشركات المصنعة التي تصنع األجهزة المحمولة على سبيل المثاللينوفو‪,‬سامسونج‪ ،‬اتش تي‬ ‫•‬
‫سي‪ ،‬الخ‪.‬‬
‫هناك العديد من منصات التطوير وأشهرها ‪،Android‬دائرة الرقابة الداخلية ‪,‬ويندوز ‪,‬بالك بيري‪.‬‬ ‫•‬
‫يتم تطوير التطبيقات الستهداف منصة معينة ‪.‬في هذه الدورة سوف نستهدف إما ‪Android‬أودائرة الرقابة‬ ‫•‬
‫الداخلية‪.‬‬

You might also like