Logo ar.androidermagazine.com
Logo ar.androidermagazine.com

ما هو تطبيق html5 وأريده؟

جدول المحتويات:

Anonim

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

في هذه الحالة ، نعم. في حين أن اليوتوبيا حيث يتم كتابة كل تطبيق بتنسيق HTML5 وكل مستخدم لديه نفس التجربة لا تزال طريقة جيدة إذا حدث ذلك ، إلا أن HTML5 في شكل هجين يعد بالفعل صفقة كبيرة. يجب أن نعرف ونفهم أي شيء يمثل مشكلة كبيرة.

ما هو تطبيق HTML5؟

كانت المرة الأولى التي سمع فيها معظم الناس أنه تم ذكر HTML5 عندما أخبرنا ستيف جوبز كل ذلك بأنه سيكون مستقبل الويب ولن يقوم Flash بذلك. لقد كان تصريحه صحيحًا جزئيًا لأن Apple حظرت الوصول إلى أي نوع من Flash Player على نظام iOS ، لكن الأمر لم يتطلب رؤية من أي نوع لمعرفة أن هذا كان قادمًا لأن HTML5 لديه الكثير مما كان عليه الحال في Flash. ويحدث أن مستقبل الويب هو أيضًا وسيلة جيدة لتشفير التطبيقات.

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

  • يوفر HTML إطارًا حيث يمكن للمطورين وضع التعليمات البرمجية الخاصة بهم ويمكن للتطبيق تحويلها إلى شيء يمكننا رؤيته والتفاعل معه.
  • يوفر CSS طريقة لتخطيط كيفية ظهور أجزاء البت الفردية بمجرد تقديمها وعرضها على الشاشة.
  • JavaScript هو ما يجعل كل شيء تفاعليًا ويكون قادرًا على "فعل" أي شيء.

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

قال أحد مهندسي Mozilla ذات مرة: "الرمز بمجرد تشغيله في أي مكان لا يعني الهرب. التحسين هو المفتاح." الرجال الذكية ، هؤلاء المهندسين موزيلا.

ما يعنيه هذا هو أنه يمكن للمطور كتابة التعليمات البرمجية الخاصة به وضبطها ، ثم نشرها في كل مكان. يختلف هذا كثيرًا عن كتابة رمز منفصل لنظامي التشغيل Android و iOS و macOS و Windows و HTML لـ webOS و BlackBerry 10. يمكن للمطور كتابة التعليمات البرمجية باستخدام أي بيئة تطوير يختارونها ، سواء كان ذلك Notepad أو شيء معقد مثل Visual Studio أو Adobe Dreamweaver وتصحيحه وضبطه في أي متصفح يختارونه ، ولا يزال يعمل في كل مكان.

يتضمن هاتفك أيضًا. لقد رأينا جميعًا استخدام تطبيقات HTML5 كصفحة ويب. تُعد أماكن مثل Twitter أو إصدار الجوال من Gmail أمثلة ممتازة على HTML5 في العمل. ولكن نظرًا لأنه يمكن عرض HTML5 بواسطة مكون عرض ويب ، فإن إسقاط نافذة داخل إطار تطبيق أساسي لإنشاء تطبيق تقوم بتثبيته بالفعل على هاتفك أمر بسيط وسريع. حتى أن هناك أدوات تابعة لجهات خارجية تقوم بجميع الأعمال نيابة عنك ، مثل Apache Cordova. يساعد هذا المطورين الجدد في تقديم أفكارهم إلى الجميع بالإضافة إلى المطورين المتمرسين الذين لديهم الآن الوقت لتجد الأشياء التي لم نرها من قبل. يمكن لـ HTML5 المضمن في تطبيق أصلي تشغيل التعليمات البرمجية واستخدام الأصول التي يحصل عليها من الإنترنت ، ولكن يمكن للمطور أيضًا تثبيت هذه التطبيقات محليًا والإشارة إلى الرمز للتطبيقات الأصلية التي تعمل دون اتصال بالإنترنت.

ولكن ليس كل شيء رائع حول HTML5.

واقع تطبيقات HTML5

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

هذا هو الهدف ، على أي حال. يمكن أن تكون الحقيقة مختلفة بعض الشيء ، ونحن بحاجة فقط إلى النظر في تشغيل الفيديو للحصول على مثال رائع عن السبب. يدعم كل مستعرض ترغب في استخدامه HTML5: Chrome و Opera و Internet Explorer و Edge و Firefox و Safari هي متصفحات HTML5 وتدعم تشغيل الفيديو بمجرد قيام أحد المطورين بكتابة الكلمات القليلة التي تشير إلى الفيديو. أي نوع من مكونات عرض الويب المحمولة هذه التطبيقات سوف تفعل الشيء نفسه لأنها تستخدم محرك التقديم نفسه.

عندما لا تنفذ القواعد تصبح اقتراحات ؛ تلك التي لا أحد يريد أن يتبع.

