Mobile Web-Based Application Development

Mindmap of major objectives for a Mobile Web-based Application Development Course.

Get Started. It's Free
or sign up with your email address
Rocket clouds
Mobile Web-Based Application Development by Mind Map: Mobile Web-Based Application Development

1. Web Tech Review

1.1. Objectives

1.1.1. Review Basic HTML document structure.

1.1.2. HTML vs. XHTML vs. XHTML-MP

1.1.3. Important metatags and settings for developing mobile websites.

1.1.4. Discuss importance of span and div for both styling and dynamically changing the displayed content without accessing the server.

1.1.5. Developing simple CSS style sheets.

2. The Mobile Ecosystem:Hardware&Software

2.1. Objectives

2.1.1. Compare and contrast features of mobile devices with those of a PC

2.1.2. List 'players' involved in delivery of the mobile Web.

2.1.3. List key differentiators and uses of various communication standards (including WI-FI).

2.1.4. List the features which can differentiate phones supported with real world examples.

2.1.5. Discuss importance of Context (e.g. where am I? How much time do I have?) in the development of mobile websites and webapps.

2.1.6. Introduce User-Agents and PC Browser tools to spoof being a mobile client. Needed for possible research project

3. Mobile development :Technologies, Standards and Strategies.

3.1. Objectives

3.1.1. List key platforms and compare capabilities.

3.1.2. Discuss the similarities and differences between applications running on a phone and on a PC.

3.1.3. List key technologies available in devices and platforms including geolocation, multi-tasking support, access to local store, support for integration with vendor-supplied applications, access to the accelerometer, true push, graphics support, access to camera, bluetooth.

3.1.4. Discuss best practices provided by major standards bodies for development of mobile-friendly websites.

3.1.5. Describe Transcoding (how webpages are automatically converted to optimize them for mobile). Case Study: Transcoding on Blackberry servers.

3.1.6. Intelligently choose strategies to accommodate and optimize for different form factors and device capabilities (e.g. Do Nothing,;Lowest Common Denominator;, Progressive Enhancement, Device Targeting, Full Adaptation (Fling).

3.1.7. Differentiate different approaches for providing web functionality: categories:Mobile Websties, Mobile Web Widgets, Mobile Web Applications, Native Applications.

4. Mobile-Friendly Websites.

4.1. Objectives

4.1.1. Develop a mobile-friendly website, given a specific development strategy, that incorporates best practices in mobile website development.

4.1.2. Use best-practices and your knowledge of mobile device features and platforms to compare mobile websites and/or widgets.

5. Javascript and AJAX

5.1. Objectives

5.1.1. Review Javascript procedural constructs and functions.

5.1.2. Interacting with the document object.

5.1.3. Responding to events.

5.1.4. Form-Handling.

5.1.5. AJAX-Using Javascript and XML for dynamic webpages.

6. Mobile Widgets

6.1. Objectives

6.1.1. Overview of Widgets? What are they? What are their appropriate uses?

6.1.2. Drill down to components of a widget.

6.1.3. Develop a simple widget using Blackberry Eclipse plugin and emulators.

6.1.4. Capitalizing on Context:Using Geolocation and Local Store.

6.1.5. Utilizing Multi-media capabilities of mobile devices.

6.1.6. Using push services.

6.1.7. Deep Integration with Device: Interfacing Widget with native apps and services of target device.

6.1.8. (Optional) Extending the Widget API using Javascript

6.1.9. Development and deployment(?) of a non-trivial widget that accesses local-store and either geo-location or other native services.

6.1.10. Security Issues

6.1.11. Deployment to Devices