بناء تطبيقات ويب 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في التصميم
- 25. إظهار اىَعيىٍاث بشنو بسيظ
- 26. إٍنانيت استخذاً اىَىقع بأمثر ٍن طريقت • ال داعي لزيارة Untinyللحصول على النتيجة • يمكنك مباشرة من المتصفح كتابة العنوان التالي: 321/http://untiny.com/?url=is.gd
- 28. تطبيق اىَفاهيٌ عيً Untiny • المشاركة الجماعية – المستخدمون مساهمون في أرشفة العناوين القصيرة و الطويلة • تمت أرشفة أكثر من 000,005,1 عنوان من قبل المستخدمين – تطوير تطبيقات و برامج لـ Untinyمن قبل الغير • أكثر من عشرة برامج لـ Untinyتم تطويرها من قبل آخرين • إحدى إيجابيات الـ API – تضمين Untinyضمن برامج آخرى
- 29. ٍ UntinyFoxن تطىير ٍتطىع
- 30. تضَين Untinyضَن براٍج أخري
- 32. نصائح ىبناء تطبيق ويب 0.2 ابحث عن مشكلة • جد حل تقني بسيط • اجعل الحل سهل االستخدام و ذو تصميم بسيط • زود التطبيق بـ !API • ضع واجهة انجليزية للتطبيق • سوقيه في الشبكات االجتماعية! • ال تتوقف، ضف المزيد من الخدمات و الخصائص و • التسهيالت
- 33. يَننل صنع تطبيق مَا فعو غيرك
- 34. شكرا لكم األسئلة و النقاشات