تعليق: لقد أدى ظهور HTML5 Mobile Development إلى تغيير منافسة منصات الهاتف المحمول من منصات النظام إلى المتصفحات: أي Chrome أو Firefox أو Safari على محطات المحطات المتنقلة أو المتصفحات الجديدة ، فإن من يمكنه تحقيق دعم أفضل لـ HTML5 على المحطات المحمولة المحمولة ، سيتمكن من احتلال المزيد من الأسواق في مجال تطبيق الأجهزة المحمولة.
أدى ظهور تطوير HTML5 Mobile إلى منافسة منصات المحمول من منصات النظام إلى المتصفحات: Mobile IE أو Chrome أو Firefox أو Safari أو Browsers. كل من يمكنه تحقيق دعم أفضل لـ HTML5 على جانب الهاتف المحمول سيكون قادرًا على شغل المزيد من الأسواق في مجال تطبيقات الهاتف المحمول المستقبلي.ستصبح أساليب التثبيت الأكثر مرونة ومريحة للتطبيق واحدة من الضمانات لـ HT] L5 للتألق على منصات المحمول.
فيما يلي العديد من الميزات الرئيسية التي تكون HTML5 مناسبة لتطوير تطبيقات الهاتف المحمول:
1. التخزين المؤقت في وضع عدم الاتصال يوفر الأساس لتطوير HTML5 لتطبيقات الهاتف المحمول
يمكن اعتبار واجهة برمجة تطبيقات HTML5 تخزين ويب كنسخة محسّنة من ملفات تعريف الارتباط ، والتي لا تقتصر على حجم البيانات ، لها مرونة وبنية أفضل ، ويمكنها كتابة بيانات إلى ROM من الجهاز ، ويمكنها أيضًا استعادة البيانات عند إغلاق المتصفح وفتحها مرة أخرى لتقليل حركة الشبكة.
في الوقت نفسه ، يمكن اعتبار هذه الوظيفة سجل تشغيل للخلفية في اتجاه آخر ، دون احتلال أي موارد خلفية ، مما يقلل من الضغط على أجهزة الجهاز وزيادة نعومة العملية.
تدعم التطبيقات عبر الإنترنت تنزيل ذاكرة التخزين المؤقت في وضع عدم الاتصال أثناء استخدام ذاكرة التخزين المؤقت في وضع عدم الاتصال ؛ يجب تنزيل التطبيقات غير المتصلة بالإنترنت بعد ذاكرة التخزين المؤقتة في وضع عدم الاتصال قبل استخدامها.
لوضعها بوضوح ، تخزين ملفات تعريف الارتباط الهواتف والقوائم. تحتاج إلى طلب الوجبات السريعة عندما تريد تناول الطعام. كم من الوقت يستغرق الانتظار يعتمد على حالة المرور ؛ تعني ذاكرة التخزين المؤقت في وضع عدم الاتصال أنك تخزن الطعام مباشرة في الثلاجة ، ويمكنك تناوله على الفور إذا كنت ترغب في تناول أحدث الطعام (بالطبع ، يمكنك أيضًا الاتصال لحجز الحجز إذا كنت ترغب في تناول أحدث الطعام).
يجب أن يعرف المصممون وقت السماح للمستخدمين بتنزيل ذاكرة التخزين المؤقت في وضع عدم الاتصال (لاحظ الفرق بين التطبيقات عبر الإنترنت وغير متصل).
2. الصوت والفيديو المضمن بحرية ، تنسيق الوسائط المتعددة أكثر مرونة
تعتبر طريقة التطوير الأصلي مزعجة نسبيًا لمعالجة محتوى الوسائط المتعددة التي تمزج بين النصوص والصوت والفيديو. إنه يتطلب تقسيم النص والصور والصوت والفيديو ، وتحليل عناوين URL المقابلة ومعالجتها بطرق مختلفة.
HTML5 غير مقيد تمامًا في هذا الصدد ويمكن التعامل معه معًا بالكامل.
يجب أن يعلم المصممون أنه سيكون شيئًا رائعًا إذا تم خلط النص والوسائط المتعددة في عرض المعلومات للأخبار ، و Weibo ، والتطبيقات الاجتماعية دون الحاجة إلى تضمين مشاهدات الويب على وجه التحديد ، على الأقل لا يزال من الصعب تنفيذ الطريقة الأصلية الآن.
3. تحديد المواقع الجغرافية ، مشاركة الموقع في أي وقت وفي أي مكان
قم بتعبئة كاملة لمزايا الأجهزة المحمولة في تحديد المواقع وتعزيز تطوير تطبيقات LBS.
يمكنك استخدام GPS و WiFi والهواتف المحمولة وطرق أخرى لجعل تحديد المواقع أكثر دقة ومرونة.
لم يعد تحديد المواقع الجغرافية لموضع المواقع والتنقل لم يعد لديه برامج تنقل حصرية ، ولا تحتاج الخرائط إلى تنزيل حزم خريطة كبيرة جدًا. يمكن حلها من خلال ذاكرة التخزين المؤقت ، ويمكن أن تكون أكثر مرونة أينما ذهبوا.
يجب أن يعلم المصممون أن هناك المزيد والمزيد من التطبيقات التي تضمن وظائف LBS ، والتي تعد أيضًا واحدة من أكبر مزايا الأجهزة المحمولة مقارنة بأجهزة الكمبيوتر المكتبية. يمكن لـ HTML5 توسيع هذه الميزة مرة أخرى. فكر في كيفية استخدامه في التطبيق الذي صممته!
4. رسم قماش لتحسين قدرات الرسم لمنصات المحمول
استخدم Canvas API لرسم خرائط نقطة ساخنة لجمع معلومات تجربة المستخدم
يدعم التحرير العام للصور مثل الحركة والدوران والتكبير
Canvas - دعم وظيفة الرسم ثنائية الأبعاد
Canvas 3D - 3D دعم وظيفة الرسم
SVG - دعم الرسم البياني المتجه
يجب أن يعلم المصممون أن الحركة والتناوب وتوسيع نطاق الصور كلها أساسية للغاية. كلها حالات صغيرة عند الرسم بأنفسهم. أما بالنسبة لكيفية استخدامها ، فكر في الأمر بعناية!
5. عناصر النماذج مخصصة للمنصات المحمولة
عنصر نموذج HTML5 الذي يظهر في المتصفح ولوحة المفاتيح المقابلة:
نوع لوحة المفاتيح للأغراض
نص لوحة المفاتيح المحتوى العادي إدخال المحتوى القياسي
Tel Phone Number لوحة مفاتيح NUMERIC
مربع نص عنوان البريد الإلكتروني عبر البريد الإلكتروني مع @ و.
عنوان URL لعنوان URL مع .com و.
يتم استخدام البحث لمحركات البحث ، مثل لوحة المفاتيح القياسية لمربع البحث المعروض في الجزء العلوي من الموقع
المدى المحددات العددية ضمن نطاق قيمة محدد ، الشاشة النموذجية هي شريط التمرير أو القرص الدوار
تحتاج فقط إلى إعلان بسيط لإكمال المكالمة إلى لوحات مفاتيح مختلفة ، وهو بسيط ومريح.
يجب أن يعلم المصممون أنه عند استخدامه ، تذكر أن يخبروا زملائهم في البحث والتطوير!
6. دعم الوضع التفاعلي الغني
تحسين قدرة التفاعل: السحب ، التراجع عن العمليات التاريخية ، اختيار النص ، إلخ.
الانتقال - تأثير الحركة للمكونات
تحويل - تأثير تشوه المكون
الرسوم المتحركة - أضف الحركة والتشوه إلى دعم الرسوم المتحركة
يجب أن يعلم المصممون أن HTML5 يوفر طريقة تفاعلية غنية. أما إذا كان ذلك مفيدًا أم لا ، فهو عملك الخاص!
7. مزايا استخدام HTML5
انخفاض تكاليف التطوير والصيانة ؛
اجعل الصفحة أصغر وتقليل الإنفاق غير الضروري للمستخدمين ؛ وأداء أفضل يجعل استهلاك الطاقة أقل ؛
من المريح الترقية ، ويمكنك فتحه واستخدام أحدث إصدار ، مما يلغي مشكلة إعادة تنزيل حزمة الترقية. أثناء الاستخدام ، تقوم بتحديث ذاكرة التخزين المؤقت بشكل مباشر.
يجب أن يعرف المصممون ما يريده المستخدمون وما يمكن أن يوفره HTML5 للمستخدمين.
8. CSS3 أدوات التصميم المرئي
يدعم CSS3 تضمين الخط ، وتخطيط التصميم ، وميزات الرسوم المتحركة الأكثر إثارة للإعجاب.
محدد - محدد أكثر مرونة
WebFonts - خطوط مضمنة
تخطيط - خيارات الطباعة المتنوعة
ظل تدرج نصف قطرها - زوايا مستديرة ، تدرجات ، ظلال
الخلفية الحدودية - دعم الخلفية للحدود
استخدم CSS3 لإكمال بعض الأعمال المرئية ، والتحميل السريع ، وحفظ الرمز والصور ، وحفظ النطاق الترددي للمستخدمين.
يجب أن يعلم المصممون أن طريقة العشرات من الصور المادية في الواجهة هي خارج الطريق ، لذلك دع CSS3 يساعدك على أن تكون كسولًا في أقرب وقت ممكن.
9. التواصل في الوقت الحقيقي
في الماضي ، نظرًا لتصميم بروتوكول HTTP وتصفح المتصفح ، كان التفاعل في الوقت الفعلي محدودًا للغاية ، ويمكن استخدام بعض التقنيات فقط "لمحاكاة" تأثيرات الاتصال في الوقت الفعلي ، لكن HTML5 قدمت دعمًا كاملاً للاتصال في الوقت الفعلي.
يجب أن يعلم المصممون أن محتوى الاتصالات في الوقت الفعلي ومحتوى المعلومات مضمّن في تطبيق التذكيرات في الوقت الفعلي ، ويمكن أن يساعدك HTML5 في تحقيق ذلك.
10. المحفوظات ودعم الأجهزة
أتساءل عما إذا كنت قد اكتشفت أنه في برامج الويب الجديدة مثل Gmail ، يمكنك بالفعل استخدام الملفات السحب والسحب كمرفقات بريد إلكتروني؟ هذا هو Drag 'n Drop and File API في وظائف ملف HTML5.
يجب أن يعلم المصممون أن هناك طلبًا متزايدًا على نقل البيانات في تطبيقات الهاتف المحمول ، وأن طريقة اختيار المسار التقليدية مرهقة للغاية. تعال وجرب وظيفة سحب HTML5 وإسقاط التحميل!
11. الدلالي
يمكن للشبكات الدلالية أن تسمح لأجهزة الكمبيوتر بفهم محتوى صفحات الويب بشكل أفضل ، والتي يمكن أن تكون ذات مساعدة كبيرة لتحسين محرك البحث (SEO) أو أنظمة التوصية.
يجب أن يعلم المصممون أن HTML5 يمكن أن يجعل عمليات البحث أسرع وأكثر دقة.
12. طريقة تطوير التطبيق المتكاملة للهواتف ذات المنصات المزدوجة لتحسين كفاءة العمل
وفقًا للوضع الحالي الذي يقوم فيه iPhone/Android بزيادة حصته في السوق بسرعة ، إذا كنت ترغب في كتابة تطبيقات على الهواتف الذكية المتقدمة في المستقبل ، إذا اخترت إما استخدام إطار عمل Objective-C + Cocoatouch لكتابة تطبيقات iPhone/iPad ، أو اختيار Java + Android Framework لكتابة تطبيقات Android. إذا كنت ترغب في دعم منصتين في نفس الوقت ، فسيتعين عليك الحفاظ على مجموعتين من الرموز ، وهو عبء صغير على الخدمات الصغيرة التي بدأت للتو.
استخدم HTML5 و CSS3 لكتابة التطبيقات المستندة إلى الويب. لدعم iPhone و Android في نفس الوقت ، تحتاج فقط إلى الحفاظ على رمز واحد (يجب تعديل بعضهم وفقًا للعملاء). في المستقبل ، إذا كانت الأجهزة المحمولة الأخرى تحتوي على متصفحات تدعم HTML5 ، فسيكون لدى WebApp نفسها منصة دعم إضافية مباشرة.
تستخدم سلسلة الخدمات من Google العديد من مواصفات ذاكرة التخزين المؤقت والتخزين وقاعدة البيانات في HTML5 لتحقيق تأثير برامج الوصول دون اتصال بالإنترنت. نظرًا لأن اتصال شبكة الأجهزة المحمولة غير مستقر أكثر من تطبيقات سطح المكتب ، وأحيانًا لا توجد شبكة لاستخدامها على الهاتف المحمول ، تسمح هذه التقنيات للمستخدمين بمواصلة استخدام الويب الخاص بك حتى في بيئة خالية من الإنترنت. هذا يدل على أن كائن الخدمة الرئيسي لـ HTML5 لا يزال يتم تقديمه لتطبيقات الويب ولن يشكل تهديدًا لتطوير جميع التطبيقات. سيساعد ذلك أنواعًا مختلفة من التطبيقات على استخدام طرق تطوير مختلفة وجعلها أكثر مرونة.