21
Mobile App Development vs Mobile Web Development A hard look at today’s mobile market Todd Peneguy & Jared Coleman N2N Services, Inc. www.N2NServices.com

Mobile App vs Mobile Web Development

Embed Size (px)

DESCRIPTION

Slide show presentation from TAG-Ed's Mobile App webinar

Citation preview

Page 1: Mobile App vs Mobile Web Development

Mobile App Development vs Mobile Web Development

A hard look at today’s mobile market

Todd Peneguy & Jared ColemanN2N Services, Inc.www.N2NServices.com

Page 2: Mobile App vs Mobile Web Development

Start by Interviewing potential users based on the following criteria:

Content: What kind of content do they want/need?

Communication: What tools do they use and how will you meet their needs? Can they communicate with others in their community?

Connection: What links or connections can you provide regarding: medical care, social networks, additional content?

Know Your Audience

Page 3: Mobile App vs Mobile Web Development

Volume: How much information are they willing to sift through to get your message?

Variability: Does your solution need to access a lot of information from different data sources? How will you collect and process this information accurately?

Visual Aspect: Is your solution concise and visually appealing in a simple manner that communicates your messages in the available space?

Know Your Audience

Page 4: Mobile App vs Mobile Web Development

Mobile Application Development1. What is it2. Have a plan3. What Operating System can use it4. What Development System to make it5. Tools you'll need for Testing6. The Lazy User Model7. Where to sell it and distribute it

Subjects Covered

Page 5: Mobile App vs Mobile Web Development

Mobile Web Development1. What is it2. Knowledge of… 3. What browsers to use it4. Easiest and most popular way to develop

it5. The Web Dev Tool box6. Styles7. How to market it

Subject Covered (cont)

Page 6: Mobile App vs Mobile Web Development

What is it

Mobile application development is the process by which application software is developed for low-power handheld devices, such as personal digital assistants, enterprise digital assistants or mobile phones.

Mobile Application Development

Page 7: Mobile App vs Mobile Web Development

Have a Plan◦ Know what you want before you start…What is

your idea ◦ List of resources◦ Know your tools◦ Write down your plan◦ What does it do◦ How does it do it◦ Make sure the tools you want to use will allow you

do follow your plan

Page 8: Mobile App vs Mobile Web Development

What Operating System can use it

Android iOS BlackBerry HP webOS Symbian OS Bada from Samsung Windows Mobile

Mobile Application Development

Page 9: Mobile App vs Mobile Web Development

What Development System to make it

appMobi◦ Programming Language: HTML5 (JavaScript, CSS3, HTML5)◦ Cross-platform deployment: iOS, Android, HTML5 Web Apps, HTML5 Hybrid Apps◦ Debugger and Emulator◦ FREE

FeedHenry◦ Programming Language: HTML, CSS, JavaScript◦ Cross-platform deployment: Apple iPhone & iPad, Android, Windows Phone 7, Blackberry,

Nokia WRT.◦ Debugger and Emulator◦ FREE

MoSync◦ Programming Language: C, C++, Lua, HTML5, CSS, JavaScript◦ Cross-platform deployment: Android, Java ME, Moblin, iOS (iPhone), Smartphone 2003,

Symbian, Windows Mobile (Pocket PC), Blackberry (experimental)◦ Debugger and Emulator◦ FREE

Mobile Application Development

Page 10: Mobile App vs Mobile Web Development

Tools you'll need for Testing

Monkey Talk: This is a free Mobile Application Testing tool for iOS, Android, HTML 5, and Flex applications

eggPlant: A GUI based automated test tool for mobile application across all operating systems and devices.

Robotium: This is an automation tool for Android Mobile Application

Sikuli: This is a visual technology to automate and test graphical user interfaces (GUI) using images.

Mobile Application Development

Page 11: Mobile App vs Mobile Web Development

The Lazy User Model

Lazy User Model of Solution Selection (LUM) is a model in information systems that tries to explain how an individual selects a solution to fulfill a need from a set of possible solution alternatives...

The model draws from earlier works on how least effort affects human behavior in information seeking and in scaling of language.

Mobile Application Development

Page 12: Mobile App vs Mobile Web Development

Where to sell it and distribute it Through the Operating System

◦ Google Play Store◦ App Catalog◦ App Store◦ Nokia Store

Through Third-party platforms◦ Amazon Appstore◦ App Center◦ Mobspot◦ Soc.io Mall

Mobile Application Development

Page 13: Mobile App vs Mobile Web Development

Mobile Web Development

Page 14: Mobile App vs Mobile Web Development

What is it

Same as Development of a full website…but on a smaller scale

Aimed at ALL mobile devices if possible. Same amount of work required for mobile

application development, no shortcuts Viewable by regular internet users on

desktops

Mobile Web Development

Page 15: Mobile App vs Mobile Web Development

Knowledge of…

Knowledge of the server and its applications◦ Linux or Windows

Knowledge of databases◦ Sql, mysql, MS access

Knowledge of your resources◦ Google is your friend.

Knowledge of Tools used◦ (CMS) content management system

OR……a hosted solution and knowledge of a CMS◦ Godaddy.com◦ Wordpress

Mobile Web Development

Page 16: Mobile App vs Mobile Web Development

What browsers to use it

Internet Explorer◦ All versions

Fire Fox◦ All versions

Chrome Opera

Mobile Web Development

Page 17: Mobile App vs Mobile Web Development

Easiest and most popular way to develop it

A Hosted solution◦ Godaddy.com◦ Web.com◦ Rackspace.com◦ Dreamhost.com

The most supported and popular CMS◦ Wordpress◦ Joomla◦ Modx

Mobile Web Development

Page 18: Mobile App vs Mobile Web Development

The Web Dev Tool box Wordpress

◦ Themes - Themeforest.com Database tool - Phpmyadmin Knowledge Base - Google Server OS. - Linux Putty – SSH tool Filezilla – File Transfer Tool

Mobile Web Development

Page 19: Mobile App vs Mobile Web Development

Styles Mobile Focused

◦ Looks best on mobile devices◦ A little easier to setup

Responsive Design◦ Looks best on Desktop ◦ More detail and a little more effort required to

make it transition nicely

Mobile Web Development

Page 20: Mobile App vs Mobile Web Development

How to market it Search Engine Optimization Google Clicks / Pay per click Blogging and guest blogging Facebook ads Twitter Youtube General social media

Mobile Web Development

Page 21: Mobile App vs Mobile Web Development

Mobile Application Dev◦ Does not require internet◦ Typically Only on mobile devices

Mobile Web Dev◦ Can be browsed on Desktops AND mobile devices◦ Blog functionality on a mobile scale◦ Requires Internet access

Where to start learning - questions Google it…

Motivation does not come from a degree or certifications and is often more powerful than both.

Summary