Development of a mobile French language learning platform

Educational  Technology
Educational TechnologyGraz University of Technology
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
u www.tugraz.at
Development of a mobile
French language learning
platform
Michael Planitzer
Master’s Thesis
www.tugraz.at ◼
Overview
• Motivation
• Requirements
• Implementation
• Evaluation
• Outlook
Michael Planitzer2
www.tugraz.at ◼
Motivation
• Uni Graz, Centre for Language, Plurilingualism
and Didactics (Carole Bourgadel)
• “to encourage students to actively use sentence structures and to
make them aware of the specific problem of interference in French
in an unconventional manner”
• No adequate self-organizable language learning application for B1
and B2
• Self-organizable, mobile application with focus on lexical,
grammatical and syntactical categories.
• Scope
• Conception, CMS web application, iOS mobile application
• Android as part of a Bachelor thesis
Michael Planitzer3
www.tugraz.at ◼
Motivation
→ Develop a prototype to support students during their
Language Learning classes (B1 and B2), with the aim to
avoid interference errors by providing specific differentiation
exercises.
Michael Planitzer4
www.tugraz.at ◼
Requirements
• Categorized exercises
• Categorized quizzes
• Multimedia
• Glossary
• Feedback
• Self-organizable
Michael Planitzer5
1
2
www.tugraz.at ◼
Requirements
• Data management
• store, modify, provide and delete data
→ database
• render and access web pages for a user-friendly data management
→ CMS
• Provide data by an interface to be accessible from mobile
applications
→ API, mobile applications
• Embedding CMS and database to existing system
→ TU Graz Learning Lab environment
https://learninglab.tugraz.at/ (Accessed 11/22/2020)
• Provide tracking possibilities
• Multi classes
Michael Planitzer6
www.tugraz.at ◼
Implementation
Michael Planitzer7
→ Distributed software
architecture
www.tugraz.at ◼
Implementation
– Database
Michael Planitzer8
• MySQL 8.0 database
• 5 Major Parts
• Project
• Glossary
• Question
• Exercise
• Type
www.tugraz.at ◼
Implementation – Web application
• Zend framework 3
• PHP 5.6
• MVC design pattern
• Other components
• Apigility Controller to run REST API
• Authentication/UserManager
• File Management
(Link to slides with screenshots)
Michael Planitzer9
www.tugraz.at ◼
Implementation – iOS application
• General
• Swift 4.2
• iOS 11.0 or later
• iPhone and iPad
• Sends analytics data to Firebase
• Main User stories
• Registration and Login (Link to slides with screenshots)
• Doing exercises (Link to slide with video)
• Doing quizzes (Link to slides with screenshots)
• Watching learning videos (Link to slides with screenshots)
• Glossary – dictionary look-ups (Link to slides with screenshots)
• Administrating app settings (Link to slides with screenshots)
Michael Planitzer10
www.tugraz.at ◼
Implementation – Firebase analytics
• Crash reports & Event analytics
• Embedded in iOS application
• Individual measurements
• parameters send to firebase
course, type, pool, exercise,...
• on suitable places
quiz/exercise started/exited, get info during challenge, view glossary entry,...
• Learning Analytics
• How long do students need for which exercises?
• For which exercises do they need further information?
• When and on which exercise do they start and stop studying?
• Which glossary entries are how often and how long looked up?
• etc.
• Standard visualizations
Michael Planitzer11
www.tugraz.at ◼
Michael Planitzer12
1
2
3
5
4
MVC Flow
www.tugraz.at ◼
Michael Planitzer13
3
4
1
2
5
6
7
REST API Flow
www.tugraz.at ◼
Tracking Flow
Michael Planitzer14
2
1
3
4
www.tugraz.at ◼
Evaluation
Used since Summer Semester 2020
• ~90 students (60% Android, 40% iOS)
• No crashes registered by Firebase
Students
• In general intuitive, design could be more friendly
• Highly accepted → included into final exam
• Most liked feature: multimedia content
• Mouth gestures
• Listening Comprehension
• Can be used everywhere and everytime
• Really big improvements only with app not achievable
• Exercises too reproductive
Michael Planitzer15
www.tugraz.at ◼
Evaluation
Teachers
• Very high administrative effort
• ~350 exercises with images and audio records
• 25 videos
• 20 pdf description
• → ~180h
• Colleagues fear about technology
• No interest about deep analytics evaluations
Keynote at Arqus “Virtual language learning in Europe” (06/24/2020)
https://european-university.uni-graz.at/de/neuigkeiten/detail/article/grenzenlos/ (Accessed 11/22/2020)
Michael Planitzer16
www.tugraz.at ◼
Evaluation / Outlook
• Platform works, if responsible person (teacher)...
• ...is behind it.
• ...is not afraid about technology.
• ...has time to feed the platform with data.
• Students are using it…
• …if content is part of class and exam.
• …because of the mutimedia elements.
• …because of the uncomplicated, everywhere/everytime availability.
• Platform has to get…
• …better thought out, diversified exercises.
• …faster setup possibility.
→ Platform can only be a supporting element to other
teaching methods.
Michael Planitzer17
www.tugraz.at ◼
Outlook
• Educational Paper “Interlingual Interference
Phenomena in French Courses” by Carole
Bourgadel, (in progress)
https://treffpunktsprachen.uni-graz.at/en/research/didactics/projekte0/aktuelleprojekte/interlingual-
interference-phenomena-in-french-courses/ (Accessed 11/22/2020)
• Two „must” improvements
• Faster project setup
• Better thought out, diversified exercises.
• Would make sense
• Administration and organization build on already
established systems (TU Graz TeachCenter)
• Utilize analytics data
Michael Planitzer18
www.tugraz.at ◼
Thank you for your attention
iOS: https://apps.apple.com/at/app/appell/id1449511915?l=en (Accessed 11/22/2020)
Android: https://play.google.com/store/apps/details?id=at.tugraz.appell (Accessed 11/22/2020)
Michael Planitzer19
www.tugraz.at ◼
Web application - Screens (1|3)
https://schule.learninglab.tugraz.at/Appell/
Michael Planitzer20
www.tugraz.at ◼
Web application - Screens (2|3)
https://schule.learninglab.tugraz.at/Appell/
Michael Planitzer21
www.tugraz.at ◼
Michael Planitzer22
Web application - Screens (3|3)
https://schule.learninglab.tugraz.at/Appell/
www.tugraz.at ◼
Michael Planitzer23
Firebase
evaluations
www.tugraz.at ◼
Michael Planitzer24
iOS App – Screens
Register/Login
www.tugraz.at ◼
Michael Planitzer25
iOS App – Screens
Exercises
www.tugraz.at ◼
Michael Planitzer26
iOS App – Screens
Quiz
www.tugraz.at ◼
Michael Planitzer27
iOS App – Screens
Videos
www.tugraz.at ◼
Michael Planitzer28
iOS App – Screens
Glossary
www.tugraz.at ◼
Michael Planitzer29
iOS App – Screens
More
www.tugraz.at ◼
Michael Planitzer30
iOS App – Screens
More
www.tugraz.at ◼
Evaluation – Pre-Release
• Lot of meetings (agile process)
• Functionality
• Usability
• Usability tests with persons involved during implementation and
colleagues/students of Carole
• Performance
• Compatibility
• PHP 5+7, ZF3/Laminar, iOS 11.0, Firebase, UserManager
• Maintainability
• Portability
Michael Planitzer31
www.tugraz.at ◼
Implementation – Technology Stack
Michael Planitzer32
• MySQL 8.0 database
• Doctrine 1.1 ORM
• Zend framework 3
• PHP 5.6
• File storage
• Native mobile apps
• Android: Java (Bachelor Thesis)
• iOS: Swift 4.2
• REST API
• Apigility 1.4
• Firebase 5.17
1 of 32

