Masterarbeit, Technische Universität Graz, Jänner 2020

1. 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

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 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

4. 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“

5. Background
5
Institute of Interactive Systems and Data Science
12.01.2020

6. 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

7. 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

8. Introduction
8
Institute of Interactive Systems 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 the art
11
Institute of Interactive Systems and Data Science
12.01.2020

12. 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

13. 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

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 of Interactive Systems and Data Science
12.01.2020

16. 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

17. 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

18. 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

19. The prototype
19
Institute of Interactive Systems and Data Science
12.01.2020

20. The prototype
20
Institute of Interactive Systems and Data Science
12.01.2020

21. The prototype
21
Institute of Interactive Systems and Data Science
12.01.2020

22. The prototype
22
Institute of Interactive Systems and Data Science
12.01.2020

23. Developing the applications
23
Institute of 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
▪ List courses
▪ 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
Institute of Interactive Systems and Data Science
12.01.2020

30. Developing the applications
30
Institute of Interactive Systems and Data Science
12.01.2020

31. Developing the applications
31
Institute of Interactive Systems and Data Science
12.01.2020

32. Developing the applications
32
Institute of Interactive Systems and Data Science
12.01.2020

33. Developing the applications
33
Institute of Interactive Systems and Data Science
12.01.2020

34. Developing the applications
34
Institute of Interactive Systems and Data Science
12.01.2020

35. Developing the applications
35
Institute of Interactive Systems and Data Science
12.01.2020

36. Developing the applications
36
Institute of Interactive Systems and Data Science
12.01.2020

37. Proof of concept
37
Institute of Interactive Systems and Data Science
12.01.2020

38. 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

39. 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

40. 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

41. 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

42. 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

43. 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

44. Conclusion
44
Institute of Interactive Systems and Data Science
12.01.2020

45. Lessons learned
▪ The prototype
▪ Applications for Android & iOS
▪ Survey & Evaluation
Conclusion
45
Institute of Interactive Systems and Data Science
16.01.2020

46. Limitations & future work
▪ 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 of Interactive Systems and Data Science
12.01.2020

49. Backup Slides
49
Institute of Interactive Systems and Data Science
12.01.2020