our first ezpublish mobile website

Post on 05-Dec-2014

1.477 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

the story of how we've built our first eZPublish based mobile website.

TRANSCRIPT

We've built a website

THE CLIENT

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

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

THAT SECTION THERE...

THAT one...

THAT BIT AS WELL...

AND THAT ONE TOO.

OH, AND THAT ONE...

..THAT ONE...

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

How do we do it?

OUR FIRST OUR FIRST

MOBILE WEBSITEMOBILE WEBSITE

● System choice vs User Choice

● Architecture differencies

● Layout approach

SYSTEM CHOICE vs USER CHOICE

● device/browser sniffing● css3 media queries

User inputs a specific address for the mobile website.

Architecture differencies

new siteaccessnew design

array with main nodes

breadcrumb tweaking

Layout approach

Built on jQuery

HTML5 Markup-driven configuration

Automatic initialization (HTML5 data-role attribute)

Theming framework

http://jquerymobile.com/

It adds nice effects

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

WELL DONE!

THE END

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.

Feedback, questions, suggestions?

mirko.battisti@argentea.itskype: mirkobattisti

top related