DOCSLIB.ORG

Übung 6 Œ Netzbasierte Informationssysteme Accessibility(Mobile)

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Übung 6 Œ Netzbasierte Informationssysteme Accessibility(Mobile) bung 6 œ Netzbasierte Informationssysteme Accessibility(Mobile) Dr. Lyndon J B Nixon FreieUniversität Berlin Institut für Informatik Netzbasierte Informationssysteme mailto: [email protected] http://page.mi.fu-berlin.de/nixon Zeitplan Aufgabe Übungsblatt Abgabe Präsentationen 1. Website 23. Okt 30. Okt 31. Okt 2. Suche 6. Nov 13. Nov 20. Nov 3. Crawler 20. Nov 27. Nov 28. Nov 4. Web 2.0 4. Dez 11. Dez 12. Dez 5. Internation- 18. Dez 8. Jan 11. Jan alisierung 6. Accessibility 15. Jan 22. Jan 23. Jan 7. Metadata 29. Jan 5. Feb 6. Feb AG Netzbasierte Informationssysteme http://www.ag-nbi.de 2 Übung 6 • Übungsblatt 6 ist online auf der Website der Veranstaltung http://www.ag-nbi.de/lehre/0708/V_NBI/ • Thema: Accessibility • Aufgabe: Website zugänglich über Handy machen • Heute haben wir diesen Struktur • Rückblick: The Mobile Web • Hintergrund: Mobile Standards • Hintergrund: Serving Mobile Content • Aufgabe: Website für Mobilgeräte anpassen • Aufgabe: Website prüfen AG Netzbasierte Informationssysteme http://www.ag-nbi.de 3 Mobile Web: ups and downs Courtesy http://www.w3.org/2006/Talks/0419-MWI-Analysts AG Netzbasierte Informationssysteme http://www.ag-nbi.de 4 Mobile Web: the beginnings • HDML • originally developed in about 1996 by the company that becameOpenwave. It was replaced by WML. • WAP • WAP was hyped at the time of its introduction, leading users to expect WAP to havethe performanceof the Web • In terms of speed, easeof use, appearance, and interoperability, the reality fellfar short of expectations. This led to the wideusageof sardonicphrases such as "Worthless Application Protocol", "Wait And Pay", and so on. • WML cut users off from the HTML Web tyingthem to a smallselection of native WAP content or converted Web- to-WAPcontent • Devices had limited capabilities and werepoorly profiled AG Netzbasierte Informationssysteme http://www.ag-nbi.de 5 Mobile Web: the deathof WAP • The wireless carriers killed WAP however • Didn”t support the production of WAP content • Charged users by the data accessed, discouragingsurfing • Offerings werea ‚walled garden—, often withthe carrier”s own portalas homepageand availablecontent restricted to what other sites the carrier madedeals with AG Netzbasierte Informationssysteme http://www.ag-nbi.de 6 Mobile Web: enter i-mode • launched in Japan on 22 February 1999 • i-modeborrows from fixed Internet data formats such as C-HTML based on HTML in constrast to WAP/WML • It becamea runaway success becauseof the well- designed services and business model, as well as the strongdemand for mobile emailservices whicharepart of i-mode. • As of June30, 2006, i-modehas 46.8 million customers in Japan and over 5 million in the rest of the world AG Netzbasierte Informationssysteme http://www.ag-nbi.de 7 Mobile Web: i-mode, a fallingstar • Telstra (Australia) and O2 (United Kingdom) on the 18th of July 2007, announced that they weredropping support for i-modeservices. • KPN (Netherlands) on the 19th of July 2007, announced that it will no longer belaunchingnew i-modeservices or mobile phones geared towards i-modesupport. • Citinglow subscriber numbers • Compact HTML has been overtaken by the more standards friendly XHTML, promoted by the W3C and Open Media Alliance • The iModebusiness modelcan not competewithan open, non-restricted Web access modelbeingoffered by carriers today AG Netzbasierte Informationssysteme http://www.ag-nbi.de 8 Mobile Web: towards open standards • Open Mobile Alliance launched June2002 as an answer to the proliferation of industry forums eachdealingwith a few application protocols • W3C launched Mobile Web Initiative withheavy industry support AG Netzbasierte Informationssysteme http://www.ag-nbi.de 9 Mobile Web: what changed? • Rapid evolution of capabilities of mobile phones • 1.1 billion Web-capablemobile phones worldwideœ 63% of all handsets (Informa, 2005) • Growinguseof Internet on the mobile device Source: Nokia study, 2005 Browsingis the Number One data packet generating service AG Netzbasierte Informationssysteme http://www.ag-nbi.de 10 Mobile Web = mobile browsers • Opera Mini • Two million users • Four million web pages per day • 38 to 76 Gbdata trafficdaily (Opera, April 2006) AG Netzbasierte Informationssysteme http://www.ag-nbi.de 11 Mobile Web: growth potential • 74% of Web capablephones not used to access the Web (Informa, 2005) • W3C has set up the Mobile Web Initiative (MWI) to promotemobile deviceaccess to the Web • Requirement: solvethe usability problem • Mobile Web Best Practices • ‚mobileOK— trustmarkfor content • Requirement: providedeviceinformation • Currently expensive(devicemanufacturer databases) or buggy (user generated databases) • MWI workingon a Shared Repository • Requirement: agreeon standards for Web content • See next! AG Netzbasierte Informationssysteme http://www.ag-nbi.de 12 Mobile Standards • A number of specificmarkuplanguages specified for the Mobile Web led to initialconfusion and poor uptake • Wireless MarkupLanguage(WML) • Handheld DeviceMarkupLanguage(HDML) • Compact HTML (cHTML) -> was used by iModephones • Thanks to W3C efforts, XHTML Basic is emergingas the standard for Web content on mobile phones. As a simplified version of HTML 4.0 • Non-modified Web sites can still bedisplayed, although they will potentially bepoorly organised or navigable • Web sites can bemoreeasily modified to support the XHTML Basic subset AG Netzbasierte Informationssysteme http://www.ag-nbi.de 13 Mobile Standards: WML / WAP 1.0 • Wireless MarkupLanguage(WML) • WML content is delivered by a normal HTTP server like Apache • Delivery mechanism is known as Wireless Application Protocol(WAP) • A gateway deviceis positioned between the phoneand the server whichacts likea proxy • The gateway takes a request from the phoneand fetches the WML pagefrom the server • The WML pageis binary encoded and passed to the phone(to minimisebandwidthand enablephone companies to monitor usage) • WML 1.0 supported monochrome and limited layout AG Netzbasierte Informationssysteme http://www.ag-nbi.de 14 Mobile Standards: WAP 2.0 • WML/WAP 1.0 was tied to the limitations of bandwidth and display encountered by mobile phones • As the hardwareevolved, the specification was superceded and the WAP Forum moved to supportinga subset of XHTML for Mobile Phones (XHTML MP) • XHTML MP is a superset of XHTML Basic which, along withCSS, has been approved by the WAP Forum as the markup languagefor mobile Web content • The delivery mechanism also evolved to WAP 2.0 • XHTML MP content is passed directly to the phone without binary encoding • The roleof the gateway is reduced to monitoringusage AG Netzbasierte Informationssysteme http://www.ag-nbi.de 15 Mobile Standards: XHTML • Convert your HTML 4.0 documents to XHTML 1.0 using the followingsteps: • makesurethat all your tags arenested correctly ie. ifyouput a bold tag and then italic, closethe italic beforeyouclosethe bold: <b><i>bold and italic</i></b> • convert all your tags to lowercase XHTML is case-sensitive • includeall end tags, and closesingleton tags ie. <p></p> and <br /> • quoteall your attributes ie. <imgsrc="image" /> AG Netzbasierte Informationssysteme http://www.ag-nbi.de 16 Mobile Standards: XHTML Basic • Makesureyour XHTML does not includeany elements not part of the followingmodules: • StructureModule body, head, html, title • Text Module abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, var • Hypertext Module a • List Module dl, dt, dd, ol, ul, li • Basic Forms Module form, input, label, select, option, textarea • Basic Tables Module caption, table, td, th, tr • Image Module img • Object Module object, param • Meta Information Module meta • Link Module link • Base Module base AG Netzbasierte Informationssysteme http://www.ag-nbi.de 17 Mobile Standards: XHTML Basic • What youdefinitely shouldn”t have • style element Ifyouneed to useCSS, youshould useexternalstyle sheets withthe link element • script and noscript elements most smalldevices havelimited memory, and scripting may not besupported • frames frames depend upon a screen interfacethat may or may not bepresent in a smalldevice AG Netzbasierte Informationssysteme http://www.ag-nbi.de 18 Mobile Standards: XHTML MP • derived from XHTML 1.1 Basic Profile by addingXHTML Modules • later versions of the standard added moremodules. • However, for certain modules, XHTML-MP does not mandatea completeimplementation so a XHTML-MP browser may not befully conformingon all modules. • The MIMEtypefor XHTML Mobile Profile is "application/vnd.wap.xhtml+xml". Conforminguser agents should also accept "application/xhtml+xml" and "text/html". AG Netzbasierte Informationssysteme http://www.ag-nbi.de 19 Mobile Standards: XHTML MP <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Cafe</title> </head> <body> <p align="center" style="color: red;"> <img src="cafe.gif" alt="cafe"/><br/> <b>Rob's Transport Cafe</b> </p> <p align="center"> Greasy food cooked to perfection, then cooked some more </p> <p align="center"> <a href="cafe_menu.xhtml" accesskey="1" title="Menu">Menu</a> <a href="cafe_location.xhtml" accesskey="2" title="Location">Location</a> </p> </body> </html> AG Netzbasierte Informationssysteme http://www.ag-nbi.de 20 Mobile Standards: XHTML MP This XHTML MP pagewill looksomethinglikethis: Two differences to regular XHTML: 1. Required DOCTYPE identifyingcontent
Load more

