SlideShare a Scribd company logo
1 of 31
Mobile Application Development
A mobile application is
software application de
signed to run-
on smartphones,
tablet computers and
other mobile devices.
Mobile application
began appearing in 2008
and are typically
operated by the owner
of the mobile operating
system, such as the
Apple App Store, Google
Play, Windows Phone
Store, and BlackBerry
App World.
1. Browser Access :- The applications which
we are accessing through native browser.
Ex : www.yahoo.com, www.google.com,
m.redbus.in, etc
2. Hybrid Apps - Web :- We are installing the
application in our device and for the
functioning of that particular application
internet is required. Ex : Social Networking
Apps(Facebook, Twitter), Instant
Messengers(Skype), E-Commerce(Flipkart),
Internet Speed Testing(Speedtest.net), etc.
3. Hybrid Apps – Mixed :-
We are installing the
application in our device
and if required we are
connecting it to internet
also. Ex : Few games in
which we can play alone
and we go online too for
playing with different
players(multi player).
4. Native Apps :- The
applications which we are
installing in our device. Ex
: Reminders, Few Games,
etc.
Native Apps- Which can be installed
in the devices and the app does not
need any data transfer to the server.
With out network these apps work in
the device. The data about the app
will be stored in the device itself.
Example Gaming applications.
Client Server apps- They can be
called Semi native apps. Here the
app can be installed in the device.
But the with out a network it cannot
be launched. Because It gets the
data from the server. With out the
data the app will not proceed
further. Example Commercial apps
like Banking app.
Mobile Web applications.- They
can be called as Mobile browser
apps as these are not installed in
the device. these can be accessed
using the mobile browser by hitting
the url of the web. Here the device
memory size is not all important as
neither of the from or the app data
is stored in the device. It is
completely dependent on the
quality of the browser. Every thing
comes from the server and
rendered in the browser when you
hit the url.
Mobile App Usage & Download’s
Most Popular Type of Apps
Mobile App Development Phases
A mobile app development life cycle usually
consists of the following phases:
1. The Discovery Phase
2. The Design Phase
3. The Development & Testing Phase
4. Maintenance & Updates Phase
1. The Discover Phase
Tasks
 Requirements analysis
 System definition
 Prototyping
Benefits
 Framework driven requirement specification
 Get it right the first time by prototyping your project
 Improve usability and user buy-in by letting them use the prototyped
system
 Manage user/customer expectations
 Manage IT staff expectations
 More accurate size and cost estimate
2. The Design Phase
Tasks
 System design
 Database design
 Business Process Integration design
Benefits
 Choice of deployment platform
 Choice of Application Interface
 Choice of user interface (browser, Windows rich-client or portable
devices)
 Centralized/reusable business rules
 Centralized/reusable business processes
 Normalized database design
 Framework driven design process
 Reuse/integration of existing data and functions and systems
3. The Development & Testing
Phase
Tasks
 Develop system
 Business Process Integration
 User acceptance testing
 System and performance testing
 Implementation/deployment
Benefit
 One integrated suite of development tools
 Lower skill requirements
 Multi skilling
 Downplay/hide technology focus
 Easy-to-learn and master
 Task and change control tracking
4. Maintenance & Updates Phase
Tasks
 Ongoing system maintenance
 Extend and enhance functionality
Benefits
 Centralized/reusable business rules
 Centralized/reusable business processes
 Repository based impact analysis
