Mobile Learning Course for R380 and R520

1
Mobile Learning Course for R380 and R520

• Presented by Michelle Almeida
• Course Structure
• Design Guidelines
• Device Limitations
• Demo

2
COURSE STRUCTURE

• Recommended course content includes the
  following
• Course Modules with sub-sections
• Quizes and Tests
• FAQs
• Glossary and Terminology
• News, latest information and statistics

3
STRUCTURE of MLEARNING COURSE
4
DESIGN GUIDELINES

• Keep content short, interesting and meaningful
• Use links to access more information
• Always keep the user in control
• by having a link back to the index page, or Main
  page, display Card titles etc.
• Card Titles
• is helpful as it aids the user to navigate
  through the application
• Usability concepts
• if the user cant use it the application doesnt
  work

5
DESIGN GUIDELINES - cont.

• Avoid the use of underlined text
• as this will be mistaken for Links
• Consistency in the layout of buttons and links
• Keep the application simple to use
• it should not require a huge amount of HELP Text
• Menu hierarchies should be kept to a minimum,
• a user can easily get lost in complex or deep
  menu systems
• Pedagogics
• to promote a learning environment with
  interactive and personalized learning

6
DEVICE LIMITATIONS

• Keep Deck size below 1.2KB
• due to memory and network limitations, size limit
  for R380 is 3.8KB and this does not include
  images
• WAP supports Images and Graphics
• keep these to a minimum (1.2KB, 3.8KB for R380)
• Limit the amount of user input,
• make more use of select lists

7
WML basics - WML file layout

• lt?xml version"1.0"?gt
• lt!DOCTYPE wml PUBLIC "//WAPFORUM//DTD WML1.1//EN"
• "http//www.wapforum.org/DTD/wml_1.1.xml"gt
• ltwmlgt
• ltcard id"name" title"title"gt...
• lt/cardgt
• ...
• lt/wmlgt

8
WML basics - WML example
ltwmlgt ltcardgt ltpgtltbiggtWelcome!lt/biggt lta
hrefsecondgtGo to next!lt/agt lt/pgt
lt/cardgt ltcard idsecondgt ltpgtEnter name
ltinput nameN/gt lta hrefthirdgtGo to
next!lt/agt lt/pgt lt/cardgt ltcard idthirdgt
ltpgtYour name is (N). lt/pgt lt/cardgt lt/wmlgt
Card
Link
Variable
Variablereference
Deck
9
WMLScript - Example, a simple script file

• //random.wmls
• external function getRandom()
• var r Lang.random(100)
• WMLBrowser.setVar(result, r)
• WMLBrowser.go(card2)

Variableassignment
function
10
WMLScript - e.g. the WML code calling the script

• ltwmlgt
• ltcard idcard1 titleRandomgt
• ltpgtRandomize
• lta hrefrandom.wmlsgetRandom()/gtGo
• lt/agt lt/pgt
• lt/cardgt
• ltcard idcard2 titleResultgt
• ltpgtResult (result)lt/pgt
• lt/cardgt
• ltwmlgt

11
DEMO - devices and emulators

• R320 Emulator in WAPIDE SDK
• R380 Emulator
• Remotely
• Using LAN connection
• Live Demo on phones
• R320 or R520
• R380
• You too can access Demo
• enter URL in a WAP enabled phone

12
DEMO mLearning Course modules extras

• WAP PAST WAP FUTURE module
• BUSINESS VALUES module
• APPLICATIONS module
• ARCHITECTURE module
• EXTRAS
• WAP NEWS
• FAQs
• TERMINOLOGY
• TESTS
• TELEPHONY INTEGRATION (CALL ME!!)

13
WAP Architecture
WAP Gateway/Proxy
Client
WEB Server
WBXML
WML
WML Encoder
WSP
HTTP
WMLScript Compiler
WMLScript
Byte code
14
WAP Architecture
15
WML Design Principles

• Low memory requirements

A deck of cards
A deck of cards

A WAP page
A WAP page
A WAP page
16
Thank You!