Recommended

1.1. course introduction by
1.1. course introduction1.1. course introduction
1.1. course introductionNicholas Wong
1.1K views14 slides
Technology Helps by
Technology HelpsTechnology Helps
Technology HelpsCaleb Warren
293 views32 slides
Cheat sheets for coding by
Cheat sheets for codingCheat sheets for coding
Cheat sheets for codingIsaac Oteyo
773 views9 slides
Mobile Apps Study Guide H818 conference - Open Star Badge Award by
Mobile Apps Study Guide  H818 conference - Open Star Badge AwardMobile Apps Study Guide  H818 conference - Open Star Badge Award
Mobile Apps Study Guide H818 conference - Open Star Badge AwardDenise McDonough
344 views17 slides
Lunch and learn (1) by
Lunch and learn (1)Lunch and learn (1)
Lunch and learn (1)Chantee Cruell
48 views13 slides

More Related Content

Similar to Development of a mobile French language learning platform

Going Mobile by
Going MobileGoing Mobile
Going MobileLTatUoN
371 views21 slides
Graduation project 63232 by
Graduation project 63232Graduation project 63232
Graduation project 63232techprojects
2.3K views24 slides
Course Possibilities & Architecture by
Course Possibilities & ArchitectureCourse Possibilities & Architecture
Course Possibilities & ArchitectureFolajimi Fakoya
367 views21 slides
Mobile Learner Requirements by
Mobile Learner RequirementsMobile Learner Requirements
Mobile Learner RequirementsUniversity of the West of England
999 views57 slides
Digital Tools - What's out there? by
Digital Tools - What's out there?Digital Tools - What's out there?
Digital Tools - What's out there?Yum Studio
992 views111 slides

