MDIA 3126 Digital Asset Integration

British Columbia Institute of Technology

Technical Information

Software Used:

  • PowerPoint

  • YouTube

  • Adobe Creative Cloud

  • Visual Studio

Date:

  • September 2022 – December 2023

Client:

Henry Leung, Darinka Aguire, Daemon Baldwin, Mak Abdel-Hai BCIT

Title:

Curriculum Developer

Course Description

Monika Szucs help created and update the content in the Digital Design and Development Diploma at BCIT.

MDIA 3126 introduces students to building and integrating digital assets within cross-platform mobile applications using the Expo framework. Students will learn to develop for both iOS and Android from a single codebase, covering project setup, file/folder structure, and core development concepts like Safe Areas, Stacks, reusable Style Components, and custom interactive components with button logic and if/else conditions. The course emphasizes connecting applications to external data sources through RESTful APIs using Axios and Fetch, while securely managing secret keys. Students will also integrate advanced features such as data charts, Firebase backend services, and fluid animations. By the end of the course, students will have built, documented, and prepared a professional mobile app for deployment, demonstrating full-stack mobile integration skills.

Course Learning Outcomes/Competencies

Upon successful completion of this course the student will be able to:

  • Design and develop a functional, cross-platform mobile application for iOS and Android using the Expo framework.

  • Implement core UI structures and reusable components utilizing Expo fundamentals such as Safe Areas, Stacks, and Style Components.

  • Integrate external data into an application by connecting to RESTful APIs using Axios and Fetch.

  • Apply secure development practices for managing sensitive information, including API keys and environment variables.

  • Incorporate advanced digital assets and services, including interactive charts, Firebase backend features, and custom animations.

  • Structure a professional React Native project with a logical file/folder system and comprehensive documentation, including README files.

  • Construct interactive application logic using state management, conditional (if/else) statements, and event handlers for components like buttons.

Evaluation Criteria

Criteria %
Labs/Exercises 30
Midterm 30
Project 40

Course Schedule and Assignments

Class Week Of Description Notes
1 Sept 3 Setting up android apps and components
2 Sept 10 Front End Engineering 1
3 Sept 17 Front End Engineering 2
4 Sept 24 API Introduction
5 Oct 1 API Intermediate Logic Part 1
6 Oct 8 API Intermediate Logic Part 2
7 Oct 15 lab #1
8 Oct 22 Setting up visuals and interactivity
9 Oct 29 Midterm
10 Nov 5 Database Handling
11 Nov 12 Front End Engineering 3
12 Nov 19 Lab #2
13 Nov 26 Animations
14 Dec 3 Presentation

Course Topics

The topics will consist of setting up a mobile application, collecting data by using APIs to visualise the information, and creating interactive animations.

Solution

Creating content to help students learn coding from scratch. This course helped students learn the basics of Expo for iOS and Android Development using Visual Studio Code and Android Studio IDEs