Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

بناء خدمات ومشاريع الويب

2,073 views

Published on

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

  • The Internet and Web: Features
    Features on which the foundations of e-commerce are built:
    E-mail
    Instant messaging
    Search engines
    Online forums and chat
    Streaming media
    Cookies
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

بناء خدمات ومشاريع الويب

  1. 1. ‫صالح الزٌد‬‫الرئٌس التنفٌذي لشركة لونار أبس‬
  2. 2. ‫نقاط احملاضرة‬ ‫‪Web 2.0 ‬‬‫‪ ‬التقنٌات والمفاهٌم‬ ‫‪ ‬توٌتر وفٌسبوك‬ ‫‪ ‬نصائح‬
  3. 3. ‫جيل جديد من الويب‬ Web 2.0  :‫ ٌضم تقنٌات ومفاهٌم عدٌدة‬ Ajax, CSS3, HTML5 Web Services, Web Apps, RSS  JSON, XML 
  4. 4. ‫‪Web Services‬‬ ‫‪ ‬خدمة أو مجموعة من الخدمات ٌقدمها موقع وٌب‬ ‫ّ‬ ‫‪ ‬تمكن أي موقع أو تطبٌق أخر االتصال بها واالستفادة منها‬ ‫‪ ‬تعطً نتائج (ملفات) بصٌغ معٌنة مثل ‪ JSON‬و ‪XML‬‬‫‪ٌ ‬تم االتصال بها عن طرٌق البروتوكوالت معروفة ومتداولة (‪)HTTP‬‬ ‫‪ ‬تعتبر خطوة لتحوٌل الموقع إلى تطبٌق وٌب‬
  5. 5. ‫‪HTTP‬‬ ‫موقع أو تطبٌق‬ ‫أسماء الجامعات‬ ‫‪JSON, XML‬‬ ‫معلومات طالب‬ ‫عدد الطالب فً جامعة‬ ‫صفحات الموقع‬‫مواد الطالب فً فصل دراسً‬ ‫أسماء الطالب فً جامعة‬ ‫‪API‬‬
  6. 6. ‫جتربة ‪Untiny‬‬‫‪ ‬خدمة وٌب 0.2 السترجاع الروابط الطوٌلة األصلٌة من الروابط‬ ‫القصٌرة المختصرة‬
  7. 7. http://untiny.com/api/1.0/http://untiny.com/api/1.0/extract/?url=http://is.gd/123&format=text 
  8. 8. ‫الفائدة من إضافة خدمة ويب إىل موقعك‬ ‫‪ ‬سهولة استخدام تطبٌقك وانتشاره‬ ‫‪ ‬استخدام خدمات موقعك ضمن مواقع وبرامج أخرى‬‫‪ٌ ‬خدم ‪ٌ Untiny‬ومٌا أكثر من نصف ملٌون طلب, 99% منها ٌأتً‬ ‫عبر صفحة خدمة الوٌب لـ ‪!Untiny‬‬
  9. 9. ‫االستفادة من خدمات ويب مواقع أخرى‬‫‪ ‬من أشهر خدمات الوٌب الموجودة هً خدمات وٌب توٌتر وفٌسبوك‬ ‫والٌوتوب‬ ‫‪ٌ ‬مكنك االستفادة من محتوٌات ومعلومات هذه المواقع وصنع مواقع‬ ‫ً‬ ‫جدٌدة بناء على خدماتها‬‫‪ ‬االستفادة من خدمات كثٌرة من مواقع متعددة ودمجها فً موقع واحد‬ ‫أسلوب ٌعرف بـ ‪Mashup‬‬
  10. 10. ‫خدمات ويب ‪Twitter‬‬ ‫‪ ‬متوفرة على العنوان /‪http://api.twitter.com‬‬‫‪ٌ ‬تطلب تسجٌل تطبٌق (المستفٌد) ومعلوماته قبل استخدامها‬
  11. 11. http://dev.twitter.com/console
  12. 12. ‫خدمات ويب ‪Facebook‬‬‫‪ ‬متوفرة على العنوان ‪https://graph.facebook.com‬‬ ‫‪ ‬فٌها شرح وافً لكل الخدمات المتوفرة‬
  13. 13. ‫مثال‬ ‫ مثال: معلومات عامة عن حسابً فً فٌسبوك‬ https://graph.facebook.com/saleh.alzaid{ "id": "635286979", "name": "Saleh Al-Zaid", "first_name": "Saleh", "last_name": "Al-Zaid", "username": "saleh.alzaid", "gender": "male", "locale": "en_US"}
  14. 14. ‫نصائح‬ ‫جد مشكلة تقنٌة ٌعانً منها الكثٌر‬ ‫‪‬‬ ‫أوجد لها حل بسٌط‬ ‫‪‬‬ ‫بتكالٌف قلٌلة‬ ‫‪‬‬ ‫و بشكل سرٌع‬ ‫‪‬‬ ‫تابع تفاعل المستخدمٌن ثم طور باستمرار‬ ‫‪‬‬‫كن مطلع على آخر المفاهٌم والتقنٌات فً مجال الوٌب‬ ‫‪‬‬
  15. 15. ‫شكرا لكم‬‫األسئلة‬

×