Introduction to Mobile

Programming
Farah Zakiyah Rahmanti
2014
Overview
• Mobile Device & Mobile Application
• Utility of Mobile Application
• Mobile Programming
• Mobile VS Desktop VS Web Based
• Framework Native
• Framework Multiplatform
• Appcelerator
• Rhomobile
• MoSync
• PhoneGap
• appMobi
• Xamarin
Mobile Device & Mobile Application
Mobile device :
• Blackberry, Symbian, Windows Mobile, Android,
iPhone, etc.

Mobile application :
• iQuran Pro
• Hijri Calendar
• Math Tricks Lite
• etc
Utility of Mobile Application
Currently, mobile application already used in
industry such as:
• Education
• Cafe & Resto
• Tour & Travel
• Media, magazine
• Finance, bank
• Club & Forum
• Insurance
• Manufacture
Mobile Programming
• Mobile programming is the creation of applications, or apps, that run on mobile devices
like phones and tablets.

• Mobile apps are developed for a certain platform, and the two most popular platforms
today are iOS and Android.

• The iOS platform powers apps built for iPhone and iPad. To develop an app for iPhone or
iPad, you need to use the Objective-C programming language and the Cocoa framework.
• You also need to use an IDE (integrated development environment) called Xcode. Note that
Xcode only runs on the Mac, so you will need a Mac to make an iOS app.

• Android apps are developed with the Java programming language and the Android
Software Development Kit, which runs on Mac, PC or Linux. You also need to use an IDE
such as Eclipse.

• There are other mobile platforms such as Windows Phone, but iOS and Android are
definitely the most popular. Most training focuses on these platforms.
Mobile VS Desktop VS Web Based (1)
• Mobile applications usually come to mind
when someone says “app.” They’re made for
mobile devices, are downloaded on "app stores"
like iTunes and Google Play, and are accessed
through an icon on your phone’s desktop.
Mobile VS Desktop VS Web Based (2)
• Mobile web applications are accessed
through a mobile device’s browser, and rely on
web access. So while Facebook has a mobile
application (the icon shortcut), it has a mobile
web application (essentially a website designed
specifically for mobile) when it’s opened in the
browser. Some websites are designed and
enhanced to meet mobile needs.
Google Maps's Mobile Web App VS its Mobile App
Mobile VS Desktop VS Web Based (3)
• Web applications use the web and browser
capacities to accomplish honed task.

• Desktop applications run on a desktop, and

don’t need web access to function. They could be
represented by icons and often come standard
with new computers. Examples include Paint,
Notepad and iPhoto. They could also refer a
custom “application” used for a specific purpose
within a corporate environment.
Framework Native
• Android SDK,
• iOS SDK,
• Windows Phone SDK,
• etc
Framework multiplatform
• Appcelerator,
• Rhomobile,
• MoSync,
• PhoneGap,
• appMobi,
• Xamarin,
• etc
Appcelerator Titanium (1)
• Appcelerator Titanium boasts a full spectrum mobile
application development toolkit, complete with its own
API library for native features and platform support for
many iOS and Android tablets.

• With Appcelerator Titanium you can also create desktop

applications, and use their ACS (Appcelerator Cloud
Services) which it says is, “…a fast and easy way to build
connected mobile apps”.

• Appcelerator has analytic features to track data points

such as geography, platform and by version so as to be
more familiar with how the apps are used.
Appcelerator Titanium (2)
Some companies that have used Appcelerator:
• NBC Universal
• Zipcar
• Mitsubishi Motors
Rhomobile
• The rhomobile suite states it is OS agnostic, and
caters to both enterprise software as well as the
consumer end, however they clearly advertise
more to the enterprise end. Regardless, this
framework utilizes HTML5, CSS & JavaScript
for developing its applications, and “…supports
all of today’s popular mobile operating
systems…”
MoSync (1)
• MoSync is another free, open source toolkit that
developers may use to develop cross-platform apps.
The one thing that sets MoSync apart from other
toolkits is you have the ability to program using
C/C++ in addition to HTML5, CSS & JavaScript. At
the time of this writing, MoSync also claims support
for up to 9 different platforms. Also, you are able to
create hybrid apps using MoSync as well.

• There are two components to MoSync, the SDK,

which of course is the toolkit itself, and then reload
which is the tool that essentially allows you to create
hybrid apps by adding the native wrapper.
MoSync (2)
Some examples of applications written using
MoSync:
• Feudal Economy
• Blox Run
• Candy Catch
• Easy Oyster
• Find Santa
Phonegap (1)
• PhoneGap is an open source toolkit that is owned by Adobe systems (they
acquired them in late 2011). They tout the ability to develop hybrid1 apps
across multiple platforms.

• Currently supported platforms:

IPhone (3g & newer)
Android
Blackberry OS (5.x and above)
WebOS
Windows Phone 7
Symbian
Bada

• With PhoneGap, developers may only use web authoring languages:

HTML5, CSS & JavaScript; however it allows the developer to wrap the app
in a native wrapper which allows access to most of the native API2’s.
Phonegap (3)
• Some examples of apps that have been
developed using PhoneGap:

• HealthTap
• BBC Olympics
• Untappd
• Fruit Salad
appMobi
• As of the writing of this article, Intel has acquired
appMobi (Feb, 2013) and is now focusing on cloud
integration services for its mobile applications and
developers. So the only thing that really sets this
toolkit apart from its colleagues is its focus on cloud
deployment, which means they are monetizing using
the cloud, rather than native stores such as Google
Play and the iTunes store. You can still download
and use the SDK to create mobile applications
across a variety of platforms, just like the others.
Xamarin (1)
• Create native iOS, android, Mac and Windows apps in C#

• Xamarin offers a complete set of tools for building mobile

applications including an Integrated Development
Environment (IDE), and compiler. Additionally, Xamarin
integrates with a number of third party tools.

• Xamarin provides Visual Studio add-ins so that you can

develop your iOS, Android and Windows apps all in a single
solution. The Xamarin extensions support building,
deploying, and debugging on simulator or device.

• http://xamarin.com/
Xamarin (2)
TUGAS
• Jelaskan sejarah dan evolusi pemrograman
mobile!
• Berikan perbandingan antara pemrograman
mobile, desktop, dan web!
(kelebihan & kekurangan)
PR
• Review paper :
Comparison of Cross-Platform Mobile
Development Tools

Buat resume dari paper tersebut, dikumpulkan 2

minggu lagi!
Reference
• Andrew Lunny, “PhoneGap Beginner’s Guide, Build
cross-platform mobile applications with the PhoneGap
open source development framework”, 2011,
Birmingham.

• http://www.citrisys.com/cross-platform-mobile-
development-part-2/

• http://www.codeconquest.com/what-is-coding/mobile-
programming/

• http://www.masstechnology.com/blog/2013/september
/why-apps-reign-supreme/