our first ezpublish mobile website
DESCRIPTION
the story of how we've built our first eZPublish based mobile website.TRANSCRIPT
![Page 1: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/1.jpg)
![Page 2: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/2.jpg)
We've built a website
![Page 3: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/3.jpg)
THE CLIENT
![Page 4: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/4.jpg)
HELLO! ALL WELL, BUT NOW WE WANT A MOBILE VERSION OF THE WEBSITE!
![Page 5: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/5.jpg)
BUT WE ONLY WANT only SOME BITS OF THE ACTUAL WEBSITE TO BE VISIBLE ON THE MOBILE WEBSITE...
![Page 6: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/6.jpg)
THAT SECTION THERE...
![Page 7: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/7.jpg)
THAT one...
![Page 8: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/8.jpg)
THAT BIT AS WELL...
![Page 9: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/9.jpg)
AND THAT ONE TOO.
![Page 10: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/10.jpg)
OH, AND THAT ONE...
![Page 11: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/11.jpg)
..THAT ONE...
![Page 12: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/12.jpg)
...AND THAT ONE. EVERYTHING ON THE MOBILE VERSION.THANKS.
![Page 13: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/13.jpg)
How do we do it?
![Page 14: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/14.jpg)
OUR FIRST OUR FIRST
MOBILE WEBSITEMOBILE WEBSITE
![Page 15: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/15.jpg)
● System choice vs User Choice
● Architecture differencies
● Layout approach
![Page 16: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/16.jpg)
SYSTEM CHOICE vs USER CHOICE
● device/browser sniffing● css3 media queries
User inputs a specific address for the mobile website.
![Page 17: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/17.jpg)
Architecture differencies
new siteaccessnew design
array with main nodes
breadcrumb tweaking
![Page 18: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/18.jpg)
Layout approach
![Page 19: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/19.jpg)
Built on jQuery
HTML5 Markup-driven configuration
Automatic initialization (HTML5 data-role attribute)
Theming framework
http://jquerymobile.com/
It adds nice effects
![Page 20: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/20.jpg)
GREAT! WE ARE VERY PLEASED WITH THAT.AND YOU BUILT IT IN NO-TIME!
WELL DONE!
![Page 21: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/21.jpg)
THE END
![Page 22: Our first eZPublish mobile website](https://reader033.vdocuments.mx/reader033/viewer/2022042713/5484e9e1b47959ec0c8b4d47/html5/thumbnails/22.jpg)
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.