Forums / Developer / eZ Publish on mobile devices

eZ Publish on mobile devices

Author Message

Kévin S.

Thursday 12 August 2010 8:11:22 am

Hello !

I am planning to make an eZ Publish site fully compatible with mobile devices (especially iPad). My little experience of eZ tells me that I will have to keep it very simple, and to optimize and optimize again if I want my page to be loaded rapidly...

Has anyone ever tried that, and do have any advices ?

Thank you

___

Kévin

Heath

Thursday 12 August 2010 7:55:29 pm

Hello Kévin,

I recently had to customize an eZ Publish site to be more compatible with the iPhone/iPad/Android.

I found out that ezoe (the online editor) does not work at all on these platforms.

I also had to write some template operators to detect the various platform user agents.

I had to customize many templates to further customize the site to look properly on these platforms as well as function without the ezoe.

I hope this helps :)

Cheers,

Heath

Brookins Consulting | http://brookinsconsulting.com/
Certified | http://auth.ez.no/certification/verify/380350
Solutions | http://projects.ez.no/users/community/brookins_consulting
eZpedia community documentation project | http://ezpedia.org

Kévin S.

Friday 13 August 2010 1:22:13 am

Thank you for sharing your experience, Heath !

Do you know the reason or have any hypothesis why ezoe does not work on mobile devices (I precisely need some parts of template from ezoe...) ?

How do you detect if the device accessing your site is a mobile ?

If anyone else want to share, feel free to do it !

Thank you !

___

Kévin

Doug Brethower

Saturday 14 August 2010 8:33:50 am

Hello Kévin.

Ran across this the other day

http://www.ibm.com/developerworks/opensource/library/os-androidiphone1/

Listing 1 may help you with a concrete example of querying user agent.

The concept of "media queries", where the browser reports properties such as screen size, is also introduced as a way of moving beyond querying for every possible user agent string.

Hope you find the article and some of the concepts useful for your project.

As far as any other advice, if delivering video to iPad, not Flash capable, you may also be interested in this article regarding a workaround using object tags.

http://webportalmaster.com/index.php/eng/eZ/Advanced/Serving-iPad-Capable-Video-from-eZ-Publish

Best wishes for a successful implementation!

Doug Brethower
Apple Certified Technical Consultant, Southwest, MO USA
http://share.ez.no/directory/companies/lakedata.net

Kévin S.

Tuesday 17 August 2010 3:33:13 am

Hello Doug ! Thank you for your links, I will use them as soon as I begin the mobile version !

eZ debug

Timing: Jan 29 2025 13:44:37
Script start
Timing: Jan 29 2025 13:44:37
Module start 'content'
Timing: Jan 29 2025 13:44:37
Module end 'content'
Timing: Jan 29 2025 13:44:37
Script end

Main resources:

Total runtime0.1827 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0049 587.9297180.8359
Module start 'content' 0.00500.0042 768.765697.8672
Module end 'content' 0.00910.1736 866.6328526.0234
Script end 0.1827  1,392.6563 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00311.6710200.0002
Check MTime0.00120.6620200.0001
Mysql Total
Database connection0.00060.318510.0006
Mysqli_queries0.140276.71301410.0010
Looping result0.00120.68191390.0000
Template Total0.173294.810.1732
Template load0.00090.519310.0009
Template processing0.172394.276110.1723
Override
Cache load0.00070.373110.0007
Sytem overhead
Fetch class attribute can translate value0.00050.294910.0005
XML
Image XML parsing0.00020.136210.0002
General
dbfile0.00563.0485200.0003
String conversion0.00000.003330.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs