Julianne SeamanRowan Peter

Evan EnglezosGregor McNish

Blended eLearning SolutionsBox Hill Institute

30th May 2013

Mobile checklists enabling authentic workplace

assessmentVIC162

Overview• Project outline• Background• Design methodology• Challenges• Next steps

“Good m-learning should consider that it is the learner who is mobile rather than the device and this

keyprinciple should inform all other m-learning principles.”

2012 M-learning Teacher and Trainer Guide, E-standards for Training August 2012, V3.0

VIC 162 Mobile checklists enabling authentic workplace assessment

Purpose:•Establish a new strategy for mobile learning•Establish a new way of working with our students•Transform trades to authenticated workplace learning and assessment

Delivery strategy:•Mobile devices to capture and record video, photos, audio and upload assessments to Moodle•Support multimodal delivery including classroom, workshop, and workplace•Accessible in remote locations

• Research into building a mobile application that enables:• completion of assessment tasks in the workplace or in remote locations• local storage of photos, videos, and audio files• synchronise information with Moodle when a wifi connection is available• tracking and authentication of learner data

• Design and develop 4 assessment templates for the following units:

• Cabinet Making: MSAPMOHS200A Work safely• Automotive: AURC270103A Apply safe work practices• Electrical: UEENEEE101A Apply OHS regulations, codes and practices in the

workplace• Refrigeration: VU20874 Maintain essential safety measures (AMCA)

• Develop customisable assessment templates• Knowledge test, Digital story, Job safety analysis, Observation checklist

• Trial with thirty students• Training program for teachers and employers• Documentation in integrating PhoneGap with Moodle

Outcomes

VIC 162 Mobile checklists enabling authentic workplace assessment

ExampleExampleOutlineOutline

• 20 apprentices

• Major aim is to further promote

workplace assessments

• Promote real-time learning

• Promote push and pull strategies

• Won a National eLearning VET

Strategy to build a dual deployment

strategy

• Created an iBook

Centre for Building and Furniture Studies

Background at BHI

Design and developmentconsiderations

• Usability• Screen size, resolution, colour, contrast• Text input• Editable assessment templates

• Accessibility• cross platform solutions• M-standards/E-Standards and WCAG 2 compliance • Situated learning

• Sustainability• one code base for dual publishing

• Cross compatible• Synchronise with Moodle LMS system• Utilise smartphone native functionality such as camera and offline

storage

Why we chose PhoneGapLeverage existing skills:

•Uses existing desktop web technologies reflective of our teams skillset including HTML5/CSS3 and JavaScript.

Sustainability, reuse same code:

•The code is a cross-platform standard and can be deployed to a wide range of platforms such as desktop computers and tablets with limited amount of changes.

•Can be integrated with existing JavaScript frameworks such as jQuery.

Option to extend to other mobile devices if needed:

•Write once, deploy on up to 8 mobile platforms including iOS, Android, Windows Phone and BlackBerry.

Other advantages:

•Free, open source system

•Existing Moodle app originally developed on this platform

•Common API set to access phone functionality e.g.Camera

http://phonegap.com/

Learning design process

Assessment Template Description

Knowledge test: provide answers to questions.

Digital story: about a topic of their choice

Job safety analysis (JSA): for their workplace

Observation checklist: demonstrate skills to performance criteria.

• Design 4 different assessment templates

• Contextualise into 3 different assessment tasks per unit working with the subject matter expert whererequired

• Create mobile wireframes and the user experience

Past project - AS091 E-profiling• Electrical students without access to a computer in workplaces• Built a mobile app for learners to log their weekly cards• Facilitated increased validity of learner data• Allowed the Apprentice, RTO and Employer to track progress• Used Balsamiq mockups to create mobile wireframes that could be

converted into HTML prototypes using LiveMockups• http://accesstoskills.wikispaces.com/AS091

Mobile prototype research

Balsamic mockups were used by our learning designer to prototype assessment templates

Balsamic mockups were used by our learning designer to prototype assessment templates

Knowledge testThis template can be used to create an assessment where students are required to provide answers to questions related to their area of study. A number of different question types can be used in the template.

Design

Job safety analysis (JSA)This template can be used to design an assessment where students are required to create a job safety analysis (JSA) for their workplace.

Design

Digital storyThis template can be used to design an assessment where students are required to create a digital story about a topic of their choice. For example, a student may use the template to create a case study or describe a process relevant to their study area.

Design

Observation checklistThis template can be used to design an assessment where students are required to confirm their ability to successfully demonstrate or present skills according to specified performance criteria.

Design

Moodle prototype

Design

Development considerations• Develop a mobile app that can locally cache data

and access smartphone functionality for camera and gallery features.

• Develop Moodle plugin to enable information transfer between PhoneGap and Moodle.

• Integrate with Moodle assignment types, Gradebook and database

• Use learner’s LDAP login to access our existing system.

Mobas demonstration

ChallengesProject• Known VS Unknown – Difficult to predict time required• Resourcing with competing projects• Meeting m and e-Learning standards

Design• Customised assessments were required• Designing the user experience and sequencing the assessment• Elements on screen (What to display and when)

Development• Using Moodle’s web services• Creating new Moodle resource types for each template we are creating• Local caching• HTML5• Some additional coding required in PhoneGap to publish to different

mobile devices• Have not found a suitable way to locally compress video

Successes• Build relationship with industry and employers –

AMCA• Balsamiq mockups for wireframe to prototype• Aligning the navigation structure to Moodle LMS• Re-usable templates editable by teachers• Opening the possibilities for app development at

BHI• Extended opportunities workplace assessment

and remote learners

Learner outcomes• Increased employability skills• Increased understanding of digital literacy and

responsible digital citizenship• Development of e-skills to broaden their learning

window and increase the amount of training time in the workplace.

• Increase the amount of kinaesthetic and social learning that will engage the students

Employer outcomes• Increased engagement with the RTO and better

capacity to negotiate customisations of the program to meet their learners needs

• Development of a ‘learning culture’ with Industry partners

• Increased learner engagement within the student body • Greater flexibility for the students and greater choice

around where and how they learn

The future

•Continue to develop generic templates for teachers

•Explore inclusion of other smart phone features such as microphone (audio), camera (video), location (GPS) and augmented reality (AR)

•BYOD Strategy across the Institute

•New classrooms that integrate mobility as a baseline

•Move towards greater personalisation and customisation

•Presentation MoodleMoot 2013 – 23rd – 26th June http://moodlemoot.org.au

Further information• Project Website:http://participationandskills.wikispaces.com/vic162

• M-Standards:http://e-standards.flexiblelearning.net.au/implementation/mobile_technology.phphttp://e-standards.flexiblelearning.net.au/technical_standards/mobile_platforms.php

• Balsamic mockups:http://www.balsamiq.com/products/mockups

• PhoneGap:http://phonegap.com