Similar to Development of a mobile French language learning platform(20)

Going Mobile by LTatUoN
Going MobileGoing Mobile
Going Mobile
LTatUoN371 views
Graduation project 63232 by techprojects
Graduation project 63232Graduation project 63232
Graduation project 63232
techprojects2.3K views
Course Possibilities & Architecture by Folajimi Fakoya
Course Possibilities & ArchitectureCourse Possibilities & Architecture
Course Possibilities & Architecture
Folajimi Fakoya367 views
Digital Tools - What's out there? by Yum Studio
Digital Tools - What's out there?Digital Tools - What's out there?
Digital Tools - What's out there?
Yum Studio992 views
Institutional Team January 2013 by tmeisenbach
Institutional Team January 2013Institutional Team January 2013
Institutional Team January 2013
tmeisenbach341 views
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ... by Austin Stroud
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Spring 2013 IOLUG Conference Presentation: Instructional Design in Libraries ...
Austin Stroud383 views
Beyond clicking by Wu Heping
Beyond clickingBeyond clicking
Beyond clicking
Wu Heping361 views
Powerpoint by frenchme
PowerpointPowerpoint
Powerpoint
frenchme92 views
Engaged Learning Using Web 2.0 Technologies by Nanette Stillwell
Engaged Learning Using Web 2.0 TechnologiesEngaged Learning Using Web 2.0 Technologies
Engaged Learning Using Web 2.0 Technologies
Nanette Stillwell1.1K views
Mobile Learning for Language Teachers: Resources & Lesson Plans by Shelly Sanchez Terrell
Mobile Learning for Language Teachers: Resources & Lesson PlansMobile Learning for Language Teachers: Resources & Lesson Plans
Mobile Learning for Language Teachers: Resources & Lesson Plans
Maximizing Your Time with Students - Maximizing Teachable Moments by Staci Trekles
Maximizing Your Time with Students - Maximizing Teachable MomentsMaximizing Your Time with Students - Maximizing Teachable Moments
Maximizing Your Time with Students - Maximizing Teachable Moments
Staci Trekles845 views
21st Century Learning Conference, Feb. 16-18, 2012 by Joanna Huang
21st Century Learning Conference, Feb. 16-18, 201221st Century Learning Conference, Feb. 16-18, 2012
21st Century Learning Conference, Feb. 16-18, 2012
Joanna Huang681 views
Technology Driven Differentiation - ASTE 2015 Presentation by Vicki Davis
Technology Driven Differentiation - ASTE 2015 PresentationTechnology Driven Differentiation - ASTE 2015 Presentation
Technology Driven Differentiation - ASTE 2015 Presentation
Vicki Davis1.6K views
Induction by ahalter
InductionInduction
Induction
ahalter747 views
Get inspired, create and share by Isabelle Jones
Get inspired, create and shareGet inspired, create and share
Get inspired, create and share
Isabelle Jones892 views
Designing and deploying mobile user studies in the wild: a practical guide by Karen Church
Designing and deploying mobile user studies in the wild: a practical guideDesigning and deploying mobile user studies in the wild: a practical guide
Designing and deploying mobile user studies in the wild: a practical guide
Karen Church2.4K views
Accessibility tools iste inclusive learning playground 2016 - when just mak... by Jennifer Edge-Savage
Accessibility tools   iste inclusive learning playground 2016 - when just mak...Accessibility tools   iste inclusive learning playground 2016 - when just mak...
Accessibility tools iste inclusive learning playground 2016 - when just mak...
Course tech conf_2013_ppt_mobile_technology_bowers-miller by Gina Bowers-Miller
Course tech conf_2013_ppt_mobile_technology_bowers-millerCourse tech conf_2013_ppt_mobile_technology_bowers-miller
Course tech conf_2013_ppt_mobile_technology_bowers-miller
Gina Bowers-Miller278 views

