‫بناء تطبيقاث ويب 0.2‬
‫دروس ٍستفادة و نصائح ٍىجهت‬

         ‫م. صالح الزيد‬
        ‫مطور موقع ‪Untiny‬‬
      ‫و صاحب موقع ‪TwtBase‬‬
‫نقاط اىَحاضرة‬
    ‫• تعريف بخدمة ‪ Untiny‬العالمية‬
             ‫• بناء تطبيقات ويب 0.2‬
                 ‫– عن الويب 0.2‬
              ‫– التقنيات و المفاهيم‬
           ‫– تطبيقها على ‪Untiny‬‬
      ‫– نصائح لبناء تطبيق ويب 0.2‬
‫‪Untiny‬‬
   ‫• خدمة ويب 0.2 السترجاع الروابط الطويلة األصلية من‬
                             ‫الروابط القصيرة المختصرة‬

                                    ‫• مثال لرابط طويل‬
‫‪http://en.wikipedia.org/wiki/King_Abdulaziz_Internatio‬‬
                                       ‫‪nal_Airport‬‬
                      ‫• مثال لرابط مختصر للرابط الطويل‬
                     ‫‪http://tinyurl.com/yj547qz‬‬
http://TinyURL.com
 بناء تطبيقات ويب 2.0. دروس مستفادة و نصائح موجهة
‫أٍثيت عيً خذٍاث اختصار اىعنىاين‬
                                     http://bit.ly   •
                                      http://is.gd   •
                                  http://rb6.me      •
                       http://flic.kr (flickr.com)   •
              http://wp.me (wordpress.com)           •
‫هناك آالف من خدمات اختصار العناوين اليوم. لماذا؟‬     •
 بناء تطبيقات ويب 2.0. دروس مستفادة و نصائح موجهة
‫ىَارا ‪ Untiny‬؟‬
‫• يقوم ‪ Twitter‬بتحويل اتوماتيكي للعناوين الطويلة المكتوبة‬
                         ‫إلى عناوين قصيرة يسهل نشرها.‬

    ‫• كان ‪ Twitter‬يستخدم خدمة ‪ TinyURL.com‬لتحويل‬
    ‫العناوين، و هذه خدمة ‪ TinyURL‬حجبت في السعودية‬
                     ‫الستخدامها في تجاوز البروكسي.‬
http://tinyurl.com/yj547qz
 بناء تطبيقات ويب 2.0. دروس مستفادة و نصائح موجهة
‫هو ‪ Untiny‬ىيَستخذٍين اىسعىديين فقظ؟‬
                                 ‫• ال!‬
‫استخذاً عاىَي ىيخذٍت‬
     ‫• هناك خدمات اختصار عناوين محجوبة في دول أخرى‬
                         ‫(‪ bit.ly‬محجوبة في الصين)‬

‫• تم استخدام ‪ Untiny‬كأداة للكشف العناوين المزورة (الروابط‬
                                            ‫الفايروسية)‬
‫انجازاث ‪Untiny‬‬
  ‫• أكثر من 000,000,5 رابط تم استرجاعه حتى االن‬
            ‫• أكثر من 000,02 عملية استرجاع يوميا‬
‫• أكثر من عشرة إضافات و برمجيات تعمل على ‪Untiny‬‬
                      ‫اعتمادا على الواجهة البرمجية‬
‫أمثر ٍن 003 ٍقاه بَختيف اىيغاث‬
‫و في أشهر اىَىاقع اىتقنيت‬
‫بناء تطبيقاث ويب 0.2‬
                                           ‫• عن الويب 0.2‬
‫– مجموعة من التقنيات و المفاهيم التي تصف جيل جديد من مواقع‬
                              ‫االنترنت و طريقة استخدامها‬
                                       ‫– مصطلح فضفاض!‬
‫اىتقنياث‬
                                   ‫• ‪( RSS‬الخالصات)‬
‫• ‪( Ajax‬لتحديث جزء من صفحة الموقع دون تحديثها كاملة)‬
                              ‫• ‪( CSS‬لتصميم الصفحات)‬
