SlideShare a Scribd company logo
1 of 106
Download to read offline
‫1102/3/1‬




   ‫מגמות באינטרנט‬

  ‫‪file:///H:/Erase/mobil‬‬
                ‫‪eOK.png‬‬

                                                   ‫אייל סלע‬
   ‫מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה-‪ W3C‬הישראלי‬
                                                               ‫1‬
‫תוכנית‬
‫אודות -איגוד האינטרנט ו ‪-W3C‬‬   ‫‪‬‬


           ‫מגמות בעולם הווב‬    ‫‪‬‬


                     ‫‪Mobile‬‬    ‫‪‬‬


              ‫מגמות בישראל‬     ‫‪‬‬


                      ‫שאלות‬    ‫‪‬‬




                                   ‫2‬
‫ווב)‪(web‬‬   ‫האינטרנט‬
‫)המא ָג(‬
  ‫ַ ֲר‬      ‫)המ ְשתת(‬
              ‫ִ ר ֶׁ ֶׁ‬


                          ‫3‬
‫איגוד האינטרנט הישראלי‬
                       ‫שלוחת האיגוד הבינלאומי‬
                         ‫עמותה ללא מטרת רווח‬




‫פועל לקידום האינטרנט והטמעתו בישראל כתשתית‬
   ‫טכנולוגית, מחקרית, חינוכית, חברתית ועסקית‬
‫מה אנחנו עושים‬
                                 ‫תשתית )שמות מתחם, ‪(IIX‬‬      ‫•‬
                 ‫חברה )גיל שלישי, אוכלוסיות, קו חם ...(‬      ‫•‬
                               ‫תוכן )מפגשים, פרסומים ....(‬   ‫•‬
                      ‫משפט )צנזורה, ממשל, 6‪(...... ,IPV‬‬      ‫•‬
                         ‫טכנולוגיה )‪ ,W3C ,STS‬קוד פתוח(‬      ‫•‬




‫34:70 11/40/62‬
ISOC
Internet related standards education
and policy




(IETF), the Internet Architecture Board (IAB), the Internet
Engineering Steering Group (IESG), and the Internet Research
Task Force (IRTF)

IPV6

….                                                             26/04/11 07:43
What Will The Internet Look
Like In 10 Years?s
http://www.isoc.org/tools/blogs/scenarios/




                                     26/02/11 16:00
‫‪W3C‬‬
                                   ‫• ארגון בינלאומי‬
                                   ‫• כ-053 ארגונים‬

                 ‫• פורום ניטראלי ליצירת תקני הווב‬
                                       ‫• משימה:‬
      ‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬
‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח‬
                                           ‫ארוך.‬


                        ‫8‬
www.isoc.org.il
                www.w3c.org.il
bit.ly/g63C9F   eyal@isoc.org.il
Recommendation track
                           appropriate for widespread
•Review                    deployment and promote
•implementation
•interoperability.
                         -sufficient implementation experience
                         -sent to the Advisory Committee for
                         review




                          -feedback
                           - first plementation




                     -Fulfill all requirements
                      -seeks technical review

 bit.ly/w3cpro


                                                                 10
What we do




j.mp/w3cac

             11
HTML5
 '‫ושות‬
         12
‫5‪HTML‬‬    ‫4‪HTML‬‬
‫אפליקציות‬     ‫דפים‬



                 ‫31‬
‫איך?‬
     ‫•אלמנטים חדשים‬
‫• הסרת ושינוי אלמנטים‬
 ‫•ממשקי תכנות חדשים‬
     ‫•סוגי תוכן חדשים‬




                    ‫41‬
And it’s all free!
The Open web platform




caniuse.com             16
‫תמיכת דפדפנים‬


                ‫71‬
‫היצרנים מתחרים על רמת יישום התקן‬
                       ‫בדפדפנים‬




                             ‫81‬
‫יכולות ואפליקציות‬



                    ‫91‬
Video element Audio element




videojs.com   www.isoc.org.il
              www.w3c.org.il     20
              eyal@isoc.org.il
Offline web applications




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




m.radiustalk.com   www.isoc.org.il
                   www.w3c.org.il            22
                   eyal@isoc.org.il
Drag and drop, files




               www.isoc.org.il
               www.w3c.org.il     23
               eyal@isoc.org.il
Web Notifications




                    24
File API




           25
contenteditable attribute
‫עורך טקסט עשיר‬




                  aloha-editor.com
                                     26
Web Sockets
 Streamie
   ‫זמן אמת‬
 Notifications
 ‫איתור מיקום‬




                 streamie.org •   27
Web Workers




              28
SVG




      29
canvas




         30
Timeline Reader
    ‫לטאבלטים‬
       Canvas
‫אלמנטים חדשים‬




html5.labs.ap.org   31
‫תרשימים וגרפיקה עשירה‬
Canvas
offline




            gregmurray.org/fish
                                  32
CSS




      33
touchsolitaire.mobi/app



j.mp/w3cmo15      www.isoc.org.il
                  www.w3c.org.il
                  eyal@isoc.org.il
touchstyle.mobi/app/   35
‫• התאמה לגודל מסך‬




                    ‫63‬
‫מי משתמש‬

           ‫73‬
<video> •
            38
Video
Geolocation
Web Storage
WebSockets




January 26, 2011: Facebook to empower its massive mobile platform with HTML5
                                                                               39
• Drag and drop
                  40
41
‫עוד מסכים...‬




   ‫‪TV‬‬
Build once deploy
   everywhere
‫מה לעשות עכשיו?‬


                  ‫44‬
‫• למדו 5‪HTML‬‬
              ‫• יישמו בהדרגתיות‬
    ‫• השתמשו בהגדרות החדשות‬
         ‫• שלבו את הארכיטקטורה‬
‫• זכרו – התקן נמצא בתהליך עבודה‬

                             ‫54‬
MOBILE
         46
Mobile vs deskop internt user
projection 2007-2015




j.mp/dsafaa           Source: thenextweb.com   47
‫מחקר :‪ Cisco‬צמיחה של פי 62‬
      ‫בתעבורת הנתונים ברשת הסלולרית‬
                             ‫עד 5102‬




‫‪http://bit.ly/eP3OWQ‬‬
‫גרטנר: ב- 1102 יירכשו בארה"ב יותר‬
      ‫טלפונים חכמים מכל מוצר צריכה‬
              ‫אלקטרוני אחר‬




‫‪http://bit.ly/hZK3Gm‬‬
In 2015, tablets will generate as
much traffic as the entire global
   mobile network of 2010…




http://bit.ly/g2Twdf
The average amount of traffic
    per smartphone doubled in
              2010




http://bit.ly/g2Twdf
Via StatCounter:
http://gs.statcounter.com/#mobile_os-ww-monthly-200812-201105
mobile's share of web consumption
‫איך לחשוב על זה?‬
               ‫סוגים שונים( גדלים שונים למסך)‬   ‫1.‬
              ‫סנסורים )מיקום ,מצפן ,מצלמה)...‬   ‫2.‬
