Information on individual educational components (ECTS-Course descriptions) per semester

  
Degree programme:Bachelor Computer Science - Software and Information Engineering
Type of degree:FH Bachelor´s Degree Programme
 Full-time
 Winter Semester 2024
  

Course unit titleMobile Application Development
Course unit code024717050604
Language of instructionEnglish
Type of course unit (compulsory, optional)Elective
Semester when the course unit is deliveredWinter Semester 2024
Teaching hours per week3
Year of study2024
Level of course unit (e.g. first, second or third cycle)First Cycle (Bachelor)
Number of ECTS credits allocated5
Name of lecturer(s)Walter RITTER


Prerequisites and co-requisites
  • 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

Winter Semester 2024go Top