XML3D – Interactive 3D Graphics for the Web

Total Page:16

File Type:pdf, Size:1020Kb

XML3D – Interactive 3D Graphics for the Web XML3D – Interactive 3D Graphics for the Web Kristian Sons∗ Felix Kleiny Dmitri Rubinsteinz Sergiy Byelozyorovx Philipp Slusallek{ DFKI Saarbrucken¨ Saarland University DFKI Saarbrucken¨ Saarland University DFKI Saarbrucken¨ Saarland University Saarland University Figure 1: A modified version of Chromium browser with XML3D support showing an extended Wikipedia page about Venice with realtime navigation and interaction with a 3D model of a famous Venetian palace (left) and a car configurator demonstrating the tight integration of 2D and 3D content within the same web page inside the modified Firefox browser (right). Abstract ics hardware, e.g. supports efficient mapping to GPUs without maintaining copies. It also leverages a new approach to specify Web technologies provide the basis to distribute digital information shaders independently of specific rendering techniques or graphics worldwide and in realtime but they have also established the Web APIs. We demonstrated the feasibility of our approach by integrat- as a ubiquitous application platform. The Web evolved from simple ing XML3D support into two major open browser frameworks from text data to include advanced layout, images, audio, and recently Mozilla and WebKit as well as providing a portable implementation streaming video. Today, as our digital environment becomes in- based on JavaScript and WebGL. creasingly three-dimensional (e.g. 3D cinema, 3D video, consumer 3D displays, and high-performance 3D processing even in mobile CR Categories: I.3.7 [Computer Graphics]: Three-Dimensional devices) it becomes obvious that we must extend the core Web tech- Graphics and Realism—Virtual Reality; I.3.6 [Methodology and nologies to support interactive 3D content. Techniques ]: Standards—Languages Instead of adapting existing graphics technologies to the Web, Keywords: XML3D, HTML5, DHTML, DOM, CSS, web inte- XML3D uses a more radical approach: We take today’s Web tech- grated, real-time, ray tracing nology and try to find the minimum set of additions that fully sup- port interactive 3D content as an integral part of mixed 2D/3D Web documents. 1 Motivation XML3D enables portable cross-platform authoring, distribution, Originally designed as an information network, the World Wide and rendering of and interaction with 3D data. As a declarative ap- Web has moved to an interactive multi-purpose platform for all proach XML3D fully leverages existing web technologies includ- kinds of applications, including web-mail, social networks, on- ing HTML, Cascading Style Sheets (CSS), the Document Object line shops, web mappings, and collaborative encyclopedias such Model (DOM), and AJAX for dynamic content. All 3D content is as Wikipedia. The web consits of ubiquitous W3C standards and exposed in the DOM, fully supporting DOM scripting and events, quick emergence of de facto standards such as thus allowing Web designers to easily apply their existing skills. The design of XML3D is based on modern programmable graph- • HTML [W3C 2010] as a markup language for content and structure, ∗e-mail: [email protected] ye-mail: [email protected] • CSS [W3C 2010] as a presentation definition language for the ze-mail: [email protected] style, x e-mail: [email protected] • DOM [W3C 2009d] representing the hierarchical structure of { e-mail: [email protected] the web document and • JavaScript [ECMA ] for client-side DOM scripting. These technologies comprise what was termed Dynamic HTML (DHTML) and constitute - together with asynchronous server ac- cess through the XMLHttpRequest [W3C 2009f] API - the technol- ogy stack for nearly all interactive and animated web sites in the browser. However, HTML itself only supports the description of text and shading and transformations is not separable from the geometry de- simple, box-shaped 2D graphics including images and video. More scription using CSS. X3D defines its own event model, that is in- flexible 2D vector graphics support has later been added through compatible with DOM Events. While the SAI defines an integration SVG [W3C 2009e]. However, support for interactive 3D graph- model for DOM nodes, it is limited to a one-time import of DOM ics is not yet available in any browser. It can be added through nodes with no bidirectional update or synchronization mechanisms. plug-ins that manage the 3D content internally often using a game engine or an X3D renderer. However, the content managed by these The most frequently used node for storing geometry in X3D is the plug-ins is completely separate from the rest of the web page. Us- IndexedFaceSet node. While it is a very flexible geometry repre- ing it in Web pages requires learning new APIs, new data models, sentation, for many configurations the data must be pre-processed and often unusual scripting languages. Furthermore, these plug-ins before it can be passed to low-level graphic APIs, like OpenGL or are largely incompatible with each other and can often not be in- DirectX, which require VertexArrays for good performance. How- stalled in certain (business) environments. As a result of this, there ever, the original data must stay available for possible changes via is hardly any 3D content on the Web even though it could signifi- routing or SAI access, requiring the need to store multiple copies cantly enhance the capabilities and usability of many Web applica- of the data. tions and the fact that it would readily be supported on essentially all the existing hardware platforms for the Web – even down to The X3D standard defines other geometry nodes that support unin- small and mobile devices. dexed or single-indexed vertex data, but these nodes are seldomly used. For most of the existing content and for output from common We believe that a standard technology for 3D graphics on the web X3D exporters an interim conversion step is necessary to achieve should reuse as much as possible of what web-technologies already hardware-friendly data structures. provide. It should thus extend the stack of Web technologies as well as expand the capabilities of all Web documents and applications. An integrated 3D technology would be familiar to web developers 2.2 X3DOM and compatible with existing libraries and tools used in web de- velopment. Our approach is therefore to design a 3D technology X3DOM [Behr et al. 2009] is an approach to embed the X3D scene compatible to DHTML that reuses a maximum of its concepts, in- graph into the DOM of a web page. Just like SVG, the 3D content cluding Cascading Style Sheets [W3C 2009a] and the Document should be displayed in place of the declaration without the need to Object Model [W3C 2009d]. install a plug-in. To seamlessly integrate X3D into the DOM, its functionality is stripped down to visualization components while On the Web most of the content developers will not be graphics ex- dynamics, distribution, security, and scripting are managed through perts, making it mandatory to provide an intuitive approach to 3D the web technologies provided by the browser. graphics that eliminates most low-level details anyway. Note that this is similar to text: HTML/CSS also do not provide all the op- The proposed architecture of X3DOM consists of a connector com- tions of a professional text layout engine but are “good enough” for ponent between the browser (front end) and an X3D runtime (back- the majority of use cases on the Web. Over time these capabilities end). The connector transforms the X3DOM scene graph, declared can and should be increased in a controlled manner, though. inside the DOM, into the scene graph of the X3D backend. After- wards, any change of the scene is synchronized between these two 2 Related Work representations. While the X3D-backend is responsible for render- ing the image, media linked in the X3D scene graph can be resolved In the following, we focus on and discuss existing technologies that using the browsers URI/URL streaming mechanism. The current add sophisticated 2D and 3D graphic capabilities to the web. We implementation of X3DOM is based on WebGL [Khronos 2009], also briefly discuss other, non-declarative, API-driven approaches, which includes an simple X3D runtime implemented in JavaScript. that do not define a markup language but provide the functionality to create content procedurally. While some of these approaches While the approach of X3DOM is similar to XML3D, it tries to add show great results, the use of a 3D system with an API is orthogonal an existing 3D graphics format into the web, rather than consequen- to declarative web documents and therefore difficult to compare to tially extending the current technology where necessary. This way, our approach. exisiting X3D content can be reused in the browser - as long as it does not exceeds the proposed DOM profile. 2.1 X3D But although X3D is stripped down to visualization and interaction components, it still contains features that do not fit well to the ubiq- X3D is an ISO Standard [Web3DConsortium 2008] file format to uitous use of DHTML in recent Web 2.0 applications. Thus X3D represent 3D scenes. X3D has XML encoding, an encoding that is does not separate the style and layout from the content as it’s done backwards-compatible to VRML97, as well as a FastInfoSet based in HTML with CSS and authors can realize interaction with sensor binary encoding. Additionally to the 3D content description, it also nodes and routes, a mechanism that the web community is unfami- defines a full runtime environment, including scripting and an event lar with. The common way to add interaction to a web page is via system. DOM Events and DOM Scripting. Adding DOM Events and CSS Besides several stand-alone browsers that implement the whole or to X3DOM would result in two opposed mechanisms to achieve parts of the X3D specification, there is a plug-in based web-browser the same behaviour and it is necessary to define which mechanism integration model, where the scene is stored and managed by the precedes the other.
Recommended publications
  • DHTML Effects in HTML Generated from DITA
    DHTML Effects in HTML Generated from DITA XML to PDF by RenderX XEP XSL-FO Formatter, visit us at http://www.renderx.com/ 2 | OpenTopic | TOC Contents DHTML Effects in HTML Generated from DITA............................................................3 XML to PDF by RenderX XEP XSL-FO Formatter, visit us at http://www.renderx.com/ OpenTopic | DHTML Effects in HTML Generated from DITA | 3 DHTML Effects in HTML Generated from DITA This topic describes an approach to creating expanding text and other DHTML effects in HTML-based output generated from DITA content. It is common for Help systems to use layering techniques to limit the amount of information presented to the reader. The reader chooses to view the information by clicking on a link. Most layering techniques, including expanding text, dropdown text and popup text, are implemented using Dynamic HTML. Overview The DITA Open Toolkit HTML transformations do not provide for layering effects. However, some changes to the XSL-T files, and the use of outputclassmetadata in the DITA topic content, along with some judicious use of JavaScript and CSS, can deliver these layering effects. Authoring Example In the following example illustrating the technique, a note element is to output as dropdown text, where the note label is used to toggle the display of the note text. The note element is simply marked up with an outputclass distinct attribute value (in this case, hw_expansion). < note outputclass="hw_expansion" type="note">Text of the note</note> Without any modification, the DITA OT will transform the note element to a paragraph element with a CSS class of the outputclass value.
    [Show full text]
  • Introduction to Scalable Vector Graphics
    Introduction to Scalable Vector Graphics Presented by developerWorks, your source for great tutorials ibm.com/developerWorks Table of Contents If you're viewing this document online, you can click any of the topics below to link directly to that section. 1. Introduction.............................................................. 2 2. What is SVG?........................................................... 4 3. Basic shapes............................................................ 10 4. Definitions and groups................................................. 16 5. Painting .................................................................. 21 6. Coordinates and transformations.................................... 32 7. Paths ..................................................................... 38 8. Text ....................................................................... 46 9. Animation and interactivity............................................ 51 10. Summary............................................................... 55 Introduction to Scalable Vector Graphics Page 1 of 56 ibm.com/developerWorks Presented by developerWorks, your source for great tutorials Section 1. Introduction Should I take this tutorial? This tutorial assists developers who want to understand the concepts behind Scalable Vector Graphics (SVG) in order to build them, either as static documents, or as dynamically generated content. XML experience is not required, but a familiarity with at least one tagging language (such as HTML) will be useful. For basic XML
    [Show full text]
  • COMP 2145 Web Programming
    South Central College COMP 2145 Web Programming Common Course Outline Course Information Description This course covers the popular server-side language PHP and Drupal, a popular CMS (Content Management System). It includes important language concepts such as data types, control statements, debugging techniques, the use of SQL (Standard Query Language). PHP will give the student experience with LAMP (Linux, Apache, MySQL, and PHP) . Prerequisites: COMP1140 - Web Development with a C or higher, or a working knowledge of HTML, CSS, and FTP. COMP1130 - Programming Fundamentals with a C or higher, or a working knowledge of at least one programming language. It is strongly recommended that you have a minimum typing speed of at least 35 wpm as well as a working knowledge of Microsoft Access (COMP1125). Instructional Associate Degree Level Total Credits 4.00 Total Hours 64.00 Types of Instruction Instruction Type Credits/Hours Online/lecture Pre/Corequisites C or better in COMP1140 C or better in COMP1130 or equivalent programming experience Course Competencies 1 Install and use PHP on a local server. Learning Objectives Describe Open Source software and why it is effective for improved software development. Draw a picture describing the relationship between client/server objects used by PHP and mySQL. Common Course Outline September, 2016 Install PHP and mySQL and an Apache web server. Write a simple test program using PHP on the local server (http://localhost/ ) Establish a working environment for PHP web page development. Use variables, constants, and environment variables in a PHP program. 2 Utilize HTML forms and PHP to get information from the user.
    [Show full text]
  • AJAX and Jquery L Raw AJAX Handling in JS Is Very Tedious L Jquery Provides Flexible and Strong Support to Handle AJAX Interactions Through a Set of Jquery Functions
    AJAX Asynchronous Design in Web Apps IT 4403 Advanced Web and Mobile Applications Jack G. Zheng Fall 2019 Topics l AJAX concepts and technical elements l AJAX implications and impacts l jQuery AJAX l Basic and shorthand methods l Error handling 2 AJAX l AJAX (Asynchronous JavaScript and XML) is a group of interrelated web development techniques used on the client-side to create interactive web applications. l Despite the name, the use of XML is not actually required, nor do the requests need to be asynchronous. 3 First Impression l https://www.google.com Use Chrome’s developer tools to view network communications while typing the search terms. A set of requests have been made to get JSON data from the server as I type in the search term box. Observe the “q” parameter in all URLs. 4 AJAX Model Difference With Ajax, web applications can communicate with servers in the background without a complete page loading after every request/response cycle. http://www.adaptivepath.com /ideas/ajax-new-approach- web-applications/ 5 Traditional Model The client does not generate views/presentations (HTML/CSS). Synchronous communications feature sequential request/response cycles, one after another The server prepares the whole page. http://www.websiteoptimization.com/secrets/ajax/8-1-ajax-pattern.html 6 Ajax Model l With Ajax, web applications can communicate with servers in the background without a complete page loading after every request/response cycle. The client generates views/presentations and update content (partial page) by manipulating DOM. Asynchronous communications feature independent request/response cycles The server prepares partial pages (partial HTML) or just data (XML or JSON).
    [Show full text]
  • EMERGING TECHNOLOGIES Dymamic Web Page Creation
    Language Learning & Technology January 1998, Volume 1, Number 2 http://llt.msu.edu/vol1num2/emerging/ pp. 9-15 (page numbers in PDF differ and should not be used for reference) EMERGING TECHNOLOGIES Dymamic Web Page Creation Robert Godwin-Jones Virginia Comonwealth University Contents: • Plug-ins and Applets • JavaScript • Dynamic HTML and Style Sheets • Instructional Uses • Resource List While remaining a powerful repository of information, the Web is being transformed into a medium for creating truly interactive learning environments, leading toward a convergence of Internet connectivity with the functionality of traditional multimedia authoring tools like HyperCard, Toolbook, and Authorware. Certainly it is not fully interactive yet, but that is undeniably the trend as manifested in the latest (version 4) Web browsers. "Dynamic HTML," incorporated into the new browsers, joins plug-ins, Web forms, Java applets, and JavaScript as options for Web interactivity. Plug-ins and Applets While Web pages are beginning to behave more like interactive applications, traditional authoring tools are themselves becoming Internet-savvy, primarily through the use of "plug-in" versions of players which integrate with Web browsers. The most commonly used plug-in today is Macromedia's "Shockwave," used to Web-enable such applications as Director, Authorware, and Flash. "Shocked" Web pages can be very interactive and provide a visually appealing means of interacting with users (as in some sample ESL exercises from Jim Duber). Plug-ins are easy to use -- they just need to be downloaded and installed. Some come bundled with Netscape and Microsoft's browsers, which simplifies considerably the installation process (and gives developers the confidence that most users will actually have the plug-in installed).
    [Show full text]
  • Webgl: up and Running
    WebGL: Up and Running Tony Parisi O'REILLY' Beijing • Cambridge • Farnham • Köln • Sebastopol • Tokyo Table of Contents Foreword vii Preface ix 1. An Introduction to WebGL 1 WebGL—A Technical Definition 2 3D Graphics—A Primer 4 3D Coordinate Systems 4 Meshes, Polygons, and Vertices 4 Materials, Textures, and Lights 5 Transforms and Matrices 6 Cameras, Perspective, Viewports, and Projections 7 Shaders 7 The WebGL API 9 The Anatomy of a WebGL Application 10 The Canvas and Drawing Context 10 The Viewport 11 Buffers, ArrayBuffer, and Typed Arrays 11 Matrices 12 TheShader 13 Drawing Primitives 14 Chapter Summary 15 2. Your First WebGL Program 17 Three.js—A JavaScript 3D Engine 17 Setting Up Three.j s 19 A Simple Three.js Page 20 A Real Example 22 Shading the Scene 26 Adding a Texture Map 27 Rotating the Object 28 iii The Run Loop and requestAnimationFrame() 28 Bringing the Page to Life 29 Chapter Summary 30 3. Graphics 31 Sim.js—A Simple Simulation Framework for WebGL 32 Creating Meshes 33 Using Materials, Textures, and Lights 38 Types of Lights 38 Creating Serious Realism with Multiple Textures 41 Textures and Transparency 46 Building a Transform Hierarchy 46 Creating Custom Geometry 50 Rendering Points and Lines 54 Point Rendering with Particle Systems 54 Line Rendering 56 Writing a Shader 57 WebGL Shader Basics 57 Shaders in Three.js 59 Chapter Summary 64 4. Animation 67 Animation Basics 67 Frame-Based Animation 67 Time-Based Animation 68 Interpolation and Tweening 69 Keyframes 70 Articulated Animation 70 Skinned Animation 71 Morphs 71 Creating Tweens Using the Tween.js Library 72 Creating a Basic Tween 73 Tweens with Easing 76 Animating an Articulated Model with Keyframes 79 Loading the Model 79 Animating the Model 81 Animating Materials and Lights 84 Animating Textures 86 Animating Skinned Meshes and Morphs 89 Chapter Summary 89 5.
    [Show full text]
  • Chapter 10 Document Object Model and Dynamic HTML
    Chapter 10 Document Object Model and Dynamic HTML The term Dynamic HTML, often abbreviated as DHTML, refers to the technique of making Web pages dynamic by client-side scripting to manipulate the document content and presen- tation. Web pages can be made more lively, dynamic, or interactive by DHTML techniques. With DHTML you can prescribe actions triggered by browser events to make the page more lively and responsive. Such actions may alter the content and appearance of any parts of the page. The changes are fast and e±cient because they are made by the browser without having to network with any servers. Typically the client-side scripting is written in Javascript which is being standardized. Chapter 9 already introduced Javascript and basic techniques for making Web pages dynamic. Contrary to what the name may suggest, DHTML is not a markup language or a software tool. It is a technique to make dynamic Web pages via client-side programming. In the past, DHTML relies on browser/vendor speci¯c features to work. Making such pages work for all browsers requires much e®ort, testing, and unnecessarily long programs. Standardization e®orts at W3C and elsewhere are making it possible to write standard- based DHTML that work for all compliant browsers. Standard-based DHTML involves three aspects: 447 448 CHAPTER 10. DOCUMENT OBJECT MODEL AND DYNAMIC HTML Figure 10.1: DOM Compliant Browser Browser Javascript DOM API XHTML Document 1. Javascript|for cross-browser scripting (Chapter 9) 2. Cascading Style Sheets (CSS)|for style and presentation control (Chapter 6) 3. Document Object Model (DOM)|for a uniform programming interface to access and manipulate the Web page as a document When these three aspects are combined, you get the ability to program changes in Web pages in reaction to user or browser generated events, and therefore to make HTML pages more dynamic.
    [Show full text]
  • Introduction to HTML/CSS/SVG/D3
    D3 Tutorial Introduction of Basic Components: HTML, CSS, SVG, and JavaScript D3.js Setup Edit by Jiayi Xu and Han-Wei SHen, THe OHio State University HTML - Hyper Text Markup Language • HTML is the standard markup language for creating Web pages • HTML describes the structure of Web pages using markup • HTML elements • HTML elements are the building blocks of HTML pages • represented by tags • Tags • HTML tags label pieces of content such as • <head> tag for “heading” • <p> for “paragraph” • <table> for “table” and so on • Browsers do not display the HTML tags, but use them to render the content of the page HTML - Plain Text • If we display the information only by plain text HTML Basics HTML is designed for marking up text by adding tags such as <p> to create HTML elements. Example image: HTML - Codes and the Result HTML - DOM • When a web page is loaded, the browser creates a Document Object Model of the page • The HTML DOM model is constructed as a tree of Objects HTML - DOM Document Root element: <html> Element: Element: <head> <body> Element: Element: Element: Element: <p> Element: <p> <title> <h1> <img> "to create Text: "HTML Text: "HTML Element "is designed Element: "by adding Element Element: Attribute: Attribute: HTML Tutorial" Basics" <strong> for" <em> tags such as" <code> <strong> "src" "style" elements. " "marking up “Example "HTML" "<p>" text" image” HTML - DOM • With the object model, JavaScript can create dynamic HTML by manipulating the objects: • JavaScript can change all the HTML elements in the page • Change all the
    [Show full text]
  • Dynamic HTML Friday, October 29, 2010 8:04:48 AM
    Introduction to Dynamic HTML Friday, October 29, 2010 8:04:48 AM ©2010 Microsoft Corporation. All rights reserved. Introduction to Dynamic HTML Dynamic HTML (DHTML) is a set of innovative features originally introduced in Microsoft Internet Explorer 4.0. By enabling authors to dynamically change the rendering and content of a Web page as the user interacts with it, DHTML enables authors to create visually compelling Web sites without the overhead of server-side programs or complicated sets of controls to achieve special effects. With DHTML, you can easily add effects to your pages that previously were difficult to achieve. For example, you can: Hide content until a given time elapses or the user interacts with the page. Animate text and images in your document, independently moving each element from any starting point to any ending point, following a predetermined path or one chosen by the user. Embed a ticker that automatically refreshes its content with the latest news, stock quotes, or other data. Use a form [ http://msdn.microsoft.com/en-us/library/ms535249(VS.85).aspx ] to capture user input, and then instantly process and respond to that data. DHTML achieves these effects by modifying the in-memory representation of the current document and automatically reformatting it to show changes. It does not reload the document, load a new document, or require a distant server to generate new content. Instead, it uses the user's computer to calculate and carry out changes. This means a user does not wait for text and data to complete time-consuming roundtrips to and from a server before seeing the results.
    [Show full text]
  • Formal Resume
    JOHN GARRETT 984-255-4525 [email protected] Experienced web, desktop, and iOS developer 1220 Barnes Street, Atlanta GA https://garrepi.dev EDUCATION Georgia Institute of Technology Atlanta, GA B.S. in Computer Science with a minor in Mathematics, GPA 3.31 Aug 2019 - Fall 2022 - Thread selection in Devices and Systems & Architecture The University of North Carolina at Charlotte Charlotte, NC Freshman year studying Computer Science with a minor in Mathematics, GPA 4.0 Jul 2018 –May 2019 EXPERIENCE Barrel Proof Apps Atlanta, GA Independent Contractor, Cross Platform Developer Aug 2020 – President - Built and maintained infrastructure to meet the demands of clients - Contributed to the ReactNative inspection utility app used by QI2 - Utilized Node.Js, MongoDB, and React to structure the web client and interoperability between QI2 inspectors - Effectively handled an entirely remote work environment by reliably communicating and exceeding deadlines SameTunes - sametunes.com Atlanta, GA Fullstack Developer, Interim CTO May 2020 - Nov 2020 - Migrated an existing codebase to a type-safe MVVM architecture - Increased speed, stability, and code uniformity while decreasing duplication, database calls, and page load times - Built and implemented a caching engine that has stored over 15 million items to reduce Spotify’s rate limiting - Designed a majority of the APIs, frontend pages, and backend logic used throughout the entire platform today Kabbage Atlanta, GA Mobile iOS Engineer Intern Jun 2019 – Dec 2019 - Studied and implemented a GraphQL
    [Show full text]
  • Building Dynamic Forms with XML, XSLT
    International Journal of Computing and Optimization Vol. 2, 2015, no. 1, 23 - 34 HIKARI Ltd, www.m-hikari.com http://dx.doi.org/10.12988/ijco.2015.517 Building Dynamic Forms with XML, XSLT Dhori Terpo University “E. Çabej”, Faculty of Natural Sciences, Department of Mathematics & Informatics, Gjirokastra, Albania Endrit Xhina University of Tirana, Faculty of Natural Sciences, Department of Informatics, Tirana, Albania Copyright © 2015 Dhori Terpo and Endrit Xhina. This is an open access article distributed under the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited. Abstract Data entry forms are a key component of all process automation applications. This paper will present an approach for building dynamic data entry forms using data that have been stored in a relational database. By following a series of steps, we transform these data into a dynamic HTML form using the web technologies XML and XSLT. This approach reduces the amount of software development time and maintenance required to generate and process such forms and can have very high payoff in many enterprise process automation applications. Keywords: Data Entry Form, HTML, XML, XSLT 1 The need for dynamic forms Data entry forms are a key component of all process automation applications. In current applications, most of the content of a data entry form is created during the phase of its development. When the requirements of an application are changed, this leads to redesign or recompile the form’s file. Furthermore, because different processes have different data inputs, the design of a preliminary data entry form for generalization, is impossible.
    [Show full text]
  • Asynchronous Javascript and XML
    Asynchronous JavaScript and XML Literature study on Ajax as part of the project ‘AJAX for Content Management’. By: Teunis van Wijngaarden ( [email protected] ) Abstract [Voor dit document een aparte abstract schrijven?] 1 Contents Asynchronous JavaScript and XML ........................................................................................1 Abstract ..............................................................................................................................1 1 Contents .......................................................................................................................1 2 Introduction .................................................................................................................2 3 Ajax history .................................................................................................................2 3.1 Introduction of Javascript ......................................................................................2 3.2 Introduction of frames ...........................................................................................2 3.3 Ansynchronous requests with ‘old’ techniques ......................................................2 3.4 An easier way to perform Asynchronous requests .................................................3 3.5 The new approach: Ajax .......................................................................................3 3.6 Ajax’s context: Web 2.0 ........................................................................................4
    [Show full text]