By: Dr. Seyedmostafa Safavi
Associate Fellow
Unit of Cyber Security,
Faculty of Information Science and Technology,
National University of Malaysia (UKM), Malaysia
www.drsafavi.info
www.ftsm.ukm.my/cyberunit.php
Build Your Mobile
App From A to Z
1- You woke up in the middle of the night and had this
great dream/idea for an amazing app.
2- You were working in MacDonald’s and you find it
while listening to your customer.
3- You find it while drinking in a bar.…
ANYWAY
If you can picture it, you know it is useful, and you can
imagine that many people would like it, too
Then you are on the right path. (Start Reading)
How you got an IDEA?
1Define Your
Goal
3
Source:leanbodiesconsulting.com
Source:	squarespace.com
Source:	currentbiz.io
the	purpose	your	
application
Define
What	is	it	going	to	
do?
01
What	is	its	core	
appeal?
02
Which	kind	of	
problem	is	it	going	
to	solve?
03
What	part	of	life	is	
it	going	to	make	
better?
04
2Research
8
Research purposes
Find out whether there are other
apps doing the same thing
Find design inspirationfor your
app
Find informationon the technical
requirements for your app
Find out how you can market and
monetize your app
My Favorite Places To get Some Ideas
Dribbble.com Producthunt.com
Find out whether
there are other
apps doing the
same thing
Find out how you
can market and
monetize your app
Research Well
Find informationon
the technical
requirements for your
app
3Conceptualize
Your Idea
1
2
Having	a	first	rough	sketch
of	your	app	helps	
everyone	on	
your	team	
understand	
the	mission.
4Storyboard
1
5
Wireframing
is	the	process	
of	creating	a	
mockup	or	
prototype	of	
your	app.
Source:	allbusiness.com
My Favorite Wireframing Apps and Websites
balsamiq.com moqups.com
5Back-end
Predesign
1
9
Your wireframes 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.
Source:	ytimg.com
6Test Your App
Prototype
2
1
Source:	squarespace.com
Ask friends, family, colleagues, and
experts to help you review your prototype
Source:	squarespace.com
Ask them to work on your prototype and
watch them carefully (don’t interrupt them)
7Back-end
Design
2
4
•Set	up	servers
•Databases
•APIs
•Storage	solutions
Signing	up	for	
developer	
accounts	at	the	
app	marketplaces.
8Design the
Skins
2
6
Now come up with high-resolution versions of
tested wireframes
9Test Again
2
9
My favorite testing app tools are:
solidifyapp.com framerjs.com
This is where you test the actual design, and make sure it's clickable at
the right places
10Revise and
Polish
3
1
Polish your application:
70% 80% 90% 100%
Phase 1 Phase 2 Phase 3 Success
11Refine Each
Detail of App
3
3
Test you application on devices to fix errors:
On	Android On	iOS	testflightapp.com
Continue checking the application in different devices to terminate any
kind of error
12Show Time
3
5
App marketplaces have very different
policies:
• Android, does not review newly submitted
apps right away and you are able to instantly
add your app to Google Play.
https://play.google.com/store/apps
• iOS, Apple AAPL +0.55% reserves the right
to review and approve your app before it can
go live.
https://developer.apple.com/appstore/guidelin
es.html
What	Next???
• Make	your	application	popular	with	help	
of	sharing	that	in	different	market	place	
such	as	Preapps
http://www.preapps.com
And	try	to	create	marketing	campaign	to	
bring	you	more	customer	in	first	several	
month.
• I	have	very	good	feedback	while	working	
with	different	technology	news	websites.	
They	can	make	you	popular	if	your	app	
worth	using.
ABOUT
Dr.Seyedmostafa Safavi
Managing Director and C.E.O of ProTech Future System Sdn
Bhd. He is a successful and battle-tested serial entrepreneur.
Started his own professional carrier in 1998, he is an IT champ
mentoring and consulting Companies streamline their Security
and Cybercrime Investigation.
Dr.	Seyedmostafa	Safavi
Associate	Fellow	
Unit	of	Cyber	Security,	Faculty	of	Information	Science	and
Technology,
National	University	of	Malaysia	(UKM),	Malaysia
www.drsafavi.info
www.ftsm.ukm.my/cyberunit.php

Build your mobile app from a to z presentation