Software’s Used to Develop
Mobile Application’s
• Appery.io
• Phonegap
• Mobile Roadie
• TheAppBuilder
• Good Barber
• Appy Pie
• AppMachine
• GameSalad
• BiznessApps
Let’s make an app!
http://www.github.com/claytical/magic8
Getting Started
• You need whatever IDE and SDK you would
normally need.
– iOS requires Xcode and the iOS SDK
(https://developer.apple.com/)
– Android requires Eclipse and the Android SDK
(http://developer.android.com/sdk)
Look and Feel
• jQuery Mobile
– http://jquerymobile.com
• Dojo
– http://dojotoolkit.org
• Sencha Touch
– http://www.sencha.com/products/touch
• iUI
– http://www.iui-js.org/
Getting Started
• Download the latest build
– http://cordova.apache.org/#download
• Extract the zip file to wherever you want it
• Extract the zip file inside the zip file
corresponding to the device you’re targeting
Unzipped iOS
Create the Project in Terminal
• For iOS, run:
– bin/create <ProjectDirectory> <Namespace>
<ProjectName>
– bin/create
“/Users/clay/Documents/CordovaExample”
com.example.magic_8 Magic8
What the Command Creates
Our focus:
A Little HTML
<h1>Magic 8 Ball</h1>
<div id="asking">
<textarea id="question" name="question" class="full" placeholder="To what question do
you seek the answer to?"></textarea>
<button id="ask" class="gradient-button purple full">Ask</button>
</div>
<div id="answering" style="display:none">
<div id="answer"></div>
<button id="askagain" class="gradient-button purple full">Ask Again</button>
<button id="newquestion" class="gradient-button purple full">New Q</button>
<button id="share" class="gradient-button purple full">Share Results</button>
<button id="tweet" class="gradient-button purple full">Tweet Results</button>
</div>
Some CSS3 for Buttons
.gradient-button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 15px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.gradient-button:active {
position: relative;
top: 1px;
}
Make a Purple Button
.purple {
color: #fef4e9;
border: solid 1px #551A8B;
background: #8A2BE2;
background: -webkit-gradient(linear, left top, left bottom,
from(#8A2BE2), to(#551A8B));
}
.purple:active {
color: #fef4e9;
background: -webkit-gradient(linear, left top, left bottom,
from(#551A8B), to(#694489));
}
The JavaScript
• Clean up index.js
– It has some extra stuff we don’t need
• Add zepto.js for easy manipulation
– You can use whatever framework you like
• Add social.js for our Social Framework Plugin
– This is iOS specific
Some More JavaScript
var answers = ['It is certain', 'It is decidedly so', 'Without a doubt', 'Yes – definitely',
'You may rely on it', 'As I see it, yes', 'Most likely’];
function getAnswer() {
$('#asking').hide();
$('#answering').show();
var selectedResponse = Math.floor((Math.random()*20));
$('#answer').text(answers[selectedResponse]);
}
function newQuestion() {
$('#question').val("");
$('#asking').show();
$('#answering').hide();
}
Use the Plugin with JavaScript
function fbResults() {
var qa = $('#question').val() + " " + $('#answer').text() + " #magic8";
SocialFrameworkPlugin.postToFacebook( shareSuccess, shareError,
qa);
}
function shareSuccess() {
console.log("Sharing Successful");
}
function shareError() {
console.log("Error sharing");
}
Icons and Splash Screens
And Build.
Mobile Application Development

More Related Content

What's hot

Compatibility testing
Compatibility testingCompatibility testing
Compatibility testing
Robin0590
 
Mobile Software Engineering Crash Course - C07 Frameworks and Conclusion
Mobile Software Engineering Crash Course - C07 Frameworks and ConclusionMobile Software Engineering Crash Course - C07 Frameworks and Conclusion
Mobile Software Engineering Crash Course - C07 Frameworks and Conclusion
Mohammad Shaker
 
Getting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi HamidGetting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi Hamid
Ramya Prajna Sahisnu
 
Compatibility testing a must do of the web apps 2012
Compatibility testing   a must do of the web  apps 2012Compatibility testing   a must do of the web  apps 2012
Compatibility testing a must do of the web apps 2012
Indium Software
 
TESTING Checklist
TESTING Checklist TESTING Checklist
TESTING Checklist
Febin Chacko
 

What's hot (20)

Automated Browser Compatibility Testing
Automated Browser Compatibility TestingAutomated Browser Compatibility Testing
Automated Browser Compatibility Testing
 
New in orangescrum bug and issue tracking feature released
New in orangescrum   bug and issue tracking feature releasedNew in orangescrum   bug and issue tracking feature released
New in orangescrum bug and issue tracking feature released
 
How to Make an Inventory App | No Code App Development
How to Make an Inventory App | No Code App DevelopmentHow to Make an Inventory App | No Code App Development
How to Make an Inventory App | No Code App Development
 
AppSheet Overview -- DIY Mobile App Platform
AppSheet Overview -- DIY Mobile App PlatformAppSheet Overview -- DIY Mobile App Platform
AppSheet Overview -- DIY Mobile App Platform
 
AD207 Presentation
AD207 PresentationAD207 Presentation
AD207 Presentation
 
Build a Mobile App with Google Forms and AppSheet
Build a Mobile App with Google Forms and AppSheetBuild a Mobile App with Google Forms and AppSheet
Build a Mobile App with Google Forms and AppSheet
 
Shyam
ShyamShyam
Shyam
 
Compatibility testing
Compatibility testingCompatibility testing
Compatibility testing
 
Mobile Software Engineering Crash Course - C07 Frameworks and Conclusion
Mobile Software Engineering Crash Course - C07 Frameworks and ConclusionMobile Software Engineering Crash Course - C07 Frameworks and Conclusion
Mobile Software Engineering Crash Course - C07 Frameworks and Conclusion
 
Getting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi HamidGetting Started on Facebook Application Development by Endi Hamid
Getting Started on Facebook Application Development by Endi Hamid
 
Getting Your App Discovered: Android Market & Beyond
Getting Your App Discovered: Android Market & BeyondGetting Your App Discovered: Android Market & Beyond
Getting Your App Discovered: Android Market & Beyond
 
Here are the Most Useful Tools for Mobile App Development
Here are the Most Useful Tools for Mobile App DevelopmentHere are the Most Useful Tools for Mobile App Development
Here are the Most Useful Tools for Mobile App Development
 
Compatibility testing a must do of the web apps 2012
Compatibility testing   a must do of the web  apps 2012Compatibility testing   a must do of the web  apps 2012
Compatibility testing a must do of the web apps 2012
 
Ecommerce Website Testing Checklist
Ecommerce Website Testing ChecklistEcommerce Website Testing Checklist
Ecommerce Website Testing Checklist
 
FYP Presentation On Android based Google Map Application
FYP Presentation On Android based Google Map ApplicationFYP Presentation On Android based Google Map Application
FYP Presentation On Android based Google Map Application
 
TESTING Checklist
TESTING Checklist TESTING Checklist
TESTING Checklist
 
5. content providers
5. content providers5. content providers
5. content providers
 
4.preference management
4.preference management 4.preference management
4.preference management
 
Building an app from scratch
Building an app from scratchBuilding an app from scratch
Building an app from scratch
 
Skyrocket Your Cross Browser Testing with Minimal Effort
Skyrocket Your Cross Browser Testing with Minimal EffortSkyrocket Your Cross Browser Testing with Minimal Effort
Skyrocket Your Cross Browser Testing with Minimal Effort
 

Viewers also liked

アメブロバックアップ手順と注意点
アメブロバックアップ手順と注意点アメブロバックアップ手順と注意点
アメブロバックアップ手順と注意点
SOHOLAND
 

Viewers also liked (15)

Le jardin d'oiseaux annuelles ou vivaces
Le jardin d'oiseaux  annuelles ou vivacesLe jardin d'oiseaux  annuelles ou vivaces
Le jardin d'oiseaux annuelles ou vivaces
 
アメブロバックアップ手順と注意点
アメブロバックアップ手順と注意点アメブロバックアップ手順と注意点
アメブロバックアップ手順と注意点
 
Kolaborasi di Era Clouds
Kolaborasi di Era CloudsKolaborasi di Era Clouds
Kolaborasi di Era Clouds
 
Chic vogue closet
Chic vogue closetChic vogue closet
Chic vogue closet
 
Collaboration Tools
Collaboration ToolsCollaboration Tools
Collaboration Tools
 
Panduan Praktis MediaWiiki
Panduan Praktis MediaWiikiPanduan Praktis MediaWiiki
Panduan Praktis MediaWiiki
 
The 50-most-common-phrasal-verbs
The 50-most-common-phrasal-verbsThe 50-most-common-phrasal-verbs
The 50-most-common-phrasal-verbs
 
Sismologia
Sismologia Sismologia
Sismologia
 
Internet
InternetInternet
Internet
 
Josephine
JosephineJosephine
Josephine
 
Target score
Target scoreTarget score
Target score
 
Introduction toTRAC
Introduction toTRACIntroduction toTRAC
Introduction toTRAC
 
Python Introduction
Python IntroductionPython Introduction
Python Introduction
 
Lecciones de medicina legal jose vicente pachar lucio
Lecciones de medicina legal   jose vicente pachar lucioLecciones de medicina legal   jose vicente pachar lucio
Lecciones de medicina legal jose vicente pachar lucio
 
Student suicide
Student suicide Student suicide
Student suicide
 

Similar to Mobile Application Development

Android quiz application
Android quiz applicationAndroid quiz application
Android quiz application
MOHDAHMED52
 
3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)
3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)
3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)
Karthikeyaun subramanian
 
Shopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docxShopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docx
krushnaborade2
 

Similar to Mobile Application Development (20)

Madhusmita mohanty_MohantyCV
Madhusmita mohanty_MohantyCVMadhusmita mohanty_MohantyCV
Madhusmita mohanty_MohantyCV
 
Android quiz application
Android quiz applicationAndroid quiz application
Android quiz application
 
3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)
3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)
3+Manual-selnium-loadRunnerPerformance Testing_Karthikeyaun (1)
 
00.pdf
00.pdf00.pdf
00.pdf
 
Comprehensive Guide on Software Development Process.pdf
Comprehensive Guide on Software Development Process.pdfComprehensive Guide on Software Development Process.pdf
Comprehensive Guide on Software Development Process.pdf
 
Android_ver_01
Android_ver_01Android_ver_01
Android_ver_01
 
How Custom Software Development is Transforming the Traditional Business Prac...
How Custom Software Development is Transforming the Traditional Business Prac...How Custom Software Development is Transforming the Traditional Business Prac...
How Custom Software Development is Transforming the Traditional Business Prac...
 
Shopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docxShopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docx
 
Shopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docxShopping-Portal online shopping saystam.docx
Shopping-Portal online shopping saystam.docx
 
Kasi Viswanath
Kasi ViswanathKasi Viswanath
Kasi Viswanath
 
Mobile app development using PhoneGap - A comprehensive walkthrough - Touch T...
Mobile app development using PhoneGap - A comprehensive walkthrough - Touch T...Mobile app development using PhoneGap - A comprehensive walkthrough - Touch T...
Mobile app development using PhoneGap - A comprehensive walkthrough - Touch T...
 
Home management WebApp presentation
Home management WebApp presentationHome management WebApp presentation
Home management WebApp presentation
 
Customer engagement platform
Customer engagement platformCustomer engagement platform
Customer engagement platform
 
Building Mobile Apps on aPaaS platforms
Building Mobile Apps on aPaaS platformsBuilding Mobile Apps on aPaaS platforms
Building Mobile Apps on aPaaS platforms
 
DEEPAK RAWAT
DEEPAK RAWATDEEPAK RAWAT
DEEPAK RAWAT
 
VINOD_6yrs
VINOD_6yrsVINOD_6yrs
VINOD_6yrs
 
Session3
Session3Session3
Session3
 
Mobile App Development for Startups | Phase Specific Presentation
Mobile App Development for Startups | Phase Specific PresentationMobile App Development for Startups | Phase Specific Presentation
Mobile App Development for Startups | Phase Specific Presentation
 
Apps für SharePoint 2013 (Office Store, Windows 8, Windows Phone 8)
Apps für SharePoint 2013 (Office Store, Windows 8, Windows Phone 8)Apps für SharePoint 2013 (Office Store, Windows 8, Windows Phone 8)
Apps für SharePoint 2013 (Office Store, Windows 8, Windows Phone 8)
 
Gardenista
GardenistaGardenista
Gardenista
 

Recently uploaded

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
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
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
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
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 

Mobile Application Development

  • 2.
  • 3. A mobile application is software application de signed to run- on smartphones, tablet computers and other mobile devices. Mobile application began appearing in 2008 and are typically operated by the owner of the mobile operating system, such as the Apple App Store, Google Play, Windows Phone Store, and BlackBerry App World.
  • 4. 1. Browser Access :- The applications which we are accessing through native browser. Ex : www.yahoo.com, www.google.com, m.redbus.in, etc 2. Hybrid Apps - Web :- We are installing the application in our device and for the functioning of that particular application internet is required. Ex : Social Networking Apps(Facebook, Twitter), Instant Messengers(Skype), E-Commerce(Flipkart), Internet Speed Testing(Speedtest.net), etc.
  • 5. 3. Hybrid Apps – Mixed :- We are installing the application in our device and if required we are connecting it to internet also. Ex : Few games in which we can play alone and we go online too for playing with different players(multi player). 4. Native Apps :- The applications which we are installing in our device. Ex : Reminders, Few Games, etc.
  • 6. Native Apps- Which can be installed in the devices and the app does not need any data transfer to the server. With out network these apps work in the device. The data about the app will be stored in the device itself. Example Gaming applications. Client Server apps- They can be called Semi native apps. Here the app can be installed in the device. But the with out a network it cannot be launched. Because It gets the data from the server. With out the data the app will not proceed further. Example Commercial apps like Banking app.
  • 7. Mobile Web applications.- They can be called as Mobile browser apps as these are not installed in the device. these can be accessed using the mobile browser by hitting the url of the web. Here the device memory size is not all important as neither of the from or the app data is stored in the device. It is completely dependent on the quality of the browser. Every thing comes from the server and rendered in the browser when you hit the url.
  • 8. Mobile App Usage & Download’s
  • 10. Mobile App Development Phases A mobile app development life cycle usually consists of the following phases: 1. The Discovery Phase 2. The Design Phase 3. The Development & Testing Phase 4. Maintenance & Updates Phase
  • 11. 1. The Discover Phase Tasks  Requirements analysis  System definition  Prototyping Benefits  Framework driven requirement specification  Get it right the first time by prototyping your project  Improve usability and user buy-in by letting them use the prototyped system  Manage user/customer expectations  Manage IT staff expectations  More accurate size and cost estimate
  • 12. 2. The Design Phase Tasks  System design  Database design  Business Process Integration design Benefits  Choice of deployment platform  Choice of Application Interface  Choice of user interface (browser, Windows rich-client or portable devices)  Centralized/reusable business rules  Centralized/reusable business processes  Normalized database design  Framework driven design process  Reuse/integration of existing data and functions and systems
  • 13. 3. The Development & Testing Phase Tasks  Develop system  Business Process Integration  User acceptance testing  System and performance testing  Implementation/deployment Benefit  One integrated suite of development tools  Lower skill requirements  Multi skilling  Downplay/hide technology focus  Easy-to-learn and master  Task and change control tracking
  • 14. 4. Maintenance & Updates Phase Tasks  Ongoing system maintenance  Extend and enhance functionality Benefits  Centralized/reusable business rules  Centralized/reusable business processes  Repository based impact analysis
  • 15. Software’s Used to Develop Mobile Application’s • Appery.io • Phonegap • Mobile Roadie • TheAppBuilder • Good Barber • Appy Pie • AppMachine • GameSalad • BiznessApps
  • 16. Let’s make an app! http://www.github.com/claytical/magic8
  • 17. Getting Started • You need whatever IDE and SDK you would normally need. – iOS requires Xcode and the iOS SDK (https://developer.apple.com/) – Android requires Eclipse and the Android SDK (http://developer.android.com/sdk)
  • 18. Look and Feel • jQuery Mobile – http://jquerymobile.com • Dojo – http://dojotoolkit.org • Sencha Touch – http://www.sencha.com/products/touch • iUI – http://www.iui-js.org/
  • 19. Getting Started • Download the latest build – http://cordova.apache.org/#download • Extract the zip file to wherever you want it • Extract the zip file inside the zip file corresponding to the device you’re targeting
  • 21. Create the Project in Terminal • For iOS, run: – bin/create <ProjectDirectory> <Namespace> <ProjectName> – bin/create “/Users/clay/Documents/CordovaExample” com.example.magic_8 Magic8
  • 22. What the Command Creates Our focus:
  • 23. A Little HTML <h1>Magic 8 Ball</h1> <div id="asking"> <textarea id="question" name="question" class="full" placeholder="To what question do you seek the answer to?"></textarea> <button id="ask" class="gradient-button purple full">Ask</button> </div> <div id="answering" style="display:none"> <div id="answer"></div> <button id="askagain" class="gradient-button purple full">Ask Again</button> <button id="newquestion" class="gradient-button purple full">New Q</button> <button id="share" class="gradient-button purple full">Share Results</button> <button id="tweet" class="gradient-button purple full">Tweet Results</button> </div>
  • 24. Some CSS3 for Buttons .gradient-button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 15px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .gradient-button:active { position: relative; top: 1px; }
  • 25. Make a Purple Button .purple { color: #fef4e9; border: solid 1px #551A8B; background: #8A2BE2; background: -webkit-gradient(linear, left top, left bottom, from(#8A2BE2), to(#551A8B)); } .purple:active { color: #fef4e9; background: -webkit-gradient(linear, left top, left bottom, from(#551A8B), to(#694489)); }
  • 26. The JavaScript • Clean up index.js – It has some extra stuff we don’t need • Add zepto.js for easy manipulation – You can use whatever framework you like • Add social.js for our Social Framework Plugin – This is iOS specific
  • 27. Some More JavaScript var answers = ['It is certain', 'It is decidedly so', 'Without a doubt', 'Yes – definitely', 'You may rely on it', 'As I see it, yes', 'Most likely’]; function getAnswer() { $('#asking').hide(); $('#answering').show(); var selectedResponse = Math.floor((Math.random()*20)); $('#answer').text(answers[selectedResponse]); } function newQuestion() { $('#question').val(""); $('#asking').show(); $('#answering').hide(); }
  • 28. Use the Plugin with JavaScript function fbResults() { var qa = $('#question').val() + " " + $('#answer').text() + " #magic8"; SocialFrameworkPlugin.postToFacebook( shareSuccess, shareError, qa); } function shareSuccess() { console.log("Sharing Successful"); } function shareError() { console.log("Error sharing"); }
  • 29. Icons and Splash Screens

Editor's Notes

  1. IdE- An integrated development environment (IDE) or interactive development environment is a software application that provides comprehensive facilities to computer programmers for software development. An IDE normally consists of a source code editor, build automation tools and a debugger. Most modern IDEs offer Intelligent code completion features.SDk- A software development kit (SDK or &quot;devkit&quot;) is typically a set of software development tools that allows for the creation of applications for a certain software package, software framework, hardware platform, computer system, video game console, operating system, or similar development platform.