‫מכשירים חדשים‬
           ‫עתיד הווב הנייד‬
                ‫ד"ר ישע סיון‬
             ‫‪www.dryesha.com‬‬
           ‫‪yesha.sivan@gmail.com‬‬
           ‫מנהל משרד ה-‪ W3C‬הישראלי‬
‫ראש התוכנית למערכות מידע, המכללה האקדמית-ת"א יפו‬

              ‫‪www.w3c.org.il‬‬                   ‫1‬
‫תוכן עניינים‬
‫• מבוא - איגוד האינטרנט הישראלי ו-‪W3C‬‬
   ‫• מכשירים חדשים - עתיד הווב הנייד‬
         ‫• תרגיל קטן... האפליקציה שלי‬




       ‫‪www.w3c.org.il‬‬               ‫2‬
‫אודות: איגוד האינטרנט הישראלי‬
                 ‫• שלוחת האיגוד הבינלאומי :‬
                     ‫• עמותה ללא מטרת רווח‬

    ‫פועל לקידום האינטרנט והטמעתו בישראל‬
‫כתשתית טכנולוגית, מחקרית, חינוכית, חברתית‬
                                   ‫ועסקית.‬



            ‫‪www.w3c.org.il‬‬                   ‫3‬
‫‪W3C‬‬
                            ‫ארגון בינלאומי‬           ‫•‬
                              ‫כ-053 חברים‬            ‫•‬
   ‫פורום ניטראלי ליצירת תקני רשת באינטרנט.‬           ‫•‬
                                  ‫משימה:‬             ‫•‬
      ‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬
‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח‬
                                           ‫ארוך.‬
                                         ‫• ‪W3C.org.il‬‬

                                                     ‫4‬
‫הגישה לאינטרנט משתנה‬

‫מכשירים ניידים‬         ‫מחשבים שולחניים‬




   ‫ניידים + ענן‬        ‫מחשבים שולחניים‬




            ‫‪www.w3c.org.il‬‬
Number of phones
mobile's share of web consumption
‫איך לחשוב על זה?‬
            ‫סנסורים (מיקום, מצפן, מצלמה וכו').‬   ‫1.‬
               ‫סוגים שונים (גדלים שונים למסך).‬   ‫2.‬
‫קלט אחר (הזנת קלט בצורה שונה, קולי, תמונה).‬      ‫3.‬
   ‫חיבוריות (רוחב פס, עלות/ניתוק, מטוס/עומס).‬    ‫4.‬
                               ‫משתמש ממוקד.‬      ‫5.‬
                    ‫‪ WEB‬לעומת ‪.APPLICATIONS‬‬      ‫6.‬
‫7. ענן לעומת אפליקציה (גישה כתובות, טלפון וכו').‬
                                      ‫8. ‪5HTML‬‬
                              ‫9. מגבלות ובעיות.‬
                           ‫01. סגור לעומת פתוח.‬
Google Goggles
Use pictures to search the web




                                 9
googlemobile.blogspot.com
Augmented Reality
combine a view of the physical world with information




j.mp/w3il70
                                                        10
‫‪DBpedia Mobile‬‬
                           ‫פריטים מוויקיפדיה‬
                                       ‫על מפה‬

                                ‫טכנולוגיות:‬
                                     ‫- סמנטי‬
                                     ‫- מובייל‬
                                ‫- זיהוי מיקום‬




 ‫‪beckr.org/DBpediaMobile‬‬


                                                ‫11‬
)geolocation( ‫זיהוי מיקום‬




m.radiustalk.com
                                          12
‫טיפ: סוגי מכשירים ניידים‬
    Iphone/android/nokia/win

            Laptop
            Tablets
       Mobile phone / PDA
      (Wearable computer)


        www.w3c.org.il
‫אז צריך לבנות אתר נפרד לכל סוג‬
           ‫מכשיר?‬


                         ‫לא.‬
   ‫אפשר לבנות חלופות ווביות‬


        ‫‪www.w3c.org.il‬‬
Kiva ‫דוגמא‬




j.mp/w3cmo10
                        15
W3C Cheat Sheet :‫דוגמא‬




j.mp/w3cmo8
                                   16
‫דוגמא: אתר ה-‪W3C‬‬




‫‪W3c.org‬‬
‫‪API‬ים חדשים לדפדפן‬
                              ‫קיימים‬
          ‫• מיקום (‪)geolocation API‬‬
                            ‫בעבודה‬
            ‫• ‪API‬לרשימת אנשי קשר‬
                         ‫• ‪API‬ליומן‬
                       ‫• ‪API‬למדיה‬
   ‫• ‪API‬להודעות )‪)SMS, MMS, email‬‬
                ‫• ‪API‬למידע מערכת‬
                      ‫• ‪API‬לגלרייה‬
                             ‫44:21 01/21/32‬
