You woke up in the middle of the night and had this great dream/idea for an amazing app, You were working in MacDonald’s and find it while listening to your customer or 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)

1. 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

2. 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?

3. 1Define Your
Goal
3

4. Source:leanbodiesconsulting.com

5. Source: squarespace.com

6. Source: currentbiz.io

7. 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

8. 2Research
8

9. 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

10. My Favorite Places To get Some Ideas
Dribbble.com Producthunt.com

11. 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

12. 3Conceptualize
Your Idea
1
2

14. Having a first rough sketch
of your app helps
everyone on
your team
understand
the mission.

15. 4Storyboard
1
5

16. Wireframing
is the process
of creating a
mockup or
prototype of
your app.
Source: allbusiness.com

17. My Favorite Wireframing Apps and Websites
balsamiq.com moqups.com

19. 5Back-end
Predesign
1
9

20. 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

21. 6Test Your App
Prototype
2
1

22. Source: squarespace.com
Ask friends, family, colleagues, and
experts to help you review your prototype

23. Source: squarespace.com
Ask them to work on your prototype and
watch them carefully (don’t interrupt them)

24. 7Back-end
Design
2
4

25. •Set up servers
•Databases
•APIs
•Storage solutions
Signing up for
developer
accounts at the
app marketplaces.

26. 8Design the
Skins
2
6

28. Now come up with high-resolution versions of
tested wireframes

29. 9Test Again
2
9

30. 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

31. 10Revise and
Polish
3
1

32. Polish your application:
70% 80% 90% 100%
Phase 1 Phase 2 Phase 3 Success

33. 11Refine Each
Detail of App
3
3

34. 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

35. 12Show Time
3
5

36. 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

37. 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.

38. 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