لكنهم لا يدعمون جميعًا نفس النوع من الفيديو لأن HTML5 هو نظام أساسي متعدد ومفتوح وليس ملكًا ، لذلك لا أحد يجبرهم على دعم جميع التنسيقات. Ogg Theora هو تنسيق فيديو شائع يدعمه كل مستعرض باستثناء Internet Explorer ، والذي يحدث أنه المستعرض الافتراضي على الكثير من أجهزة الكمبيوتر. H.264 أكثر شيوعًا ، لكنه غير مفتوح أو مجاني للاستخدام حتى لا يدعمه Firefox. VP8 و WebM مجانيان للاستخدام والاستخدام ، ويدعمهما كل محرك مستعرض ، لكن Internet Explorer و Safari يتطلبان من المستخدم جلب الدعم وتثبيته. من الناحية الفنية ، يدعم HTML5 تشغيل الفيديو عالي الدقة ويسهل على المطور تنفيذه. في العالم الحقيقي ، يتم دعم النوع الصحيح من الفيديو فقط.

يشغل YouTube جميع مقاطع الفيديو باستخدام HTML5 لأن Google تملك الأموال لتحويل مقاطع الفيديو التي تحمّلها.

يعتمد HTML5 أيضًا على الأجهزة المستخدمة ومدى كفاءة المطور عندما يتعلق الأمر بكتابة التعليمات البرمجية. قد يظل اختيار مكتبة جافا سكريبت الخطأ ينتج عنه نفس النتيجة ، ولكنه قد يؤدي أيضًا إلى حدوث تسرب للذاكرة والتعامل مع معالجة DOM (نموذج كائن المستند - الذي يتم إنشاؤه عند تحميل صفحة أو تطبيق ، ويتضمن كل عنصر في الصفحة أو في التطبيق على أنه "مستند" منفصل يمكن أن يجعل تطبيق HTML5 بطيئًا بشكل محبط حتى على أفضل الأجهزة. على الهواتف غير القادرة ، يؤدي ذلك سريعًا إلى قيام المستخدمين بإلغاء تثبيت التطبيق الخاص بك.

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

يعد تطبيق Facebook مثالاً على الأخطاء في HTML5 تمامًا مثل Instagram هو مثال على ما هو صحيح.

يوجد مثال ممتاز على ذلك ، ولم يكن كلنا واحدًا تقريبًا راضين عن نوع الهاتف الذي نستخدمه: تطبيق Facebook. يعد تطبيق Facebook أساسًا طريقة عرض ويب مضمنة في إطار يحتفظ بالأزرار ويساعد في إدارة بيانات اعتماد حسابك أو دفع الرسائل بطريقة يوافق عليها نظام التشغيل. تتم جميع الأشياء التي تحدث داخل التطبيق باستخدام HTML5 ، وهو أكثر من اللازم لمعالجته بمجرد أخذ جميع بياناته من الإنترنت في الاعتبار. ويواصل المطورون إضافة المزيد والمزيد إلى Facebook ، ويقوم المستخدمون بنشر ملفات كبيرة مستضافة على أماكن خارج Facebook ، وهناك ملايين وملايين الأشخاص الذين يصطدمون بخوادم Facebook دفعة واحدة ، 24/7. هذا يجعل التطبيقات بطيئة التحديث ، وجائعة للغاية في الطاقة ، وموضوع الكثير من الشكاوى.

تتم كتابة موقع Facebook للجوال أيضًا بتنسيق HTML5 ، ولكنه مصمم ليكون خفيفًا في الموارد لأنه مخصص لاستخدام الأجهزة المحمولة. هذا يجعل من الأسرع تحميل المحتوى الذي تريد رؤيته حتى لو لم يتم عرض كل هذا المحتوى بشكل جميل تمامًا كما هو الحال في العرض الكامل. وهذا أيضًا هو السبب في أن تطبيقات الجوال والتطبيقات "lite" التي تشير إلى أنه يعمل بشكل أفضل بكثير من تطبيق Facebook الرسمي. وهذه ليست مشكلة في فيسبوك فقط - فهناك الكثير من التطبيقات التي من شأنها أن تدعم جميع ميزاتها باستخدام HTML5 ولكنها معقدة بنفس القدر (كلمة لطيفة للتضخيم لأنها كانت موجودة منذ فترة طويلة وتتغير باستمرار) مثل Facebook و سوف تتصرف بنفس الطريقة.

هل أريد رؤية المزيد من تطبيقات HTML5 أم لا؟

نعم فعلا! ولكن ليس كل التطبيقات.

HTML5 جيد حقًا في كثير من الأشياء وهو طريقة رائعة للمطور لاستخدام وقته للتفكير في الأفكار الإبداعية بدلاً من تأصيل دليل مرجعي Objective-C أو C ++. لكن في بعض الأحيان ، فإن البنية الصارمة للغات التطوير التي تجبر المطور على القيام بالأشياء بطريقة معينة هي ما يجعل النتيجة النهائية تعمل بشكل أفضل على هواتفنا.

يمكن أن تكون تطبيقات HTML5 كابوسًا كما نراه من تطبيق Facebook أو قد تكون رائعة جدًا كما نراها من موقع Gmail على الأجهزة المحمولة. أو اوبر. أو Instagram. أو أي من مئات تطبيقات HTML5 التي نستخدمها كل يوم. هذا ليس شيئًا يجب علينا القلق بشأنه ، لكنه أمر لا غنى عنه للمطورين للمناقشة بلا نهاية. والآن بينما هم يناقشون ويحاولون إقناعك بما هو أفضل ، أنت تعرف قليلاً عن سبب قولهم للأشياء التي يقولون.

قد نربح عمولة للمشتريات باستخدام روابطنا أعرف أكثر.