‫اىَفاهيٌ‬
                ‫• ‪( API‬الواجهة البرمجية)‬
           ‫• ‪( Usability‬قابلية االستخدام)‬
‫• المشاركة الجماعية (المستخدمون مساهمون)‬
‫تطبيق اىتقنياث عيً ‪Untiny‬‬
                                                 ‫• ‪Ajax‬‬
‫– في إظهار النتيجة بسرعة دون الحاجة لتحديث الصفحة‬


                                                 ‫• ‪CSS‬‬
‫– في ظهور الموقع بشكل توافقي على جميع المتصفحات‬
 ‫– ظهوره بالتصميم المناسب باللغة العربية أو االنجليزية‬
 بناء تطبيقات ويب 2.0. دروس مستفادة و نصائح موجهة
‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬
                                                           ‫• ‪API‬‬
              ‫– تزويد الموقع بواجهة برمجة تقوم بوظيفتين:‬
             ‫• ‪ extract‬و هي تقوم باسترجاع العنوان األصلي‬
‫• ‪ services‬و تقوم بسرد مواقع االختصار المدعومة من ‪Untiny‬‬

       ‫– إعطاء النتائج بثالث صيغ: ‪ ،JSON ،XML‬و ‪Text‬‬
http://untiny.com/api/1.0/extract/?url=http://is.gd/123&format=text
http://untiny.com/api/1.0/extract/?url=http://is.gd/123&format=xml
‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬
                                   ‫• ‪Usability‬‬
               ‫– إظهار المعلومات بشكل بسيط‬
       ‫– إمكانية استخدام الموقع بأكثر من طريقة‬
                             ‫– التحديد المباشر‬
    ‫• تم استخدام مكتبة الـ ‪ jQuery‬في التصميم‬
‫إظهار اىَعيىٍاث بشنو بسيظ‬
‫إٍنانيت استخذاً اىَىقع بأمثر ٍن طريقت‬
      ‫• ال داعي لزيارة ‪ Untiny‬للحصول على النتيجة‬
     ‫• يمكنك مباشرة من المتصفح كتابة العنوان التالي:‬
    ‫321/‪http://untiny.com/?url=is.gd‬‬
‫اىتحذيذ اىَباشر‬
‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬
                                           ‫• المشاركة الجماعية‬
‫– المستخدمون مساهمون في أرشفة العناوين القصيرة و الطويلة‬
    ‫• تمت أرشفة أكثر من 000,005,1 عنوان من قبل المستخدمين‬


          ‫– تطوير تطبيقات و برامج لـ ‪ Untiny‬من قبل الغير‬
    ‫• أكثر من عشرة برامج لـ ‪ Untiny‬تم تطويرها من قبل آخرين‬
                                     ‫• إحدى إيجابيات الـ ‪API‬‬


                       ‫– تضمين ‪ Untiny‬ضمن برامج آخرى‬
‫‪ٍ UntinyFox‬ن تطىير ٍتطىع‬
‫تضَين ‪ Untiny‬ضَن براٍج أخري‬
 بناء تطبيقات ويب 2.0. دروس مستفادة و نصائح موجهة
‫نصائح ىبناء تطبيق ويب 0.2‬
                              ‫ابحث عن مشكلة‬     ‫•‬
                            ‫جد حل تقني بسيط‬     ‫•‬
    ‫اجعل الحل سهل االستخدام و ذو تصميم بسيط‬     ‫•‬
                         ‫زود التطبيق بـ ‪!API‬‬    ‫•‬
                  ‫ضع واجهة انجليزية للتطبيق‬     ‫•‬
                ‫سوقيه في الشبكات االجتماعية!‬    ‫•‬
‫ال تتوقف، ضف المزيد من الخدمات و الخصائص و‬      ‫•‬
                                    ‫التسهيالت‬
‫يَننل صنع تطبيق مَا فعو غيرك‬
‫شكرا لكم ‪‬‬


