1 Dickson K.W. Chiu PhD, SMIEEE Thanks to Prof. S.C. Cheung (HKUST) CSIT600b: XML Programming WML.

Slides:



Advertisements
Similar presentations
4. Internet Programming ENG224 INFORMATION TECHNOLOGY – Part I
Advertisements

Wireless Markup Language
HTML popo.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
C HAPTER – 3 I NTRODUCTION TO H TML By :- Pinkesh H. Patel.
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Copyright © Gavin McArdell WML Training Course Gavin McArdell.
MultiPlatform Applications Module. Agneda for today Areas to be covered Assessment for the module Agenda for the module timetable Procatical sessions.
WML by Mary Lee, Doug Kondor, Thu Nguyen. C499 PresentationML 2 Agenda MARY LEE Introduction History Security Issue THU NGUYEN Design Syntax DOUG KONDOR.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
WAP’s WML by David Boncarosky  WML Inherits From XML  WML Extends Interactivity to Cell Phones, Pagers, PDAs  Display Varies Widely From Device to Device.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Connecting to the Web Using Mobile Devices Representation and Management of Data on the Web.
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
WAP: Wireless Application Protocol Mike Mc Ardle ACSG April, 2005.
WAP/ WML Author :Hsien-Pang Tsai. Outlines Introduction WAP Architecture WML Conclusion Reference.
Understand WML Chao-Hsien Chu, Ph.D. School of Information Sciences and Technology The Pennsylvania State University.
An Introduction to WAP/WML. What is WAP? WAP stands for Wireless Application Protocol. WAP is for handheld devices such as mobile phones. WAP is designed.
Submitted by:- Amanat Dabla ,C1 IT,final yr. Neeru ,C1 IT,final yr.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
DAT602 Database Application Development Lecture 14 HTML.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Networks: L16 1 WAP : Wireless Application Protocol a standard developed by the WAP Forum : –Nokia, Ericsson, Motorola et al. – – now consolidated.
By Amisha Pardasani. Contents Introduction to Wireless Application Protocol Introduction to Wireless Markup Language WML Formatting Links and Images Input.
Lectured By: Vivek Dimri Assistant Professor, CSE Dept. SET, Sharda University, Gr. Noida.
WAP and WML The Wireless Application Protocol  WAP architecture  WML document structure  WML syntax Basic document syntax Layout Text formatting Images.
WML Wireless Markup Language Presented by: Richa Saxena Roll no
CIS 375—Web App Dev II WAP. 2 Introduction to WAP WAP ________________________ is an application communication protocol that uses a ______ Browser in.
WAP (Wireless Application Protocol). W – World W – Wide W -- Web W – World W – Wide W – Wireless W -- Web The Two Paradigms.
WML Programming. What is WML WML Programming Wireless mark up language based on XML. Purpose:  to specify user interface behavior and  display contents.
Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
HTML Hyper-Text Markup Language or tags. HTML is a “tag” language Open and close tags Tags identified with angle brackets Basic format content (shorthand.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
Using Cocoon Page 2 Ovidiu Predescu April 5th, 2001 Using Cocoon to build Web sites for wireless devices Ovidiu Predescu Hewlett Packard ApacheCon 2001.
Using Cocoon Page 2 Ovidiu Predescu April 5th, 2001 Using Cocoon to build Web sites for wireless devices Ovidiu Predescu Hewlett Packard ApacheCon 2001.
WML What is WML? 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 stricter.
Ericsson Competence Solutions Rev A16/11/011 Mobile Learning Course for R380 and R520 Presented by Michelle Almeida Course Structure Design Guidelines.
TECHNICAL SEMINAR Presented by :- Satya Prakash Pattnaik TECHNICAL SEMINAR By Satya Prakash Pattnaik EC Under the guidance of Mr.
FYP: LYU0001 Wireless-based Mobile E-Commerce on the Web Supervisor: Prof. Michael R. Lyu By: Tony, Wat Hong Fai Harris, Yan Wai Keung.
WIRELESS APPLICATION PROTOCOL Definition It is universal, open standard developed by the WAP Forum to provide mobile users of wireless phones and other.
1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.
Wireless Application Protocol. WAP- Wireless Application Protocol Gateway WAP WEB Server Content Browser HTTP IPWAP Deck WML.
1. 2 WIRELESS APPLICATION PROTOCOL (WAP) 3 Wireless Application Protocol Introduction Evolution WAP Architecture Working Uses Conclusion.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
Creating interfaces XML to WML, Push Use actual cell phones Homework: do WML examples, practice with Nokia Simulator.
 2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 23 - Wireless Internet and m- Business Outline 23.1 Introduction 23.2 M-Business 23.3 Identifying.
Chapter 2 Designing Web Pages With HTML JavaMethods An Introduction to Object-Oriented Programming Maria Litvin Gary Litvin Copyright © 2003 by Maria Litvin,
Presented By: Dixit Wadhwani B.TECH 3 rd YEAR, CSE 07CS Sir Padampat Singnania University Technical Seminar on Wireless Markup Language Guided By:
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
Web Application Programming Presented by: Mehwish Shafiq.
IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.
Module: Software Engineering of Web Applications Chapter 2: Technologies 1.
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
WML & WML Script Presented by Kelvin Liu 01/06/2000.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
WWW Programming Model. WWW Model The Internet WWW architecture provides a flexible and powerful programming model. Applications and content are presented.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
Wireless Application Protocol (WAP) William Thau CSC 8560 Dr. L. Cassel.
Network Infrastructure Services Supporting WAP Clients
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
M-Commerce Wireless Markup Language (WML) By Prof T.R. Vaidyanathan.
Chapter 23 - Wireless Internet and m-Business
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Mobile Internet and WAP
Presentation transcript:

1 Dickson K.W. Chiu PhD, SMIEEE Thanks to Prof. S.C. Cheung (HKUST) CSIT600b: XML Programming WML

Dickson Chiu-2004CSIT600b 03-2 Wireless Application Protocol (WAP) Leading standard for information services on wireless terminals like digital mobile phones. Based on Internet standards (HTML, XML and TCP/IP). Consists of WML language specification a WMLScript specification a light JavaScript language not embedded in the WML pages WML pages only contains references to script URLs need to be compiled into byte code on a server a Wireless Telephony Application Interface (WTAI) specification Published by the WAP ForumWAP Forum founded in 1997 by Ericsson, Motorola, Nokia, and Unwired Planet Forum members now represent over 90% of the global handset market, as well as leading infrastructure providers, software developers and other organizations.

Dickson Chiu-2004CSIT600b 03-3 Wireless Markup Language (WML) WML based on XML and HTML. WML documents are divided into a set of cards, each representing one unit of interaction between the user and the user agent. Instructions embedded within cards may invoke services on origin servers. Several cards are grouped into a deck, the basic WML unit, that origin server can send to a user agent. See: Welcome to MTM515!! Emulator -

Dickson Chiu-2004CSIT600b 03-4 WML – One Card Text is specified inside p element.p A card can have none, one or several p elements.p Element br indicates start of a new line.br Welcome to MTMI515!!

Dickson Chiu-2004CSIT600b 03-5 WML – Font Style Text emphasis elements em, strong, b, i, u, big, small - meanings equivalent to HTML counterparts.emstrongbiubig small <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " This is bold This is Italic This is Underline This is Big text Small Text This Is STRONG

Dickson Chiu-2004CSIT600b 03-6 WML – Two Cards Attributes id in card elements serve as anchor for intercard links.card <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " Next tutorial. Continue Tutorial Welcome To part 2 Here the tutorial continues

Dickson Chiu-2004CSIT600b 03-7 WML – Three Cards <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " Tutorials Want to see a Joke. Are how about a <a href="#pic">Picture.

Dickson Chiu-2004CSIT600b 03-8 WML – Three Cards Joke's 1. What do you get if you cross an owl with a skunk? A. bird that smells but doesn't give a hoot !!!!!!!! 2.Why did the rooster cross the road? A. To prove he wasn't chicken !! Picture

Dickson Chiu-2004CSIT600b 03-9 WML - Table Cell 1 Cell 2 Cell 3

Dickson Chiu-2004CSIT600b WML – Anchor Always has a task ("go", "prev", or "refresh") specified. The task defines what to do when the user selects the link. <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " Next page

Dickson Chiu-2004CSIT600b WML - Input <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " A: B: C:

Dickson Chiu-2004CSIT600b WML - Select <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " HTML Section XML Section WAP Section

Dickson Chiu-2004CSIT600b WML - Refresh <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " Refresh This Page

Dickson Chiu-2004CSIT600b WML - Timer <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" " Some Message

Dickson Chiu-2004CSIT600b WML - Variables Specify a variable with the Setvar command Specify a variable through an input element (like input, select, option, etc.) HTML Tutorial XML Tutorial To use the variable we created in the example above: You selected: $(opt)

Dickson Chiu-2004CSIT600b WML - Posting to the Server <!DOCTYPE wml PUBLIC "-//PHONE.COM//DTD WML 1.1//EN" " Weather Page Zip? Query? time & temp all fields all fields format

Dickson Chiu-2004CSIT600b Generating WML with XSLT <xsl:for-each select="/hsiComponents/component"> CHEUNG KONG CHEUNG KONG …

Dickson Chiu-2004CSIT600b WAP Emulator Paste URL to WAP emulator: ourceURL=http%3A%2F%2Ffinance.yahoo.com% 2Fq%2Fcp%3Fs%3D%5EHSI&xslt1URL=http%3A %2F%2Fkwchiu.dyndns.org%3A7999%2Fxslt1.xsl &xslt2URL=http%3A%2F%2Fkwchiu.dyndns.org %3A7999%2Fxslt3.xsl&submit=convert ourceURL=http%3A%2F%2Ffinance.yahoo.com% 2Fq%2Fcp%3Fs%3D%5EHSI&xslt1URL=http%3A %2F%2Fkwchiu.dyndns.org%3A7999%2Fxslt1.xsl &xslt2URL=http%3A%2F%2Fkwchiu.dyndns.org %3A7999%2Fxslt3.xsl&submit=convert More sophisticated development: 521,00.html 521,00.html