Developing Mobile Wireless Applications

Total Page:16

File Type:pdf, Size:1020Kb

Developing Mobile Wireless Applications Spotlight Developing Mobile Wireless Applications Kris Read and Frank Maurer • University of Calgary hen we talk about Web content, we tion that lets wireless devices easily interact with typically use document metaphors — services and each other. It works over all major W saving our places with bookmarks, wireless networks and on all major mobile operating viewing and downloading pages, and so on. This systems. In fact, renowned wireless technology metaphor feels natural because it originated in providers such as Ericsson, Nokia, and Motorola are Web content, which is basically a collection of endorsing WAP for their 2.5G and 3G networks. electronic documents laid out in a format familiar Microsoft is also backing this mobile solution. from books, magazines, and other publications. Developers were slow to accept early WAP ver- In the mobile world, however, developers quick- sions because of a steep learning curve and incom- ly realized that “page” was not the best content patibility with existing Web content. WAP 2.0 metaphor. Small screens, limited bandwidth, and adopts existing Web standards, however, and spec- relatively little storage space prevent us from ifies how developers can best use them in a wire- building large, complex page layouts. We thus pre- less environment. WAP 2.0’s aim is to improve the fer to think of our content as a deck of cards. A user experience as wireless networks slowly expand card, like a cell-phone or PDA, is small and might to allow richer content and cheaper bandwidth. fit into the palm of your hand, for example. Also, like mobile device screens, individual cards offer Basic Features relatively little space to write on — though you can In theory, WAP 2.0 lets developers create applica- write a little on each card and flip between them tions that feature animation, streaming media, and whenever necessary. music downloads. WAP 2.0 displays color graphics, This deck-of-cards metaphor underlies nearly all provides location-specific content, and allows syn- content developed for mobile wireless technologies. chronization with a remote desktop PC. The goal is Standard, high-level application-development tech- to reduce development costs by letting developers nologies, which are available for most major hard- use standard tools to write applications for Web ware platforms, ease this development task because browsers and WAP clients at the same time. they’re optimized for the severe restrictions on a In WAP 2.0, developers write content in XHTML mobile device’s screen size, processing power, and using the XHTML Basic profile. (As the “XHTML battery life. Here, we discuss three major applica- Fundamentals” sidebar explains, XHTML is quite tion-development technologies: the wireless appli- easy to produce if you’re familiar with existing Web cation protocol (WAP), NTT DoCoMo’s i-mode, and development technologies.) WAP 2.0 also supports Sun’s Java 2 Micro Edition (J2ME). Each lets devel- cascading style sheets (CSS) for document format- opers create content for the current and upcoming ting. Users view XHTML content through a client generation of mobile wireless devices. device’s microbrowser; content is either stored local- ly or served up by XHTML-compatible Web sites. The Wireless Not all existing HTML Web pages can be viewed Application Protocol with this technology, however, and to make a Web WAP (www.wapforum.org) is a free, open specifica- site WAP-2.0 compatible, developers must follow IEEE INTERNET COMPUTING 1089-7801/03/$17.00©2003 IEEE Published by the IEEE Computer Society JANUARY • FEBRUARY 2003 81 Spotlight XHTML Fundamentals he Extensible HyperText Markup Lan- top to television set-top boxes and mobile HTML 4.0, but in fact some of its features Tguage is the W3C’s relatively new devices — the W3C has defined XHTML — such as frames or complex tables — are standardized Web document format. subsets, or profiles.WAP 2.0 developers use simply inappropriate for small devices. XHTML is based on XML and is ultimate- the XHTML Basic profile, which is a subset Developers can use XHTML Basic to cre- ly meant to replace HTML as the accept- of all available XHTML features. As the ate fully featured Web sites for ordinary ed Web page format. W3C states, it includes “the minimal set of Web browsers, but it’s also simple enough XHTML returns document formatting modules required to be an XHTML host to scale down to a mobile device’s limited to HTML’s original intentions by separating language document type,” including images, resources.There is even a tool, HTML Tidy, content and format. Because of browser forms, basic tables, and object support.This which helps convert HTML to XHTML; it’s platforms’ increasing range — from desk- might seem like a step backward from available at http://tidy.sourceforge.net. specific XHTML guidelines. Currently, few Web sites </style> are written in XHTML, but the number should grow </head> rapidly as developers and tools conform to World <body> Wide Web Consortium (W3C) standards. <img src=”icon.gif”/> WAP 2.0 includes multimedia messaging service <p>Here is some text.</p> (MMS), which lets users send messages that include <a href=”index.xhtml”>A Link</a> images and text. WAP supporters expect MMS to </body> further popularize short message service (SMS) in </html> Europe and North America. WAP 2.0 also includes WAP Push, which automatically delivers content with this example from WAP 1.x WML: to users, rather than waiting for them to request it. This is useful for services such as online auctions <?xml version=”1.0”?> or stock trading, where it’s important for users to <!DOCTYPE wml PUBLIC “//WAPFORUM//DTD 1.1//EN” receive information the moment something inter- “http://www.waponline.com/wml_1.1.xml”> esting happens. WAP 2.0 is backward compatible with the pre- <wml> vious standard, WAP 1.x, which uses Wireless <card title=”My Basic Card”> Markup Language (WML) rather than XHTML for <p> document formatting. WML is a set of specific <img src=”icon.wbmp” alt=”icon”/><br/> XML markup tags the WAP forum created specifi- This is some text.<br/> cally for WAP to represent typical mobile wireless <anchor>A Link. content. WML’s main disadvantage was that devel- <go href=”index.wml”/> opers had to create content independently of </anchor> HTML, or use some sort of translation process. </p> Although some of WML’s tags are similar to HTML, </card> the document elements are different and the fea- </wml> ture set is much smaller. Compare this example from WAP 2.0 XHTML Basic: In the XHTML Basic example, we define an HTML document with two parts: head and body. <?xml version=”1.0”?> The head includes at least a title, but here we also <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML show how XHTML Basic supports CSS. The body Basic 1.0//EN” uses familiar HTML tags such as paragraph (p), “http://www.w3.org/TR/xhtml-basic/xhtml- image (img), and anchor (a). In the second exam- basic10.dtd”> ple, we define a WML document rather than an HTML document. Then, according to the deck-of- <html xmlns=”http://www.w3.org/1999/xhtml”> cards metaphor, we must define a series of cards. In this example, we define only one: it inclu1des <head> an image (img), a paragraph (p), and an anchor. <title>My Basic Page</title> Figure 1 shows a WAP 1.x document as viewed <style type=”text/css”> using 3tL’s free WAP Emulator, which lets PC users a { color: #0066FF } preview WAP documents without using a mobile 82 JANUARY • FEBRUARY 2003 http://computer.org/internet/ IEEE INTERNET COMPUTING Mobile Wireless Applications device. Although WML’s text syntax and image components are much like HTML, the anchor is not. When using WML, you can’t take HTML ele- ments for granted; you must ensure that any tags you use are part of the WAP Forum WML 1.x spec- ification (available at www.wapforum.org/what/ technical.htm). Unlike WML, XHTML Basic can be displayed in the latest major browser versions, including Internet Explorer, Mozilla, Netscape, and Opera. However, it does have some small eccentricities that you should keep in mind. Unlike HTML pages, for example, XHTML pages must include a <title> element. For mobile use, you should keep the title length rather Figure 1. A Wireless Access Protocol 1.x document as it appears on short. In XHTML Basic, you can also use some the 3tL WAP Emulator. WAP 1.x uses the Wireless Markup Language unconventional parameters to make your mobile rather than XHTML to format documents. application friendlier. One feature likely to be pop- ular, for example, is the accesskey parameter: ed i-mode because of its strong business model. A large base of i-mode content is available, and sev- <a href=”next.html” accesskey=”1”>Next</a> eral hardware devices support it as well. Because WAP is a protocol and i-mode is a ser- In this case, the accesskey parameter lets users vice, the two technologies are not necessarily com- press the “1” on their mobile keypad to click the petitors; DoCoMo is a member of the WAP Forum. Next link. Such shortcuts are smart and reason- In fact, according to WAP Forum’s CEO Scott ably universal in their compatibility with device Goldman, i-mode and WAP will likely converge hardware; if your browser doesn’t support the sometime in 2003 as both move toward W3C stan- accesskey parameter, it will simply ignore it. There dards support and seek the widest possible range are many other mobile-friendly parameters and of hardware vendors. tags in XHTML Basic; a complete listing is avail- able at www.w3.org/TR/xhtml-basic.
Recommended publications
  • Just Another Perl Hack Neil Bowers1 Canon Research Centre Europe
    Weblint: Just Another Perl Hack Neil Bowers1 Canon Research Centre Europe Abstract Weblint is a utility for checking the syntax and style of HTML pages. It was inspired by lint [15], which performs a similar function for C and C++ programmers. Weblint does not aspire to be a strict SGML validator, but to provide helpful comments for humans. The importance of quality assurance for web sites is introduced, and one particular area, validation of HTML, is described in more detail. The bulk of the paper is devoted to weblint: what it is, how it is used, and the design and implementation of the current development version. 1. Introduction The conclusion opens with a summary of the information and opinions given in this paper. A Web sites are becoming an increasingly critical part of selection of the lessons learned over the last four years how many companies do business. For many companies is given, followed by plans for the future, and related web sites are their business. It is therefore critical that ideas. owners of web sites perform regular testing and analysis, to ensure quality of service. 2. Web Site Quality Assurance There are many different checks and analyses which The following are some of the questions you should be you can run on a site. For example, how usable is your asking yourself if you have a web presence. I have site when accessed via a modem? An incomplete list of limited the list to those points which are relevant to similar analyses are given at the start of Section 2.
    [Show full text]
  • Sublimelinter Documentation Release 4.0.0
    SublimeLinter Documentation Release 4.0.0 The SublimeLinter Community Sep 16, 2021 User Documentation 1 Installation 3 2 Settings 5 2.1 Settings stack...............................................5 2.2 Styles (colors)..............................................5 2.3 Project settings..............................................6 2.4 Settings Expansion............................................6 3 Linter Settings 9 3.1 args....................................................9 3.2 disable..................................................9 3.3 env.................................................... 10 3.4 excludes................................................. 10 3.5 executable................................................ 10 3.6 filter_errors................................................ 10 3.7 lint_mode................................................. 11 3.8 python.................................................. 11 3.9 selector.................................................. 11 3.10 styles................................................... 12 3.11 working_dir............................................... 13 4 Customization 15 4.1 Context Menu.............................................. 15 4.2 Key bindings............................................... 15 5 Troubleshooting 17 5.1 Debug mode............................................... 17 5.2 The linter doesn’t work!......................................... 17 5.3 Debugging PATH problems....................................... 17 6 Creating a gutter theme 19 7 Creating a
    [Show full text]
  • Notetab User Manual
    NoteTab User Manual Copyright © 1995-2016, FOOKES Holding Ltd, Switzerland NoteTab® Tame Your Text with NoteTab by FOOKES Holding Ltd A leading-edge text and HTML editor. Handle a stack of huge files with ease, format text, use a spell-checker, and perform system-wide searches and multi-line global replacements. Build document templates, convert text to HTML on the fly, and take charge of your code with a bunch of handy HTML tools. Use a power-packed scripting language to create anything from a text macro to a mini-application. Winner of top industry awards since 1998. “NoteTab” and “Fookes” are registered trademarks of Fookes Holding Ltd. All other trademarks and service marks, both marked and not marked, are the property of their respective ow ners. NoteTab® Copyright © 1995-2016, FOOKES Holding Ltd, Switzerland All rights reserved. No parts of this work may be reproduced in any form or by any means - graphic, electronic, or mechanical, including photocopying, recording, taping, or information storage and retrieval systems - without the written permission of the publisher. “NoteTab” and “Fookes” are registered trademarks of Fookes Holding Ltd. All other trademarks and service marks, both marked and not marked, are the property of their respective owners. While every precaution has been taken in the preparation of this document, the publisher and the author assume no responsibility for errors or omissions, or for damages resulting from the use of information contained in this document or from the use of programs and source code that may accompany it. In no event shall the publisher and the author be liable for any loss of profit or any other commercial damage caused or alleged to have been caused directly or indirectly by this document.
    [Show full text]
  • 0789747189.Pdf
    Mark Bell 800 East 96th Street, Indianapolis, Indiana 46240 Build a Website for Free Associate Publisher Copyright © 2011 by Pearson Education Greg Wiegand All rights reserved. No part of this book shall be Acquisitions Editor reproduced, stored in a retrieval system, or transmit- Laura Norman ted by any means, electronic, mechanical, photo- copying, recording, or otherwise, without written Development Editor permission from the publisher. No patent liability is Lora Baughey assumed with respect to the use of the information contained herein. Although every precaution has Managing Editor been taken in the preparation of this book, the Kristy Hart publisher and author assume no responsibility for Senior Project Editor errors or omissions. Nor is any liability assumed for Betsy Harris damages resulting from the use of the information contained herein. Copy Editor ISBN-13: 978-0-7897-4718-1 Karen A. Gill ISBN-10: 0-7897-4718-9 Indexer The Library of Congress Cataloging-in-Publication Erika Millen data is on file. Proofreader Williams Woods Publishing Services Technical Editor Christian Kenyeres Publishing Coordinator Cindy Teeters Book Designer Anne Jones Compositor Nonie Ratcliff Trademarks All terms mentioned in this book that are known to be trademarks or service marks have been appropriately capitalized. Que Publishing cannot attest to the accuracy of this infor- mation. Use of a term in this book should not be regarded as affecting the validity of any trademark or service mark. Warning and Disclaimer Every effort has been made to make this book as complete and as accurate as possible, but no warranty or fitness is implied. The information provided is on an “as is” basis.
    [Show full text]
  • Introduction, Internet and Web Basics, XHTML and HTML
    Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Table of Contents | All Slides | Link List | Examples | CSCI E-12 CSCI E-12, Fundamentals of Web Site Development Introduction, Internet and Web Basics The Course XHTML and HTML Course Syllabus | Course Schedule I. Content for the Web January 30, 2007 A. Markup (XHTML, HTML) B. Style (CSS) Harvard University C. Building a Site Division of Continuing Education D. Images and Media Extension School II. "Everything" else Course Web Site: http://cscie12.dce.harvard.edu/ A. Javascript and AJAX B. Hypertext Transfer Protocol (HTTP) Copyright 1998-2007 David P. Heitmeyer C. The Apache HTTP Server D. Keeping a site healthy Instructor email: [email protected] E. Dynamic Sites Course staff email: [email protected] The Course Staff David Heitmeyer Teaching Fellows Mike Cynn Rei Diaz Evan Elias Sonal Patel Susan Smith 1 of 39 2/7/2007 4:26 PM 2 of 39 2/7/2007 4:26 PM Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Introduction, Internet and Web Basics, XHTML and HTML http://localhost:8080/cocoon/projects/cscie12/slides/20070130/handout.html Texts What the Course "Is" and "Is Not" In addition to the texts, there will be online readings assigned and online references cited. Is Is Not Required texts: Freeman, Elisabeth and Eric Freeman. 2005. Head First HTML with CSS & XHTML.
    [Show full text]
  • Requirements for Web Developers and Web Commissioners in Ubiquitous
    Requirements for web developers and web commissioners in ubiquitous Web 2.0 design and development Deliverable 3.2 :: Public Keywords: web design and development, Web 2.0, accessibility, disabled web users, older web users Inclusive Future Internet Web Services Requirements for web developers and web commissioners in ubiquitous Web 2.0 design and development I2Web project (Grant no.: 257623) Table of Contents Glossary of abbreviations ........................................................................................................... 6 Executive Summary .................................................................................................................... 7 1 Introduction ...................................................................................................................... 12 1.1 Terminology ............................................................................................................. 13 2 Requirements for Web commissioners ............................................................................ 15 2.1 Introduction .............................................................................................................. 15 2.2 Previous work ........................................................................................................... 15 2.3 Method ..................................................................................................................... 17 2.3.1 Participants ..........................................................................................................
    [Show full text]
  • How to Disable Tidy HTML Corrector and Validator to Output Error and Warning Messages
    ? Walking in Light with Christ - Faith, Computers, Freedom Free Software GNU Linux, FreeBSD, Unix, Windows, Mac OS - Hacks, Goodies, Tips and Tricks and The True Meaning of life http://www.pc-freak.net/blog How to disable tidy HTML corrector and validator to output error and warning messages Author : admin I've noticed in /var/log/apache2/error.log on one of the Debian servers I manage a lot of warnings and errors produced by tidy - HTML syntax checker and reformatter program. There were actually quite plenty frequently appearing messages in the the log like: ... To learn more about HTML Tidy see http://tidy.sourceforge.net Please fill bug reports and queries using the "tracker" on the Tidy web site. Additionally, questions can be sent to [email protected] HTML and CSS specifications are available from http://www.w3.org/ Lobby your company to join W3C, see http://www.w3.org/Consortium line 1 column 1 - Warning: missing declaration line 1 column 1 - Warning: plain text isn't allowed in elements line 1 column 1 - Info: previously mentioned line 1 column 1 - Warning: inserting implicit line 1 column 1 - Warning: inserting missing 'title' element Info: Document content looks like HTML 3.2 4 warnings, 0 errors were found! ... I did a quick investigation on where from this messages are logged in error.log, and discovered few .php scripts in one of the websites containing the tidy string. 1 / 2 ? Walking in Light with Christ - Faith, Computers, Freedom Free Software GNU Linux, FreeBSD, Unix, Windows, Mac OS - Hacks, Goodies, Tips and Tricks and The True Meaning of life http://www.pc-freak.net/blog I used Linux find + grep cmds find in all php files the "tidy "string, like so: server:~# find .
    [Show full text]
  • Schema Crawled API Documentation Exploration
    Faculty of Science and Technology Department of Computer Science Schema crawled API documentation exploration — Nicolai Bakkeli INF-3981 Master's Thesis in Computer Science - December 2017 Abstract An increase in open APIs deployed for public use have been seen to grow rapidly in the last few years and are expected to do so even faster in the future. This thesis deliver a design that reduces the API documentation exploration process by recommending a range of suitable APIs for any user. This is done as a response to the increased complexity in API selection that follows as a consequence of the increased choice between APIs. This design suggestion consists of two main com- ponents; a tailor-made web crawler that collects API documentation and a handler that indexes the documentation and evaluates XML Schema for supposed API in- put and output searches. The services computational chain creates an overview on the API containing domains and a ranked list of APIs based on key-phrases applied by any user. Experiments of an implemented version of the service revealed that the indexation process creates a table that causes the service to run slower as the reach of the service grows. In other words, the indexed data stored on disk causes a scalability issue that does not get resolved in this thesis. Aside from performance problems have the service been shown to yield data that can be considered useful for developers in need of API recommendations. i Acknowledgements First and foremost I would like to thank my thesis advisor Anders Andersen of the The University of Tromsø the Arctic University of Norway.
    [Show full text]
  • HTML 5- Und CSS-Grundlagen
    Prof. Andreas Büsch KH Mainz Medienpädagogik HTML 5- und CSS-Grundlagen Inhalt 1. Was ist (X)HTML? .............................................................................................................................2 2. Wie erstelle oder bearbeite ich HTML-Dokumente? ..........................................................................2 3. Wo finde ich Hilfe und Informationen? ..............................................................................................2 4. Wie werden HTML-Elemente notiert? ...............................................................................................2 5. Welche Angaben zu den Elementen gibt es noch? .............................................................................3 6. Wie sind HTML-Dokumente aufgebaut? ............................................................................................3 7. Was ist bei Datei- und Verzeichnisnamen für Webprojekte zu beachten? .........................................4 8. Wie werden Farben im Internet angegeben? .....................................................................................12 9. Welche absatzweiten Formatierungen kann ich nutzen, um Text zu strukturieren? ...........................4 10. Wie wird eine Tabelle in HTML erstellt? ...........................................................................................4 11. Wie werden Listen in HTML erzeugt? ...............................................................................................6 12. Wie werden Links erstellt?..................................................................................................................6
    [Show full text]
  • Verbesserung Der Barrierefreiheit Von Websites Durch Manuelle Und Automatische Testwerkzeuge - Handlungsempfehlungen Für Bibliotheken
    Verbesserung der Barrierefreiheit von Websites durch manuelle und automatische Testwerkzeuge - Handlungsempfehlungen für Bibliotheken - Bachelorarbeit Studiengang Bibliothekswesen Fakultät für Informations- und Kommunikationswissenschaften Fachhochschule Köln Vera-Maria Schmidt Stolzestraße 14 50674 Köln Matr.-Nr.: 11076728 am 27.09.2013 bei Prof. Dr. Selma Strahringer The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. - Tim Berners-Lee* * Erfinder des World Wide Web und Direktor des W3C (URL: http://www.w3.org/WAI/) 2 Inhaltsverzeichnis 1 Einleitung..............................................................................................................9 2 Definition Barrierefreiheit....................................................................................10 3 (Rechtliche) Grundlagen und Prinzipien der Barrierefreiheit................................13 3.1 DIN EN ISO 9241...................................................................................................13 3.2 Web Content Accessibility Guidelines..................................................................15 3.3 Das Behindertengleichstellungsgesetz.................................................................19 3.4 Die Barrierefreie-Informationstechnik-Verordnung und Section 508.................20 3.5 Die sieben Säulen der Barrierefreiheit nach Hellbusch.......................................23 4 Formen und Ausprägungen von Behinderungen, sowie daraus resultierende Barrieren.................................................................................................................25
    [Show full text]
  • Clean up Your Web Pages with HTML TIDY
    Clean up your Web pages with HTML TIDY The maintenance of Tidy has now been taken over by a group of enthusiastic volunteers at Source Forge, see http://tidy.sourceforge.net. There you can find the source code and binaries for a very wide range of platforms. A new version of Tidy is nearing completion which encapsu- lates Tidy as a library TidyLib, and has been designed for easy integration with other software Introduction to TIDY When editing HTML it's easy to make mistakes. Wouldn't it be nice if there was a simple way to fix these mistakes automatically and tidy up sloppy editing into nicely layed out markup? Well now there is! Dave Raggett's HTML TIDY is a free utility for doing just that. It also works great on the atrociously hard to read markup generated by specialized HTML editors and conversion tools, and can help you identify where you need to pay further attention on making your pages more accessible to people with disabilities. Tidy is able to fix up a wide range of problems and to bring to your attention things that you need to work on yourself. Each item found is listed with the line number and column so that you can see where the problem lies in your markup. Tidy won't generate a cleaned up version when there are problems that it can't be sure of how to handle. These are logged as "errors" rather than "warnings". Dave Raggett has now passed the baton for maintaining Tidy to a group of volunteers working together as part of the open source community at Source Forge.
    [Show full text]
  • Sublimelinter Documentation Release 3.4.24
    SublimeLinter Documentation Release 3.4.24 The SublimeLinter Community Mar 06, 2018 Contents 1 Support 3 2 Be Part of the Team 5 3 User Documentation 7 3.1 About SublimeLinter...........................................7 3.1.1 What is a linter?.........................................7 3.1.2 Why do I need a linter?.....................................7 3.2 Installation................................................8 3.2.1 Upgrading from previous versions...............................8 3.2.2 Installing via Package Control.................................8 3.2.3 Installing from source......................................9 3.2.4 Linter plugins..........................................9 3.2.5 Read the docs!......................................... 10 3.3 Usage................................................... 10 3.3.1 Startup actions......................................... 10 3.3.2 Assigning linters........................................ 10 3.3.3 Linting............................................. 10 3.3.4 How linter executables are located............................... 11 3.3.5 Disabling all linters....................................... 11 3.3.6 Toggling linters......................................... 12 3.3.7 Choosing color schemes.................................... 12 3.3.8 User interface.......................................... 12 3.4 Lint Modes................................................ 13 3.4.1 The modes........................................... 13 3.4.2 Choosing a lint mode...................................... 14 3.4.3
    [Show full text]