80
MOBILE APPLICATION DEVELOPMENT & ANDROID BASICS Presentation By Mr. Vinod Pillai [email protected] http://vinodthebest.wordpress.com Chaudhari Technical Institute, Gandhinagar

Mobile development wml, wml script & android basic

Embed Size (px)

DESCRIPTION

Basic of Mobile Development, WML & WMLScript.

Citation preview

Page 1: Mobile development wml, wml script & android basic

MOBILE APPLICATION DEVELOPMENT&ANDROID BASICS

Presentation ByMr. Vinod Pillai

[email protected]://vinodthebest.wordpress.com

Chaudhari Technical Institute, Gandhinagar

Page 2: Mobile development wml, wml script & android basic

Agenda:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 3: Mobile development wml, wml script & android basic

About Me:

• Having 2.0 years of Industry experience inClient server applications with Java, J2EE,Struts & PHP technologies.

• 2.5 years teaching experience (Subjects: C,C++, Java, Advance Java & NT-II, J2ME).

• Strong Technical skills in Java, J2EE (Servlet,JSP, EJB)

• Done Master of Computer Science (WollongongUniversity - Australia)

Page 4: Mobile development wml, wml script & android basic

Areas of Interest:

Web Application Development Mobile Application Development

Android Application Development J2ME Application Development

Struts Hibernate 3.0

Cyber LAW Semantic Web ( RDFa)

Page 5: Mobile development wml, wml script & android basic

Future Scopes:

•Mobile Computing

•Network Security / Wireless App

•Cyber Crimes (Cyber Laws)

•Cloud Computing

•Semantic Web

Page 6: Mobile development wml, wml script & android basic

Current Status:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 7: Mobile development wml, wml script & android basic

Part – 1 (Mobile & Wireless Computing.)

Page 8: Mobile development wml, wml script & android basic

Scope of Mobile Application Development

• As the time passes, the mobile has overcomethe conception of just acting as a device tomake voice calls.

• It has now embedded in itself number ofother features which have brought a hugerevolution in the mobile applicationdevelopment process.

• Mobile Application development is theprocess of developing applications which actsas an added feature in any handheld device.

Page 9: Mobile development wml, wml script & android basic

Scope of Mobile Application Development

• Applications are developed using variousplatforms.

• Some of the platforms are Android,Blackberry, iPhone, Symbian, iPad, Windowsmobile.

• It covers vast range of booming sectors likebusiness, Games, News, Weather, Education,and Money or the finance sector are some ofthe few categories where the mobileapplication development process is carried on.

Page 10: Mobile development wml, wml script & android basic

Mobile & Wireless Computing

Page 11: Mobile development wml, wml script & android basic

Current Status:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 12: Mobile development wml, wml script & android basic

Part – 2 (WAP, WML & WMLScript)

Page 13: Mobile development wml, wml script & android basic

Key Terms:

Internet/Web App.

HTML/XHTML

JavaScript CSS

Browser

DHTML

StandaloneApp.

Page 14: Mobile development wml, wml script & android basic

Two major parts of Mobile Development:

•Web Site/Web Application1

•Mobile Application/Software2

Page 15: Mobile development wml, wml script & android basic

Website Development (Mobile)

• The number of users browsing the Web from amobile device continues to rise, creating a greatweb experience for users of mobile devices ismuch easier than you might think.

• A few different types of markup are availablefor building a mobile web site. You'll need tochoose one that suits the needs of yourcustomers and stick with it.

Page 16: Mobile development wml, wml script & android basic

Website Development (Mobile):

WML & WMLScript

XHMTL

XHMTL - MP

Page 17: Mobile development wml, wml script & android basic

WML

• In the early days of mobile web devices, theonly way to surf the mobile web was to browseWAP (Wireless Application Protocol) sites.

• A WAP site uses WML (Wireless MarkupLanguage) as its primary markup language.

• WML is an XML markup language based on thecard-and-deck metaphor.

• WML is mostly used by legacy systems or bysites that explicitly target customers with low-end phones that are six years old or older.

Page 18: Mobile development wml, wml script & android basic

WML

• One potential group of customers still usingWML browsers, however, is those in developingnations.

• The Nokia 1100 and 1101, for example, areextremely basic, extremely cheap phones, ofwhich an estimated 200 million units have beensolid worldwide, making this phone the best-selling model to date, worldwide.

• If your site is targeted to this market segment,WML might be the best solution for you.

Page 19: Mobile development wml, wml script & android basic

WML

• WML (Wireless Markup Language) is the firstmarkup language standard for wireless devices.

• WML stands for Wireless Markup Language.

• It is a mark-up language inherited from HTML,but WML is based on XML, so it is much stricterthan HTML.

• WML is used to create pages that can bedisplayed in a WAP browser. Pages in WML arecalled DECKS. Decks are constructed as a set ofCARDS.