More from Educational Technology

The use of programming tasks in interactive videos to increase learning effec... by
The use of programming tasks in interactive videos to increase learning effec...The use of programming tasks in interactive videos to increase learning effec...
The use of programming tasks in interactive videos to increase learning effec...Educational Technology
4 views39 slides
Analysis of students' behavior watching iMooX courses with interactive elements by
Analysis of students' behavior watching iMooX courses with interactive elementsAnalysis of students' behavior watching iMooX courses with interactive elements
Analysis of students' behavior watching iMooX courses with interactive elementsEducational Technology
3 views15 slides
Portability of Mobile Applications by
Portability of Mobile ApplicationsPortability of Mobile Applications
Portability of Mobile ApplicationsEducational Technology
11 views35 slides
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen... by
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...Educational Technology
22 views23 slides
Mixed Reality im Distance Learning in der Hochschullehre by
Mixed Reality im Distance Learning in der HochschullehreMixed Reality im Distance Learning in der Hochschullehre
Mixed Reality im Distance Learning in der HochschullehreEducational Technology
31 views26 slides
Development of a WCAG theme for a learning management system by
Development of a WCAG theme for a learning management systemDevelopment of a WCAG theme for a learning management system
Development of a WCAG theme for a learning management systemEducational Technology
23 views25 slides

More from Educational Technology(20)

