magento mobile seminar

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Agenda

● Intro

● Magento Mobile native App [ iPhone, iPad, Andriod ]

● Magento Mobile webbased theme

● Compare App vs. Web

● Conclusion

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Source: Magento 2010

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Magento Mobile App

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Features

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

1ste Launch Netherlands: Condoom AnoniemReleased by Jira ICT

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

What about the iPad?

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Pricing

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Magento Mobile Web based Theme

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Web based theme w/ iPhone

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Web based theme w/ iPad

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Compare between App and Web

App● Install needed ● Only download via app store● Easy styling true Cpanel Mage● Easy Checkout (w/ Paypal)● Only now on iPhone,iPad,

Andriod● Native smartphone usability

(slide effect etc.)● Testing is hard

Web● Works on any brower● Works on any device● Easy custom styling● Change code (phtml,css,xml)

● Native smartphone usability effect are on it's way w/ “jQuerymobile”

● Testing is easy

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Pro's / Con's - App and Web

App● Start fee + annual fee [~1500]

first year● No extra development cost +

support● No custom layout● Not search engine compliant● Bug fixe takes weeks to submit

Web● Standard Magento iPhone

theme is free● Custom development theme

can be expensive + time consuming

● Custom layout is possible● Search engine compliant● Bug fixe directly submitted

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Conslution / Notes

● My Cart vs. Mijn Winkelwagen [localization] can be a problem (scaling on device)

● Mobile App will not replace website viewed true mobile device (ergonomics vs. usability)

● Web based mobile frameworks are growing fast w/ ergonomics, usability (jQuerymobile)

● Performance is very impormant – Fast + Lightweight are the main keys (< 100kb)

● Desktop vs. Mobile pads vs. Mobile phones are all different w/ ergonomics, usability, design

● Desktop = keyboard, mouse controlled + monitor viewed (big screen > 2560/1400)● Mobile pads = swipe controlled + 786/1024 resolution● Mobile phones = swipe controlled + 320/480 (iphone), 640/960 (iphone4)

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

WebClip Bookmarks

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

<link rel="apple-touch-icon" href="/custom_icon.png"/><link rel="apple-touch-startup-image" href="/startup.png"><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" />

parameters

magento-competence-center.com – Magento Mobile Seminar 2011

Ray Bogman – Jira ICT [www.jira.nl | ray@jira.nl | #jiraict]

Questions?