The client wants a mobile version of their existing website that only includes certain sections. They list the specific sections they want included from the desktop site. The document then provides information on approaches to building a mobile website, including using device detection vs user choice, architectural differences between mobile and desktop sites, and layout approaches like using jQuery Mobile. It confirms the client is pleased with the proposed mobile site design and thanks them for building it quickly.

2. We've built a website

3. THE CLIENT

4. HELLO! ALL WELL,
BUT NOW WE WANT A MOBILE VERSION
OF THE WEBSITE!

5. BUT WE ONLY WANT only SOME BITS
OF THE ACTUAL WEBSITE TO BE VISIBLE
ON THE MOBILE WEBSITE...

6. THAT SECTION THERE...

7. THAT one...

8. THAT BIT AS WELL...

9. AND THAT ONE TOO.

10. OH, AND THAT ONE...

11. ..THAT ONE...

12. ...AND THAT ONE.
EVERYTHING ON THE MOBILE VERSION.
THANKS.

13. How do we do it?

14. OUR FIRST
MOBILE WEBSITE

15. ● System choice vs
User Choice
● Architecture
differencies
● Layout approach

16. SYSTEM CHOICE vs USER CHOICE
●
device/browser sniffing
●
css3 media queries
User inputs a specific address
for the mobile website.

17. Architecture differencies
new siteaccess
new design
array with main nodes
breadcrumb tweaking

18. Layout approach

19. Built on jQuery
HTML5 Markup-driven configuration
Automatic initialization (HTML5 data-role attribute)
Theming framework
It adds nice effects
http://jquerymobile.com/

20. GREAT! WE ARE VERY PLEASED WITH THAT.
AND YOU BUILT IT IN NO-TIME!
WELL DONE!

21. THE END

22. The Client.........................................http://www.sxc.hu/profile/rubenshito
Skyscraper.........................................http://www.sxc.hu/profile/raflowers
Mobile Phone...................................HTC hero
Panicked man...................................source unknown
Sherlock Holmes...............................himself
Smartphones chart...........................http://lifehacker.com
jQuery hero......................................http://totalfright.com
No animals were harmed in the marking of this presentation.

23. Feedback, questions,
suggestions?
mirko.battisti@argentea.it
skype: mirkobattisti