‫األسئلة و النقاشات‬

More Related Content

PDF
بناء خدمات ومشاريع الويب
PDF
مقدمة عن بايثون / جانقو
PDF
المدونة
PPTX
Word press
PDF
خدمات الويب (Web Services) و كيف تنشئها
PDF
45 ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات
PPTX
Getting Started with Web Services
PDF
PHP Web service - وب سرویس
بناء خدمات ومشاريع الويب
مقدمة عن بايثون / جانقو
المدونة
Word press
خدمات الويب (Web Services) و كيف تنشئها
45 ما هي الويب سيرفس وكيفية تبادل البيانات بين الموبايل وقاعدة البيانات
Getting Started with Web Services
PHP Web service - وب سرویس

Viewers also liked (20)

PPTX
Webservice for android ppt
PDF
Connecting to Web Services on Android
DOCX
طريقه عمل كيك الشاي
PPT
خدمة المشروبات الساخنة.Ppt222
PPTX
PPTX
ستانفورد
PDF
رحلة في السيليكون فالي
PPT
الويب ديزاين
PDF
Preparing your web services for Android and your Android app for web services...
PDF
32- التعامل مع الأحداث - فون جاب
PDF
PHP Advance 101 دورة
PDF
Introduction to web services
PPTX
المطياف الضوئي
PDF
ماهو الويب ديزاين؟
PPT
استراتيجية التدريس المباشر
PPTX
تقنيات وبرمجة الأجهزة الذكية
PPT
تخطيط وإعداد الدرس
PPT
Web Service Presentation
PDF
Web Services PHP Tutorial
PDF
Node.js vs Play Framework
Webservice for android ppt
Connecting to Web Services on Android
طريقه عمل كيك الشاي
خدمة المشروبات الساخنة.Ppt222
ستانفورد
رحلة في السيليكون فالي
الويب ديزاين
Preparing your web services for Android and your Android app for web services...
32- التعامل مع الأحداث - فون جاب
PHP Advance 101 دورة
Introduction to web services
المطياف الضوئي
ماهو الويب ديزاين؟
استراتيجية التدريس المباشر
تقنيات وبرمجة الأجهزة الذكية
تخطيط وإعداد الدرس
Web Service Presentation
Web Services PHP Tutorial
Node.js vs Play Framework
Ad

Similar to بناء تطبيقات ويب 2.0. دروس مستفادة و نصائح موجهة (20)

PDF
Untiny و مواقع الخدمة الواحدة
DOCX
سورية في قائمة اعداء الانترنت والسوريين يصنعون الانجازات والمعجزات في دول الع...
PDF
‫ دراسة الطرق المثلى لتحسين أداء تطبيقات الوب‬
PDF
دراسة الطرق المثلى لتحسين أداء تطبيقات الوب
ODP
تجربتي مع المساهمة في المشاريع الحرة - اليوم الحر
PDF
Manual for Google sites
PDF
تصميم مواقع الويب التفاعليةعرض تقديمي.pdf
PPTX
2 100426133756-phpapp01
PDF
Practical Session (1) – Information Retrieval Systems Course
DOCX
الفرق بين تصميم وتطوير المواقع​ الإلكترونية 2025 - قيمة تك.docx
PDF
البحث عن معلومة
PPT
The internet and the technology since IT
PPTX
خارطة الطريق لإنشاء موقع إلكتروني متميز.pptx
PPTX
خدمات المعلومات الويب2 0
PDF
PPTX
عرض تصميم وإدارة المواقع والشبكات الاجتماعية 03
PDF
شركة تصميم مواقع في ماليزيا
PPTX
ويب2.0
PPTX
2 trykh llm-ljdyd_autosaved (1)
Untiny و مواقع الخدمة الواحدة
سورية في قائمة اعداء الانترنت والسوريين يصنعون الانجازات والمعجزات في دول الع...
‫ دراسة الطرق المثلى لتحسين أداء تطبيقات الوب‬
دراسة الطرق المثلى لتحسين أداء تطبيقات الوب
تجربتي مع المساهمة في المشاريع الحرة - اليوم الحر
Manual for Google sites
تصميم مواقع الويب التفاعليةعرض تقديمي.pdf
2 100426133756-phpapp01
Practical Session (1) – Information Retrieval Systems Course
الفرق بين تصميم وتطوير المواقع​ الإلكترونية 2025 - قيمة تك.docx
البحث عن معلومة
The internet and the technology since IT
خارطة الطريق لإنشاء موقع إلكتروني متميز.pptx
خدمات المعلومات الويب2 0
عرض تصميم وإدارة المواقع والشبكات الاجتماعية 03
شركة تصميم مواقع في ماليزيا
ويب2.0
2 trykh llm-ljdyd_autosaved (1)
Ad

