التصورات الخاطئة عن الفلاش لـ HTML5
مع ما يقرب من عشر سنوات من الخبرة في تصميم الويب ، فقد صادفت الكثير من المعتقدات الخاطئة حول أحدث أدوات التصميم والتقنيات. ولكن لا شيء يتفوق على المفاهيم الخاطئة المحيطة باستخدام HTML 5.
كمطورين ، لدينا مجموعتنا الخاصة من المعتقدات المضللة بشأن تقنية معينة ، ولكن عندما نبدأ في استخدام هذه التكنولوجيا ، فإننا قادرون على فهم كل شيء ، واستخدامه ، ونطاقه.
مستوحاة من بعض متطلبات HTML5 التي صادفتها خلال الوقت ، أردت إضافة سنتي لمسح الهواء على جوانب معينة من HTML5. معظم المفاهيم الخاطئة المحيطة بـ HTML5 هي لأن الكثير من الناس يعتقدون أنه بديل عن Flash.
في البداية ، أود أن أوضح أن هذه ليست HTML5 مقابل مشاركة الفلاش. والحقيقة هي أن المرء لا يستطيع أن يعمل كبديل للآخر ، لذلك لا توجد معركة "نحن ضدهم". ولكن ، هناك هو جوهر المفاهيم الخاطئة. تكمن المشكلة في أن الأشخاص يعتقدون أن HTML5 هو بديل محسن لبرنامج Flash. كل المفاهيم الخاطئة هي نتيجة لهذا التفكير.
نظرة عامة فنية على HTML 5
يمكن كتابة المراجعة الرئيسية الخامسة للغة الويب العالمية بكل من تركيبتي HTML و XML وقد تم دمجها بشكل خاص مع نماذج المعالجة التفصيلية لتسهيل عمليات التشغيل المتداخل ، وفي الوقت نفسه تحسين ترميز مستندات HTML وتطبيقات الويب. الغرض الأساسي منه هو حل التبعية عبر منصة في صناعة الويب.
إذا كان كل هذا يبدو يونانياً لك ، دعنا نفصل ما يفعله HTML5 بلغة يسهل فهمها ، دون الدخول في الجوانب الفنية المعقدة:
- HTML5 هي لغة ترميز محدثة تتبع معايير XML.
- تكمن الفكرة وراء HTML5 في ضمان الاتساق في أداء وإنتاج منتجات الويب على جميع أنظمة التشغيل بما في ذلك iOS و Android و Windows وغيرها.
معظم المفاهيم الخاطئة الشائعة المتعلقة بـ HTML تتمحور حول التصميم. لذلك ، دعونا نلقي نظرة على ما تقدمه HTML 5 من وجهة نظر التصميم.
- دعم الصوت والفيديو المدمج الذي يساعد على تضمين الوسائط مباشرة في مستندات HTML جعل استخدام المكونات الإضافية الخارجية زائداً عن الحاجة.
- يدعم HTML5 عناصر SVG و Canvas للصور المتحركة.
- تقدم للمصممين عنصر قماش يسهل عملية تقديم الرسومات ثنائية الأبعاد في "الوضع الفوري". هذا يعني أن الكائنات الرسومية يتم عرضها مباشرة على الشاشة.
- تم تطويرها لإنشاء تطبيقات تفاعلية ذات محتوى ثقيل وليست سهلة الاستخدام فحسب ، ولكن أيضًا صديقة لمحركات البحث.
لماذا يعتقد الأشخاص أن HTML5 هو بديل فلاش؟
برنامج Flash عبارة عن برنامج تأليف للوسائط المتعددة يساعد على توفير محتوى ويب تفاعلي وجذاب يوفر تجربة ثرية للويب للمستخدمين. إنها منصة شائعة للغاية تصل إلى 99٪ من متصفحات الكمبيوتر المكتبي والكمبيوتر المحمول ، وتقدم نفس مجموعة الأداء الفني والمرئي عبر جميع المتصفحات. ولكن هناك عيب كبير ، وهو أنه غير مدعوم بشكل فعال من قبل أنظمة تشغيل الهواتف المحمولة مثل iOS.
لذلك ، هناك HTML5.
ننظر الآن في هذا البيان عن كثب. وقد يعني ذلك ، من حيث قيمته الاسمية ، أن HTML5 هو بديل عن Flash ، عندما يتعلق الأمر بتطوير تطبيقات تفاعلية للغاية لمنصة iOS.
سيناريوهات ، حيث طلب العملاء من مطوريهم نسخ تطبيق Flash بأكمله باستخدام HTML5 ، لجهاز جوال أو جهاز لوحي معين ، شائعة إلى حد ما. المشكلة هي أن منصات التطوير ووظائفها لا ينبغي أن تؤخذ على أساس قيمتها الاسمية. نعم ، إحدى المزايا الأساسية التي تقدمها HTML 5 هي تسهيل تطوير التطبيقات التي تعمل على جميع أنظمة تشغيل الهواتف المحمولة بدلاً من ترميز تطبيق جديد لكل نظام تشغيل جوّال.
لكن هذا لا يعني أنه بديل فلاش.
أفكار خاطئة شائعة تحيط بـ HTML5
سوف أخوضك فقط من خلال سلسلة من السيناريوهات ، والتي توضح المفاهيم الخاطئة التي يملكها الأفراد حول HTML 5.
السيناريو 1 : تحويل أداة تصميم قائمة على Flash إلى HTML 5
المفهوم الخاطئ : لا يمكن لـ HTML 5 إخفاء الصور بطريقة مشابهة لفلاش ؛ لا يعد إخفاء صورتها أمرًا سهلاً أو سلسًا. الأهم من ذلك ، فلاش هو أسرع وعندما يتعلق الأمر بوظائف محددة مثل حساب المناطق والأقطار ؛ فلاش هو خيار أفضل بكثير. تعمل الميزات مثل Drag / Scale و Zoom أيضًا بشكل أفضل في Flash مقارنة بـ HTML 5.
السيناريو 2 : تحويل مكتبة صوتية تستند إلى الفلاش إلى مكتبة متوافقة مع نظام تشغيل HTML5.
المفهوم الخاطئ : يوفر HTML5 دعمًا للصوت والفيديو ولكن مع بعض القيود. يحتوي هذا الموقع الإلكتروني Flash على ما يقرب من 800 ملف mp3؛ مما يجعلها تطبيق واسع النطاق. تكمن المشكلة في حقيقة أنه في حين يدعم Mozilla تنسيق .ogg و chrome / safari يدعم تنسيق .mp3 ، لذلك إذا كان متصفح المستخدم المفضل هو IE8 ، يصبح مشغل فلاش الصوت ضرورة. الامتدادات المحدودة المتاحة على HTML5 تعني أن الحل الوحيد هو تحويل جميع الملفات الصوتية إلى صيغتين - mp3 و ogg / wave. لا تقتصر عملية تحويل 800 ملف إلى تنسيقي ملفات على عملية تستغرق وقتًا طويلاً فحسب ، بل تزيد أيضًا من سعة التخزين في الخادم.
والنتيجة هي تطبيق iPad الذي يتم إبطاء الكتل.
السيناريو 3 : تحويل موقع قائم على فلاش إلى موقع ويب يستند إلى HTML5.
الاعتقاد الخاطئ : هناك اعتقاد خاطئ بأن HTML5 يمكنه التعامل مع جميع أنواع الرسوم المتحركة ، حتى تلك ذات التنوع الكبير. لكن هذا لا يمكن ، على الأقل ليس بعد. يقتصر بشدة على قدرتها على تقديم تأثيرات 3D وتشغيل العديد من الرسوم المتحركة في نفس الوقت. هو تكوين النظام الذي يحدد أداء الرسوم المتحركة HTML5 وحتى الآن ثبت أنه آكلى لحوم البشر. هناك فرصة جيدة أن يؤثر استخدام HTML5 على أداء موقع الويب إذا طُلب منه عمل الكثير من حيث الرسوم المتحركة. إما أن يتعطل موقع الويب أو ستتأثر سرعته. لذلك ، في الحالة المذكورة أعلاه ، قد لا يكون موقع HTML 5 الإلكتروني قادرًا على تقديم نفس العلامة التجارية للأداء.
فضح HTML 5 المفاهيم الخاطئة الشائعة
أولاً ، يقدم HTML 5 حل صوت وفيديو مناسب جدًا مع بعض الوظائف المتقدمة. كل شيء جيد وجيد ، ولكن ما تجاهل الكثير من الناس هو حقيقة أن يتم تشغيل هذه الملفات السمعية والبصرية داخل المتصفحات. يحتوي كل متصفح على مكونات إضافية مدمجة للصوت والفيديو ، إلا أن المتصفحات المختلفة تدعم إصدارات مختلفة من الصوت والفيديو. وبسبب هذا ، يصبح من الصعب تلبية متطلبات جميع المتصفحات.
ثانيًا ، جعلت عناصر SVG و Canvas من السهل للمطورين تنفيذ ودمج الرسوم المتحركة ثنائية الأبعاد ، ولكن لوحظ أن هذه الرسوم المتحركة لها تأثير ضار على أداء موقع الويب. كما أن HTML5 يثبت أنه ضعيف عندما يتعلق الأمر بالتعامل مع الرسوم المتحركة ثلاثية الأبعاد ، مما يؤدي إلى عدم قدرة المطورين على تكرار موقع ويب Flash كامل مع كفاءة مماثلة في HTML5. ستكون هناك دائما قيود.
ثالثًا ، يمكنك استخدام HTML5 Rich Internet Applications ، ولكن لا تكمن في سوء الفهم أنه يمكن أن تقدم لك نفس النوعية من الكفاءة والفعالية التي يمكن أن يوفرها برنامج Flash / Flex ، على سبيل المثال ، يمكن لـ Flash الاتصال مباشرةً بالخدمات عن بُعد ، في حين يتعذر على HTML5 .
الآن بعد أن عرفت ما الذي لا يمكن لـ HTML5 فعله ، اسمح لي أن أقدم لك قائمة صغيرة من الأشياء التي يمكن لـ HTML5 القيام بها ، وفي الواقع ، يمكن أن تقدم أداءً جيدًا. يمكن أن يساعد هذا أيضًا في تقليل المفاهيم الخاطئة بشكل كبير.
- يمكنك إنشاء تطبيق واحد يعمل على iPad و iPhone و Windows إلخ. وبعبارة أخرى ، فإنه يسهل استقلالية النظام الأساسي / الجهاز - وهي ميزة كبيرة بحد ذاتها.
- يساعد في تطوير موقع ويب واحد يعمل على الجهاز اللوحي والجوال وسطح المكتب في الوقت نفسه.
- إذا تم استخدامها جيدًا والطريقة التي من المفترض أن يتم استخدامها ، فيمكنها تحسين أداء موقع الويب.
- تمكن من استخدام علامات الصوت والفيديو عبر جميع المنصات ، ولكن كن مستعدًا للقيام ببعض الأعمال الشاقة.
- تتم كتابة الفيديو والصوت والصور مباشرة في الرموز ، مما يلغي الحاجة إلى أي برنامج طرف ثالث.
- وقت تحميل أسرع مقارنة بإصداره القديم نظرًا لتنفيذ تطبيق WebSockets.
- عروض الرسوم المتحركة ناقلات كبيرة للرسومات وتأثير الضوء ، ولكن لا نتوقع القمر والشمس ، والنجوم عندما يتعلق الأمر الرسوم المتحركة. فلاش هو الطريق قدما في هذا الجانب.
- يوفر المصادقة المناسبة للنموذج وإعلانات النوع لتقديم دعم لوحة مفاتيح معينة.
من المؤكد أن HTML 5 لديها القدرة على تفريغ Flash بأكثر من طريقة واحدة ، ولكنها في الوقت الحالي عبارة عن عمل قيد التقدم. حتى في الصورة الرمزية الحالية ، فإنه يساعد على تسهيل الوصول إلى تطبيقات الهاتف المحمول ، وأصبح بمقدور المطورين الآن إنشاء تطبيقات عالمية للهواتف المحمولة المختلفة. بالإضافة إلى ذلك ، ليس هناك شك في أنه يوفر المزيد من المرونة في إبداع الموقع. في الوقت الحالي ، هذا يكفي. ما يحدث في المستقبل هو فرضية خالصة.
إخلاء المسؤولية: جميع الرسوم التوضيحية المستخدمة في هذه المقالة هي لأغراض التوضيح فقط لشرح السيناريوهات ذات الصلة.
هل سبق لك تنفيذ بعض ميزات HTML5 التي ليست مدعومة على نطاق واسع؟ ما هي الميزات التي تتطلع إلى تبنيها؟ اسمحوا لنا أن نعرف في التعليقات!