Page 20: Mobile development wml, wml script & android basic

WML

• Only one card will be shown on the screen ofthe wireless device each time.

• If the user goes to another card of the samedeck, the mobile browser does not have to sendany requests to the server since the file thatcontains the deck is already stored in thewireless device.

Page 21: Mobile development wml, wml script & android basic

WML

Card - 1

Card - 2

Card - 3

Desk

Page 22: Mobile development wml, wml script & android basic

WML

Page 23: Mobile development wml, wml script & android basic

WML

Correct Format

Page 24: Mobile development wml, wml script & android basic

WML

Page 25: Mobile development wml, wml script & android basic

WML

Page 26: Mobile development wml, wml script & android basic

WML

Page 27: Mobile development wml, wml script & android basic

WML

Page 28: Mobile development wml, wml script & android basic

WML

Page 29: Mobile development wml, wml script & android basic

Current Status:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 30: Mobile development wml, wml script & android basic

Part – 3 (XHTML & XHTML MP)

Page 31: Mobile development wml, wml script & android basic

XHTML & XHTML-MP

• Most built-in phone browsers these days canhandle XHTML just fine. A mobile phonerecognizes two flavours of HTML:

– XHTML -- the same, basic XHTML rendered bydesktop web browsers

– XHTML-MP -- the MP here stands for Mobile Profile

• The difference between these two languages isthat XHTML-MP consists of slightly fewerelements and tighter restrictions. Thesedifferences

Page 32: Mobile development wml, wml script & android basic

XHTML & XHTML-MP

• These differences exist to make it easier for themobile device to parse and render a webdocument, but writing XHTML-MP markupshouldn't introduce any significant changes toyour process for writing regular XHTML.

Page 33: Mobile development wml, wml script & android basic

XHTML

• DOCTYPE Compulsory

• Each and every <tag> must have closing </tag>

• Every tag must be properly <nested>

• All tags must be in the lower case only.

• All the attributes of the tags also in lower case.

• All attribute values in “ ” only.

Page 34: Mobile development wml, wml script & android basic

XHTML (Basic Tags)

Page 35: Mobile development wml, wml script & android basic

XHTML-MP

• XHTML Mobile Profile and is designed forresource-constrained Web clients that do notsupport the full set of XHTML features, such asmobile phones, PDAs, pagers and set-topboxes.

• It extends XHTML Basic with modules,elements and attributes to provide a richerauthoring language.

Page 36: Mobile development wml, wml script & android basic

XHTML-MP

• XHTML Mobile Profile is the official markuplanguage in the most recent WAP specificationversion 2.0 defined by the former WAP Forum.

• The WAP Forum created XHTML Mobile Profilebased on XHTML Basic, with the addition ofsome elements and attributes from the fullversion of XHTML such as <i>, <b>, <small>,<big> and <hr>. XHTML Mobile Profilesupports a simplified version of cascadingstyle sheet called WCSS / WAP CSS.

Page 37: Mobile development wml, wml script & android basic

XHTML-MP

• <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

• The greatest advantage brought by XHTML MPis that developers can now use the sametechnologies for the development of both websites and WAP sites.

Page 38: Mobile development wml, wml script & android basic

Current Status:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 39: Mobile development wml, wml script & android basic

Part – 4 (J2ME Application Development.)

Page 40: Mobile development wml, wml script & android basic

Java Key Terms:

Java SDK (Standalone App.)

J2EE (Web App.)

J2ME (Mobile App.)

Page 41: Mobile development wml, wml script & android basic

J2ME

• Core Java was already present but however,instead of beefing up Java with additionalAPIs, the team at Sun, along with the JavaCommunity Process Program, dismantled boththe Java programming language and the JavaVirtual Machine.

• They stripped down Java APIs and the JVM tothe minimum coding required to provideintelligence to embedded systems andmicrocomputer devices.

Page 42: Mobile development wml, wml script & android basic

J2ME – Configuration & Profile

• The result of their efforts is J2ME.

• J2ME is a reduced version of the Java API andJava Virtual Machine that is designed tooperate within the sparse resources availablein the new breed of embedded computers andmicrocomputers.

• There are two configurations for J2ME as ofthis writing. These are Connected LimitedDevice Configuration (CLDC) and theConnected Device Configuration (CDC).

Page 43: Mobile development wml, wml script & android basic

J2ME - CLDC

• CLDC devices use the KJava Virtual Machine(KVM) implementation, which is a stripped-down version of the JVM.

• CLDC devices include pagers, personal digitalassistants, cell phones, dedicated terminals,and handheld consumer devices with between128KB and 512KB of memory.

Page 44: Mobile development wml, wml script & android basic

J2ME - CDC

• CDC devices use a 32-bit architecture, have atleast two megabytes of memory available, andimplement a complete functional JVM.

