SlideShare ist ein Scribd-Unternehmen logo
1 von 34
The 24 / 7 Marina
 Mobile Computing
    (A deeper dive)
PDAs         Smartphones   Tablets
1998 - 2003      2002+       2010+
DIY tools for creating mobile sites
15-20% of marine related web
traffic are from mobile devices



             Source: National Marine Manufacturers Assoc.
Wordpress Plugin - WPTouch
• Mobile site at http://mobile.tradeonlytoday.com/ launched in
  Feb. 2010
• 679 monthly unique visitors to a high of 3,276 in March 2011
• Page views went from 4,113 to 12,718 in Jan 2011
• Mobile traffic went from 2.6 percent of unique visitors to 3.5
  percent
• The lone banner ad on the mobile site received more clicks in June
  than any ad on the main website
• We have a quick-to-act method for updating content on our
  website via our Joomla CMS and deliver 10-12 stories to readers
  each morning
• Classified advertising has more than tripled on our daily Trade
  Only Today newsletter in the last two years
Design + UX
Mobile Business Applications
  (Native vs WebForm)
Start-up Screen

When a site is
launched from the
home screen it
removes some of the
Safari controls giving
the user more of an
app feeling.
Login Screen

User selects their
database
account, clerk ID
(User) and Password
then clicks Login.
Clear should clear
the form.
Login Screen

When a new page is
being processed, an
Ajax control is
launched showing
“loading”
Login Screen

Basic options are
Intro, Customers, Bo
ats, Invoices and
Time Card. There is
another sub-menu
you can scroll up and
see (optional)
Time Card

When the user is
NOT logged in and
they touch Time Card
from the menu they
are brought to this
form.
Time Card

Here they enter their
Tech ID, Work Order
and Operation. Note
keypad pops when
text field is touched.
Time Card

Work Order selection
screen. Same function
is used for Operations.
These need to be read
from the DB and
populated
programmatically.
Touch Start to clock in.
Time Card

Once clocked in the
timer would start. The
user can enter
notes, clear notes, save
and Clock Out.
Time Card

Note entry with key
board.
iPad

JQuery Mobile
renders the display
for
smartphones, table
ts and desktops
automatically.
What is scrollable
on a
phone, appears in a
secondary frame
on a tablet.
Sencha
PhoneGap
Adobe/Air
Titanium
Cam Collins
cam@exumatech.com
http://exumatech.com
@CamCollins (Twitter)

Weitere ähnliche Inhalte

Ähnlich wie 24/7 Marina: Mobile Computing | A Deeper Dive

Joomla forms with 123ContactForm
Joomla forms with 123ContactFormJoomla forms with 123ContactForm
Joomla forms with 123ContactForm
Laura Moisei
 
20110829 - DirectDispatcher
20110829 - DirectDispatcher20110829 - DirectDispatcher
20110829 - DirectDispatcher
Samuel Colak
 
Mobile app development converted
Mobile app development convertedMobile app development converted
Mobile app development converted
Sandy Gupta
 
16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장
16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장
16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장
VentureSquare
 
Mobile marketing copy
Mobile marketing copyMobile marketing copy
Mobile marketing copy
Jayne Navarre
 
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
Vengat Owen
 

Ähnlich wie 24/7 Marina: Mobile Computing | A Deeper Dive (20)

Joomla forms with 123ContactForm
Joomla forms with 123ContactFormJoomla forms with 123ContactForm
Joomla forms with 123ContactForm
 
ExumaTech Mobile Development
ExumaTech Mobile DevelopmentExumaTech Mobile Development
ExumaTech Mobile Development
 
GROWMMERCE
GROWMMERCEGROWMMERCE
GROWMMERCE
 
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
"Mobile Apps, beyond downloads, what’s next?" by Philippe Dumont
 
20110829 - DirectDispatcher
20110829 - DirectDispatcher20110829 - DirectDispatcher
20110829 - DirectDispatcher
 
How Much Does it Cost to Build a Web Application in 2023?
How Much Does it Cost to Build a Web Application in 2023?How Much Does it Cost to Build a Web Application in 2023?
How Much Does it Cost to Build a Web Application in 2023?
 
Loyalty & Rewards Points Application on your mobile, iPhone, Android
Loyalty & Rewards Points Application on your mobile, iPhone, AndroidLoyalty & Rewards Points Application on your mobile, iPhone, Android
Loyalty & Rewards Points Application on your mobile, iPhone, Android
 
A WEB-BASED SERVICE MARKETPLACE
A WEB-BASED SERVICE MARKETPLACEA WEB-BASED SERVICE MARKETPLACE
A WEB-BASED SERVICE MARKETPLACE
 
