Primer on mobile apps development

1. A L L A N C H R I S T I A N C A R L O S

2. i. Brief Introduction
ii. Types
i. Web App
ii. Native App
iii. Hybrid App
iii. Platforms
i. IOS
ii. Android
iii. Windows
iv. Others…
iv. Tools
i. xCode for IOS
ii. Eclipse for Android
iii. Visual Studio for Windows
v. How To Develop a Mobile App?
i. Idea/Purpose
ii. Sketching
iii. Research
iv. UI & UX Designing
v. App Backend
vi. Coding
vii. Testing

3. INTRODUCTION
A mobile app is a computer program designed
to run on smartphones, tablet computers and other
mobile devices.
Apps are usually available through application
distribution platforms, which 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. Some apps are free, while others must be
bought.

4. TYPES OF MOBILE APPS

5. WEB APP
App that is created using web technologies like HTML, CSS & JavaScript.

6. Pros
1. Web apps are much easier to
maintain, as they have a common
code base across multiple mobile
platforms.
2. Web apps can be manipulated so as
to be made compatible with any older
mobile device.
3. Web apps do not require developers
to submit their app to any app store
for approval. Of course, the Apple
App Store does feature a list of Web
apps.
4. Since Web apps do not need to be
approved by the app marketplace,
they can be released at any time and
in any form, as per the developer’s
preferences.
5. Users need not bother with visiting an
app store to download Web apps or
updating the same on their mobile
devices.
Cons
1. Mobile Web apps only have limited
scope as far as accessing a mobile
device’s features is concerned.
2. Web apps that support multiple
mobile browsers can prove to be an
expensive proposition for developers,
as it raises the costs of developing
and maintaining them.
3. Users may sometimes find it difficult
to discover a Web app, as it is not
systematically listed in any app store.
4. Since there is no regularized quality
control system for Web apps, users
may not always be guaranteed safety
and security of the app.
5. It's not as responsive as the native
apps.

7. NATIVE APP
App that is created using the native languages(objective c, java..)
in creating apps. These are the languages that are really use in mobile apps
development.

8. Pros
1. Since native apps work with the
device’s built-in features, they are
easier to work with and also perform
faster on the device.
2. Native apps get full support from the
concerned app stores and
marketplaces. Users can easily find
and download apps of their choice
from these stores.
3. Because these apps have to get the
approval of the app store they are
intended for, the user can be assured
of complete safety and security of the
app.
4. Native apps work out better for
developers, who are provided the
SDK and all other tools to create the
app with much more ease.
Cons
1. Native apps tend to be a more
expensive proposition to the
developer. This is especially the case
for developers who would like their
app to be compatible with multiple
mobile devices and platforms.
2. The cost of app maintenance and
app updating is also higher for native
apps, especially if this app supports
more than one mobile platform.
3. The process of getting the app
approved at the app store can prove
to be long and tedious for the
developer and need not always result
in success. Also, there is no
guarantee that the app becomes
instantly popular with users.
4. Users of different mobile devices may
be using different versions of the app,
which makes it difficult for the
developer to maintain and offer
support.

9. HYBRID APP
Like native apps, run on the device, and are written with web
technologies (HTML5, CSS and JavaScript). Hybrid apps run
inside a native container, and leverage the device’s browser
engine (but not the browser) to render the HTML and process
the JavaScript locally. A web-to-native abstraction layer
enables access to device capabilities that are not accessible in
Mobile Web applications, such as the accelerometer, camera
and local storage.
There are already frameworks for creating an hybrid app;
• IONIC
• Phonegap

10. TOOLS
• Android – Eclipse
• IOS – xCode
• Windows - Visual Studio

11. PLATFORMS
• Android – Java
• IOS - Objective C
• Windows - Visual C++ & Visual C#

12. HOW TO DEVELOP A MOBILE APP?

13. 1. IDEA/PURPOSE
Having a great idea is the starting point into every
new project. Before you go straight into detailing though,
you must clearly define the purpose and mission of your
app. What is it going to do? What is its core appeal?
What concrete problem is it going to solve, or what part
of life is it going to make better?
Defining a clear goal for the app is also going to
help you get there faster.

14. 2. SKETCHING
By developing sketches you are laying the
foundation for your future interface. In this step you
visually conceptualize the main features and the
approximate layout and structure of your application.
Having a first rough sketch of your app helps
everyone on your team understand the mission. These
sketches should be used as reference for the next phase
of the project.

15. 3. RESEARCH
• Find out whether there are other apps doing the same
thing
• Find design inspiration for your app
• Find information on the technical requirements for
your app
• Find out how you can market and monetize your app

16. 4. UI & UX DESIGNING
UX
Define interaction models, user task flows, and UI
specifications. Communicate scenarios, end-to-end
experiences, interaction models, and screen designs to
stakeholders. Work with our creative director and visual
designers to incorporate the visual identity of Twitter into
features. Develop and maintain design wireframes, mockups,
and specifications as needed.
UI
UI refers to the aggregation of approaches and
elements that allow the user to interact with a system.

17. 5. APP BACKEND
Your wireframes and storyboard now become the
foundation of your back-end structure. Draw a sketch of
your servers, APIs, and data diagrams. This will be a
helpful reference for the developer, and as more people
join the project you will have a (mostly) self-explanatory
diagram for them to study.

18. 6. CODING
Coding will be easy if you accomplished the previous
steps cause you now have a plan or a blueprint of the
app that you can follow while your coding the
functionalities & features of the app.

19. 7. TESTING
Testing the app is a very important part of the process.
It will be much better if more users will test the app not only
you but also other people cause this is where the scenarios
that cause errors come out and also test it in other devices do
not depend on one device like android that has different kind
of brands and specifications of phones but with same OS
unlike apple where their OS is only built for apple devices.