Gregynog 2011
Download as PPT, PDF0 likes475 views
The document discusses the increasing importance and usage of mobile devices for accessing the internet. It notes that within five years, more users will connect via mobile than desktop. It examines emerging mobile technologies like HTML5 and various platforms and frameworks. It also compares web apps to native apps, noting pros and cons of each. It advocates for a "mobile first" and "progressive enhancement" approach to web development.
![The Mobile Web Alexander Roberts [email_address]](https://image.slidesharecdn.com/gregynog2011-110622052156-phpapp01/85/Gregynog-2011-2-320.jpg)
Gregynog 2011
- 2. The Mobile Web Alexander Roberts [email_address]
- 3. A new website needs...
- 4. A shiny new team to build it!
- 5. ISS Web Team University Web Content Management System Academic Application Development (Assignment Toolkit, etc) XML Publishing ( http://www.dafyddapgwilym.net ) Anything else... Using Open Source technologies such as PHP, Zend, Symfony, JQuery, YUI, Python, Django, SVN, Trac, Oracle Berkeley DBXML Also MS .Net, MS SQL Server
- 6. ...and JavaScript ‘ my attitude toward JavaScript has changed completely in the past few years. JavaScript has "grown up.“’ Mike Loukides (07/06/2011) http://radar.oreilly.com/2011/06/time-to-learn-javascript.html
- 7. Writing code makes you look cool...? With the advent of JavaScript libraries such as YahooUI, JQuery it’s now easier to create great looking user interfaces (UIs) Or it just makes all our UIs look the same...
- 8. One ring to unite them all!
- 9. The bad old days... Up to now all development has been focused on the desktop, however...
- 10. Google Analytics for May/June Total visits: 530,182
- 11. Mobile Analysis iPhone currently at 1% of all visits to Swansea web site...
- 12. So what if... ...One day the internet changed from being accessed mainly on the desktop to being accessed mainly on mobile devices, and no one noticed?
- 13. Mobile vs. Desktop Internet … within the next five years “more users will connect to the Internet over mobile devices than desktop PCs.” Mary Meeker 2010 (Morgan Stanley)
- 14. The Science...
- 15. Emerging Mobile Technologies Platforms: HTML5, iOS, Android, ChromeOS, Windows Mobile 7 Presentation: CSS3 – SCSS Frameworks: JQuery Mobile, Sencha Touch, PhoneGap, OpenMobile
- 16. Web Apps vs. Native Apps? Web Apps Molly – Mobile Oxford, University of Oxford http://mollyproject.org – Python, Django – bespoke Native Apps CampusM™ - http://www.ombiel.com/campusm.html
- 17. Web Apps Pros: Can leverage existing skills within development teams Much cheaper and quicker to produce than using a 3 rd party Generally work on all mobile platforms Cons: Not able to leverage specific platform functions such as gyroscope, camera, internal storage Device detection in HTML5 still problematic Less personalised experience, e.g. lacking integration with iTunes app store
- 18. Native Apps Pros: Tight integration with hosting platform More control of UI Continuity of end user experience Cons: Requires many different builds per device type Can be expensive compared to developing Web apps Constantly moving target
- 19. Mobile First! ‘ Progressive enhancement’ strategy Steven Champeon of hesketh.com Semantic Foundation – basic content accessible to all browsers and users Build up the user experience one technology layer at a time
- 21. Going mobile at Swansea eStream campus ‘YouTube’ style video to mobile H.264/FLV MS SharePoint built in mobile view Blackboard Quick Web Apps and Info for mobile users: PC availability, Library Opening Times, Course Search...
- 22. SUMO!
- 23. A happy place Progressive enhancement for all Swansea University web pages...? Buy-in from all content creators (100+) Establishment of strict protocols Hard thinking Pain
- 24. Credits Alexander Roberts a.l.roberts at swansea.ac.uk Geraint Hywel g.s.j.hywel at swansea.ac.uk