• CDC devices include digital set-top boxes,home appliances, navigation systems, point-of-sale terminals, and smart phones.

Page 45: Mobile development wml, wml script & android basic

J2ME - Profile

• A profile consists of Java classes that enableimplementation of features for either aparticular small computing device or for aclass of small computing devices.

• Seven profiles have been defined as of thiswriting. These are the Foundation Profile,Game Profile, Mobile Information DeviceProfile, PDA Profile, Personal Profile, PersonalBasis Profile, and RMI Profile.

Page 46: Mobile development wml, wml script & android basic

Installing J2ME

• Step 1. JDK 1.6 Minimum required.

• Step 2. Download J2ME 3.0 (Oracle Website)

• Step 3. Installing JDK 1.6

• Step 4. Install J2ME 3.0

Page 47: Mobile development wml, wml script & android basic

Current Status:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 48: Mobile development wml, wml script & android basic

Part – 5 (Android Conf. Eclipse)

Page 49: Mobile development wml, wml script & android basic

Installing & Working Android

• Step 1. JDK 1.6 Minimum required.

• Step 2. Downloading the SDK Starter Package

• Step 3. Installing the ADT Plugin for Eclipse

• Step 4. Adding Platforms and Other

Components

• Step 5. Exploring the SDK (Optional)

Page 50: Mobile development wml, wml script & android basic

http://www.android.com/

Page 51: Mobile development wml, wml script & android basic

http://developer.android.com/index.html

Page 52: Mobile development wml, wml script & android basic

http://developer.android.com/sdk/index.html

Page 53: Mobile development wml, wml script & android basic

http://developer.android.com/sdk/requirements.html

Page 54: Mobile development wml, wml script & android basic

http://www.oracle.com/technetwork/java/javase/downloads/index.html

Page 55: Mobile development wml, wml script & android basic

http://www.eclipse.org/downloads/

Page 56: Mobile development wml, wml script & android basic

http://developer.android.com/sdk/installing.html

Page 57: Mobile development wml, wml script & android basic

Installing Android SDK

Page 58: Mobile development wml, wml script & android basic

Installing Android SDK

Page 59: Mobile development wml, wml script & android basic

Installing Android SDK

Page 60: Mobile development wml, wml script & android basic

Installing Android SDK

Page 61: Mobile development wml, wml script & android basic

http://developer.android.com/sdk/eclipse-adt.html#installing

Step 3. Installing the ADT Plugin for Eclipse

Page 62: Mobile development wml, wml script & android basic

Installing the ADT Plugin for Eclipse

Page 63: Mobile development wml, wml script & android basic

Installing the ADT Plugin for Eclipse

Page 64: Mobile development wml, wml script & android basic

Installing the ADT Plugin for Eclipse

Page 65: Mobile development wml, wml script & android basic

Installing the ADT Plugin for Eclipse – Second Option

Page 66: Mobile development wml, wml script & android basic

http://developer.android.com/sdk/eclipse-adt.html#installing

Page 67: Mobile development wml, wml script & android basic

Configuring the ADT Plugin

Page 68: Mobile development wml, wml script & android basic

Configuring the ADT Plugin

Page 69: Mobile development wml, wml script & android basic

Task Completed

• Step 1. Downloaded Android SDK

• Step 2. Downloaded Java JDK 1.6

• Step 3. Downloaded Eclipse

• Step 4. Installing Android SDK

• Step 5. Downloaded Eclipse ADT Plugin.

• Step 6. Configuring ADT Plugin.

Page 70: Mobile development wml, wml script & android basic

Extra: (Path)

Page 71: Mobile development wml, wml script & android basic

http://www.android.com/

Page 72: Mobile development wml, wml script & android basic

https://market.android.com

Page 73: Mobile development wml, wml script & android basic

Current Status:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 74: Mobile development wml, wml script & android basic

Part – 6 (Blackberry Development Info.)

Page 75: Mobile development wml, wml script & android basic

http://us.blackberry.com/developers/

Page 76: Mobile development wml, wml script & android basic

http://us.blackberry.com/developers/started/bbdevapproach.jsp

Page 77: Mobile development wml, wml script & android basic

http://us.blackberry.com/developers/javaappdev/javaupdate.jsp

Page 78: Mobile development wml, wml script & android basic

Current Status:

• About Me.

• Area of Interest.

• Future Scope.

• Part – I Mobile & Wireless Computing.

• Part – 2 WAP, WML & WMLScript.

• Part – 3 XHTML Mobile Profile (XHTML MP)

• Part – 4 J2ME Application Development.

• Part – 5 Android Basics.

• Part – 6 Blackberry Development Info.

Page 79: Mobile development wml, wml script & android basic

Materials to be provided are:

Nokia Browser related Software & Conf. File

WML Examples

J2ME related Software

J2ME Complete Reference E-book

Android Software + Eclipse Software

Android Videos