The use of programming tasks in interactive videos to increase learning effec... by Educational Technology
The use of programming tasks in interactive videos to increase learning effec...The use of programming tasks in interactive videos to increase learning effec...
The use of programming tasks in interactive videos to increase learning effec...
Analysis of students' behavior watching iMooX courses with interactive elements by Educational Technology
Analysis of students' behavior watching iMooX courses with interactive elementsAnalysis of students' behavior watching iMooX courses with interactive elements
Analysis of students' behavior watching iMooX courses with interactive elements
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen... by Educational Technology
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
Math trainer as a chatbot via system(push) messages for Android by Educational Technology
Math trainer as a chatbot via system(push) messages for AndroidMath trainer as a chatbot via system(push) messages for Android
Math trainer as a chatbot via system(push) messages for Android
Empirical Analysis of Automated Editing of Raw Learning Video Footage by Educational Technology
Empirical Analysis of Automated Editing of Raw Learning Video FootageEmpirical Analysis of Automated Editing of Raw Learning Video Footage
Empirical Analysis of Automated Editing of Raw Learning Video Footage
Fächerintegrativer Unterricht am Beispiel der Leichtathletik by Educational Technology
Fächerintegrativer Unterricht am Beispiel der LeichtathletikFächerintegrativer Unterricht am Beispiel der Leichtathletik
Fächerintegrativer Unterricht am Beispiel der Leichtathletik
DENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien by Educational Technology
DENKEN UND TECHNIK Über manipulative Auswirkungen von InternettechnologienDENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien
DENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-... by Educational Technology
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:... by Educational Technology
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual... by Educational Technology
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...
Fächerintegrativer Unterricht am Beispiel des Lernroboters Thymio by Educational Technology
Fächerintegrativer Unterricht am Beispiel des Lernroboters ThymioFächerintegrativer Unterricht am Beispiel des Lernroboters Thymio
Fächerintegrativer Unterricht am Beispiel des Lernroboters Thymio
Chatbots for Brand Representation in Comparison with Traditional Websites by Educational Technology
Chatbots for Brand Representation in Comparison with Traditional WebsitesChatbots for Brand Representation in Comparison with Traditional Websites
Chatbots for Brand Representation in Comparison with Traditional Websites

Recently uploaded

Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption... by
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...BC Chew
40 views47 slides
The Future of Micro-credentials: Is Small Really Beautiful? by
The Future of Micro-credentials:  Is Small Really Beautiful?The Future of Micro-credentials:  Is Small Really Beautiful?
The Future of Micro-credentials: Is Small Really Beautiful?Mark Brown
121 views35 slides
Geology of Ethiopia and the Horn Chapter 2 GeES 1011.pptx by
Geology of Ethiopia and the Horn Chapter 2 GeES 1011.pptxGeology of Ethiopia and the Horn Chapter 2 GeES 1011.pptx
Geology of Ethiopia and the Horn Chapter 2 GeES 1011.pptxbehailugetu
36 views42 slides
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37 by
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37MysoreMuleSoftMeetup
55 views17 slides
Gross Anatomy of the Liver by
Gross Anatomy of the LiverGross Anatomy of the Liver
Gross Anatomy of the Liverobaje godwin sunday
100 views12 slides

Recently uploaded(20)

Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption... by BC Chew
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...
Artificial Intelligence and The Sustainable Development Goals (SDGs) Adoption...
BC Chew40 views
The Future of Micro-credentials: Is Small Really Beautiful? by Mark Brown
The Future of Micro-credentials:  Is Small Really Beautiful?The Future of Micro-credentials:  Is Small Really Beautiful?
The Future of Micro-credentials: Is Small Really Beautiful?
Mark Brown121 views
Geology of Ethiopia and the Horn Chapter 2 GeES 1011.pptx by behailugetu
Geology of Ethiopia and the Horn Chapter 2 GeES 1011.pptxGeology of Ethiopia and the Horn Chapter 2 GeES 1011.pptx
Geology of Ethiopia and the Horn Chapter 2 GeES 1011.pptx
behailugetu36 views
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37 by MysoreMuleSoftMeetup
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37
Payment Integration using Braintree Connector | MuleSoft Mysore Meetup #37
Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating... by Taste
Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating...Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating...
Creative Restart 2023: Christophe Wechsler - From the Inside Out: Cultivating...
Taste39 views
What is Digital Transformation? by Mark Brown
What is Digital Transformation?What is Digital Transformation?
What is Digital Transformation?
Mark Brown46 views
NodeJS and ExpressJS.pdf by ArthyR3
NodeJS and ExpressJS.pdfNodeJS and ExpressJS.pdf
NodeJS and ExpressJS.pdf
ArthyR353 views
JRN 362 - Lecture Twenty-Two by Rich Hanley
JRN 362 - Lecture Twenty-TwoJRN 362 - Lecture Twenty-Two
JRN 362 - Lecture Twenty-Two
Rich Hanley39 views
Research Methodology (M. Pharm, IIIrd Sem.)_UNIT_IV_CPCSEA Guidelines for Lab... by RAHUL PAL
Research Methodology (M. Pharm, IIIrd Sem.)_UNIT_IV_CPCSEA Guidelines for Lab...Research Methodology (M. Pharm, IIIrd Sem.)_UNIT_IV_CPCSEA Guidelines for Lab...
Research Methodology (M. Pharm, IIIrd Sem.)_UNIT_IV_CPCSEA Guidelines for Lab...
RAHUL PAL45 views
OOPs - JAVA Quick Reference.pdf by ArthyR3
OOPs - JAVA Quick Reference.pdfOOPs - JAVA Quick Reference.pdf
OOPs - JAVA Quick Reference.pdf
ArthyR376 views
Presentation_NC_Future now 2006.pdf by Lora
Presentation_NC_Future now 2006.pdfPresentation_NC_Future now 2006.pdf
Presentation_NC_Future now 2006.pdf
Lora 38 views

