Mobile Learning Presented by: Lulwah Al-Harigy Ablah Mousa 113/06/1435All rights reserved for...

Mobile Learning

Presented by:Lulwah Al-Harigy

Ablah Mousa

1 13/06/1435

All rights reserved for Deanship of eLearning and Distance Education 2014

Workshop Topics

• Mlearning Definitions• Types of Mobile Devices• Benefits & challenges of Mobile Learning• Mobile and desktop experience differences• Types of Mobile Learning• Guidelines for Designing Contents for Mobile

Learning • Tools for Designing Contents for Mobile Learning

All rights reserved for Deanship of eLearning and Distance Education 20142 10/04/1434

Time Table - First Day

Note Topics Time Theoretical Overview on ML earning 11:00 – 12:00

Practical Tools 12:00 – 12:30ــــــــــــ Dhohor prayer 12:30 – 12:45Practical Tools 12:45 – 2:00

3 10/04/1434


Workshop Goals

By the end of the workshop, you will be able to

Design a content for mobile learning

4 10/04/1434


Definitions

General Definition:• Mobile Learning is any kind of learning interaction

that is delivered by mobile technology and accessed by learners at a time and in a location of their choosing

• M-Learning is a form of existing d-Learning (distance learning) and e-Learning (electronic learning)

5 10/04/1434


Types of Mobile Devices

There many types of devices that make up mobile learning provision such as:•Personal digital assistant (PDAs)•Smartphones•Mobile phones


How mobile devices can be used for learning?


Benefits of Mobile Learning

• Enrich the learning strategy • Make the learning more flexible and accessible• Enhance the learner productivity and

effectiveness• New communication channel between the

learners and the instructor• Facilitate collaboration through synchronous

and asynchronous communication



Characteristics of Mobile Learning

Key characteristics of m-learning that emerged were as follows:

• Enables knowledge building by learners in different contexts

• Enables learners to construct understandings• Mobile technology often changes the pattern of

learning/work activity• The context of mobile learning is about more

than time and space10/04/143

4

Challenges of Mobile Learning

• May make it easier to cheat.• May require media to be reformatted or offered

in multiple formats.• Might render some content outdated because of

rapid upgrades• Could require training for non-technical students

and faculty.


Readiness of Students and Faculty in KAU


441

6

ذكي هاتف لديك ؟))Smartphone هل

نعم

ال

10/04/1434


Readiness of Students and Faculty in KAU

383

53

التعليم؟ في التقنيات هذه استخدام تؤيدين هل

نعم

ال

10/04/1434

Why should we redesign the website to mobile version?

• To recognize the essential role of mobility and communication in the process of learning

• To indicate the importance of context in establishing meaning

• Mobile device interface design is more restrictive than desktop interface design

MOBILE DESIGN = SMALL AND TARGETED


When should We use it?

If it:–Provides some clear advantages to the learning

process–Appropriates to the instructor and his/her

learners


Mobile and Desktop Experience Differences

Desktop MobileContinuous interaction on a single task.

Ex: Compose a memo.Brief focused interactions.

Ex: Respond to a tweet or SMS message.

Less intrusive interruptions. Ex: Receive call on phone while reviewing

mail on laptop.

More intrusive interruptions. Ex: Receive call while reviewing mail on

smartphone.

Infrequently changing context. Ex: Using a spreadsheet application at desk.

Frequently changing environmental context.

Ex: Use phone during air travel

Good response time. Ex: Highly immersive gaming.

Relatively poor response time. Ex: Map updates.

Less social. Ex: Relative importance of office

productivity applications.

More social. Ex: Relative importance of phone, texting,

sharing applications.



Life Cycle

10/04/1434

Types of Mobile Learning (1)

Snack Mobile

Blended Mobile Social Mobile


Types of Mobile Learning (2)

Just in Time Mobile

Customer Mobile Corporate Mobile


Guidelines for Designing Contents for Mobile Learning

User Analysis

User Interface

Multimedia Content


Guidelines for User Analysis


– The user’s characteristics, such as age, nationality, special needs or disabilities

– The user’s degree of familiarity with mobile devices, or need for guidance in the use of their functions

– The user’s motivation and interest in learning using mobile devices

