Introduction to Mobile App Development
Presented by: Eng Noura Tarek
Table of contents
01
Introduction
02
Apps platforms
03
How apps are created
04
MIT APP Inventor
05
Simple app
About ME
Noura Tarek
Software Engineer
nourat536@gmail.com
Introduction
01
What is Mobile App?
What is a Mobile app?
A mobile app is a program that runs on smart phones or tablets to learn new things, play games, or have fun!
Fun Question
Can you name an App you use every day?
What is Mobile app Development
Mobile development is the process of creating apps.
Apps are made using:
Apps Platfotms
02
Apps Platforms
Android is an operating system made by Google, but IOS operating system is made by Apple company.
How Apps are created
03
How are apps created?
👩‍💻To develop an app, the coding languages like Java, Swift, or Kotlin are used .
�🧩 But for beginners, we can use block-based coding, which is like solving a puzzle!
That’s why we will introduce Mit App Inventor which use colorful blocks for coding.
How Developers �see Application/ Design?
04
MIT App Inventor
What is an App inventor?
Block Editor
Why App Inventor?
No typing
Just drag and drop blocks.
Web- based
Works on any computer.
Easy Design
Arrange buttons and texts easily.
Mit App Inventor Interface
First,
Designer View
Mit App Inventor Interface
Second,
Blocks View
05
Let’s Start
Let’s build a simple app
The main Parts of App Inventor
Testing the program
Telling the app what to do
Designing the app screen
Your first app: Hello World!
From Designer view:
Add notifier on your screen
1
You first app: Hello World!
Add your code
From Blocks view:
Put on screen1 initialze block +show message dialog
2
Test the App
Test the App
1. Choose Ai companion from the connect menu
2. A unique app code appears in both QR and text form.
3. On your phone, Start the MIT A12 companion app
4. Enter the app code and click connect with code or click Scan the QR code to connect your phone
The Output
Thanks!
Do you have any questions?
Nourat536@gmail.com
+201147832612