Download - Mobile Learning Content App Workshop
-
8/13/2019 Mobile Learning Content App Workshop
1/3
1st
Specialized Workshop on Ubiquitous Learning:
Mobile Learning Content Apps Development
7-8 Feb 2014
Bilik Majlis, Universiti Kebangsaan Malaysia
Mobile Learning App Using jQuery Mobile
jQuery Mobile is a touch-friendly user interface framework based on jQuery that works across all
popular phones, tablet, e-reader, and desktop platforms. Built with accessibility and universal access in
mind, we follow progressive enhancement and responsive web design (RWD) principles. HTML5
Markup-driven configuration makes it easy to learn, but a powerful API makes it easy to deeply
customize the library.
jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing
unique apps for each mobile device or OS, the jQuery mobile framework allows you to design a single
highly-branded web site or application that will work on all popular smartphone, tablet, and desktop
platforms.
Tentative Program
This 2-day introductory workshop is designed to assist teacher/lecturers to develop simple mobile
learning content using jQuery. There is no emphasis in theory and no basic or deep knowledge needed.
Participants will be guided on how to use an easy web server and simple editor for mobile apps
development. In addition, some templates will be provided for easy mobile development. Each
participants should bring his/her own laptop and sample lecture notes so that he/she can develop real
mobile learning contentwith features as described below:
-
8/13/2019 Mobile Learning Content App Workshop
2/3
Day 1
Content Tentative
1. Introduction to Mobile WebApplication
2. Basic HTML5a. HTML tagb. Linkc. Paragraphd. Image/Picture
3. Getting Started to jQuery Mobilea. Pages Anatomyb. External Pagec. Transitiond. Liste. Collapsiblef. Buttong. Iconh. Navigation
4. Deploy To The Worlda. Using Web Hosting (IF
Applicable)
Time Agenda
8:008:30 Registration
8:3010:30 Introduction
Prepare for Development
HTML5 for mobile
10:3011:00 Tea Break
11:0012:00 Creating Mobile Web
12:002:45 Lunch & Solat
2:454:45 Completing Web Mobile
Deploy to real world4:455:00 Refreshment
The second day of the workshop is designed to make the mobile app more interactive. As web apps can
be transformed to native apps, participant would try this hybrid technologyto deploy web app as native
app so that can be installed to mobile device. This hybrid technology is applicable to all major mobile
device OSs including iOS (for iPhone and iPad), Android and Windows. However, for this hands-onsession will focus on Android as no restriction such as certificate and developer account in iOS and
Windows. For this purpose, each participants should bring his/her own Laptop and an Android device
such as Samsung Galaxy S3/S4/Tab, Lenovo etc with the devices USB Cable.
Day 2
Content Tentative
1. Additional HTML5a. Using Audiob. Video
2. Extending Mobile Contenta. Popupb. Panelc. Tabled. Communication
i. Phone Callii. SMS
iii. Maile. Custom Themes
Time Agenda
8:008:30 Registration
8:3010:30 Extending Mobile Content
10:3011:00 Tea Break
11:001:00 Communication Link
Custom Theme
1:002:15 Lunch & Solat
-
8/13/2019 Mobile Learning Content App Workshop
3/3
3. Mobile Packaging For Androida. Using CordovaExplanation (Can
be used for iOS and Windows)
b. Apply with Eclipsc. Deploy Packaged. Test app to Simulator or device
2:154:15 Creating Native App
Deploy to Device
4:154:30 Refreshment
4:305:00 Q&A