HTML5 and the Mobile Web

Total Page:16

File Type:pdf, Size:1020Kb

HTML5 and the Mobile Web 40 International Journal of Innovation in the Digital Economy, 3(2), 40-56, April-June 2012 HTML5 and the Mobile Web Kevin Curran, University of Ulster, UK Aaron Bond, University of Ulster, UK Gavin Fisher, University of Ulster, UK ABSTRACT Accessing the Web from mobile devices is a popular practice. Trends show that the mobile space is becoming the method through which many consumers access content – both through native and web applications. These applications have expanded the browsing experience, but have also complicated the development process. A need exists for a simple, uniform solution which HTML5 is attempting to address. HTML is a mark-up lan- guage, now on its fifth edition, used for structuring and presenting content on the World Wide Web. Because of the large increase in users of mobile devices, internet access on these devices is widely used. The creation of web sites, web documents, and applications are done with HTML5, as it is compatible with both PC and mobile device browsers. However, with its lengthy development process, it is not yet apparent if HTML5 can incorporate the demands of developers in a changing environment. This paper provides an overview of the use of HTML5 in structuring and presenting content on the World Wide Web and compatibility issues on mobile browsers, key features, tool’s, and the advantages and disadvantages on the mobile web devices as well as the state of the mobile web. Keywords: HTML, Mark-Up languages, Mobile Browsers, Mobile Devices, Mobile Web, Web Access 1. INTRODUCTION diverse as the devices themselves. The mobile web is now rivaling desktop usage for total time In North America, three-quarters (75%) of teens spent on the Internet. Total time spent online has and 93% of adults ages 18-29 now have a cell almost doubled in mobile devices (Ozks, 2011). phone (Lenhart et al., 2010). With the use of The proliferation of web-enabled mobile mobile platforms to access multimedia, social devices has had the effect of diversifying the networks and the internet becoming almost ubiq- hardware and platform architecture of devices uitous, many opinions on the most appropriate available to developers. This is both an advan- forms of development are emerging. With the tage to prospective developers and the biggest growing popularity of Android-based devices restriction: It is very unlikely that any applica- and the already popular Apple iPhone and iOS tion developed would have a single development platform, the options for developers (each with run due to the nature of the different hardware restrictions and unique abilities) are almost as and the different approaches necessary to de- velop software for them. HTML5 is becoming the new standard for web-development and DOI: 10.4018/jide.2012040104 is already being adopted all across the web. Copyright © 2012, IGI Global. Copying or distributing in print or electronic forms without written permission of IGI Global is prohibited. International Journal of Innovation in the Digital Economy, 3(2), 40-56, April-June 2012 41 34% of the web’s most visited sites conform their purpose exactly: “<section>”, “<article>” to HTML5 standards (Maine, 2011). One of and “<footer>” are examples of this. These the reasons for this adoption is the shift to the examples highlight the ability of HTML5 to Web and supporting applications. This means afford the developer a more efficient way of that the use of proprietary technologies to cre- designing the web content. Furthermore, the ate applications for the web is being subsumed efficiency of the standard is helped because it into the HTML5 standard, allowing developers allows the developer conform to DRY principles to create rich, platform-agnostic applications. (Don’t Repeat Yourself). Specifying HTML5 HTML (Hypertext Mark-up Language) is the is providing developers the opportunity of authoring language used to create documents on creating a standard which conforms to their the World Wide Web. HTML is used to define specific needs. With the specification being the structure and layout of a web page, how it is constructed by “people on the ground” who supposed to look and other special functions to are working with the technology all the time, be displayed. HTML achieves this by the use of the structure and content of HTML5 is being adding tags which have attributes. For example: suited to exactly what the industry is requir- <p> would be used in HTML to create a para- ing. For example, anyone who wishes to can graph break. When a user views a web page, have their say on what the important issues they would not see the HTML as it is hidden surrounding the HTML5 standard are; through from view, but they do see the results. HTML5 open forums and submission forms built right is the newest edition of this Mark-up Language into the specification (Hickson, 2011). which is widely used today and is supported by Approaching with this standardisation is many browsers in both PC and Mobile Devices. the ability for developers to create rich web Because of the rise in the quantity of mobile sites and applications which can be viewed devices users, more and more internet activity is many platforms – including mobile. HTML5 is on these devices. HTML5 offers many new and allowing the web to be uniform; offering similar improved features and is looking set to become and custom user experiences across platforms. the standard mark-up language in the very near It is overcoming obstacles set by hardware future. HTML5 is still a work in progress and manufacturers: different screen resolutions, has its compatibility issues that are being solved capabilities, sensor options, etc. By innovat- and supported as time goes on. HTML5 works ing and restructuring how content is created well on supported mobile browsers and offers for the web, the impact of these restrictions is many new features and advantages, so it is a minimised. When it comes to mobile web de- good choice in creating web sites, web pages velopment “our objective will be to make only and mobile applications. one product” (Firtman, 2010). This sentiment is In specifying the technology behind reflected in many publications and essentially HTML5, the specification is absorbing tech- boils down to the fact that the development of nologies like XHTML and by extension, XML any web content should consist of one develop- (as well as specifying important elements of ment period, with the content itself deciding how JavaScript). HTML5 is being specified because it should be presented to the user depending on the old standards of HTML have become laden viewing platform - an objective greatly assisted with convoluted functions and utilities which by the development of HTML5. are unnecessary and inefficient; HTML’s vo- cabulary has not kept up with the times (Lerner, 2011). HTML5 offers developers new methods 2. HTML5 of producing semantically expressive elements Vannevar Bush first proposed the basics of on web pages; such as replacing “div” tags Hypertext in 1945. Tim Berners-Lee popular- (commonly used to divide up a page into header, ised the World Wide Web, HTML (Hypertext navigation, footer, etc.) with tags which express Copyright © 2012, IGI Global. Copying or distributing in print or electronic forms without written permission of IGI Global is prohibited. 42 International Journal of Innovation in the Digital Economy, 3(2), 40-56, April-June 2012 Markup Language), HTTP (Hypertext Transfer while allowing humans, computers and devices Protocol) and URLs (Universal Resource Loca- to easily read and understand it. HTML5 is not ters) in 1990. HTML is basically the building only intended to succeed HTML 4 but XHTML, blocks of web pages. HTML was created origi- DOM2HTML and JavaScript as well. HTML5 nally so web browsers could read and compose attempts to define a single markup language to text, images and other materials into viewable avoid syntax errors that occur in existing web and readable web pages. The first version of documents and avoid the need to use various HTML was compatible with and worked well specifications to achieve complex web applica- in the NCSAs Mosaic Browser. As time went tions. HTML5 improves the markup available on new versions of HTML were published for documents and introduces markup and by a group which was set up and called the Application Programming Interfaces (API) s HTML Working Group. They went on to cre- for complex web applications. HTML5 has ate newer versions of HTML with HTML 2.0 a number of new elements and attributes that created in 1995 which was intended to be the have been developed with modern websites and first HTML specification to be a standard for there features in mind. With the rise of internet future implementation to be based on. In Janu- users accessing the web via mobile devices, ary 1997 HTML 3.0 was published as a W3C HTML5 has become the prime candidate for Recommendation which had dropped its maths cross-platform mobile applications. Many key formulas completely and did not succeed due to features of HTML5 have been created with a the draft being too large at 150 pages and due big consideration of being able to run on low to the pace of the browser development at the powered devices such as smart phones and time. Companies like Microsoft and Netscape tablet devices. chose to implement different subsets of HTML 3’s draft features as well as to introduce their own 2.1. HTML5 Features extensions to it. In December of 1997 HTML 4.0 was published which offered three new HTML5 provides users of mobile devices im- variations or rules which were Strict – in which proved usability and richer web applications. depreciated elements were forbidden for use, HTML5 adds many new syntactical features Transitional – in which depreciated elements which include <video>, <audio>, <header> were allowed for use and Framesets – where and <canvas> elements.
Recommended publications
  • Effects and Opportunities of Native Code Extensions For
    Effects and Opportunities of Native Code Extensions for Computationally Demanding Web Applications DISSERTATION zur Erlangung des akademischen Grades Dr. Phil. im Fach Bibliotheks- und Informationswissenschaft eingereicht an der Philosophischen Fakultät I Humboldt-Universität zu Berlin von Dipl. Inform. Dennis Jarosch Präsident der Humboldt-Universität zu Berlin: Prof. Dr. Jan-Hendrik Olbertz Dekan der Philosophischen Fakultät I: Prof. Michael Seadle, Ph.D. Gutachter: 1. Prof. Dr. Robert Funk 2. Prof. Michael Seadle, Ph.D. eingereicht am: 28.10.2011 Tag der mündlichen Prüfung: 16.12.2011 Abstract The World Wide Web is amidst a transition from interactive websites to web applications. An increasing number of users perform their daily computing tasks entirely within the web browser — turning the Web into an important platform for application development. The Web as a platform, however, lacks the computational performance of native applications. This problem has motivated the inception of Microsoft Xax and Google Native Client (NaCl), two independent projects that fa- cilitate the development of native web applications. Native web applications allow the extension of conventional web applications with compiled native code, while maintaining operating system portability. This dissertation determines the bene- fits and drawbacks of native web applications. It also addresses the question how the performance of JavaScript web applications compares to that of native appli- cations and native web applications. Four application benchmarks are introduced that focus on different performance aspects: number crunching (serial and parallel), 3D graphics performance, and data processing. A performance analysis is under- taken in order to determine and compare the performance characteristics of native C applications, JavaScript web applications, and NaCl native web applications.
    [Show full text]
  • The Challenges of Web Engineering and Requirements for Better Tool Support
    View metadata, citation and similar papers at core.ac.uk brought to you by CORE provided by Computer Science Technical Reports @Virginia Tech The Challenges of Web Engineering and Requirements for Better Tool Support Jochen Rode1, Mary Beth Rosson2, Manuel A. Pérez-Quiñones1 2 1Virginia Polytechnic Institute and State University Pennsylvania State University Center for Human-Computer Interaction School of Information Sciences & Technology 3160 Torgersen Hall 330D IST Building Blacksburg, VA 24061, USA University Park, PA 16802 [email protected], [email protected] [email protected] ABSTRACT We report the findings from two distinct studies – a survey and an We report the experiences of semi-professional developers interview study. After a brief review of related work we discuss regarding the challenges, tools, and processes within the domain our research methods and our major results. The survey and of web application development. The paper summarizes the main interview study jointly highlight key challenges such as: problems in web development, characterizes the habits of implementing security, cross-platform compatibility, debugging, programmers and concludes with a “developer’s wish list” for and technology integration. We first report the findings from the improvements to web technologies and tools. The report is based survey and the interviews separately and then summarize to paint on two independent sources – a survey of 31 web developers and a coherent picture of the status-quo of web development. an in-depth interview study with 10 participants. 2. RELATED WORK Keywords The analysis of web developers’ needs has received little attention Web application development, web development tools, web in the web engineering literature.
    [Show full text]
  • Introducing 2D Game Engine Development with Javascript
    CHAPTER 1 Introducing 2D Game Engine Development with JavaScript Video games are complex, interactive, multimedia software systems. These systems must, in real time, process player input, simulate the interactions of semi-autonomous objects, and generate high-fidelity graphics and audio outputs, all while trying to engage the players. Attempts at building video games can quickly be overwhelmed by the need to be well versed in software development as well as in how to create appealing player experiences. The first challenge can be alleviated with a software library, or game engine, that contains a coherent collection of utilities and objects designed specifically for developing video games. The player engagement goal is typically achieved through careful gameplay design and fine-tuning throughout the video game development process. This book is about the design and development of a game engine; it will focus on implementing and hiding the mundane operations and supporting complex simulations. Through the projects in this book, you will build a practical game engine for developing video games that are accessible across the Internet. A game engine relieves the game developers from simple routine tasks such as decoding specific key presses on the keyboard, designing complex algorithms for common operations such as mimicking shadows in a 2D world, and understanding nuances in implementations such as enforcing accuracy tolerance of a physics simulation. Commercial and well-established game engines such as Unity, Unreal Engine, and Panda3D present their systems through a graphical user interface (GUI). Not only does the friendly GUI simplify some of the tedious processes of game design such as creating and placing objects in a level, but more importantly, it ensures that these game engines are accessible to creative designers with diverse backgrounds who may find software development specifics distracting.
    [Show full text]
  • Introduction to Google Gears
    Colorado Software Summit: October 21 – 26, 2007 © Copyright 2007, Google Google Gears Dion Almaer code.google.com ajaxian.com Dion Almaer — Google Gears Slide 1 Colorado Software Summit: October 21 – 26, 2007 © Copyright 2007, Google Offline Web via Open Web • Why just solve this problem for Google? • Why not solve it for others? • Solution: Make it open source with a liberal license • New BSD Dion Almaer — Google Gears Slide 2 Colorado Software Summit: October 21 – 26, 2007 © Copyright 2007, Google Why? “How often are you on a plane?” • Reliability • 1% of downtime can hurt at the wrong time • Performance • Local acceleration • Convenience • Not having to find a connection • You are offline more than you think! Dion Almaer — Google Gears Slide 3 Colorado Software Summit: October 21 – 26, 2007 © Copyright 2007, Google What is the philosophy? •One application, one URL •Seamless transitions between online and offline •Ability to use local data, even when online •Available to all users on all platforms •... and a pony Dion Almaer — Google Gears Slide 4 Colorado Software Summit: October 21 – 26, 2007 © Copyright 2007, Google What is the philosophy? Browser plugin: IE, Firefox, Safari (almost!) Dion Almaer — Google Gears Slide 5 Colorado Software Summit: October 21 – 26, 2007 © Copyright 2007, Google What is the philosophy? Dion Almaer — Google Gears Slide 6 Colorado Software Summit: October 21 – 26, 2007 © Copyright 2007, Google What is the philosophy? Do for offline what XMLHttpRequest did for web apps Ajax Libraries Gears Libraries Dojo,
    [Show full text]
  • Learning HTML5 Game Programming Addison-Wesley Learning Series
    Learning HTML5 Game Programming Addison-Wesley Learning Series Visit informit.com/learningseries for a complete list of available publications. The Addison-Wesley Learning Series is a collection of hands-on programming guides that help you quickly learn a new technology or language so you can apply what you’ve learned right away. Each title comes with sample code for the application or applications built in the text. This code is fully annotated and can be reused in your own projects with no strings attached. Many chapters end with a series of exercises to encourage you to reexamine what you have just learned, and to tweak or adjust the code as a way of learning. Titles in this series take a simple approach: they get you going right away and leave you with the ability to walk off and build your own application and apply the language or technology to whatever you are working on. Learning HTML5 Game Programming A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL James L. Williams Upper Saddle River, NJ • Boston • Indianapolis • San Francisco New York • Toronto • Montreal • London • Munich • Paris • Madrid Cape Town • Sydney • Tokyo • Singapore • Mexico City Many of the designations used by manufacturers and sellers to distinguish their products Associate are claimed as trademarks. Where those designations appear in this book, and the publish- Publisher er was aware of a trademark claim, the designations have been printed with initial capital Mark Taub letters or in all capitals. Senior Acquisitions The author and publisher have taken care in the preparation of this book, but make no Editor expressed or implied warranty of any kind and assume no responsibility for errors or omis- Trina MacDonald sions.
    [Show full text]
  • Advanced NFV Features Applied to Multimedia Real-Time Communications Use Case
    Advanced NFV Features Applied to Multimedia Real-Time Communications Use Case Ana Pol ∗, Anton Roman ∗, Panagiotis Trakadas†, Panagiotis Karkazis†, Evgenia Kapassa‡, Marios Touloupou‡, Dimosthenis Kyriazis‡, Juan L. de la Cruz§, Pol Alemany§, Ricard Vilalta§, Raul Munoz§ ∗Quobis, O Porrino, Spain, Email: [ana.pol,anton.roman]@quobis.com †Synelixis Solutions S.A. 157, Perissou, str., 14343, Athens, Greece, Email: [ptrak,pkarkazis]@synelixis.com ‡Department of Digital Systems, University of Piraeus, Piraeus, Greece, Email: [ekapassa, mtouloup,dimos]@unipi.gr §CTTC, Castelldefels, Spain, Email:[jdelacruz,palemany,rvilalta,rmunoz]@cttc.es Abstract — Real-time communications are services with very application service on top of the SONATA (powered by demanding requirements in terms of reliability and Quality of 5GTANGO) service platform. Service (QoS) that is not easy to be reached. 5G technologies provide tools and techniques that promise to overcome the The remaining of the paper is organized as follows. Section current shortcomings and thus give the opportunity to service II presents the state of the art of this work, while Section III providers to offer better services to the end users. This paper introduces the overall SONATA (powered by 5GTANGO) aims at describing how an existing real-time communications Service Platform. Section IV describe in detail then enhanced service can leverage the innovative features offered by the proposed features, specially focusing on the recently new- SONATA Service Platform (SP), such as network slicing, added features such as QoS and multi-WIM support. This automated monitoring management and Service Level section describes also the principles of SONATA (powered Agreement (SLA) enforcement, to meet the challenging requirements of the service.
    [Show full text]
  • Will HTML 5 Restandardize the Web?
    TECHNOLOGY NEWS Will HTML 5 Restandardize the Web? Steven J. Vaughan-Nichols The World Wide Web Consortium is developing HTML 5 as a stan- dard that provides Web users and developers with enhanced func- tionality without using the proprietary technologies that have become popular in recent years. n theory, the Web is a resource enhanced functionality without using “Microsoft is investing heavily in that is widely and uniformly proprietary technologies. the W3C HTML 5 effort, working with usable across platforms. As Indeed, pointed out Google our competitors and the Web commu- such, many of the Web’s researcher Ian Hickson, one of the nity at large. We want to implement key technologies and archi- W3C’s HTML 5 editors, “One of our ratified, thoroughly tested, and stable Itectural elements are open and goals is to move the Web away from standards that can help Web interop- platform-independent. proprietary technologies.” erability,” said Paul Cotton, cochair of However, some vendors have The as-yet-unapproved standard the W3C HTML Working Group and developed their own technologies takes HTML from simply describing Microsoft’s group manager for Web that provide more functionality than the basics of a text-based Web to creat- services standards and partners in Web standards—such as the ability to ing and presenting animations, audio, the company’s Interoperability Strat- build rich Internet applications. mathematical equations, typefaces, egy Team. Adobe System’s Flash, Apple’s and video, as well as providing offline At the same time though, Web QuickTime, and Microsoft’s Silverlight functionality. It also enables geoloca- companies say their proprietary tech- are examples of such proprietary tion, a rich text-editing model, and nologies are already up and running, formats.
    [Show full text]
  • Silo: Exploiting Javascript and DOM Storage for Faster Page Loads
    Silo: Exploiting JavaScript and DOM Storage for Faster Page Loads James Mickens Microsoft Research [email protected] Abstract fast-loading pages result in happier users, longer visit times, and higher revenues for page owners. For exam- A modern web page contains many objects, and fetch- ple, when the e-commerce site Shopzilla reduced its av- ing these objects requires many network round trips— erage load time from 5 seconds to 1.5 seconds, it boosted establishing each HTTP connection requires a TCP page views by 25% and revenue by 10% [4]. Faster loads handshake, and each HTTP request/response pair re- also lead to more advertising impact, since Google’s Ad- quires at least one round trip. To decrease a page’s load Words system preferentially displays ads whose target time, designers try to minimize the number of HTTP re- pages load quickly [9]. Search engines also make load- quests needed to fetch the constituent objects. A com- ing speed a factor in their page rankings [22]. mon strategy is to inline the page’s JavaScript and CSS Given all of this, web designers have accumulated a files instead of using external links (and thus separate series of techniques for decreasing load times. Souder’s HTTP fetches). Unfortunately, browsers only cache ex- influential book High Performance Web Sites lists 14 of ternally named objects, so inlining trades fewer HTTP these techniques [23], with the most important one be- requests now for greater bandwidth consumption later if ing to minimize the number of HTTP requests needed a user revisits a page and must refetch uncacheable files.
    [Show full text]
  • Geolocation in the Browser from Google Gears to Geolocation Sensors
    Geolocation in the Browser From Google Gears to Geolocation Sensors Thomas Steiner Anssi Kostiainen Marijn Kruisselbrink Google LLC Intel Corporation Google LLC 20354 Hamburg, Germany 02160 Espoo, Finland San Francisco, CA 94105, USA [email protected] [email protected] [email protected] ABSTRACT 1 HISTORY OF BROWSER GEOLOCATION Geolocation is arguably one of the most powerful capabilities of Geolocation has been available to developers implicitly through smartphones and a lot of attention has been paid to native applica- the mapping of Internet Protocol (ip) addresses or address blocks tions that make use of it. The discontinued Google Gears plugin was to known locations. There are numerous paid subscription and one of the rst approaches to access exact location data on the Web free geolocation databases with varying claims of accuracy that as well, apart from server-side coarse location lookups based on In- range from country level to state or city level, sometimes including ternet Protocol (ip) addresses; and the plugin led directly to the now zip/post code level. A popular free way to obtain ip-based location widely implemented Geolocation api. The World Wide Web Con- data was through Google’s ajax api Loader library [2], which pro- sortium (w3c) Geolocation api specication denes a standard for vided an approximate, region-level estimate of a user’s location accessing location services in the browser via JavaScript. For a long through its google.loader.ClientLocation property. This api time, developers have also demanded more advanced features like did not require users to install any client-side software. Implicit background geolocation tracking and geofencing.
    [Show full text]
  • HTML5 in Web Development: a New Approach
    International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 05 Issue: 03 | Mar-2018 www.irjet.net p-ISSN: 2395-0072 HTML5 in Web Development: A New Approach Ashis Kumar Ratha1, Shibani Sahu2, Priya Meher3 1Asst.Prof, Department of Computer Science & Engg., VIT, Bargarh, Odisha ,INDIA 2,3 Student Researcher, Department of Computer Science & Engg., VIT, Bargarh Odisha ,INDIA ---------------------------------------------------------------------***--------------------------------------------------------------------- Abstract - HTML5 is everywhere these days. HTML5 is the designer the new features provided by the HTML5 would new and elegant standard for HTML that provides web users add up new values. and developers enhanced functionality. The older versions of HTML, HTML 4.01, which came in 1999, and the web development have changed notably since then. HTML 4, XHTML, CSS and the HTML DOM Level 2 are now replaced with HTML5. It was brought to deliver rich content without the need for additional plug-ins and proprietary technologies. The new power of HTML5 supplies the user everything from animation to graphics, music to movies, and can also be used to build complicated web applications and also supports cross-platform. HTML5 standard initiates the development of real-time collaborations in web browsers, which leads to less work for web developers. (Figure-1) Key Words: Web, users, HTML, HTML5 features, accessibility HTML5 provides cross platform, which is designed to display webpages on Smart TV, Tablet, PC, Smartphone etc. INTRODUCTION So many websites as well as browser designers are adopting HTML5 elements. The main temptation for the Web is the fastest growing resource that is rapidly and web developers and browsers is that someone can create constantly used across almost every platforms.
    [Show full text]
  • CS M15W: Client Side Web Development Using HTML/Javascript 1
    CS M15W: Client Side Web Development Using HTML/JavaScript 1 CS M15W: CLIENT SIDE WEB DEVELOPMENT USING HTML/ JAVASCRIPT Originator Loay Alnaji College Moorpark College Attach Support Documentation (as needed) CS M15W_Computer Programming_Moorpark_Analysis_Report.pdf CS M15W_SurveyedDataReport.docx CS M15W_SantaMonicaCatalog.pdf CS M15W_Minutes_1st CS Advisory Meeting_ 4-16-18_Esmaail Nikjeh (3).docx CS M15W_state approval letter_CCC000608536.pdf Discipline (CB01A) CS - Computer Science Course Number (CB01B) M15W Course Title (CB02) Client Side Web Development Using HTML/JavaScript Banner/Short Title ClientSide WebD HTML/JavaScrip Credit Type Credit Honors No Start Term Spring 2020 Catalog Course Description Introduces students to different methodologies used to develop webpages. Explains the syntax and semantics of Hyper Text Markup Language (HTML). Introduces the different tools to create dynamic and static webpages using Cascading Style Sheets (CSS) and JavaScript. Develops written, oral communication and analysis skills in students so they can review and critique web content from a developer's perspective. Taxonomy of Programs (TOP) Code (CB03) 0707.20 - *Database Design and Administration Course Credit Status (CB04) D (Credit - Degree Applicable) Course Transfer Status (CB05) (select one only) B (Transferable to CSU only) Course Basic Skills Status (CB08) N - The Course is Not a Basic Skills Course SAM Priority Code (CB09) C - Clearly Occupational Course Cooperative Work Experience Education Status (CB10) N - Is Not Part of a Cooperative
    [Show full text]
  • CSCC09 Programming on the Web
    CSCC09 Programming on the Web Thierry Sans Architecture of a Web Application Client Side Server Side Web Browser Web Server Web Technologies Content Resources Presentation management Client Side Processing The evolution of web applications The Virtuous Circle faster, better technology new usage How web technologies have changed? Ajax (interactivity) • Homogeneous implementation of • the standards • HTML 5 (multimedia) • Increasing speed of rendering and Javascript engines Better Better Standards Browsers Better Development Tools • Web-oriented languages • Web frameworks Consequence 1 (of 2) ➡ The application is moving from the server to the client ✓ Rich Content Traditional Web Platform Client Side Server Side Web Browsers Web Server Modern Web Platform Client Side Server Side Smartphones and Tablets Web Server Consequence 2 ➡ Data storage and data processing are moving from the desktop to the cloud ๏ Cloud Computing Customer Resources Management Accounting and Billing Collaboration E-Learning Web Portals Content Management Planning E-Health Where Web Applications are going Rich Content + Cloud Computing = A new way to think about software Web Technologies are at the heart of this change Emerging Web Platform Client Side Server Side Web-based Operating System Web Server Web applications from the developer’s perspective Why are web applications so popular? • Easy to deploy • Easy to maintain • Fast and reliable technology (especially browsers) What is challenging about web development • A large collection of languages, framework and dev
    [Show full text]