– The usage context of the application

10/04/1434

21 All rights reserved for Deanship of eLearning and Distance Education 2013

User Interface

Screen Layout Menus Navigation &

Links

Guidelines for User Interface

10/04/1434


Guidelines for User InterfaceScreen Layout

– Designing for a different environment– Space should be arranged vertically (portrait)– Use a single column of left-aligned or fully justified text– Do not use horizontal scrolling on mobile websites

10/04/1434


The different way to manage the space on the page.Desktop Mobile


10/04/1434


Guidelines for User InterfaceScreen Layout: Example 1

10/04/1434


Guidelines for User InterfaceScreen Layout: Example 2

Desktop Mobile

10/04/1434



Different screen sizes of mobile devices

10/04/1434

27



Recommended Size

10/04/1434


Guidelines for User InterfaceMenus

– Accessible and intuitive– Simple and Consistence– Reduce the number of menu buttons (no more than 5-

7 buttons)– For touch phones, clickable area should be at least 1cm

X 1cm– The design should allow the touch screen user to make

the navigation button larger if required

10/04/1434


Good Example Bad Example

Example of Menus Spacing and target size

10/04/1434

30

―Include navigation on the homepage of your mobile website.

―Organize navigation buttons in order of importance and relevance to the needs of mobile visitors

―Keep navigation menu simple by including only minimal navigation at the top of the page

―Provide short and descriptive navigation menu titles―Add padding around links to make them easily clickable―Turn important links into buttons


Guidelines for User InterfaceNavigation & Links

10/04/1434


Guidelines for User InterfaceNavigation & Links

10/04/1434


Multimedia

Images Video/Audio

Guidelines for Multimedia

10/04/1434

33

― Limit the Use of Images― All images should be small and should be in

either .jpeg or .gif format.― The entire image should be viewable with no scrolling

(Image width should not exceed 300px)― Avoid large or high resolution images― If background image is used, it should be simple and

light in color.


Guidelines for MultimediaImages

10/04/1434


Ensure that foreground and background color combinations provide sufficient contrast

Guidelines for MultimediaImages

10/04/1434


Guidelines for MultimediaImages: Example 1

Good Example Bad Example

10/04/1434


Guidelines for MultimediaImages: Example 2

Good Example

Bad Example

10/04/1434

37

― Beware of Flash that isn’t compatible on some devices― Optimize the file size of video and audio― Don’t automatically download video/audio files until

requested (for bandwidth savings)― Don’t auto-play, it’s annoying (don’t do this even

outside of mobile devices)― If you have videos on your site, offer a textual

description of what the video is about


Guidelines for MultimediaVideo/Audio

10/04/1434

38

―Design the content in the form of learning objects―Each object should be tied to learning outcomes―Develop learning activities to cater different learning

styles―Learning materials must be designed in manageable

chunks―Only the relevant information should be shown


Guidelines for ContentDividing Learning Material

10/04/1434


Guidelines for ContentDividing Learning Material

10/04/1434


―Don’t create mobile content in Word or PowerPoint using the default templates and font sizes.

― Create a specific template for the iPhone, based on the 11”x 7.3” page size.

―Use a font size no smaller than 12 pt to ensure readability.―if you are using Word reduce the margins so that text and

graphics are closer to the edges of the screen.―Convert your content to PDF format.

How can you create content in PowerPoint or Word?

10/04/1434


Guidelines for ContentUsing PowerPoint or Word

Good Example

Bad Example

10/04/1434

42

:// . .https www coursesites c/ / - -om webapps Bb sites cou- - /rse creation BBLEARN pa/ .ges index html

:// .http manage theappbuilder. /com D

ashboard/ .Dashboard aspx

:// . / .http ibuildapp com login php

Tools for Designing Contents for mobile


https://www.coursesites.com/webapps/Bb-sites-course-creation-BBLEARN/pages/index.html




http://manage.theappbuilder.com/Dashboard/Dashboard.aspx




http://ibuildapp.com/login.php

http://ibuildapp.com/login.php

43

:// . .http www wirenode com/

:// . . /http www webs com

:// . . /http www mobify com

Tools


http://www.wirenode.com/

http://www.wirenode.com/