‫קלט אחר( הזנת קלט בצורה שונה ,קולי ,תמונה)‬      ‫3.‬
  ‫חיבוריות( רוחב פס ,עלות/ניתוק ,מטוס/עומס)‬     ‫4.‬
                              ‫משתמש ממוקד.‬      ‫5.‬
                               ‫מגבלות ובעיות.‬   ‫6.‬
                            ‫הרבה פלטפורמות.‬     ‫7.‬
                                ‫‪Native vs web‬‬   ‫8.‬
‫סוגי מכשירים ניידים‬
  •Iphone/android/nokia/win

           •Laptop
          •Tablets
    • Mobile phone / PDA
    •(Wearable computer)
‫סנסורים‬
‫מיקרופון ,מצלמה ,כיוון ,‪GPS‬‬



         ‫קלט‬
‫מגע, סנסורים, אוטומטי...‬
LBS = Location bases services




                                                                 :‫מאת‬
                                                                 23/12/10 12:44
http://gigaom.com/2010/02/09/everything-you-ever-wanted-to-know-about-
‫‪Waze‬‬



 ‫• מידע משתמשים מה-‪GPS‬‬




                 ‫44:21 01/21/32‬
How The iPhone Became The
  World’s Most Popular Camera




Via thenextweb.com
                          23/12/10 12:44
tnw.co/muiwbB
Google Goggles
Use pictures to search the web




                                 60
googlemobile.blogspot.com
Facebook places

                        gowalla




foursquare.com
                              61
Augmented Reality
combine a view of the physical world with information




j.mp/w3il70
                                                        62
‫- ‪AR‬מקל על תפעול המדפסת‬




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

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




 ‫‪beckr.org/DBpediaMobile‬‬


                                                 ‫46‬
by: Amber Case   26/02/11 16:00
by: Amber Case   26/02/11 16:00
Design for Multiple Interaction Methods
                                                                                                     ?‫מה‬
                                            ‫שלושה סוגי אינטראקציה עיקריים‬
                                                                                                    ?‫איך‬
                             Focus Based: (focus "jumps" from link to link)
                             .

                             Pointer Based: (Key-based navigation + pointer )
                             Selectable elements that are associated with each other need to be close
                             Selectable elements need to be large enough (pointer often moves in steps)
                             Selectable elements should have rollovers


Image by: Dennis Bournique
                             Touch Based: (finger )
                             Selectable elements may be widely spaced since the user can select them directly
                             Selectable elements must be large enough to be easily selected (list items - at least
                                   30px)




   67
‫חיבוריות‬


‫(רוחב פס, עלות/ניתוק, מטוס/עומס)‬
‫אחסון מידע מקומי וסנכרון‬
Minimize Perceived Latency
                                                                   ?‫איך‬

                    • Incremental Rendering: Place JavaScript at the
                        bottom of the page+ configure the page so that any
                        useful information that might be available is
                        viewable while the main content of the application
                        is still loading.
                    •   Keep the User Informed of Activity (progress bars)
                    •   Avoid Page Reloads (To reflect changes in state or
                        show different views)
                    •   Preload Probable Next Views

     MapQuest.com


70
‫משתמש ממוקד‬
•   Immediate
•   goal-directed
•   specific pieces of information
•   relevant to context.
•   less interested in lengthy documents
    or in browsing.
bit.ly/egXfIx
Eg.
schedules for a journey they are
    currently undertaking.
‫מגבלות ובעיות‬

• keyboard and the screen
• limited processing power
• processing uses more power as does
  communication
• limited memory
• …


bit.ly/egXfIx
‫אל תכבידו על משאבי המכשיר‬

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

                                74
‫להתחיל צ'יק צ'ק‬
      Optimize For Application Start-up Time
                                                                                                    ?‫איך‬
                                                        • Use Offline Technology (e.g. AppCache) –
                                                          Resources (HTML, JavaScript, CSS) stored
                                                          locally.
                                                        • Use Local Storage: store a snapshot of last state -
                                                          display it immediately on start-up
                                                        • Minimize Number of Local Storage Queries before
http://www.flickr.com/photos/66475767@N00/4333416050/     the first view can be displayed.




      75
‫כמות הפלטפורמות‬
Smartphone market share - Q1 2010




(Q1 ’10:
23% of mobile
consumers have
a smartphone)
bit.ly/h755vK                       77
78
‫אז צריך לבנות אתר נפרד לכל סוג‬
           ‫מכשיר?‬


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


                80
