FHV Vorarlberg University
of Applied Sciences
Info event at FHV
Information on individual educational components (ECTS-Course descriptions) per semester

Mobile Application Development

Degree programme Computer Science - Software and Information Engineering
Subject area Engineering & Technology
Type of degree Bachelor
Full-time
Winter Semester 2024
Course unit title Mobile Application Development
Course unit code 024717050604
Language of instruction English
Type of course unit (compulsory, optional) Elective
Teaching hours per week 3
Year of study 2024
Level of the course / module according to the curriculum
Number of ECTS credits allocated 5
Name of lecturer(s) Walter RITTER
Requirements and Prerequisites
  • Object oriented programmierung
  • Basic knowledge of JavaScript/HTML/CSS 
Course content

In this lecture students will design and implement a mobile application using the crossplatform framework React Native. For this, students will work in teams of 2-3 people to develop an app idea, create a basic app concept, and implement it using a Human Centered Design process.

This lecture follows a learning-by-doing approach: based on the requirements of their project ideas, students will research relevant frameworks and patterns and use them in their app. At the same time they will learn to pay attention to subtle platform differences. 

Contents:

Introduction

  • Basic design principles for Mobile App Development.
  • Human Centered Design Process
  • Advantages / Disadvantages regarding native and crossplatform app development
  • Overview Crossplatform-Frameworks

Tutorial

  • Setting up the  React Native toolchain
  • Getting started: An extended Hello World app.

React Native

  • Concepts (Props, States, Styles,...) and how it works
  • Forming Components
  • Platform specific differences

Project work and Coaching

  • Development of an app idea
  • Development of the app concept
  • Implementation and continuous user testing
Learning outcomes

After this lecture, students are able to: 

  • state and apply basic design patterns for mobile application development
  • explain and apply the basic ideas of Human Centered Design in the context of mobile app development
  • identify relevant factors for a decision towards native or crossplatform development
  • design and implement React Native based mobile Apps
Planned learning activities and teaching methods

Lecture and project work.

Students are allowed to develop a project idea based on personal interests / needs that can be combined with the course content and implement it. In this way, students internalize relevant content more strongly through their self-interest in the project. In the end, the motivation from a presentable and personally usable product is high.

Assessment methods and criteria

Assessment of active participation and project work (ideation/design/implementation).

Comment

None

Recommended or required reading

Ackermann, Philip (2018): JavaScript: Das umfassende Handbuch für Einsteiger, Fortgeschrittene und Profis. Inkl. ECMAScript 6, Node.js, Objektorientierung und funktionaler Programmierung. 2. Aufl. Rheinwerk Computing.
Apple (2019). iOS Human Interface Guidelines. Available online at: https://developer.apple.com/design/human-interface-guidelines/ios/overview
Expo (2019). Get Started with Expo. Available online at: https://expo.io/learn
Facebook (2019). Getting Started | React Native. Available online at: https://facebook.github.io/react-native/docs/getting-started
Google (2019). Material Design. Available online at: https://material.io
Mozilla (2019). JavaScript | MDN. Available online at: https://developer.mozilla.org/de/docs/Web/JavaScript
Rahul, G & Atul, R (2019): React Made Native Easy. Available online at: https://www.reactnative.guide

Mode of delivery (face-to-face, distance learning)

Classroom teaching