‫טיפים: אל תכבידו על משאבי המכשיר‬

                               ‫זיכרון‬
                               ‫עיבוד‬
                            ‫רוחב פס‬
                       Latency
           Interaction method
              Data consistency
                           ---
                       Caching

                                   19
‫הכירו את‬
Mobile Web Application Best
      Practices Cards
         j.mp/thecards
Foursquare :‫דוגמא‬




foursquare.com
                                21
WEEPLACES :‫דוגמא‬




www.weeplaces.com
                                   22
‫בעיות?‬




     ‫32‬
‫בעיות:‬




              ‫מעדכנים סטטוס? תשלמו יותר על ביטוח תכולת הדירה‬



‫54‪j.mp/iscd‬‬
                                                                   ‫42‬
And now for your idea:
                                   ?‫1. תחשבו על צורך‬
                      ?‫2. כיצד ימומש בפלטפורמה ניידת‬
                                        ?‫3. מי ישתמש‬
                                     ?‫4. מי יפסיד מזה‬
                                          ?‫5. מי ירוויח‬
                                               :‫דוגמאות‬
Hotels – Unlock room doors with smartphones
Schools – RFID keep tabs on the whereabouts of
    students, faculty and equipment.
Zip Car – use your phone to open, track, pay for a car.

                                                          25