Web Application
Web page(s) that provide an "application-like" experience
within a Web browser.




                       www.isoc.org.il
                       www.w3c.org.il                       81
                       eyal@isoc.org.il
validator.w3.org/mobile/      bit.ly/w3cmbp

                                                 (BP1)‫הבדל מאתר רגיל‬
  include locally executable elements of interactivity and
  persistent state.
                                                                          :‫למשל‬




    e-resistible.co.uk/public/eres/              bbc.co.uk/1xtra/touch/

                              www.isoc.org.il
                              www.w3c.org.il
                              eyal@isoc.org.il
Kiva‫דוגמא‬




j.mp/w3cmo10
                       83
‫כשאי אפשר אפליקציה במכשיר – אפליקציה‬
                                       ‫וובית‬




j.mp/w3il80      www.isoc.org.il
                 www.w3c.org.il           84
                 eyal@isoc.org.il
‫‪API‬ים חדשים לדפדפן‬
                              ‫קיימים‬
          ‫• מיקום)‪(geolocation API‬‬
                            ‫בעבודה‬
          ‫• ‪API‬לרשימת אנשי קשר‬
                        ‫• ‪ API‬ליומן‬
                       ‫• ‪API‬למדיה‬
   ‫• ‪API‬להודעות) )‪SMS, MMS, email‬‬
               ‫• ‪API‬למידע מערכת‬
                     ‫• ‪API‬לגלרייה‬
              ‫• ‪DeviceOrientation‬‬
‫הכירו את‬
Mobile Web Application Best
      Practices Cards
         j.mp/thecards•
Use Device Classification to
  Simplify Content Adaptation

Class 1: Basic XHTML support, no or very basic scripting.
Class 2: Full AJAX and JavaScript support.
Class 3: Advanced device APIs

Class 1: Pointer Based.
Class 2: Touch Based.




  88
frameworks



89
Mobile web application frameworks
• Sencha Touch
• jQuery Mobile

Into native
• PhoneGap
• Titanium


j.mp/mob244
90
Jquery mobile phone/browser support




jquerymobile.com/gbs/                 91
‫כנס שנתי‬




isoc.org.il/conf2011/mobile
                              92
‫אבטחת מידע‬
‫בעיות?‬




         ‫49‬
‫כל המקומות בהם האייפון שלי היה‬
                           ‫מאז שקניתי אותו‬




‫מאת רן יניב הרנשטיין1801/‪- ranh.co.il‬‬
‫מעדכנים סטטוס? תשלמו יותר על ביטוח תכולת‬
                                     ‫הדירה‬




‫54‪j.mp/iscd‬‬
                                        ‫69‬
Air Force issues warning to troops
concerning Facebook Places




j.mp/9kWt3q
                                     97
‫כביש פטפטן: צירי ביטחון שוטף של צה"ל חשופים‬
                                    ‫ב‪-Waze‬‬




‫מאת חורים ברשת‪: http://bit.ly/i71Esb‬‬     ‫89‬
‫ישראל‬
: ‫נתונים מאת‬
http://gs.statcounter.com
‫רוחב פס‬
                ‫-כניסת חברת החשמל‬
              ‫-הכנסת כבל תת ימי נוסף‬

‫עשוים לשנות את חוויית השימוש באינטרנט‬
‫בריאות‬

 ‫אנו בתחילת פריצת דרך בשירותי בריאות מקוונים.‬
 ‫קופ"ח כללית החלה בשירותים שכיום הם בלעדיים,‬
‫יש להניח שהתחרות בין קופות חולים וחסכון בעלויות‬
        ‫ידחוף את כולם להרחבת השירותים .‬

     ‫השאלה היא האם ייוצר הפער הדיגיטאלי בו‬
 ‫לפריפריה יהיה ‪ tele medicine‬ולאיזור המרכז יהיו‬
   ‫שירותים רפואיים ברמה גבוהה )כלומר אישיים)‬
‫התערבות ממשלתית‬

