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‬‬

4.
http://TinyURL.com

5.
‫أٍثيت عيً خذٍاث اختصار اىعنىاين‬ http://bit.ly • http://is.gd • http://rb6.me • http://flic.kr (flickr.com) • http://wp.me (wordpress.com) •‫هناك آالف من خدمات اختصار العناوين اليوم. لماذا؟‬ •

6.
‫ىَارا ‪ Untiny‬؟‬‫• يقوم ‪ Twitter‬بتحويل اتوماتيكي للعناوين الطويلة المكتوبة‬ ‫إلى عناوين قصيرة يسهل نشرها.‬ ‫• كان ‪ Twitter‬يستخدم خدمة ‪ TinyURL.com‬لتحويل‬ ‫العناوين، و هذه خدمة ‪ TinyURL‬حجبت في السعودية‬ ‫الستخدامها في تجاوز البروكسي.‬

7.
http://tinyurl.com/yj547qz

8.
‫هو ‪ Untiny‬ىيَستخذٍين اىسعىديين فقظ؟‬ ‫• ال!‬

9.
‫استخذاً عاىَي ىيخذٍت‬ ‫• هناك خدمات اختصار عناوين محجوبة في دول أخرى‬ ‫(‪ bit.ly‬محجوبة في الصين)‬‫• تم استخدام ‪ Untiny‬كأداة للكشف العناوين المزورة (الروابط‬ ‫الفايروسية)‬

10.
‫انجازاث ‪Untiny‬‬ ‫• أكثر من 000,000,5 رابط تم استرجاعه حتى االن‬ ‫• أكثر من 000,02 عملية استرجاع يوميا‬‫• أكثر من عشرة إضافات و برمجيات تعمل على ‪Untiny‬‬ ‫اعتمادا على الواجهة البرمجية‬

11.
‫أمثر ٍن 003 ٍقاه بَختيف اىيغاث‬

12.
‫و في أشهر اىَىاقع اىتقنيت‬

13.
‫بناء تطبيقاث ويب 0.2‬ ‫• عن الويب 0.2‬‫– مجموعة من التقنيات و المفاهيم التي تصف جيل جديد من مواقع‬ ‫االنترنت و طريقة استخدامها‬ ‫– مصطلح فضفاض!‬

14.
‫اىتقنياث‬ ‫• ‪( RSS‬الخالصات)‬‫• ‪( Ajax‬لتحديث جزء من صفحة الموقع دون تحديثها كاملة)‬ ‫• ‪( CSS‬لتصميم الصفحات)‬

15.
‫اىَفاهيٌ‬ ‫• ‪( API‬الواجهة البرمجية)‬ ‫• ‪( Usability‬قابلية االستخدام)‬‫• المشاركة الجماعية (المستخدمون مساهمون)‬

16.
‫تطبيق اىتقنياث عيً ‪Untiny‬‬ ‫• ‪Ajax‬‬‫– في إظهار النتيجة بسرعة دون الحاجة لتحديث الصفحة‬ ‫• ‪CSS‬‬‫– في ظهور الموقع بشكل توافقي على جميع المتصفحات‬ ‫– ظهوره بالتصميم المناسب باللغة العربية أو االنجليزية‬

17.
‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬ ‫• ‪API‬‬ ‫– تزويد الموقع بواجهة برمجة تقوم بوظيفتين:‬ ‫• ‪ extract‬و هي تقوم باسترجاع العنوان األصلي‬‫• ‪ services‬و تقوم بسرد مواقع االختصار المدعومة من ‪Untiny‬‬ ‫– إعطاء النتائج بثالث صيغ: ‪ ،JSON ،XML‬و ‪Text‬‬

18.
http://untiny.com/api/1.0/extract/?url=http://is.gd/123&format=text

19.
http://untiny.com/api/1.0/extract/?url=http://is.gd/123&format=xml

20.
‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬ ‫• ‪Usability‬‬ ‫– إظهار المعلومات بشكل بسيط‬ ‫– إمكانية استخدام الموقع بأكثر من طريقة‬ ‫– التحديد المباشر‬ ‫• تم استخدام مكتبة الـ ‪ jQuery‬في التصميم‬

21.
‫إظهار اىَعيىٍاث بشنو بسيظ‬

22.
‫إٍنانيت استخذاً اىَىقع بأمثر ٍن طريقت‬ ‫• ال داعي لزيارة ‪ Untiny‬للحصول على النتيجة‬ ‫• يمكنك مباشرة من المتصفح كتابة العنوان التالي:‬ ‫321/‪http://untiny.com/?url=is.gd‬‬

23.
‫اىتحذيذ اىَباشر‬

24.
‫تطبيق اىَفاهيٌ عيً ‪Untiny‬‬ ‫• المشاركة الجماعية‬‫– المستخدمون مساهمون في أرشفة العناوين القصيرة و الطويلة‬ ‫• تمت أرشفة أكثر من 000,005,1 عنوان من قبل المستخدمين‬ ‫– تطوير تطبيقات و برامج لـ ‪ Untiny‬من قبل الغير‬ ‫• أكثر من عشرة برامج لـ ‪ Untiny‬تم تطويرها من قبل آخرين‬ ‫• إحدى إيجابيات الـ ‪API‬‬ ‫– تضمين ‪ Untiny‬ضمن برامج آخرى‬

25.
‫‪ٍ UntinyFox‬ن تطىير ٍتطىع‬

26.
‫تضَين ‪ Untiny‬ضَن براٍج أخري‬

27.
‫نصائح ىبناء تطبيق ويب 0.2‬ ‫ابحث عن مشكلة‬ ‫•‬ ‫جد حل تقني بسيط‬ ‫•‬ ‫اجعل الحل سهل االستخدام و ذو تصميم بسيط‬ ‫•‬ ‫زود التطبيق بـ ‪!API‬‬ ‫•‬ ‫ضع واجهة انجليزية للتطبيق‬ ‫•‬ ‫سوقيه في الشبكات االجتماعية!‬ ‫•‬‫ال تتوقف، ضف المزيد من الخدمات و الخصائص و‬ ‫•‬ ‫التسهيالت‬

28.
‫يَننل صنع تطبيق مَا فعو غيرك‬

29.
‫شكرا لكم ‪‬‬‫األسئلة و النقاشات‬