מכשירים חדשים - עתיד הווב הנייד

  • 1.
    ‫מכשירים חדשים‬ ‫עתיד הווב הנייד‬ ‫ד"ר ישע סיון‬ ‫‪www.dryesha.com‬‬ ‫‪yesha.sivan@gmail.com‬‬ ‫מנהל משרד ה-‪ W3C‬הישראלי‬ ‫ראש התוכנית למערכות מידע, המכללה האקדמית-ת"א יפו‬ ‫‪www.w3c.org.il‬‬ ‫1‬
  • 2.
    ‫תוכן עניינים‬ ‫• מבוא- איגוד האינטרנט הישראלי ו-‪W3C‬‬ ‫• מכשירים חדשים - עתיד הווב הנייד‬ ‫• תרגיל קטן... האפליקציה שלי‬ ‫‪www.w3c.org.il‬‬ ‫2‬
  • 3.
    ‫אודות: איגוד האינטרנטהישראלי‬ ‫• שלוחת האיגוד הבינלאומי :‬ ‫• עמותה ללא מטרת רווח‬ ‫פועל לקידום האינטרנט והטמעתו בישראל‬ ‫כתשתית טכנולוגית, מחקרית, חינוכית, חברתית‬ ‫ועסקית.‬ ‫‪www.w3c.org.il‬‬ ‫3‬
  • 4.
    ‫‪W3C‬‬ ‫ארגון בינלאומי‬ ‫•‬ ‫כ-053 חברים‬ ‫•‬ ‫פורום ניטראלי ליצירת תקני רשת באינטרנט.‬ ‫•‬ ‫משימה:‬ ‫•‬ ‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬ ‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח‬ ‫ארוך.‬ ‫• ‪W3C.org.il‬‬ ‫4‬
  • 5.
    ‫הגישה לאינטרנט משתנה‬ ‫מכשיריםניידים‬ ‫מחשבים שולחניים‬ ‫ניידים + ענן‬ ‫מחשבים שולחניים‬ ‫‪www.w3c.org.il‬‬
  • 6.
  • 7.
    mobile's share ofweb consumption
  • 8.
    ‫איך לחשוב עלזה?‬ ‫סנסורים (מיקום, מצפן, מצלמה וכו').‬ ‫1.‬ ‫סוגים שונים (גדלים שונים למסך).‬ ‫2.‬ ‫קלט אחר (הזנת קלט בצורה שונה, קולי, תמונה).‬ ‫3.‬ ‫חיבוריות (רוחב פס, עלות/ניתוק, מטוס/עומס).‬ ‫4.‬ ‫משתמש ממוקד.‬ ‫5.‬ ‫‪ WEB‬לעומת ‪.APPLICATIONS‬‬ ‫6.‬ ‫7. ענן לעומת אפליקציה (גישה כתובות, טלפון וכו').‬ ‫8. ‪5HTML‬‬ ‫9. מגבלות ובעיות.‬ ‫01. סגור לעומת פתוח.‬
  • 9.
    Google Goggles Use picturesto search the web 9 googlemobile.blogspot.com
  • 10.
    Augmented Reality combine aview of the physical world with information j.mp/w3il70 10
  • 11.
    ‫‪DBpedia Mobile‬‬ ‫פריטים מוויקיפדיה‬ ‫על מפה‬ ‫טכנולוגיות:‬ ‫- סמנטי‬ ‫- מובייל‬ ‫- זיהוי מיקום‬ ‫‪beckr.org/DBpediaMobile‬‬ ‫11‬
  • 12.
  • 13.
    ‫טיפ: סוגי מכשיריםניידים‬ Iphone/android/nokia/win Laptop Tablets Mobile phone / PDA (Wearable computer) www.w3c.org.il
  • 14.
    ‫אז צריך לבנותאתר נפרד לכל סוג‬ ‫מכשיר?‬ ‫לא.‬ ‫אפשר לבנות חלופות ווביות‬ ‫‪www.w3c.org.il‬‬
  • 15.
  • 16.
    W3C Cheat Sheet:‫דוגמא‬ j.mp/w3cmo8 16
  • 17.
  • 18.
    ‫‪API‬ים חדשים לדפדפן‬ ‫קיימים‬ ‫• מיקום (‪)geolocation API‬‬ ‫בעבודה‬ ‫• ‪API‬לרשימת אנשי קשר‬ ‫• ‪API‬ליומן‬ ‫• ‪API‬למדיה‬ ‫• ‪API‬להודעות )‪)SMS, MMS, email‬‬ ‫• ‪API‬למידע מערכת‬ ‫• ‪API‬לגלרייה‬ ‫44:21 01/21/32‬
  • 19.
    ‫טיפים: אל תכבידועל משאבי המכשיר‬ ‫זיכרון‬ ‫עיבוד‬ ‫רוחב פס‬ Latency Interaction method Data consistency --- Caching 19
  • 20.
    ‫הכירו את‬ Mobile WebApplication Best Practices Cards j.mp/thecards
  • 21.
  • 22.
  • 23.
  • 24.
    ‫בעיות:‬ ‫מעדכנים סטטוס? תשלמו יותר על ביטוח תכולת הדירה‬ ‫54‪j.mp/iscd‬‬ ‫42‬
  • 25.
    And now foryour idea: ?‫1. תחשבו על צורך‬ ?‫2. כיצד ימומש בפלטפורמה ניידת‬ ?‫3. מי ישתמש‬ ?‫4. מי יפסיד מזה‬ ?‫5. מי ירוויח‬ :‫דוגמאות‬ Hotels – Unlock room doors with smartphones Schools – RFID keep tabs on the whereabouts of students, faculty and equipment. Zip Car – use your phone to open, track, pay for a car. 25