u www.tugraz.at
W I S S E N ◼ T E C H N I K ◼ L E I D E N S C H A F T
Development of a learning
diary for a MOOC platform
16.01.2020
Institute of Interactive Systems and Data Science
1
Agenda
▪ Problem
▪ Background
▪ Introduction
▪ State of the art
▪ The prototype
▪ Developing the applications
▪ Proof of concept
▪ Conclusion
Development of a learning diary for a MOOC platform
2
Institute of Interactive Systems and Data Science
12.01.2020
Problem
▪ Students of the MOOC platform need to view the
website to see all courses and events
▪ There is no reminder and compact overview of all
events and courses
Development of a learning diary for a MOOC platform
3
Institute of Interactive Systems and Data Science
12.01.2020
Hypothesis
Development of a learning diary for a MOOC platform
4
Institute of Interactive Systems and Data Science
12.01.2020
▪ „A mobile learning diary application for a MOOC
platform can improve the learning progress of
students of the MOOC platform“
Background
5
Institute of Interactive Systems and Data Science
12.01.2020
iMooX
▪ Massive Open Online Course platform
▪ Conducted by TU Graz
▪ “iMoox is a partner of Austrian universities and
institutions to offer free online courses on a
university level.”
Background
12.01.2020
Institute of Interactive Systems and Data Science
6
iMooX application(s)
▪ Available for Android and iOS
▪ Should aid the MOOC platform
▪ Keep overview of subscribed courses and events
▪ Push notifications
▪ Include gamification
Background
12.01.2020
Institute of Interactive Systems and Data Science
7
Introduction
8
Institute of Interactive Systems and Data Science
12.01.2020
Goals & objectives
▪ Gain knowledge of learning diaries, gamification and
similar applications
▪ Design a prototype
▪ Develop an application for Android devices
▪ Develop an application for iOS devices
▪ Improve overall learning progress of users
Introduction
9
Institute of Interactive Systems and Data Science
12.01.2020
Methodology & Structure
▪ State of the art
▪ The prototype
▪ Development of the application
▪ Proof of concept
▪ Conclusion
Introduction
10
Institute of Interactive Systems and Data Science
12.01.2020
State of the art
11
Institute of Interactive Systems and Data Science
12.01.2020
Learning diaries
▪ A pedagogical tool
▪ Keep track of learning process and progress
▪ Learning diaries are written, continuous and
personal
▪ Learning diaries are connected to learning contexts
▪ Writing a learning diary does not automatically lead
to reflection of metacognition
State of the art
12
Institute of Interactive Systems and Data Science
12.01.2020
Gamification
▪ Motivating users and increase engagement
▪ Applied to non-gaming, computer-oriented
environments
▪ Five steps of applying gamification
▪ Understanding the target audience and the context
▪ Defining learning objectives
▪ Structuring the experience
▪ Identifying resources
▪ Applying gamification elements
State of the art
13
Institute of Interactive Systems and Data Science
12.01.2020
Similar applications
▪ Milk
▪ Interactive learning kit
▪ Student work diary app
▪ Web-based, Android and iOS
▪ Seesaw
▪ Tool used by schools and teachers
▪ Reflect learning progress
▪ Web application, mobile applications
State of the art
14
Institute of Interactive Systems and Data Science
12.01.2020
The prototype
15
Institute of Interactive Systems and Data Science
12.01.2020
Idea
▪ Application for Android and iOS
▪ Keep track of all courses and events
▪ Remind about events that are about to take place
▪ Respect behavior of operating systems
▪ Navigation consisting of four main parts
▪ Events
▪ Courses
▪ Notification
▪ Profile
The prototype
16
Institute of Interactive Systems and Data Science
12.01.2020
Features
▪ Coloring of courses and events
▪ Notifications
▪ Creating events
▪ Creating learn goals
▪ Creating notes
▪ Filtering events
▪ Gamification
The prototype
17
Institute of Interactive Systems and Data Science
12.01.2020
Result
▪ Mockup
▪ A prototype that shows the user interface
▪ A prototype including vestigial functionality
The prototype
18
Institute of Interactive Systems and Data Science
12.01.2020
The prototype
19
Institute of Interactive Systems and Data Science
12.01.2020
The prototype
20
Institute of Interactive Systems and Data Science
12.01.2020
The prototype
21
Institute of Interactive Systems and Data Science
12.01.2020
The prototype
22
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
23
Institute of Interactive Systems and Data Science
12.01.2020
Strategy
▪ Respect Mockup
▪ Apps build in succession
▪ First Android, then iOS
▪ Not forcing features (respect operating systems)
▪ Using backend of MOOC platform
Developing the applications
24
Institute of Interactive Systems and Data Science
12.01.2020
Android | Setup
▪ Android Studio using Gradle (Java)
▪ MVVM setup
▪ Retrofit
▪ Realm
▪ Minimum SDK version 22 (5.1 Lollipop)
Developing the applications
25
Institute of Interactive Systems and Data Science
12.01.2020
iOS | Setup
▪ Xcode (Swift)
▪ MVVM setup
▪ Alamofire
▪ Realm
▪ Minimum iOS version 10.0
Developing the applications
26
Institute of Interactive Systems and Data Science
12.01.2020
Implementation I
▪ Login
▪ Bottom Navigation (tab bar)
▪ List events
▪ Detail view of event
▪ Create event
Developing the applications
27
Institute of Interactive Systems and Data Science
12.01.2020
Implementation II
▪ List courses
▪ Detail view of course
▪ Notification
▪ Profile
▪ Coloring
Developing the applications
28
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
29
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
30
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
31
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
32
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
33
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
34
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
35
Institute of Interactive Systems and Data Science
12.01.2020
Developing the applications
36
Institute of Interactive Systems and Data Science
12.01.2020
Proof of concept
37
Institute of Interactive Systems and Data Science
12.01.2020
Prototype vs. Application I
Proof of concept
38
Institute of Interactive Systems and Data Science
12.01.2020
Feature Android iOS
Offline usage Poorly Poorly
Coloring of courses Yes Yes
Coloring of events, learn goals and notes Yes Yes
Complete self created events and learn goals Yes Yes
Create events, learn goals and notes Partly Partly
Detail view of courses Yes Yes
Detail view of events, learn goals and notes Yes Yes
Filtering events and learn goals Partly Partly
Prototype vs. Application II
Proof of concept
39
Institute of Interactive Systems and Data Science
12.01.2020
Feature Android iOS
Gamification Yes Yes
Learning progress Partly Partly
List courses Yes Yes
List events from MOOC platform Yes Yes
List self created events Yes Yes
List notifications Yes Yes
Login Partly Partly
Multilingual Partly Partly
Push notifications Partly Partly
Type icons Yes Yes
Survey & Evaluation I
▪ Do you like the design/appearance of the app?
▪ 26 users (86,7%) pos., 4 users (13,3%) neg.
▪ Do or did you have problems controlling the app?
▪ 25 users (83,4%) pos., 5 users (16,6%) neg.
▪ Do you think the navigation of the app is confusing?
▪ 27 users (90,0%) pos., 3 users (10,0%) neg.
▪ Do you use the app at least once a week in addition
to an iMooX-Course?
▪ 14 users (46,6%) pos., 16 users (53,4%) neg.
Proof of concept
40
Institute of Interactive Systems and Data Science
12.01.2020
Survey & Evaluation II
▪ After playing the tutorial, did you have the feeling
you understand the app?
▪ 27 users (90,0%) pos., 3 users (10,0%) neg.
▪ After playing the tutorial, did you have the feeling
that you can control the app without any problems?
▪ 28 users (93,3%) pos., 2 users (6,7%) neg.
▪ Does the app help you to keep an overview of your
courses and events (Termine)?
▪ 24 users (80,0%) pos., 6 users (20,0%) neg.
Proof of concept
41
Institute of Interactive Systems and Data Science
16.01.2020
Survey & Evaluation III
▪ Does the app increase your learning progress?
▪ 21 users (70,0%) pos., 9 users (30,0%) neg.
▪ What did you like best about the app? (Optional)
▪ What did you like least about the app? (Optional)
Proof of concept
42
Institute of Interactive Systems and Data Science
16.01.2020
Survey & Evaluation IV
▪ 87,5% positive feedback
▪ The application works
▪ Users are satisfied
▪ 70% of users have increased their learning progress
▪ Using the application in addition to the MOOC
platform leads to an increase in the learning
progress with seven out of ten users.
Proof of concept
43
Institute of Interactive Systems and Data Science
16.01.2020
Conclusion
44
Institute of Interactive Systems and Data Science
12.01.2020
Lessons learned
▪ The prototype
▪ Applications for Android & iOS
▪ Survey & Evaluation
Conclusion
45
Institute of Interactive Systems and Data Science
16.01.2020
Limitations & future work
▪ Courses
▪ Gamification
▪ Login
▪ Offline usage
▪ Forum
Conclusion
46
Institute of Interactive Systems and Data Science
16.01.2020
Summary & Outlook
▪ Learning diaries
▪ Existing applications
▪ The prototype
▪ Applications for Android and iOS
▪ Gamification
▪ Hypothesis
▪ Overcome limitations
Conclusion
47
Institute of Interactive Systems and Data Science
16.01.2020
Thank you!
48
Institute of Interactive Systems and Data Science
12.01.2020
Backup Slides
49
Institute of Interactive Systems and Data Science
12.01.2020

