CSE431
Mobile Programming
MODULE 1:
Introduction to Mobile Programming
Module 1
Course Topics
Class Schedule
Course Grade Distribution
Different ways to develop Apps
Mobile phones and network technologies
The Importance of Version Control Software in Mobile App Development
Major Task
2
Course Topics
3
Course Topics
▪ Introduction to Mobile Programming
▪ Introduction to Flutter
▪ Building User Interfaces with Flutter
▪ Internet Access
▪ Data Persistence
▪ Cloud Services: Using Firebase
▪ Sensors, Location and Google Maps
▪ Animation, Motion Widgets and Text-to-Speech
▪ Mobile App Testing
▪ Security of Mobile Apps
▪ AI for Mobile Apps
4
Class Schedule
5
Class Schedule
▪ Lecture: Mondays
▪ Labs / Tutorials : Saturdays & Sundays
6
Course Grade Distribution
7
Course Grades
▪ (SA) [Project - (new bylaw 15% - old bylaw 10%)]
▪ (EA) [Quiz - 5%](MT) – 2 Quizzes
▪ [MidTerm - (new bylaw 20% - old bylaw 25%)]
▪ (OP) [Lab assignments - 20%]
▪ 4 Lab Exams (5% each)
▪ Lab attendance/completion is Required for all Labs.
8
Different ways to develop apps
9
Different ways to develop apps
Native approach
▪ Uses native development platform and programming languages from the OS
creator/maintainer to build the app.
▪ Android
▪ Native app development platform - Android studio
▪ Programming language - Kotlen.
▪ iOS
▪ Native app development platform - Xcode
▪ Programming language - Swift.
10
Different ways to develop apps
Cross-platform approach
▪ Uses one development platform and programming language to produce different
versions of the same app that targets different operating systems.
▪ Cross-platform tools:
▪ .Net MAUI https://learn.microsoft.com/en-us/dotnet/maui/?view=net-maui-8.0
▪ Flutter https://flutter.dev/
▪ React Native https://reactnative.dev/
11
Different ways to develop apps
Hybrid approach
▪ Combination of web technologies (i.e.HTML, CSS, and JavaScript).
▪ Hosted inside a native application that utilizes a mobile platform’s WebView.
▪ Enables access to device capabilities (accelerometer, camera, contacts, etc.).
▪ Can include native UI elements where necessary.
Reference: http://developer.telerik.com/featured/what-is-a-hybrid-mobile-app/
Image Reference: www.liquidcanyon.com
12
Mobile phones and networks
technologies
13
Mobile phones and network technologies
Different types of mobile devices
Smartphones Tablets
Android TV boxes Smart watches
Upper left: Ultimate Android experience by Google, Upper right: Ultimate Android experience by Google,
https://www.google.com.eg/nexus/ https://www.google.com.eg/nexus/
Lower left: Ultimate Android experience by Google, Lower right: Android wear by Android, 14
https://www.google.com.eg/nexus/ https://www.android.com/intl/en_in/wear/
Mobile phones and network technologies
Capabilities of mobile devices
Operating System Camera
Display Connectivity
Sensors Input methods
Image: Galaxy S6 edge by Samsung, http://www.samsung.com/uk/consumer/mobile-devices/smartphones/galaxy-s/SM-G925FZKEBTU 15
Mobile phones and network technologies
Limitations of Mobile Devices
CPU Speed Screen size
Memory Network Coverage
Battery Voice recognition
Image: Galaxy S6 edge by Samsung, http://www.samsung.com/uk/consumer/mobile-devices/smartphones/galaxy-s/SM-G925FZKEBTU 16
The Importance of Version Control
Software in Mobile App Development
17
The Importance of Version Control Software in Mobile
App Development
▪ Efficient Collaboration
▪ Tracking Code Changes
▪ Safe Experimentation with Branching
▪ Facilitating Continuous Integration and Continuous Deployment (CI/CD)
▪ Simplifying Code Reviews and Collaboration
▪ Disaster Recovery and Backup
▪ Supporting Remote Work and Global Teams
▪ Documentation and Knowledge Sharing
18
Install Android Studio + Flutter SDK
19
Using Flutter
20
Course Major Task
21
Hedieaty
Hedieaty is a gift list management app designed to streamline the process of creating, managing, and sharing wish lists for special
occasions such as birthdays, weddings, engagements, graduations, and holidays. The app features a user-friendly interface that
allows users to easily add gifts to their lists, either manually or through an integrated barcode scanner. With Hedieaty, users can
manage their lists flexibly, including adding, deleting, and modifying items at any time—except for items that have been pledged.
The app also enables users to publish their lists to the cloud, allowing friends and family to view and pledge to purchase gifts,
enhancing the joy of gift-giving. The app should be designed using Flutter and published on Appstore, Google Play Store, and/or
Amazon App Store.
22
Join our Temporary Teams Group
Teams Code
88vz60f
23
End of Module 1
