تطبيق الرسم Sketchpad: مثال على قوة HTML5

يبدو أن تطبيقات HTML5 قادمة بكل قوة لتنافس تطبيقات الفلاش، ولقد شاهدنا الكثير من الأمثلة على قوة HTML5، مثل مشغل الفيديو sublimevideo، ويمكن معرفة قوة HTML5 في المثال الجديد والذي قمت بتجربته ونال إعجابي، المثال هو عبارة عن محرر للرسم يعمل بـ HTML5، محرر الرسم sketchpad يعمل كأنه تطبيق لسطح المكتب أو تطبيق بالفلاش، حيث يتيح الكثير من الأدوات مثل رسم الخطوط والدوائر وكتابة النص (لا يدعم اللغة العربية)، وتغير الألوان والتعبئة والقص، وغيره من الأدوات التي يمكن اكتشافها وتجربتها بنفسك، وبعد الانتهاء من الرسم يمكن حفظ التصميم أو الرسمة بصيغة png.

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

صورة لواجهة التطبيق

2-9-2010 6-56-20 PM

الرابط: http://mugtug.com/sketchpad/

المصدر

  • فعلا اخى الكريم، العالم يتجه نحو تطبيقات الويب، و هو مايتطلب دمج العديد من التقنيات فى تقنية واحدة، وهنا فامكانيات html 5 تعطينا ارضية خصبة لذلك، اعتقد اننا سنرى الكثير فى السنوات القادمة فى تحقيق هذا الاتجاه.

  • مصطفى

    باى باى فلاش

    ادوبى شركة كسوووووووووووولة

    • تركي الجابر

      صدقت باي باي فلاش 🙂

      ادوات بالشكل هذا بإستخدام HTML مع فيديو يعني فلاش خلاص باي

      واعتقد نجاح HTML5 مع اختفاء IE6

  • اداءها جميل ! , وسرعتها اعلى من الفلاش ( اتكلم عن تجربتي مع aviary )
    وما زال المجال خصباً وقابلاً للتطور والانجاز

  • وااااااااااااو
    تجربة جميلة جدا ….استمتعت بذلك
    فلتحيا html 5
    منذ 3 اشهر وانا اسمع عن ال html5 واخيرا بدا تطبيقاتها بالظهور
    – – – – – – – – – – – – – – – – – – – – – – – –
    لدي سؤال …الذي اعرفه ان ال html 5 تغنيك عن اضافة ادوبي فلاش وذلك ان كان الموقع الذي تتصفحه يدعمها …..!!
    لانها تستخدم تاغات مثل ……..اليس ذلك صحيحا؟
    منذ فترة التقيت بشخص حامل لشهادة . CIW master desginer وقال لي ان هذا مستحيل
    شكرا اخ سعوج على هذه التدوينة الجميلة

  • لمن أراد التعمق في التفاصيل التقنية لمثل هكذا تطبيق فهو يستند بشكل أساسي على التاج الجديد canvas الذي يوفر تخصيص مساحة رسومية على الـHTML5 يمكنكم الإنطلاق من هذا الرابط
    http://www.w3schools.com/html5/tag_canvas.asp

    ومن ثم الإبحار عبر جوجلة الموضوع 🙂
    http://www.google.ps/search?hl=en&source=hp&q=canvas+html5

    شكراً للموضوع أخي سعود

  • MaZ

    الموقع جميل جدا …

    بس في شي استغرب منه …انه في page source … اغلبه مكتوب بالجافا ..
    يعني ما في tags تبين انها HTML5 …

    اذا كلامي غير صحيح .. ارجو تصحيحه … 🙂
    ,,, لكم ودي ,,,

    • abdullah

      لا يمكن كتابة هذا التطبيق باستخدام html5 فحسب و انما يعتمد على تاج canvas – الخاص ب HTML5 – لانشاء تطبيق بهذه الامكانيات بسلاسة و الذى يمكن ان يغنى عن الفلاش فى المستقبل
      أدعوك لتجربة هذه اللعبة لتعرف مدى قوة هذا التاج و مزايا HTML5
      http://www.benjoffe.com/code/
      http://www.benjoffe.com/code/demos/canvascape/

  • أحمد الغنام

    موضوع الHTML5 جميل ويثير حماستي

    لكن لاحظت أيضا كما لاحظ أخي MaZ أن السورس يحتوي على جافا سكربت تكفلت ببناء البرنامج كما في هذا المثال
    http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_canvas

    أما في هذا المثال فالموضوع مختلف فلم تستخدم الجافا سكربت نهائيا في تشغيل فيديو عن طريق HTML5
    http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video

  • لقد أصابني الإشمئزاز من ” مهابيل أبل ” الذين يكررون كلام ستيف جوبز وكأنه نبي مرسل .. ويظنون حقا أن html5 ستقضي على فلاش كعقوبة إلهية لأدوبي أكراما للنبي المرسل ستيف جوبز !

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

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

    بالتأكيد سيتم إستخدام اتش تي أم ال 5 في بعض الاشياء التي كنا نستخدم فلاش من أجلها .. وقد كنا نستخدم فلاش في مثل هذه الأشياء ليس حبا في الفلاش بقدر تعويضا لفقر الأتش تي أم ال ..

    عندما ظهر الأجاكس قالوا فلاش مات .. ولم يمت .. وعندما ظهر سيلفر لايت قالوا فلاش مات .. ولم يمت .. والان بعد ظهور الأتش تي ام ال 5 التي لا تنافس فلاش أصلا مثل سيلفير لايت يقولون فلاش مات .. وهو كلام أشخاص غير متخصصين بالمرة ..

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

    حتى التطبيقات مثل التطبيق الذي رأيناه بالأعلى .. سيدي هذا التطبيق مبرمج بالجافا سكريبت مستغلا المزايا الجديدة في الأتش تي أم ال .. أي انه ليس بالأتش تي أم ال فقط .. أرجو ان يدرك الجميع هذا ..

    الأمر الأخير هو أن أتش تي أم ال5 امامها سنوات حتى تدعمها كل المتصفحات بشكل صحيح .. على عكس الفلاش المسيطر على الويب حاليا

تعليقات عبر الفيسبوك