بناء تطبيقات ويب 2.0. دروس مستفادة و نصائح موجهة

  • 1. ‫بناء تطبيقاث ويب 0.2‬ ‫دروس ٍستفادة و نصائح ٍىجهت‬ ‫م. صالح الزيد‬ ‫مطور موقع ‪Untiny‬‬ ‫و صاحب موقع ‪TwtBase‬‬
  • 2. ‫نقاط اىَحاضرة‬ ‫• تعريف بخدمة ‪ Untiny‬العالمية‬ ‫• بناء تطبيقات ويب 0.2‬ ‫– عن الويب 0.2‬ ‫– التقنيات و المفاهيم‬ ‫– تطبيقها على ‪Untiny‬‬ ‫– نصائح لبناء تطبيق ويب 0.2‬
  • 3. ‫‪Untiny‬‬ ‫• خدمة ويب 0.2 السترجاع الروابط الطويلة األصلية من‬ ‫الروابط القصيرة المختصرة‬ ‫• مثال لرابط طويل‬ ‫‪http://en.wikipedia.org/wiki/King_Abdulaziz_Internatio‬‬ ‫‪nal_Airport‬‬ ‫• مثال لرابط مختصر للرابط الطويل‬ ‫‪http://tinyurl.com/yj547qz‬‬
  • 6. ‫أٍثيت عيً خذٍاث اختصار اىعنىاين‬ http://bit.ly • http://is.gd • http://rb6.me • http://flic.kr (flickr.com) • http://wp.me (wordpress.com) • ‫هناك آالف من خدمات اختصار العناوين اليوم. لماذا؟‬ •
  • 8. ‫ىَارا ‪ Untiny‬؟‬ ‫• يقوم ‪ Twitter‬بتحويل اتوماتيكي للعناوين الطويلة المكتوبة‬ ‫إلى عناوين قصيرة يسهل نشرها.‬ ‫• كان ‪ Twitter‬يستخدم خدمة ‪ TinyURL.com‬لتحويل‬ ‫العناوين، و هذه خدمة ‪ TinyURL‬حجبت في السعودية‬ ‫الستخدامها في تجاوز البروكسي.‬
  • 11. ‫هو ‪ Untiny‬ىيَستخذٍين اىسعىديين فقظ؟‬ ‫• ال!‬
  • 12. ‫استخذاً عاىَي ىيخذٍت‬ ‫• هناك خدمات اختصار عناوين محجوبة في دول أخرى‬ ‫(‪ bit.ly‬محجوبة في الصين)‬ ‫• تم استخدام ‪ Untiny‬كأداة للكشف العناوين المزورة (الروابط‬ ‫الفايروسية)‬
  • 13. ‫انجازاث ‪Untiny‬‬ ‫• أكثر من 000,000,5 رابط تم استرجاعه حتى االن‬ ‫• أكثر من 000,02 عملية استرجاع يوميا‬ ‫• أكثر من عشرة إضافات و برمجيات تعمل على ‪Untiny‬‬ ‫اعتمادا على الواجهة البرمجية‬
  • 14. ‫أمثر ٍن 003 ٍقاه بَختيف اىيغاث‬
  • 15. ‫و في أشهر اىَىاقع اىتقنيت‬
  • 16. ‫بناء تطبيقاث ويب 0.2‬ ‫• عن الويب 0.2‬ ‫– مجموعة من التقنيات و المفاهيم التي تصف جيل جديد من مواقع‬ ‫االنترنت و طريقة استخدامها‬ ‫– مصطلح فضفاض!‬
  • 17. ‫اىتقنياث‬ ‫• ‪( RSS‬الخالصات)‬ ‫• ‪( Ajax‬لتحديث جزء من صفحة الموقع دون تحديثها كاملة)‬ ‫• ‪( CSS‬لتصميم الصفحات)‬
  • 18. ‫اىَفاهيٌ‬ ‫• ‪( API‬الواجهة البرمجية)‬ ‫• ‪( Usability‬قابلية االستخدام)‬ ‫• المشاركة الجماعية (المستخدمون مساهمون)‬
  • 19. ‫تطبيق اىتقنياث عيً ‪Untiny‬‬ ‫• ‪Ajax‬‬ ‫– في إظهار النتيجة بسرعة دون الحاجة لتحديث الصفحة‬ ‫• ‪CSS‬‬ ‫– في ظهور الموقع بشكل توافقي على جميع المتصفحات‬ ‫– ظهوره بالتصميم المناسب باللغة العربية أو االنجليزية‬
  • 21. ‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬ ‫• ‪API‬‬ ‫– تزويد الموقع بواجهة برمجة تقوم بوظيفتين:‬ ‫• ‪ extract‬و هي تقوم باسترجاع العنوان األصلي‬ ‫• ‪ services‬و تقوم بسرد مواقع االختصار المدعومة من ‪Untiny‬‬ ‫– إعطاء النتائج بثالث صيغ: ‪ ،JSON ،XML‬و ‪Text‬‬
  • 24. ‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬ ‫• ‪Usability‬‬ ‫– إظهار المعلومات بشكل بسيط‬ ‫– إمكانية استخدام الموقع بأكثر من طريقة‬ ‫– التحديد المباشر‬ ‫• تم استخدام مكتبة الـ ‪ jQuery‬في التصميم‬
  • 26. ‫إٍنانيت استخذاً اىَىقع بأمثر ٍن طريقت‬ ‫• ال داعي لزيارة ‪ Untiny‬للحصول على النتيجة‬ ‫• يمكنك مباشرة من المتصفح كتابة العنوان التالي:‬ ‫321/‪http://untiny.com/?url=is.gd‬‬
  • 28. ‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬ ‫• المشاركة الجماعية‬ ‫– المستخدمون مساهمون في أرشفة العناوين القصيرة و الطويلة‬ ‫• تمت أرشفة أكثر من 000,005,1 عنوان من قبل المستخدمين‬ ‫– تطوير تطبيقات و برامج لـ ‪ Untiny‬من قبل الغير‬ ‫• أكثر من عشرة برامج لـ ‪ Untiny‬تم تطويرها من قبل آخرين‬ ‫• إحدى إيجابيات الـ ‪API‬‬ ‫– تضمين ‪ Untiny‬ضمن برامج آخرى‬
  • 30. ‫تضَين ‪ Untiny‬ضَن براٍج أخري‬
  • 32. ‫نصائح ىبناء تطبيق ويب 0.2‬ ‫ابحث عن مشكلة‬ ‫•‬ ‫جد حل تقني بسيط‬ ‫•‬ ‫اجعل الحل سهل االستخدام و ذو تصميم بسيط‬ ‫•‬ ‫زود التطبيق بـ ‪!API‬‬ ‫•‬ ‫ضع واجهة انجليزية للتطبيق‬ ‫•‬ ‫سوقيه في الشبكات االجتماعية!‬ ‫•‬ ‫ال تتوقف، ضف المزيد من الخدمات و الخصائص و‬ ‫•‬ ‫التسهيالت‬
  • 33. ‫يَننل صنع تطبيق مَا فعو غيرك‬