the web is mobile
-
Upload
thomas-roessler -
Category
Technology
-
view
329 -
download
0
Transcript of the web is mobile
![Page 2: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/2.jpg)
!"
!"#$%&'()&*#+,-(#
*#+,-(#.(/01+#&+2&3(4151(6&,+#7-1"10+2
![Page 3: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/3.jpg)
dot-com boom
•program logic on the server
•dumb browsers on powerful machines
• good luck with mobile
![Page 4: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/4.jpg)
![Page 5: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/5.jpg)
![Page 6: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/6.jpg)
BROKEN
![Page 7: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/7.jpg)
Web 2.0
•program logic moves to the client (AJAX)
• smart browsers on powerful machines
• good luck with mobile
![Page 8: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/8.jpg)
BROKEN
![Page 9: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/9.jpg)
but...
![Page 10: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/10.jpg)
![Page 11: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/11.jpg)
![Page 12: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/12.jpg)
![Page 13: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/13.jpg)
![Page 14: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/14.jpg)
today
•mobile phones ship with a smart browser
• application logic on the client
•works across manufacturers
![Page 15: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/15.jpg)
mobile apps
•past: develop separate app for each platform
•now: one webapp runs on all of them
![Page 16: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/16.jpg)
“there’s a webapp for
that?”
![Page 17: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/17.jpg)
not quite there yet
![Page 18: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/18.jpg)
content adaptation?
• the network tries to adapt documents
• applications break
• security breaks
![Page 19: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/19.jpg)
![Page 20: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/20.jpg)
packaging: widgets
•Webapp in a zip archive
•HTML, CSS, JavaScript...
• download, install, run offline
• across platforms
![Page 21: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/21.jpg)
gps✓ camera
microphonesensors
...
![Page 22: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/22.jpg)
device APIs for JavaScript
![Page 23: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/23.jpg)
mobile drives Web
![Page 24: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/24.jpg)
![Page 25: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/25.jpg)
![Page 26: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/26.jpg)
![Page 27: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/27.jpg)
![Page 28: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/28.jpg)
✘
![Page 29: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/29.jpg)
[email protected]@roessler
![Page 30: the web is mobile](https://reader038.fdocuments.us/reader038/viewer/2022110309/558a490fd8b42a8e368b473a/html5/thumbnails/30.jpg)
a few links
• Device API Working Grouphttp://w3.org/2009/dap/
• W3C Mobile Web Initiativehttp://w3.org/Mobile
• to play: Opera, BONDI SDKhttp://widgets.opera.com/http://bondi.omtp.org/usebondi/Webpages/devtools.aspx