Mobile app development converted
Mobile app development convertedMobile app development converted
Mobile app development converted
 
Mobility market perspective and IBM’s mobile portal accelerator solution
Mobility market perspective and IBM’s mobile portal accelerator solutionMobility market perspective and IBM’s mobile portal accelerator solution
Mobility market perspective and IBM’s mobile portal accelerator solution
 
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstBP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
 
Setting up BuzzCity account - App Developer
Setting up BuzzCity account - App DeveloperSetting up BuzzCity account - App Developer
Setting up BuzzCity account - App Developer
 
16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장
16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장
16회 오픈업/우리 게임은 어디에 출시할까?_MS오성미부장
 
How To Be an HTML5 Mobile Cloud Champion
How To Be an HTML5 Mobile Cloud ChampionHow To Be an HTML5 Mobile Cloud Champion
How To Be an HTML5 Mobile Cloud Champion
 
Mobile marketing copy
Mobile marketing copyMobile marketing copy
Mobile marketing copy
 
What does it take to go mobile
What does it take to go mobileWhat does it take to go mobile
What does it take to go mobile
 
What does it take to go mobile
What does it take to go mobileWhat does it take to go mobile
What does it take to go mobile
 
Centili: Infobip mobile payments platform
Centili: Infobip mobile payments platformCentili: Infobip mobile payments platform
Centili: Infobip mobile payments platform
 
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
Whitepaper: Guidelines to-set-up-a-mobile-based-solution-for-ecommerce-shoppi...
 
expense maneger
expense maneger expense maneger
expense maneger
 

Kürzlich hochgeladen

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Kürzlich hochgeladen (20)

DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 

24/7 Marina: Mobile Computing | A Deeper Dive

  • 1. The 24 / 7 Marina Mobile Computing (A deeper dive)
  • 2. PDAs Smartphones Tablets 1998 - 2003 2002+ 2010+
  • 3.
  • 4.
  • 5.
  • 6. DIY tools for creating mobile sites
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. 15-20% of marine related web traffic are from mobile devices Source: National Marine Manufacturers Assoc.
  • 12.
  • 14.
  • 15. • Mobile site at http://mobile.tradeonlytoday.com/ launched in Feb. 2010 • 679 monthly unique visitors to a high of 3,276 in March 2011 • Page views went from 4,113 to 12,718 in Jan 2011 • Mobile traffic went from 2.6 percent of unique visitors to 3.5 percent • The lone banner ad on the mobile site received more clicks in June than any ad on the main website • We have a quick-to-act method for updating content on our website via our Joomla CMS and deliver 10-12 stories to readers each morning • Classified advertising has more than tripled on our daily Trade Only Today newsletter in the last two years
  • 16.
  • 18. Mobile Business Applications (Native vs WebForm)
  • 19.
  • 20.
  • 21.
  • 22. Start-up Screen When a site is launched from the home screen it removes some of the Safari controls giving the user more of an app feeling.
  • 23. Login Screen User selects their database account, clerk ID (User) and Password then clicks Login. Clear should clear the form.
  • 24. Login Screen When a new page is being processed, an Ajax control is launched showing “loading”
  • 25. Login Screen Basic options are Intro, Customers, Bo ats, Invoices and Time Card. There is another sub-menu you can scroll up and see (optional)
  • 26. Time Card When the user is NOT logged in and they touch Time Card from the menu they are brought to this form.
  • 27. Time Card Here they enter their Tech ID, Work Order and Operation. Note keypad pops when text field is touched.
  • 28. Time Card Work Order selection screen. Same function is used for Operations. These need to be read from the DB and populated programmatically. Touch Start to clock in.
  • 29. Time Card Once clocked in the timer would start. The user can enter notes, clear notes, save and Clock Out.
  • 30. Time Card Note entry with key board.
  • 31. iPad JQuery Mobile renders the display for smartphones, table ts and desktops automatically. What is scrollable on a phone, appears in a secondary frame on a tablet.
  • 32.

Hinweis der Redaktion

  1. Unique, useful and grammatically correct is no longer good enough. Example: A website full of boat parts (say 50,000), good photos of each part and descriptions of those parts. (Different than a store front – it was created just to grab people who type in the part number or model). BAD Ask yourself these questions:Does it make everyone who sees it want to share it and say WOW. Is it interesting, funny, anecdotal, helpful?If you didn’t care about boat parts, would you still find the page interesting and aesthetically pleasing?
  2. Primary effect – is it beautiful? Content buffeted by advertising (bad). Lots of Next buttons (bad). Content blocks are boring?Graphics don’t look good?