Changes between Version 19 and Version 20 of BluePrint/Mobile/Portal


Ignore:
Timestamp:
06/17/12 18:16:33 (9 years ago)
Author:
Fran Boon
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • BluePrint/Mobile/Portal

    v19 v20  
    22
    33Provide a simple portal for access from devices with low bandwidth/screen sizes/ CPU.
     4* should also support Touch events
    45
    56This acts like the '/m' version of popular websites.
    67
     8Example:
     9* http://blog.bestpractical.com/2010/08/mobile-rt.html
     10
    711Theme which works well on both Desktops & Mobiles:
    8  * http://yoko.elmastudio.de
     12* http://yoko.elmastudio.de
     13
     14* http://mobiforge.com/Designing
     15* http://www.slideshare.net/nickf/mobile-ux (eye opening examples on mobile usability)
     16* http://www.slideshare.net/nickf/mobile-web-user-experience
     17* http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
     18* http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
    919
    1020We need to :
    1121* Detect that a mobile device is being used
    12  * [http://wurfl.sourceforge.net WURFL] - an XML library of mobile phone capabilities
    1322* Provide an optimised screen size & navigation
    14  * [wiki:BluePrint/CSS#MobileView CSS for Mobile]
    1523 * Could use the existing RESTlike CRUD controller's ?format=plain to generate lightweight forms.
    1624* Work on low-bandwidth/high latency
    17  * Light on AJAX (if present at all).
    18  * !JavaScript caching:
    19   * http://www.yuiblog.com/blog/2010/07/12/mobile-browser-cache-limits-revisited/
     25
     26jQuery Mobile
     27 * http://jquerymobile.com/
     28
     29Detection:
     30* Client-side with javascript
     31 * http://www.modernizr.com/
     32* Server-side most reliable:
     33 * [http://wurfl.sourceforge.net WURFL] - an XML library of mobile phone capabilities
     34  * http://pypi.python.org/pypi/pywurfl/
     35  * [http://code.google.com/p/djangobile/ Djangobile] can be used for ideas on how to integrate into web2py
     36 * http://www.handsetdetection.com/
     37* If not,possible then call fallback to client-side:
     38 * http://www.hand-interactive.com/resources/detect-mobile-javascript.htm
     39  * http://code.google.com/p/mobileesp/source/browse/JavaScript/mdetect.js
     40
     41Bandwidth savers:
     42* Light on AJAX (if present at all).
     43* !JavaScript caching:
     44 * http://www.yuiblog.com/blog/2010/07/12/mobile-browser-cache-limits-revisited/
    2045
    2146''Use far-future cache expiration headers. This will prevent the browser from having to send a conditional GET request.
     
    2348Keep CSS and JS components under 1MB. Of course, 1MB is enormous and your components should be much smaller than this, but don’t bother splitting a component into separate requests for the sake of cacheability unless its size approaches 1MB.
    2449Consider using the HTML5 application cache if it’s important that your components persist in the cache for a long time, or across power cycles.''
    25 
    26  * http://www.slideshare.net/nickf/mobile-web-user-experience
    27  * http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
    28 
    29 Theme which works well on both Desktops & Mobiles:
    30  * http://yoko.elmastudio.de
    31 
    32 jQuery Mobile?
    33  * http://jquerymobile.com/
    34 
    35 
    36 Also want touch support really...
    37 
    38 CSS sufficient?
    39  * http://mobiforge.com/Designing
    40  * http://www.slideshare.net/nickf/mobile-ux (eye opening examples on mobile usability)
    41  * http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
    42 
    43 Detection:
    44  * Client-side with javascript
    45    * http://www.modernizr.com/
    46  * Server-side most reliable:
    47   * http://pypi.python.org/pypi/pywurfl/
    48    * [http://code.google.com/p/djangobile/ Djangobile] can be used for ideas on how to integrate into web2py
    49   * http://www.handsetdetection.com/
    50  * If not,possible then call fallback to client-side:
    51   * http://www.hand-interactive.com/resources/detect-mobile-javascript.htm
    52    * http://code.google.com/p/mobileesp/source/browse/JavaScript/mdetect.js
    5350
    5451Mobile Emulators:
     
    5754 * Nokia screen sizes: http://forum.mobiles24.com/showthread.php?t=9980
    5855  * Remember that some screen lost for nav tools & that usually used in portrait mode
    59 
    60 Examples:
    61  * http://blog.bestpractical.com/2010/08/mobile-rt.html
    62 
    63 Could consider using the RESTlike CRUD controller's ?format=plain
    6456== Web2Py support ==
    6557* http://web2py.com/books/default/chapter/29/5#Mobile-development