Recommended publications
  • Tr 126 907 V14.0.0 (2017-04)
    ETSI TR 126 907 V14.0.0 (2017-04) TECHNICAL REPORT Universal Mobile Telecommunications System (UMTS); LTE; HTML5 for a new presentation layer in 3GPP services (3GPP TR 26.907 version 14.0.0 Release 14) 3GPP TR 26.907 version 14.0.0 Release 14 1 ETSI TR 126 907 V14.0.0 (2017-04) Reference RTR/TSGS-0426907ve00 Keywords LTE,UMTS ETSI 650 Route des Lucioles F-06921 Sophia Antipolis Cedex - FRANCE Tel.: +33 4 92 94 42 00 Fax: +33 4 93 65 47 16 Siret N° 348 623 562 00017 - NAF 742 C Association à but non lucratif enregistrée à la Sous-Préfecture de Grasse (06) N° 7803/88 Important notice The present document can be downloaded from: http://www.etsi.org/standards-search The present document may be made available in electronic versions and/or in print. The content of any electronic and/or print versions of the present document shall not be modified without the prior written authorization of ETSI. In case of any existing or perceived difference in contents between such versions and/or in print, the only prevailing document is the print of the Portable Document Format (PDF) version kept on a specific network drive within ETSI Secretariat. Users of the present document should be aware that the document may be subject to revision or change of status. Information on the current status of this and other ETSI documents is available at https://portal.etsi.org/TB/ETSIDeliverableStatus.aspx If you find errors in the present document, please send your comment to one of the following services: https://portal.etsi.org/People/CommiteeSupportStaff.aspx Copyright Notification No part may be reproduced or utilized in any form or by any means, electronic or mechanical, including photocopying and microfilm except as authorized by written permission of ETSI.
    [Show full text]
  • XHTML Mobile Profile Reference
    XHTML Mobile Profile Reference Version 1.0 Openwave Systems Inc. 1400 Seaport Boulevard Redwood City, CA 94063 USA http://www.openwave.com Part Number XHRF-10-004 October 2001 LEGAL NOTICE Copyright © 1994–2001, Openwave Systems Inc. Portions copyright © 1994–1999, Netscape Communications Corporation. Portions copyright © 1994–1999, Oracle Corporation. All rights reserved. These files are part of the Openwave Software Developer’s Kit (SDK). Subject to the terms and conditions of the SDK License Agreement, Openwave Systems Inc. (“Openwave”) hereby grants you a license to use the SDK software and its related documentation. OPENWAVE MAKES NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED, REGARDING THE SDK SOFTWARE, INCLUDING, BUT NOT LIMITED TO, ANY IMPLIED WARRANTIES THAT THE SDK SOFTWARE IS FREE OF DEFECTS, MERCHANTABLE, FIT FOR A PARTICULAR PURPOSE, OR NONINFRINGING. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE LICENSED SOFTWARE IS BORNE BY USER. USER UNDERSTANDS AND ACCEPTS THE SDK SOFTWARE AND ANY SOFTWARE SECURITY FEATURES INCLUDED WITH THE SDK SOFTWARE ARE PROVIDED ON AN “AS IS” BASIS FROM OPENWAVE, AND OPENWAVE DOES NOT WARRANT, GUARANTEE, OR MAKE ANY REPRESENTATIONS REGARDING THE USE OF, OR THE RESULTS OF THE USE OF THE SDK SOFTWARE IN TERMS OF ITS CORRECTNESS, ACCURACY, RELIABILITY, OR OTHERWISE. TO THE MAXIMUM EXTENT PERMITTED BY LAW, IN NO EVENT SHALL OPENWAVE OR ITS SUPPLIERS OR DISTRIBUTORS BE LIABLE FOR ANY DAMAGES RESULTING FROM OR ARISING OUT OF USER’S USE OF THE SDK SOFTWARE, INCLUDING, WITHOUT LIMITATION, ANY DIRECT, INDIRECT, SPECIAL, INCIDENTIAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND INCLUDING WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES.
    [Show full text]
  • Sprint PCS® Mobile Browser Technology Paper
    Sprint PCS® Mobile Browser Technology Paper Writing Consistent Mobile Browser Content on Sprint PCS Phones Version 1.0 July 2004 ©2004 Sprint and Metrowerks. All rights reserved. Sprint, Sprint PCS, Web, Sprint PCS Phone, Sprint PCS Vision, and the diamond logo are registered trademarks of Sprint Communications Company L. P. All other trademarks are property of their respective owners. Table of Contents Table of Contents..............................................................................................................2 1 Introduction.............................................................................................................3 1.1 Target Audience.....................................................................................................3 1.2 About this document...............................................................................................3 2 Document Conventions..........................................................................................3 3 Overview of Wireless Application Protocol (WAP) 2.0 Markup Language .............3 3.1 XHTML Basic and Mobile Profile............................................................................4 3.2 Key Differences between WML 1.x and XHTML ....................................................5 4 Overview Of Sprint WAP 2.0 Phones and Browsers..............................................7 5 Writing Consistent WAP 2.0 Applications Across Sprint PCS Phones...................8 5.1 Commonly used XHTML Mobile Profile Tags ........................................................8
    [Show full text]
  • Wap, Xhtml and Android
    WAP, XHTML AND ANDROID Jaume Barceló University Carlos III of Madrid Antonio de la Oliva Ruben cuevas Service Engineering Laboratory Ignacio soto BACK IN 1999, • Mobile and Internet communications were separate worlds • Nokia 7110, first mobile phone with a WAP browser. • WAP: Wireless Application Protocol. • Extra-simplified access to the Internet, due to terminal limitations and limited available bandwidth. SMALL LIMITATIONS, • Extremely limited bandwidth • SMS • Circuit-switching • Wait-and-pay • A substantial increase thanks to GPRS (2.5G) ~ 56kbps • Memory and processor limitations • Low resolution monochrome screen • No mouse, 15-keys keyboard WAP PROTOCOL STACK Internet Protocol Stack HTML Wireless Application Environment (WAE) JavaScript 1. Wireless Session Layer (WSP) HTTP 2. Wireless Transaction Protocol (WTP) TLS-SSL 3. Wireless Transport Layer Security (WTLS) 4. Wireless Datagram Protocol (WDP) TCP/IP UDP/IP Bearers: SMS USSD CSD CDMA IS-136 CDPD Etc.. A GW WAS REQUIRED WIRELESS APPLICATION ENVIRONMENT In WAP 1.X Wireless Markup Language (WML) Relies on a card/desk paradigm WMLScript WML EXAMPLE <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="card1" title="Tutorial"> <do type="accept" label="Answer"> <go href="#card2"/> </do> <p><select name="name"> <option value="HTML">HTML Tutorial</option> <option value="XML">XML Tutorial</option> <option value="WAP">WAP Tutorial</option> </select></p> </card> <card id="card2" title="Answer"> <p>You
    [Show full text]
  • HTML5 Audio 1 HTML5 Audio
    HTML5 Audio 1 HTML5 Audio HTML • HTML and HTML5; HTML editor • Dynamic HTML • XHTML • XHTML Basic (Mobile) • XHTML Mobile Profile and C-HTML • HTML element • Span and div • HTML attribute • Character encodings; Unicode • Language code • Document Object Model • Browser Object Model • Style sheets and CSS • Font family and Web colors • HTML scripting and JavaScript • W3C, WHATWG, and validator • Quirks mode • HTML Frames • HTML5 Canvas, WebGL, and WebCL • HTML5 Audio and HTML5 video • Web storage • Web browser (layout) engine • Comparison of • document markup languages • web browsers • layout engine support for • HTML; Non-standard HTML • XHTML (1.1) • HTML5; HTML5 canvas, • HTML5 media (Audio, Video) • v • t [1] • e HTML5 Audio is a subject of the HTML5 specification, investigating audio input, playback, synthesis, as well as speech to text in the browser. HTML5 Audio 2 <audio> element The <audio> element represents a sound, or an audio stream.[2] It is commonly used to play back a single audio file within a web page, showing a GUI widget with play/pause/volume controls. Supported browsers • PC • Google Chrome • Internet Explorer 9 • Mozilla Firefox 3.5 • Opera 10.5 • Safari 3.1[3] • Mobile • Android Browser 2.3 • Blackberry Browser • Google Chrome for Android • Internet Explorer Mobile 9 • Mobile Safari 4 • Mozilla Firefox for Android • Opera Mobile 11 • Tizen Supported audio codecs This table documents the current support for audio codecs by the <audio> element. Browser Operating Formats supported by different web browsers system Ogg
    [Show full text]
  • Dynamic HTML
    From Wikipedia, the free encyclopedia (Redirected from DHTML) Dynamic HTML, or DHTML, is an umbrella term for a collection of HTML technologies used together to create interactive and animated web sites[1] by using a combination of a static markup language (such as HTML), a client-side scripting language (such as JavaScript), a presentation definition language (such as CSS), and the Document Object Model.[2] DHTML allows scripting languages to change variables in a web page's definition language, which in turn affects the look and function of otherwise "static" HTML page content, after the page has been fully loaded and during the viewing process. Thus the dynamic characteristic of DHTML is the way it functions while a page is viewed, not in its ability to generate a unique page with each page load. HTML and HTML5 Dynamic HTML By contrast, a dynamic web page is a broader concept — any web page XHTML generated differently for each user, load occurrence, or specific variable XHTML Mobile Profile and C-HTML values. This includes pages created by client-side scripting, and ones Canvas element created by server-side scripting (such as PHP, Perl, JSP or ASP.NET) Character encodings where the web server generates content before sending it to the client. Document Object Model Font family HTML editor HTML element HTML Frames HTML5 video 1 Uses HTML scripting 2 Structure of a web page Web browser engine 3 Example: Displaying an additional block of text Quirks mode 4 References Style sheets 5 External links Unicode and HTML W3C and WHATWG Web colors WebGL Web Storage Comparison of DHTML allows authors to add effects to their pages that are otherwise document markup languages difficult to achieve.
    [Show full text]
  • Web Standards.Pdf
    BOOKS FOR PROFESSIONALS BY PROFESSIONALS® Sikos, Ph.D. RELATED Web Standards Web Standards: Mastering HTML5, CSS3, and XML gives you a deep understand- ing of how web standards can be applied to improve your website. You will also find solutions to some of the most common website problems. You will learn how to create fully standards-compliant websites and provide search engine-optimized Web documents with faster download times, accurate rendering, lower development costs, and easy maintenance. Web Standards: Mastering HTML5, CSS3, and XML describes how you can make the most of web standards, through technology discussions as well as practical sam- ple code. As a web developer, you’ll have seen problems with inconsistent appearance and behavior of the same site in different browsers. Web standards can and should be used to completely eliminate these problems. With Web Standards, you’ll learn how to: • Hand code valid markup, styles, and news feeds • Provide meaningful semantics and machine-readable metadata • Restrict markup to semantics and provide reliable layout • Achieve full standards compliance Web standardization is not a sacrifice! By using this book, we can create and maintain a better, well-formed Web for everyone. CSS3, and XML CSS3, Mastering HTML5, US $49.99 Shelve in Web Development/General User level: Intermediate–Advanced SOURCE CODE ONLINE www.apress.com www.it-ebooks.info For your convenience Apress has placed some of the front matter material after the index. Please use the Bookmarks and Contents at a Glance links to access them. www.it-ebooks.info Contents at a Glance About the Author................................................................................................
    [Show full text]
  • Etsi Tr 126 907 V14.0.0 (2017-04)
    ETSI TR 126 907 V14.0.0 (2017-04) TECHNICAL REPORT Universal Mobile Telecommunications System (UMTS); LTE; HTML5 for a new presentation layer in 3GPP services (3GPP TR 26.907 version 14.0.0 Release 14) 3GPP TR 26.907 version 14.0.0 Release 14 1 ETSI TR 126 907 V14.0.0 (2017-04) Reference RTR/TSGS-0426907ve00 Keywords LTE,UMTS ETSI 650 Route des Lucioles F-06921 Sophia Antipolis Cedex - FRANCE Tel.: +33 4 92 94 42 00 Fax: +33 4 93 65 47 16 Siret N° 348 623 562 00017 - NAF 742 C Association à but non lucratif enregistrée à la Sous-Préfecture de Grasse (06) N° 7803/88 Important notice The present document can be downloaded from: http://www.etsi.org/standards-search The present document may be made available in electronic versions and/or in print. The content of any electronic and/or print versions of the present document shall not be modified without the prior written authorization of ETSI. In case of any existing or perceived difference in contents between such versions and/or in print, the only prevailing document is the print of the Portable Document Format (PDF) version kept on a specific network drive within ETSI Secretariat. Users of the present document should be aware that the document may be subject to revision or change of status. Information on the current status of this and other ETSI documents is available at https://portal.etsi.org/TB/ETSIDeliverableStatus.aspx If you find errors in the present document, please send your comment to one of the following services: https://portal.etsi.org/People/CommiteeSupportStaff.aspx Copyright Notification No part may be reproduced or utilized in any form or by any means, electronic or mechanical, including photocopying and microfilm except as authorized by written permission of ETSI.
    [Show full text]
  • Sikos, Ph.D. SECOND EDITION
    BOOKS FOR PROFESSIONALS BY PROFESSIONALS® Sikos, Ph.D. RELATED Web Standards Web Standards: Mastering HTML5, CSS3, and XML provides solutions to the most common web design problems, and gives you a deep understanding of web standards and how they can be implemented to improve your web sites. You will learn how to develop fully standards-compliant, mobile-friendly, and search engine-optimized web sites that are robust, fast, and easy to update while providing excellent user experience and interoperability. The book covers all major web standards for markup, style sheets, web typography, web syndication, semantic annotations, and accessibility. This edition has been fully updated with the latest in web standards, including the finalized HTML5 vocabulary and the full list of CSS3 properties. Web Standards: Mastering HTML5, CSS3, and XML is also a comprehensive guide to current and future standards for the World Wide Web, demonstrating the implementation of new technologies to address the constantly growing user expectations. Web Standards: Mastering HTML5, CSS3, and XML presents step-by-step guides based on solid design principles and best practices, and shows the most common web development tools and web design frameworks. You will master HTML5 and its XML serialization, XHTML5, the new structuring and multimedia elements, the most important HTML5 APIs, and understand the standardization process of HTML 5.1, HTML 5.2, and future HTML5 versions. What You’ll Learn: • Responsive Web Design techniques to create mobile-friendly web sites using the Mobile First Approach • The most common HTML5 APIs, CSS3 properties, and jQuery functions • Cutting-edge technologies for robustness, accessibility, machine-readability, and usability • How to write structured data as HTML5 Microdata for Google Rich Snippets Shelve in ISBN 978-1-4842-0884-7 Web Development/General 54499 User level: Intermediate–Advanced SECOND EDITION SOURCE CODE ONLINE 9781484 208847 www.apress.com www.it-ebooks.info For your convenience Apress has placed some of the front matter material after the index.
    [Show full text]
  • Tr 126 907 V16.0.0 (2021-04)
    ETSI TR 126 907 V16.0.0 (2021-04) TECHNICAL REPORT Universal Mobile Telecommunications System (UMTS); LTE; 5G; HTML5 for a new presentation layer in 3GPP services (3GPP TR 26.907 version 16.0.0 Release 16) 3GPP TR 26.907 version 16.0.0 Release 16 1 ETSI TR 126 907 V16.0.0 (2021-04) Reference RTR/TSGS-0426907vg00 Keywords 5G,LTE,UMTS ETSI 650 Route des Lucioles F-06921 Sophia Antipolis Cedex - FRANCE Tel.: +33 4 92 94 42 00 Fax: +33 4 93 65 47 16 Siret N° 348 623 562 00017 - APE 7112B Association à but non lucratif enregistrée à la Sous-Préfecture de Grasse (06) N° w061004871 Important notice The present document can be downloaded from: http://www.etsi.org/standards-search The present document may be made available in electronic versions and/or in print. The content of any electronic and/or print versions of the present document shall not be modified without the prior written authorization of ETSI. In case of any existing or perceived difference in contents between such versions and/or in print, the prevailing version of an ETSI deliverable is the one made publicly available in PDF format at www.etsi.org/deliver. Users of the present document should be aware that the document may be subject to revision or change of status. Information on the current status of this and other ETSI documents is available at https://portal.etsi.org/TB/ETSIDeliverableStatus.aspx If you find errors in the present document, please send your comment to one of the following services: https://portal.etsi.org/People/CommiteeSupportStaff.aspx Notice of disclaimer & limitation of liability The information provided in the present deliverable is directed solely to professionals who have the appropriate degree of experience to understand and interpret its content in accordance with generally accepted engineering or other professional standard and applicable regulations.
    [Show full text]
  • Programming the Web 06CS73
    Programming the web 06CS73 PROGRAMMING THE WEB Subject Code: 06CS73 IA Marks: 25 No. of Lecture Hrs./ Week : 04 Exam Hours : 03 Total No. of Lecture Hrs: 52 Exam Marks: 100 PART – A UNIT - 1 Fundamentals of Web, XHTML – 1: Internet, WWW, Web Browsers, and Web Servers; URLs; MIME; HTTP; Security; The Web Programmers Toolbox. XHTML: Origins and evolution of HTML and XHTML; Basic syntax; Standard XHTML document structure; Basic text markup. 6 Hours UNIT - 2 XHTML – 2: Images; Hypertext Links; Lists; Tables; Forms; Frames; Syntactic differences between HTML and XHTML. 6 Hours UNIT - 3 CSS: Introduction; Levels of style sheets; Style specification formats; Selector forms; Property value forms; Font properties; List properties; Color; Alignment of text; The Box model; Background images; The and tags; Conflict resolution. 6 Hours UNIT - 4 JAVASCRIPT: Overview of Javascript; Object orientation and Javascript; General syntactic characteristics; Primitives, operations, and expressions; Screen output and keyboard input; Control statements; Object creation and modification; Arrays; Functions; Constructor; Pattern matching using regular expressions; Errors in scripts; Examples. 8 Hours PART - B UNIT - 5 JAVASCRIPTCITSTUDENTS.IN AND HTML DOCUMENTS: The Javascript execution environment; The Document Object Model; Element access in Javascript; Events and event handling; Handling events from the Body elements, Button elements, Text box and Password elements; The DOM 2 event model; The navigator object; DOM tree traversal and modification. 6 Hours CITSTUDENTS.IN 1 Programming the web 06CS73 UNIT - 6 DYNAMIC DOCUMENTS WITH JAVASCRIPT: Introduction to dynamic documents; Positioning elements; Moving elements; Element visibility; Changing colors and fonts; Dynamic content; Stacking elements; Locating the mouse cursor; Reacting to a mouse click; Slow movement of elements; Dragging and dropping elements.
    [Show full text]
  • Mobile and the Web 2.0: from Standards to Technical Issues
    Mobile and the Web 2.0: From Standards to Technical Issues Francisco de Freitas Mobile Systems Seminar – Fall ‘09 Agenda • What is Web 2.0? • Mobile 2.0 and Web 2.0 • Mobile Web Standards • Mobile Web Best Practices • WML and XHTML MP • Comparison Between Standards • Trends and the Future of Mobile Web 2.0 • Summary • Discussion Topics What is Web 2.0? ` buzzword – meaningless marketing word, a “piece of jargon”. `(Tim Berners Lee) ` “The next generation of Web sites, applications and processes tied with the Internet.” `(The general Media) ` “It's a story about community and collaboration on a scale never seen before.” `(TIME Magazine) ` “It's the Intelligent Web! The more WE use it, the better it is.” `(Tim O'Reilly) Principles of Web 2.0 ` The Web as Platform ` Medium to share and distribute information ` Harnessing Collective Intelligence ` The read/write Web ` Data is the Next Intel Inside ` Mashups ` End of the Software Release Cycle ` Perpetual Beta / SaaS ` Lightweight Programming Models ` Re-usability - “Some rights reserved” ` Software Above the Level of a Single ` Web is not only on PCs Device ` Rich User Experiences ` GUI-Style user experiences, multimedia Web 2.0 is not AJAX or vice versa But it gives superior user experience and Web 2.0 is not a design aesthetic either! nice forms of data retrieval/creation The Machine is Us/using us ` Play video. Mobile Web Approach(es) and Web 2.0 ` The Mobile World is new: ` Mobile Web X Desktop ` Can it provide the same Web 2.0 experience? ` Limitations of the Mobile Device/Mobile World
    [Show full text]