Development of a learning diary for a MOOC platform

  • 1.
    u www.tugraz.at W IS S E N ◼ T E C H N I K ◼ L E I D E N S C H A F T Development of a learning diary for a MOOC platform 16.01.2020 Institute of Interactive Systems and Data Science 1
  • 2.
    Agenda ▪ Problem ▪ Background ▪Introduction ▪ State of the art ▪ The prototype ▪ Developing the applications ▪ Proof of concept ▪ Conclusion Development of a learning diary for a MOOC platform 2 Institute of Interactive Systems and Data Science 12.01.2020
  • 3.
    Problem ▪ Students ofthe MOOC platform need to view the website to see all courses and events ▪ There is no reminder and compact overview of all events and courses Development of a learning diary for a MOOC platform 3 Institute of Interactive Systems and Data Science 12.01.2020
  • 4.
    Hypothesis Development of alearning diary for a MOOC platform 4 Institute of Interactive Systems and Data Science 12.01.2020 ▪ „A mobile learning diary application for a MOOC platform can improve the learning progress of students of the MOOC platform“
  • 5.
    Background 5 Institute of InteractiveSystems and Data Science 12.01.2020
  • 6.
    iMooX ▪ Massive OpenOnline Course platform ▪ Conducted by TU Graz ▪ “iMoox is a partner of Austrian universities and institutions to offer free online courses on a university level.” Background 12.01.2020 Institute of Interactive Systems and Data Science 6
  • 7.
    iMooX application(s) ▪ Availablefor Android and iOS ▪ Should aid the MOOC platform ▪ Keep overview of subscribed courses and events ▪ Push notifications ▪ Include gamification Background 12.01.2020 Institute of Interactive Systems and Data Science 7
  • 8.
    Introduction 8 Institute of InteractiveSystems and Data Science 12.01.2020
  • 9.
    Goals & objectives ▪Gain knowledge of learning diaries, gamification and similar applications ▪ Design a prototype ▪ Develop an application for Android devices ▪ Develop an application for iOS devices ▪ Improve overall learning progress of users Introduction 9 Institute of Interactive Systems and Data Science 12.01.2020
  • 10.
    Methodology & Structure ▪State of the art ▪ The prototype ▪ Development of the application ▪ Proof of concept ▪ Conclusion Introduction 10 Institute of Interactive Systems and Data Science 12.01.2020
  • 11.
    State of theart 11 Institute of Interactive Systems and Data Science 12.01.2020
  • 12.
    Learning diaries ▪ Apedagogical tool ▪ Keep track of learning process and progress ▪ Learning diaries are written, continuous and personal ▪ Learning diaries are connected to learning contexts ▪ Writing a learning diary does not automatically lead to reflection of metacognition State of the art 12 Institute of Interactive Systems and Data Science 12.01.2020
  • 13.
    Gamification ▪ Motivating usersand increase engagement ▪ Applied to non-gaming, computer-oriented environments ▪ Five steps of applying gamification ▪ Understanding the target audience and the context ▪ Defining learning objectives ▪ Structuring the experience ▪ Identifying resources ▪ Applying gamification elements State of the art 13 Institute of Interactive Systems and Data Science 12.01.2020
  • 14.
    Similar applications ▪ Milk ▪Interactive learning kit ▪ Student work diary app ▪ Web-based, Android and iOS ▪ Seesaw ▪ Tool used by schools and teachers ▪ Reflect learning progress ▪ Web application, mobile applications State of the art 14 Institute of Interactive Systems and Data Science 12.01.2020
  • 15.
    The prototype 15 Institute ofInteractive Systems and Data Science 12.01.2020
  • 16.
    Idea ▪ Application forAndroid and iOS ▪ Keep track of all courses and events ▪ Remind about events that are about to take place ▪ Respect behavior of operating systems ▪ Navigation consisting of four main parts ▪ Events ▪ Courses ▪ Notification ▪ Profile The prototype 16 Institute of Interactive Systems and Data Science 12.01.2020
  • 17.
    Features ▪ Coloring ofcourses and events ▪ Notifications ▪ Creating events ▪ Creating learn goals ▪ Creating notes ▪ Filtering events ▪ Gamification The prototype 17 Institute of Interactive Systems and Data Science 12.01.2020
  • 18.
    Result ▪ Mockup ▪ Aprototype that shows the user interface ▪ A prototype including vestigial functionality The prototype 18 Institute of Interactive Systems and Data Science 12.01.2020
  • 19.
    The prototype 19 Institute ofInteractive Systems and Data Science 12.01.2020
  • 20.
    The prototype 20 Institute ofInteractive Systems and Data Science 12.01.2020
  • 21.
    The prototype 21 Institute ofInteractive Systems and Data Science 12.01.2020
  • 22.
    The prototype 22 Institute ofInteractive Systems and Data Science 12.01.2020
  • 23.
    Developing the applications 23 Instituteof Interactive Systems and Data Science 12.01.2020
  • 24.
    Strategy ▪ Respect Mockup ▪Apps build in succession ▪ First Android, then iOS ▪ Not forcing features (respect operating systems) ▪ Using backend of MOOC platform Developing the applications 24 Institute of Interactive Systems and Data Science 12.01.2020
  • 25.
    Android | Setup ▪Android Studio using Gradle (Java) ▪ MVVM setup ▪ Retrofit ▪ Realm ▪ Minimum SDK version 22 (5.1 Lollipop) Developing the applications 25 Institute of Interactive Systems and Data Science 12.01.2020
  • 26.
    iOS | Setup ▪Xcode (Swift) ▪ MVVM setup ▪ Alamofire ▪ Realm ▪ Minimum iOS version 10.0 Developing the applications 26 Institute of Interactive Systems and Data Science 12.01.2020
  • 27.
    Implementation I ▪ Login ▪Bottom Navigation (tab bar) ▪ List events ▪ Detail view of event ▪ Create event Developing the applications 27 Institute of Interactive Systems and Data Science 12.01.2020
  • 28.
    Implementation II ▪ Listcourses ▪ Detail view of course ▪ Notification ▪ Profile ▪ Coloring Developing the applications 28 Institute of Interactive Systems and Data Science 12.01.2020
  • 29.
    Developing the applications 29 Instituteof Interactive Systems and Data Science 12.01.2020
  • 30.
    Developing the applications 30 Instituteof Interactive Systems and Data Science 12.01.2020
  • 31.
    Developing the applications 31 Instituteof Interactive Systems and Data Science 12.01.2020
  • 32.
    Developing the applications 32 Instituteof Interactive Systems and Data Science 12.01.2020
  • 33.
    Developing the applications 33 Instituteof Interactive Systems and Data Science 12.01.2020
  • 34.
    Developing the applications 34 Instituteof Interactive Systems and Data Science 12.01.2020
  • 35.
    Developing the applications 35 Instituteof Interactive Systems and Data Science 12.01.2020
  • 36.
    Developing the applications 36 Instituteof Interactive Systems and Data Science 12.01.2020
  • 37.
    Proof of concept 37 Instituteof Interactive Systems and Data Science 12.01.2020
  • 38.
    Prototype vs. ApplicationI Proof of concept 38 Institute of Interactive Systems and Data Science 12.01.2020 Feature Android iOS Offline usage Poorly Poorly Coloring of courses Yes Yes Coloring of events, learn goals and notes Yes Yes Complete self created events and learn goals Yes Yes Create events, learn goals and notes Partly Partly Detail view of courses Yes Yes Detail view of events, learn goals and notes Yes Yes Filtering events and learn goals Partly Partly
  • 39.
    Prototype vs. ApplicationII Proof of concept 39 Institute of Interactive Systems and Data Science 12.01.2020 Feature Android iOS Gamification Yes Yes Learning progress Partly Partly List courses Yes Yes List events from MOOC platform Yes Yes List self created events Yes Yes List notifications Yes Yes Login Partly Partly Multilingual Partly Partly Push notifications Partly Partly Type icons Yes Yes
  • 40.
    Survey & EvaluationI ▪ Do you like the design/appearance of the app? ▪ 26 users (86,7%) pos., 4 users (13,3%) neg. ▪ Do or did you have problems controlling the app? ▪ 25 users (83,4%) pos., 5 users (16,6%) neg. ▪ Do you think the navigation of the app is confusing? ▪ 27 users (90,0%) pos., 3 users (10,0%) neg. ▪ Do you use the app at least once a week in addition to an iMooX-Course? ▪ 14 users (46,6%) pos., 16 users (53,4%) neg. Proof of concept 40 Institute of Interactive Systems and Data Science 12.01.2020
  • 41.
    Survey & EvaluationII ▪ After playing the tutorial, did you have the feeling you understand the app? ▪ 27 users (90,0%) pos., 3 users (10,0%) neg. ▪ After playing the tutorial, did you have the feeling that you can control the app without any problems? ▪ 28 users (93,3%) pos., 2 users (6,7%) neg. ▪ Does the app help you to keep an overview of your courses and events (Termine)? ▪ 24 users (80,0%) pos., 6 users (20,0%) neg. Proof of concept 41 Institute of Interactive Systems and Data Science 16.01.2020
  • 42.
    Survey & EvaluationIII ▪ Does the app increase your learning progress? ▪ 21 users (70,0%) pos., 9 users (30,0%) neg. ▪ What did you like best about the app? (Optional) ▪ What did you like least about the app? (Optional) Proof of concept 42 Institute of Interactive Systems and Data Science 16.01.2020
  • 43.
    Survey & EvaluationIV ▪ 87,5% positive feedback ▪ The application works ▪ Users are satisfied ▪ 70% of users have increased their learning progress ▪ Using the application in addition to the MOOC platform leads to an increase in the learning progress with seven out of ten users. Proof of concept 43 Institute of Interactive Systems and Data Science 16.01.2020
  • 44.
    Conclusion 44 Institute of InteractiveSystems and Data Science 12.01.2020
  • 45.
    Lessons learned ▪ Theprototype ▪ Applications for Android & iOS ▪ Survey & Evaluation Conclusion 45 Institute of Interactive Systems and Data Science 16.01.2020
  • 46.
    Limitations & futurework ▪ Courses ▪ Gamification ▪ Login ▪ Offline usage ▪ Forum Conclusion 46 Institute of Interactive Systems and Data Science 16.01.2020
  • 47.
    Summary & Outlook ▪Learning diaries ▪ Existing applications ▪ The prototype ▪ Applications for Android and iOS ▪ Gamification ▪ Hypothesis ▪ Overcome limitations Conclusion 47 Institute of Interactive Systems and Data Science 16.01.2020
  • 48.
    Thank you! 48 Institute ofInteractive Systems and Data Science 12.01.2020
  • 49.
    Backup Slides 49 Institute ofInteractive Systems and Data Science 12.01.2020