Development of a mobile French language learning platform

  • 1. 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 u www.tugraz.at Development of a mobile French language learning platform Michael Planitzer Master’s Thesis
  • 2. www.tugraz.at ◼ Overview • Motivation • Requirements • Implementation • Evaluation • Outlook Michael Planitzer2
  • 3. www.tugraz.at ◼ Motivation • Uni Graz, Centre for Language, Plurilingualism and Didactics (Carole Bourgadel) • “to encourage students to actively use sentence structures and to make them aware of the specific problem of interference in French in an unconventional manner” • No adequate self-organizable language learning application for B1 and B2 • Self-organizable, mobile application with focus on lexical, grammatical and syntactical categories. • Scope • Conception, CMS web application, iOS mobile application • Android as part of a Bachelor thesis Michael Planitzer3
  • 4. www.tugraz.at ◼ Motivation → Develop a prototype to support students during their Language Learning classes (B1 and B2), with the aim to avoid interference errors by providing specific differentiation exercises. Michael Planitzer4
  • 5. www.tugraz.at ◼ Requirements • Categorized exercises • Categorized quizzes • Multimedia • Glossary • Feedback • Self-organizable Michael Planitzer5 1 2
  • 6. www.tugraz.at ◼ Requirements • Data management • store, modify, provide and delete data → database • render and access web pages for a user-friendly data management → CMS • Provide data by an interface to be accessible from mobile applications → API, mobile applications • Embedding CMS and database to existing system → TU Graz Learning Lab environment https://learninglab.tugraz.at/ (Accessed 11/22/2020) • Provide tracking possibilities • Multi classes Michael Planitzer6
  • 8. www.tugraz.at ◼ Implementation – Database Michael Planitzer8 • MySQL 8.0 database • 5 Major Parts • Project • Glossary • Question • Exercise • Type
  • 9. www.tugraz.at ◼ Implementation – Web application • Zend framework 3 • PHP 5.6 • MVC design pattern • Other components • Apigility Controller to run REST API • Authentication/UserManager • File Management (Link to slides with screenshots) Michael Planitzer9
  • 10. www.tugraz.at ◼ Implementation – iOS application • General • Swift 4.2 • iOS 11.0 or later • iPhone and iPad • Sends analytics data to Firebase • Main User stories • Registration and Login (Link to slides with screenshots) • Doing exercises (Link to slide with video) • Doing quizzes (Link to slides with screenshots) • Watching learning videos (Link to slides with screenshots) • Glossary – dictionary look-ups (Link to slides with screenshots) • Administrating app settings (Link to slides with screenshots) Michael Planitzer10
  • 11. www.tugraz.at ◼ Implementation – Firebase analytics • Crash reports & Event analytics • Embedded in iOS application • Individual measurements • parameters send to firebase course, type, pool, exercise,... • on suitable places quiz/exercise started/exited, get info during challenge, view glossary entry,... • Learning Analytics • How long do students need for which exercises? • For which exercises do they need further information? • When and on which exercise do they start and stop studying? • Which glossary entries are how often and how long looked up? • etc. • Standard visualizations Michael Planitzer11
  • 15. www.tugraz.at ◼ Evaluation Used since Summer Semester 2020 • ~90 students (60% Android, 40% iOS) • No crashes registered by Firebase Students • In general intuitive, design could be more friendly • Highly accepted → included into final exam • Most liked feature: multimedia content • Mouth gestures • Listening Comprehension • Can be used everywhere and everytime • Really big improvements only with app not achievable • Exercises too reproductive Michael Planitzer15
  • 16. www.tugraz.at ◼ Evaluation Teachers • Very high administrative effort • ~350 exercises with images and audio records • 25 videos • 20 pdf description • → ~180h • Colleagues fear about technology • No interest about deep analytics evaluations Keynote at Arqus “Virtual language learning in Europe” (06/24/2020) https://european-university.uni-graz.at/de/neuigkeiten/detail/article/grenzenlos/ (Accessed 11/22/2020) Michael Planitzer16
  • 17. www.tugraz.at ◼ Evaluation / Outlook • Platform works, if responsible person (teacher)... • ...is behind it. • ...is not afraid about technology. • ...has time to feed the platform with data. • Students are using it… • …if content is part of class and exam. • …because of the mutimedia elements. • …because of the uncomplicated, everywhere/everytime availability. • Platform has to get… • …better thought out, diversified exercises. • …faster setup possibility. → Platform can only be a supporting element to other teaching methods. Michael Planitzer17
  • 18. www.tugraz.at ◼ Outlook • Educational Paper “Interlingual Interference Phenomena in French Courses” by Carole Bourgadel, (in progress) https://treffpunktsprachen.uni-graz.at/en/research/didactics/projekte0/aktuelleprojekte/interlingual- interference-phenomena-in-french-courses/ (Accessed 11/22/2020) • Two „must” improvements • Faster project setup • Better thought out, diversified exercises. • Would make sense • Administration and organization build on already established systems (TU Graz TeachCenter) • Utilize analytics data Michael Planitzer18
  • 19. www.tugraz.at ◼ Thank you for your attention iOS: https://apps.apple.com/at/app/appell/id1449511915?l=en (Accessed 11/22/2020) Android: https://play.google.com/store/apps/details?id=at.tugraz.appell (Accessed 11/22/2020) Michael Planitzer19
  • 20. www.tugraz.at ◼ Web application - Screens (1|3) https://schule.learninglab.tugraz.at/Appell/ Michael Planitzer20
  • 21. www.tugraz.at ◼ Web application - Screens (2|3) https://schule.learninglab.tugraz.at/Appell/ Michael Planitzer21
  • 22. www.tugraz.at ◼ Michael Planitzer22 Web application - Screens (3|3) https://schule.learninglab.tugraz.at/Appell/
  • 24. www.tugraz.at ◼ Michael Planitzer24 iOS App – Screens Register/Login
  • 25. www.tugraz.at ◼ Michael Planitzer25 iOS App – Screens Exercises
  • 28. www.tugraz.at ◼ Michael Planitzer28 iOS App – Screens Glossary
  • 31. www.tugraz.at ◼ Evaluation – Pre-Release • Lot of meetings (agile process) • Functionality • Usability • Usability tests with persons involved during implementation and colleagues/students of Carole • Performance • Compatibility • PHP 5+7, ZF3/Laminar, iOS 11.0, Firebase, UserManager • Maintainability • Portability Michael Planitzer31
  • 32. www.tugraz.at ◼ Implementation – Technology Stack Michael Planitzer32 • MySQL 8.0 database • Doctrine 1.1 ORM • Zend framework 3 • PHP 5.6 • File storage • Native mobile apps • Android: Java (Bachelor Thesis) • iOS: Swift 4.2 • REST API • Apigility 1.4 • Firebase 5.17