‫מגמה עולמית היא של יותר התערבות ממשלתית‬
  ‫באינטרנט )גם פנימית, לא רק לאיום חיצוני(‬

‫כל אירוע בעייתי עלול לעורר תגובות של "פאניקה‬
‫מוסרית" ולגרור חקיקה של התערבות עמוקה של‬
               ‫גורמי מימשל.‬
‫חוקים‬
   ‫יידוע לקוחות בדבר אתרים פוגעניים ברשת האינטרנט ואפשרויות ההגנה‬       ‫•‬
                                                         ‫מפניהם‬
                  ‫הצעת חוק איסור לשון הרע )תיקון - חשיפת פרטי מעוול(‬    ‫•‬
                      ‫הצעת חוק אחריות אתר אינטרנט לתגובות הגולשים‬       ‫•‬
                 ‫איסור גביית עמלה בעסקה שבוצעה באמצעות האינטרנט‬         ‫•‬
                                                       ‫הנגשת אתרים‬      ‫•‬



‫הצעת חוק התקשורת )בזק ושידורים( )תיקון - ניידות שירותי דואר אלקטרוני(‬   ‫•‬
     ‫הצעת חוק העונשין )תיקון – משחקים אסורים, הגרלות והימורים ברשת‬      ‫•‬
                                                         ‫האינטרנט(‬
‫הדבר הקבוע הוא חדשנות ושינוי‬



 ‫:פייסבוק נוצר ב 4002 – תוך 7 שנים הוא נהפך‬
‫לרבים שווה ערך ל"אינטרנט" : אז מי מוכן לדבר על‬
                ‫מגמות לעתיד?...‬
 ‫תודה‬
             ‫אייל סלע‬
      eyal@isoc.org.il
 j.mp/eyalprs : ‫המצגת‬

                    106
‫‪Q&A‬‬
                         ‫- חשיפת פרטי גולשים?‬
                               ‫- חסימת אתרים?‬
                                    ‫- קוד פתוח‬
‫- שיתוף וחשיפת מידע, סנסורים, רשתות חברתיות...‬

More Related Content

Viewers also liked

Big Data presentatie #dido12 - Arend Zwaneveld
Big Data presentatie #dido12 - Arend ZwaneveldBig Data presentatie #dido12 - Arend Zwaneveld
Big Data presentatie #dido12 - Arend ZwaneveldOnline Dialogue
 
Managing Security Threat In SaaS Essential: "How To's"
Managing Security Threat In SaaS Essential: "How To's"Managing Security Threat In SaaS Essential: "How To's"
Managing Security Threat In SaaS Essential: "How To's"Aspire Systems
 
FENOMENO EL NIÑO (FEN) EN CHICAMA
FENOMENO EL NIÑO (FEN) EN CHICAMAFENOMENO EL NIÑO (FEN) EN CHICAMA
FENOMENO EL NIÑO (FEN) EN CHICAMALuis Antonio Romero
 
Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...
Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...
Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...emBlue Email Marketing @embluemail
 
Clarck postmodern pedagogy
Clarck postmodern pedagogyClarck postmodern pedagogy
Clarck postmodern pedagogyrubiox
 
Oral presentations on_digestive_tract
Oral presentations on_digestive_tractOral presentations on_digestive_tract
Oral presentations on_digestive_tractshabeel pn
 
Tranceunte
TranceunteTranceunte
Tranceunteangparra
 
Portafolio iec bpo alianza comercial
Portafolio iec bpo alianza comercialPortafolio iec bpo alianza comercial
Portafolio iec bpo alianza comercialleocab
 

Viewers also liked (18)

Vasco.ppt (1)
Vasco.ppt (1)Vasco.ppt (1)
Vasco.ppt (1)
 
kinetech
kinetechkinetech
kinetech
 
Grosería
GroseríaGrosería
Grosería
 
Big Data presentatie #dido12 - Arend Zwaneveld
Big Data presentatie #dido12 - Arend ZwaneveldBig Data presentatie #dido12 - Arend Zwaneveld
Big Data presentatie #dido12 - Arend Zwaneveld
 
Managing Security Threat In SaaS Essential: "How To's"
Managing Security Threat In SaaS Essential: "How To's"Managing Security Threat In SaaS Essential: "How To's"
Managing Security Threat In SaaS Essential: "How To's"
 
A taxonomia e a nomenclatura em animais
A taxonomia e a nomenclatura em animaisA taxonomia e a nomenclatura em animais
A taxonomia e a nomenclatura em animais
 
CONFERENCIA COACHING EFECTIVO
CONFERENCIA COACHING EFECTIVOCONFERENCIA COACHING EFECTIVO
CONFERENCIA COACHING EFECTIVO
 
25 prophets
25 prophets25 prophets
25 prophets
 
FENOMENO EL NIÑO (FEN) EN CHICAMA
FENOMENO EL NIÑO (FEN) EN CHICAMAFENOMENO EL NIÑO (FEN) EN CHICAMA
FENOMENO EL NIÑO (FEN) EN CHICAMA
 
Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...
Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...
Encuentro Latinoamericano de Diseño. Charla de emBlue: enviar mails no es hac...
 
Clarck postmodern pedagogy
Clarck postmodern pedagogyClarck postmodern pedagogy
Clarck postmodern pedagogy
 
Elshowdelasmanos
ElshowdelasmanosElshowdelasmanos
Elshowdelasmanos
 
RacTour-Roteiros
RacTour-RoteirosRacTour-Roteiros
RacTour-Roteiros
 
Oral presentations on_digestive_tract
Oral presentations on_digestive_tractOral presentations on_digestive_tract
Oral presentations on_digestive_tract
 
Simulado agora2013-2
Simulado agora2013-2Simulado agora2013-2
Simulado agora2013-2
 
Ninos y bebes-37744
Ninos y bebes-37744Ninos y bebes-37744
Ninos y bebes-37744
 
Tranceunte
TranceunteTranceunte
Tranceunte
 
Portafolio iec bpo alianza comercial
Portafolio iec bpo alianza comercialPortafolio iec bpo alianza comercial
Portafolio iec bpo alianza comercial
 

Similar to מגמות וטכנולוגיות באינטרנט ובווב

שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010Israeli Internet Association technology committee
 
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011Israeli Internet Association technology committee
 
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
 דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחותIsraeli Internet Association technology committee
 
מגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידים
מגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידיםמגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידים
מגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידיםIsraeli Internet Association technology committee
 
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - מידע2011
טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - מידע2011טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - מידע2011
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - מידע2011Israeli Internet Association technology committee
 
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלעטכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלעIsraeli Internet Association technology committee
 
טכנולוגיות אינטרנט מתפתחות הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...
טכנולוגיות אינטרנט מתפתחות    הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...טכנולוגיות אינטרנט מתפתחות    הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...
טכנולוגיות אינטרנט מתפתחות הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...Israeli Internet Association technology committee
 
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
 שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best... שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...Israeli Internet Association technology committee
 

Similar to מגמות וטכנולוגיות באינטרנט ובווב (20)

HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשתHTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
מכשירים חדשים - עתיד הווב הנייד
מכשירים חדשים - עתיד הווב הנייד מכשירים חדשים - עתיד הווב הנייד
מכשירים חדשים - עתיד הווב הנייד
 
מכללת ספיר - W3C - תהליכים וטכנולוגיות
מכללת ספיר - W3C - תהליכים וטכנולוגיותמכללת ספיר - W3C - תהליכים וטכנולוגיות
מכללת ספיר - W3C - תהליכים וטכנולוגיות
 
הערך הטכנו-עסקי של HTML5
הערך הטכנו-עסקי של HTML5הערך הטכנו-עסקי של HTML5
הערך הטכנו-עסקי של HTML5
 
Mobile Web Best Practices Eyal Sela [Hebrew]
Mobile Web Best Practices   Eyal Sela [Hebrew]Mobile Web Best Practices   Eyal Sela [Hebrew]
Mobile Web Best Practices Eyal Sela [Hebrew]
 
W3C - מבוא
W3C - מבואW3C - מבוא
W3C - מבוא
 
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
שיטות לפיתוח אפליקציות ווב למכשירים ניידים - מובייל מונדי 28 ביוני 2010
 
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
 
Mobile web design Eyal Sela
Mobile web design   Eyal SelaMobile web design   Eyal Sela
Mobile web design Eyal Sela
 
Html 5 For V Ps
Html 5 For V Ps Html 5 For V Ps
Html 5 For V Ps
 
Html 5 Usability UPA 2009 - Dr. Yesha Sivan
Html 5 Usability UPA 2009 - Dr. Yesha Sivan Html 5 Usability UPA 2009 - Dr. Yesha Sivan
Html 5 Usability UPA 2009 - Dr. Yesha Sivan
 
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
 דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
דמואים, הדגמות קוד ומסגרות פיתוח חדשניים בטכנולוגיות ווב פתוחות
 
האינטרנט - קצת יותר מגוגל
האינטרנט - קצת יותר מגוגלהאינטרנט - קצת יותר מגוגל
האינטרנט - קצת יותר מגוגל
 
מגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידים
מגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידיםמגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידים
מגמות ותופעות חברתיות בחיבור בין אינטרנט למכשירים ניידים
 
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - מידע2011
טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - מידע2011טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - מידע2011
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - מידע2011
 
למנהלים 2010 – יישומים ודוגמאות Html5
 למנהלים 2010 – יישומים ודוגמאות Html5  למנהלים 2010 – יישומים ודוגמאות Html5
למנהלים 2010 – יישומים ודוגמאות Html5
 
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלעטכנולוגיות אינטרנט מתפתחות  - הווב הסמנטי ויישומיו - אייל סלע
טכנולוגיות אינטרנט מתפתחות - הווב הסמנטי ויישומיו - אייל סלע
 
טכנולוגיות אינטרנט מתפתחות הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...
טכנולוגיות אינטרנט מתפתחות    הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...טכנולוגיות אינטרנט מתפתחות    הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...
טכנולוגיות אינטרנט מתפתחות הווב הסמנטי ויישומיו - אייל סלע - אוניברסיטת בר...
 
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
 שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best... שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
שיטות לפיתוח אפליקציות ווב למכשירים ניידים על פי Mobile Web Application Best...
 

More from Israeli Internet Association technology committee

יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידיםיחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידיםIsraeli Internet Association technology committee
 

More from Israeli Internet Association technology committee (20)

נגישות באינטרנט לאנשים עם מוגבלות, הלכה למעשה
נגישות באינטרנט לאנשים עם מוגבלות, הלכה למעשהנגישות באינטרנט לאנשים עם מוגבלות, הלכה למעשה
נגישות באינטרנט לאנשים עם מוגבלות, הלכה למעשה
 
ליאור שיאון - מפת מקלטים
ליאור שיאון - מפת מקלטיםליאור שיאון - מפת מקלטים
ליאור שיאון - מפת מקלטים
 
טל גלילי - אושאידי
טל גלילי - אושאידיטל גלילי - אושאידי
טל גלילי - אושאידי
 
אמרי באומר - האקתון חוסן לאומי
אמרי באומר - האקתון חוסן לאומיאמרי באומר - האקתון חוסן לאומי
אמרי באומר - האקתון חוסן לאומי
 
אורי סגל - מרחב מוגן
אורי סגל - מרחב מוגןאורי סגל - מרחב מוגן
אורי סגל - מרחב מוגן
 
אופיר בן אבי - ממשל זמין
אופיר בן אבי - ממשל זמיןאופיר בן אבי - ממשל זמין
אופיר בן אבי - ממשל זמין
 
יובל טיסונה - המלחמה הבאה
יובל טיסונה - המלחמה הבאהיובל טיסונה - המלחמה הבאה
יובל טיסונה - המלחמה הבאה
 
עמוס גבע - StandWithUs
עמוס גבע - StandWithUsעמוס גבע - StandWithUs
עמוס גבע - StandWithUs
 
בן לנג - Iron Dome Count
בן לנג - Iron Dome Countבן לנג - Iron Dome Count
בן לנג - Iron Dome Count
 
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידיםיחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
 
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות? האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
 
IPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran LibermanIPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran Liberman
 
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
 
IPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval ShaulIPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval Shaul
 
פתיחה - יום השקת IPv6 בישראל
פתיחה - יום השקת IPv6 בישראלפתיחה - יום השקת IPv6 בישראל
פתיחה - יום השקת IPv6 בישראל
 
How I learned to stop writing CSS and start writing SASS
How I learned to stop writing CSS and start writing SASSHow I learned to stop writing CSS and start writing SASS
How I learned to stop writing CSS and start writing SASS
 
אבטחת מידע לעובדים בארגון
אבטחת מידע לעובדים בארגוןאבטחת מידע לעובדים בארגון
אבטחת מידע לעובדים בארגון
 
HTML5FEST - פתיחה
HTML5FEST - פתיחהHTML5FEST - פתיחה
HTML5FEST - פתיחה
 
The Open Web Platform and You! [Executive version]
The Open Web Platform and You! [Executive version]The Open Web Platform and You! [Executive version]
The Open Web Platform and You! [Executive version]
 
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינקHTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
 

מגמות וטכנולוגיות באינטרנט ובווב

  • 1. ‫1102/3/1‬ ‫מגמות באינטרנט‬ ‫‪file:///H:/Erase/mobil‬‬ ‫‪eOK.png‬‬ ‫אייל סלע‬ ‫מנהל פרויקטים, איגוד האינטרנט הישראלי ומשרד ה-‪ W3C‬הישראלי‬ ‫1‬
  • 2. ‫תוכנית‬ ‫אודות -איגוד האינטרנט ו ‪-W3C‬‬ ‫‪‬‬ ‫מגמות בעולם הווב‬ ‫‪‬‬ ‫‪Mobile‬‬ ‫‪‬‬ ‫מגמות בישראל‬ ‫‪‬‬ ‫שאלות‬ ‫‪‬‬ ‫2‬
  • 3. ‫ווב)‪(web‬‬ ‫האינטרנט‬ ‫)המא ָג(‬ ‫ַ ֲר‬ ‫)המ ְשתת(‬ ‫ִ ר ֶׁ ֶׁ‬ ‫3‬
  • 4. ‫איגוד האינטרנט הישראלי‬ ‫שלוחת האיגוד הבינלאומי‬ ‫עמותה ללא מטרת רווח‬ ‫פועל לקידום האינטרנט והטמעתו בישראל כתשתית‬ ‫טכנולוגית, מחקרית, חינוכית, חברתית ועסקית‬
  • 5. ‫מה אנחנו עושים‬ ‫תשתית )שמות מתחם, ‪(IIX‬‬ ‫•‬ ‫חברה )גיל שלישי, אוכלוסיות, קו חם ...(‬ ‫•‬ ‫תוכן )מפגשים, פרסומים ....(‬ ‫•‬ ‫משפט )צנזורה, ממשל, 6‪(...... ,IPV‬‬ ‫•‬ ‫טכנולוגיה )‪ ,W3C ,STS‬קוד פתוח(‬ ‫•‬ ‫34:70 11/40/62‬
  • 6. ISOC Internet related standards education and policy (IETF), the Internet Architecture Board (IAB), the Internet Engineering Steering Group (IESG), and the Internet Research Task Force (IRTF) IPV6 …. 26/04/11 07:43
  • 7. What Will The Internet Look Like In 10 Years?s http://www.isoc.org/tools/blogs/scenarios/ 26/02/11 16:00
  • 8. ‫‪W3C‬‬ ‫• ארגון בינלאומי‬ ‫• כ-053 ארגונים‬ ‫• פורום ניטראלי ליצירת תקני הווב‬ ‫• משימה:‬ ‫להוביל את הרשת למיצוי הפוטנציאל על ידי פיתוח‬ ‫פרוטוקולים וקווים מנחים שיאפשרו את צמיחתה לטווח‬ ‫ארוך.‬ ‫8‬
  • 9. www.isoc.org.il www.w3c.org.il bit.ly/g63C9F eyal@isoc.org.il
  • 10. Recommendation track appropriate for widespread •Review deployment and promote •implementation •interoperability. -sufficient implementation experience -sent to the Advisory Committee for review -feedback - first plementation -Fulfill all requirements -seeks technical review bit.ly/w3cpro 10
  • 13. ‫5‪HTML‬‬ ‫4‪HTML‬‬ ‫אפליקציות‬ ‫דפים‬ ‫31‬
  • 14. ‫איך?‬ ‫•אלמנטים חדשים‬ ‫• הסרת ושינוי אלמנטים‬ ‫•ממשקי תכנות חדשים‬ ‫•סוגי תוכן חדשים‬ ‫41‬
  • 15. And it’s all free!
  • 16. The Open web platform caniuse.com 16
  • 18. ‫היצרנים מתחרים על רמת יישום התקן‬ ‫בדפדפנים‬ ‫81‬
  • 20. Video element Audio element videojs.com www.isoc.org.il www.w3c.org.il 20 eyal@isoc.org.il
  • 22. (geolocation)‫זיהוי מיקום‬ m.radiustalk.com www.isoc.org.il www.w3c.org.il 22 eyal@isoc.org.il
  • 23. Drag and drop, files www.isoc.org.il www.w3c.org.il 23 eyal@isoc.org.il
  • 25. File API 25
  • 26. contenteditable attribute ‫עורך טקסט עשיר‬ aloha-editor.com 26
  • 27. Web Sockets Streamie ‫זמן אמת‬ Notifications ‫איתור מיקום‬ streamie.org • 27
  • 29. SVG 29
  • 30. canvas 30
  • 31. Timeline Reader ‫לטאבלטים‬ Canvas ‫אלמנטים חדשים‬ html5.labs.ap.org 31
  • 33. CSS 33
  • 34. touchsolitaire.mobi/app j.mp/w3cmo15 www.isoc.org.il www.w3c.org.il eyal@isoc.org.il
  • 36. ‫• התאמה לגודל מסך‬ ‫63‬
  • 39. Video Geolocation Web Storage WebSockets January 26, 2011: Facebook to empower its massive mobile platform with HTML5 39
  • 40. • Drag and drop 40
  • 41. 41
  • 42. ‫עוד מסכים...‬ ‫‪TV‬‬
  • 43. Build once deploy everywhere
  • 45. ‫• למדו 5‪HTML‬‬ ‫• יישמו בהדרגתיות‬ ‫• השתמשו בהגדרות החדשות‬ ‫• שלבו את הארכיטקטורה‬ ‫• זכרו – התקן נמצא בתהליך עבודה‬ ‫54‬
  • 46. MOBILE 46
  • 47. Mobile vs deskop internt user projection 2007-2015 j.mp/dsafaa Source: thenextweb.com 47
  • 48. ‫מחקר :‪ Cisco‬צמיחה של פי 62‬ ‫בתעבורת הנתונים ברשת הסלולרית‬ ‫עד 5102‬ ‫‪http://bit.ly/eP3OWQ‬‬
  • 49. ‫גרטנר: ב- 1102 יירכשו בארה"ב יותר‬ ‫טלפונים חכמים מכל מוצר צריכה‬ ‫אלקטרוני אחר‬ ‫‪http://bit.ly/hZK3Gm‬‬
  • 50. In 2015, tablets will generate as much traffic as the entire global mobile network of 2010… http://bit.ly/g2Twdf
  • 51. The average amount of traffic per smartphone doubled in 2010 http://bit.ly/g2Twdf
  • 53. mobile's share of web consumption
  • 54. ‫איך לחשוב על זה?‬ ‫סוגים שונים( גדלים שונים למסך)‬ ‫1.‬ ‫סנסורים )מיקום ,מצפן ,מצלמה)...‬ ‫2.‬ ‫קלט אחר( הזנת קלט בצורה שונה ,קולי ,תמונה)‬ ‫3.‬ ‫חיבוריות( רוחב פס ,עלות/ניתוק ,מטוס/עומס)‬ ‫4.‬ ‫משתמש ממוקד.‬ ‫5.‬ ‫מגבלות ובעיות.‬ ‫6.‬ ‫הרבה פלטפורמות.‬ ‫7.‬ ‫‪Native vs web‬‬ ‫8.‬
  • 55. ‫סוגי מכשירים ניידים‬ •Iphone/android/nokia/win •Laptop •Tablets • Mobile phone / PDA •(Wearable computer)
  • 56. ‫סנסורים‬ ‫מיקרופון ,מצלמה ,כיוון ,‪GPS‬‬ ‫קלט‬ ‫מגע, סנסורים, אוטומטי...‬
  • 57. LBS = Location bases services :‫מאת‬ 23/12/10 12:44 http://gigaom.com/2010/02/09/everything-you-ever-wanted-to-know-about-
  • 58. ‫‪Waze‬‬ ‫• מידע משתמשים מה-‪GPS‬‬ ‫44:21 01/21/32‬
  • 59. How The iPhone Became The World’s Most Popular Camera Via thenextweb.com 23/12/10 12:44 tnw.co/muiwbB
  • 60. Google Goggles Use pictures to search the web 60 googlemobile.blogspot.com
  • 61. Facebook places gowalla foursquare.com 61
  • 62. Augmented Reality combine a view of the physical world with information j.mp/w3il70 62
  • 63. ‫- ‪AR‬מקל על תפעול המדפסת‬ ‫21‪j.mp/adfeg‬‬ ‫36‬
  • 64. ‫‪DBpedia Mobile‬‬ ‫פריטים מוויקיפדיה‬ ‫על מפה‬ ‫טכנולוגיות:‬ ‫- סמנטי‬ ‫- מובייל‬ ‫- זיהוי מיקום‬ ‫‪beckr.org/DBpediaMobile‬‬ ‫46‬
  • 65. by: Amber Case 26/02/11 16:00
  • 66. by: Amber Case 26/02/11 16:00
  • 67. Design for Multiple Interaction Methods ?‫מה‬ ‫שלושה סוגי אינטראקציה עיקריים‬ ?‫איך‬ Focus Based: (focus "jumps" from link to link) . Pointer Based: (Key-based navigation + pointer ) Selectable elements that are associated with each other need to be close Selectable elements need to be large enough (pointer often moves in steps) Selectable elements should have rollovers Image by: Dennis Bournique Touch Based: (finger ) Selectable elements may be widely spaced since the user can select them directly Selectable elements must be large enough to be easily selected (list items - at least 30px) 67
  • 70. Minimize Perceived Latency ?‫איך‬ • Incremental Rendering: Place JavaScript at the bottom of the page+ configure the page so that any useful information that might be available is viewable while the main content of the application is still loading. • Keep the User Informed of Activity (progress bars) • Avoid Page Reloads (To reflect changes in state or show different views) • Preload Probable Next Views MapQuest.com 70
  • 71. ‫משתמש ממוקד‬ • Immediate • goal-directed • specific pieces of information • relevant to context. • less interested in lengthy documents or in browsing. bit.ly/egXfIx
  • 72. Eg. schedules for a journey they are currently undertaking.
  • 73. ‫מגבלות ובעיות‬ • keyboard and the screen • limited processing power • processing uses more power as does communication • limited memory • … bit.ly/egXfIx
  • 74. ‫אל תכבידו על משאבי המכשיר‬ ‫זיכרון‬ ‫עיבוד‬ ‫רוחב פס‬ Latency Interaction method Data consistency --- Caching 74
  • 75. ‫להתחיל צ'יק צ'ק‬ Optimize For Application Start-up Time ?‫איך‬ • Use Offline Technology (e.g. AppCache) – Resources (HTML, JavaScript, CSS) stored locally. • Use Local Storage: store a snapshot of last state - display it immediately on start-up • Minimize Number of Local Storage Queries before http://www.flickr.com/photos/66475767@N00/4333416050/ the first view can be displayed. 75
  • 77. Smartphone market share - Q1 2010 (Q1 ’10: 23% of mobile consumers have a smartphone) bit.ly/h755vK 77
  • 78. 78
  • 79. ‫אז צריך לבנות אתר נפרד לכל סוג‬ ‫מכשיר?‬ ‫לא.‬ ‫אפשר לבנות חלופות ווביות‬
  • 81. Web Application Web page(s) that provide an "application-like" experience within a Web browser. www.isoc.org.il www.w3c.org.il 81 eyal@isoc.org.il
  • 82. validator.w3.org/mobile/ bit.ly/w3cmbp (BP1)‫הבדל מאתר רגיל‬ include locally executable elements of interactivity and persistent state. :‫למשל‬ e-resistible.co.uk/public/eres/ bbc.co.uk/1xtra/touch/ www.isoc.org.il www.w3c.org.il eyal@isoc.org.il
  • 84. ‫כשאי אפשר אפליקציה במכשיר – אפליקציה‬ ‫וובית‬ j.mp/w3il80 www.isoc.org.il www.w3c.org.il 84 eyal@isoc.org.il
  • 85. ‫‪API‬ים חדשים לדפדפן‬ ‫קיימים‬ ‫• מיקום)‪(geolocation API‬‬ ‫בעבודה‬ ‫• ‪API‬לרשימת אנשי קשר‬ ‫• ‪ API‬ליומן‬ ‫• ‪API‬למדיה‬ ‫• ‪API‬להודעות) )‪SMS, MMS, email‬‬ ‫• ‪API‬למידע מערכת‬ ‫• ‪API‬לגלרייה‬ ‫• ‪DeviceOrientation‬‬
  • 86. ‫הכירו את‬ Mobile Web Application Best Practices Cards j.mp/thecards•
  • 87. Use Device Classification to Simplify Content Adaptation Class 1: Basic XHTML support, no or very basic scripting. Class 2: Full AJAX and JavaScript support. Class 3: Advanced device APIs Class 1: Pointer Based. Class 2: Touch Based. 88
  • 89. Mobile web application frameworks • Sencha Touch • jQuery Mobile Into native • PhoneGap • Titanium j.mp/mob244 90
  • 90. Jquery mobile phone/browser support jquerymobile.com/gbs/ 91
  • 93. ‫בעיות?‬ ‫49‬
  • 94. ‫כל המקומות בהם האייפון שלי היה‬ ‫מאז שקניתי אותו‬ ‫מאת רן יניב הרנשטיין1801/‪- ranh.co.il‬‬
  • 95. ‫מעדכנים סטטוס? תשלמו יותר על ביטוח תכולת‬ ‫הדירה‬ ‫54‪j.mp/iscd‬‬ ‫69‬
  • 96. Air Force issues warning to troops concerning Facebook Places j.mp/9kWt3q 97
  • 97. ‫כביש פטפטן: צירי ביטחון שוטף של צה"ל חשופים‬ ‫ב‪-Waze‬‬ ‫מאת חורים ברשת‪: http://bit.ly/i71Esb‬‬ ‫89‬
  • 100. ‫רוחב פס‬ ‫-כניסת חברת החשמל‬ ‫-הכנסת כבל תת ימי נוסף‬ ‫עשוים לשנות את חוויית השימוש באינטרנט‬
  • 101. ‫בריאות‬ ‫אנו בתחילת פריצת דרך בשירותי בריאות מקוונים.‬ ‫קופ"ח כללית החלה בשירותים שכיום הם בלעדיים,‬ ‫יש להניח שהתחרות בין קופות חולים וחסכון בעלויות‬ ‫ידחוף את כולם להרחבת השירותים .‬ ‫השאלה היא האם ייוצר הפער הדיגיטאלי בו‬ ‫לפריפריה יהיה ‪ tele medicine‬ולאיזור המרכז יהיו‬ ‫שירותים רפואיים ברמה גבוהה )כלומר אישיים)‬
  • 102. ‫התערבות ממשלתית‬ ‫מגמה עולמית היא של יותר התערבות ממשלתית‬ ‫באינטרנט )גם פנימית, לא רק לאיום חיצוני(‬ ‫כל אירוע בעייתי עלול לעורר תגובות של "פאניקה‬ ‫מוסרית" ולגרור חקיקה של התערבות עמוקה של‬ ‫גורמי מימשל.‬
  • 103. ‫חוקים‬ ‫יידוע לקוחות בדבר אתרים פוגעניים ברשת האינטרנט ואפשרויות ההגנה‬ ‫•‬ ‫מפניהם‬ ‫הצעת חוק איסור לשון הרע )תיקון - חשיפת פרטי מעוול(‬ ‫•‬ ‫הצעת חוק אחריות אתר אינטרנט לתגובות הגולשים‬ ‫•‬ ‫איסור גביית עמלה בעסקה שבוצעה באמצעות האינטרנט‬ ‫•‬ ‫הנגשת אתרים‬ ‫•‬ ‫הצעת חוק התקשורת )בזק ושידורים( )תיקון - ניידות שירותי דואר אלקטרוני(‬ ‫•‬ ‫הצעת חוק העונשין )תיקון – משחקים אסורים, הגרלות והימורים ברשת‬ ‫•‬ ‫האינטרנט(‬
  • 104. ‫הדבר הקבוע הוא חדשנות ושינוי‬ ‫:פייסבוק נוצר ב 4002 – תוך 7 שנים הוא נהפך‬ ‫לרבים שווה ערך ל"אינטרנט" : אז מי מוכן לדבר על‬ ‫מגמות לעתיד?...‬
  • 105.  ‫תודה‬ ‫אייל סלע‬ eyal@isoc.org.il j.mp/eyalprs : ‫המצגת‬ 106
  • 106. ‫‪Q&A‬‬ ‫- חשיפת פרטי גולשים?‬ ‫- חסימת אתרים?‬ ‫- קוד פתוח‬ ‫- שיתוף וחשיפת מידע, סנסורים, רשתות חברתיות...‬