Introduction to Mobile App Design and Development (5 cr)

Learning outcomes

The student is able to
- differentiate the app ecosystem and their pros and cons
- describe the key technologies to develop applications for the major mobile platforms
- identify and apply a systematic approach for mobile app design
- implement app ideas with design principles: user experience (UX), user-centered design and mobile constraints
- work in a team to generate mobile app wireframe and paper prototype
- configure and use a development environment for a chosen mobile platform
- develop a simple mobile application prototype

Location and time

o Fully online studies: Not dependent on place or time (online distance studies).
o Starting from Week-35 and ends on Week-48
>> Complete weekly schedule will be provided to eligible and accepted students.
>> Teacher is sending welcome email to accepted students before Summer Break with all the details.
>> There is an induction class in the Week 35 on 31.08.2022 12.30 - 15.00 (student can voluntarily attend)
>> Teacher provides volunteer tutoring (online or Laurea premise) as per the need of the students learning process.

Materials

In this course, we are using following materials: (1) Video based tutorials (2) Teacher's own step-by-step guide (3) Laurea Library materials

The student will learn two most important aspects of Mobile Applications Development:
1) Mobile Applications Design: The structured approach and science of designing a mobile application.
2) Mobile Applications Development: Step-by-step demonstration and learning a simple and basic cross-platform mobile applications development with Ionic framework.

Teaching methods

Features of the course:
o This study unit is FULLY ONLINE learning with the possibilities of volunteer tutoring meetings with the teachers.
>> There is an induction class in the Week 35 on 31.08.2022 12.30 - 15.00 (student can voluntarily attend).
o Biweekly modules and details below:
--------------------------------------------------
##### Biweekly Module Details #####
Orientation: Introduction to Mobile Design and Development
>>Teacher provides module presentation and orientation material
>> MOOC on UI & UX (Udacity)
>> There will be compulsory induction class in the Week 36 (student must attend at Laurea Leppävaara or Zoom).
Module-1: Induction to Mobile Apps Design and Development
>>Teacher provides module presentation, step-by-step labwork manual & video tutorial (created by teacher)
>> MOOC on UI & UX (Udacity)
>> Labwork-1: Setting up Mobile App Development Environment
Module-2: Mobile App Structure, Navigation and Git
>> Teacher provides module presentation, step-by-step labwork manual & video tutorial (created by teacher)
>> Labwork-2 - Tabs Mobile App with Menu Navigation with Git
Module-3:Mobile App Layouts and Components
>>Teacher provides module presentation and labwork instructions(created by teacher) & external web and video tutorials
Module-4: Ionic with database: Simple Demo Mobile App
>>Teacher provides module and labwork instructions (created by teacher) & external web and video tutorials
>>Labwork 3 &4: Developing a simple demo Mobile App
Module-5: App Design and Prototyping: Team project
>>Teacher provides module and labwork instructions (created by teacher) & external web and video tutorials
>> Labwork-5: Team Project- Designing Mobile App
Module-6: Mobile App Development Project (Team work)
>>Teacher provides module and labwork instructions (created by teacher) & external web and video tutorials
>> Labwork-6: Team Project- Developing Mobile App

Online Test: Short Q & A, Small Hands-on Tasks and Quizzes

Very important information:
>> Every module also provides sample students labwork report (from past students)
>> This is not a teaching course but hands-on approach. No online talking head scheduled teaching but flexible modules with structured learning process.
--------------------------------------------------
##### Technologies and Tools #####
o Combination of following technologies will be used:
(1) Ionic Framework combined with JavaScript, Angular and React
(2) Visual Studio Code (VS Code)
(3) HTML5 & CSS3 knowledge required

Employer connections

Laurea announces certain possibilities along the study unit offering based on demand from our partner companies.

Exam schedules

Students can collect points with weekly or biweekly learning activities, assignments and 2 tests.

International connections

Teachers and students group are international (Finnish and English degree programme students). We are also partnering with ICT companies for projects.

Completion alternatives

There is a possibility of taking final hands-on practical test and project work to demonstrate learning outcomes. Contact teacher for more details.

Student workload

Kindly notice following carefully before registering for the study unit. This is a technical and professional training study unit and it requires regular weekly learning effort.
5 credits | Total 137.5 hours of student learning time | 8-10 hours per week

Content scheduling

Content:
>>Weekly or biweekly modules on Canvas
Practicalities:
o Study unit starts on week 36
o Study unit ends on week 48
# Detailed schedule is released at the beginning of the study unit
NOTE: There can be minor scheduling changes.

Also check other details here on implementation plan.

Evaluation scale

H-5

Further information

Prerequisite of the course (VERY IMPORTANT):
o An understanding of Fundamentals of programming, HTML5, CSS3 and JavaScript can greatly benefit your learning experience.
o We don’t recommend this course if someone lacking the know-how on programming principles, HTML, CSS and JavaScript.
o We have 30 seats available, we give priority to those students with the prerequisites.

NOTE: The student MUST finish their Fundamentals of programming and Web Development Foundation (or) Having equivalent knowledge to benefit from this study unit. In the past, there is not a single student passed this course without Prerequisite. The student cannot learn much if previous know-how is missing.