http://www.webs.com/

http://www.mobify.com/


Mobile Learn

10/04/1434


iTunes U Course Manager

10/04/1434



iTunes U Course Manager is a web-based tool for instructors affiliated or unaffiliated with

educational institutions who want to create, edit, design, distribute, and teach all-digital courses.

10/04/1434



Using Course Manager you can:• Create an instructor profile.• Create and edit both private and public in session and self-

paced courses• Create and edit course outlines.• Create posts and add assignments for students.• Add materials or reference iBooks, iOS Apps, and other

iTunes Store.• Customize course overview information and instructor profile• Invite up to five additional instructors, known

as contributors.10/04/143

4



10/04/1434


Personal Information

10/04/1434


New Course Settings

10/04/1434


To create a new course

10/04/1434

Amount of content you’ve added to your course

Number of students enrolled in your course


The Dashboard

10/04/1434


Completed Instructors Profile Page

10/04/1434


Completed Outline Page

10/04/1434


Adding posts, assignments, and materials

10/04/1434


Adding posts

10/04/1434


Add Material

10/04/1434


Share a course

To share a course, you can choose Enroll Code from the Settings pop-up menu in

the dashboard to share a link to your course with students and other users.

10/04/1434


Share a course

10/04/1434



10/04/1434


Best Practices

• Description: Include a list of learning objectives in your course description.

• Active learning pathway: Tell a story of the learning your students will do with your outline, posts, and assignments.

• Display titles: Use short titles for posts and assignments so students see the most important information at a glance.

• Posts: Use posts to add meaning and context to learning materials.

• Assignments: Begin your assignments with action verbs. Assignments will form a to-do list for your students.

• All Materials: You can also add materials using the All Materials feature.

• Preview your course: Preview your course on aniPhone, before sharing it with your students.

13/06/1435


Best Practices

• https://itunes.apple.com/us/course/itunes-u-course-creation-guide/id644450313

13/06/1435

https://itunes.apple.com/us/course/itunes-u-course-creation-guide/id644450313

https://itunes.apple.com/us/course/itunes-u-course-creation-guide/id644450313


References (1)

1. Pacific Blue Solutions, Getting Started with Mobile Learning, 2010, London, UK

2. Mike Sharples, Josie Taylor, Giasemi Vavoula, Towards a Theory of Mobile Learning, University of Birmingham, The Open University, UK, 2005

3. Jun Gong, Peter Tarasewich, Guidelines For Handheld Mobile Device Interface Design, In Proceedings of the 2004 DSI Annual Meeting

10/04/1434


References (2)

4. Antonella Grasso, Teresa Roselli, Guidelines for Designing and Developing Contents for Mobile Learning, 2005, Proceedings of the 2005 IEEE International Workshop on Wireless and Mobile Technologies in Education

5. Fatma Bayoumi, Guidelines for Developing Adaptive Mobile Learning, 2007, Conference IMCL2007, Amman, Jordan

6. Joseph Rene Corbiel, Maria Elena Valdes Corbiel, Are you ready for mobile learning?, 2007

10/04/1434


References (3)

7. IBM , User interface design for the mobile web, 20118. Antonella Grasso, Teresa Roselli, Guidelines for

Designing and Developing Contents for Mobile Learning, 2005, Proceedings of the 2005 IEEE International Workshop on Wireless and Mobile Technologies in Education

13/06/1435


References (4)

9. N. Zakiah binti Ayob, Ab. Razak Che Hussin, H. Mohamed Dahlan, Three Layers Design Guideline for Mobile Application, 2009, International Conference on Information Management and Engineering, 978-0-7695-3595-1/09 $25.00 © 2009 IEEE, DOI 10.1109/ICIME.2009.99

10. Guideline for Mobile Web Design 2.11. W3C Summary of Mobile Web Best Practices at

http://www.w3.org/TR/mobile-bp/summary

10/04/1434


Thanks

13/06/1435

Mobile Learning Presented by: Lulwah Al-Harigy Ablah Mousa 113/06/1435All rights reserved for...

Documents

Transcript of Mobile Learning Presented by: Lulwah Al-Harigy Ablah Mousa 113/06/1435All rights reserved for...