An Adventure with Client-Side XSLT to an Architecture for Building Bridges with Javascript

2018 ◽  
Author(s):  
Katherine Ford ◽  
Will Thompson
Keyword(s):  
User Interface ◽  
Development Process ◽  
Web Applications ◽  
Top Down ◽  
Web Based ◽  
Legal Forms ◽  
Client Side ◽  
The Web

This paper describes the development process we undertook to extend the capabilities of an XML-based authoring and publishing system. Originally designed to deliver content for print and the web, we transformed it into one that delivers fully interactive web-based wizards whose steps are generated automatically based on logic encoded into the source documents. To meet our requirements for the application, we rejected conventional top-down XML or JavaScript frameworks and instead sought to unite JavaScript and XSLT to leverage the strengths of each. Despite being underutilized as a client-side technology, XSLT is still a valuable tool in the development of modern web applications. Its expressive nature, continuing support in browsers, and ability to integrate with a modern virtual DOM-based user interface framework allowed us to build a complex legal forms application that was simpler and more productive than more conventional approaches. Our application demonstrates opportunities for symbiosis with client-side XSLT that has potential beyond legal forms and for an architecture with implications beyond XSLT.

Visual Environment for DOM-Based Wrapping and Client-Side Linkage of Web Applications

2011 ◽  
pp. 219-240
Author(s):  
Kimihito Ito ◽  
Yuzuru Tanaka
Keyword(s):  
Web Application ◽  
Web Applications ◽  
End Users ◽  
Web Pages ◽  
Web Based ◽  
Visual Component ◽  
Basic Infrastructure ◽  
Legacy Applications ◽  
Client Side ◽  
The Web

Web applications, which are computer programs ported to the Web, allow end-users to use various remote services and tools through their Web browsers. There are an enormous number of Web applications on the Web, and they are becoming the basic infrastructure of everyday life. In spite of the remarkable development of Web-based infrastructure, it is still difficult for end-users to compose new integrated tools of both existing Web applications and legacy local applications, such as spreadsheets, chart tools, and database. In this chapter, the authors propose a new framework where end-users can wrap remote Web applications into visual components, called pads, and functionally combine them together through drag-and-drop operations. The authors use, as the basis, a meme media architecture IntelligentPad that was proposed by the second author. In the IntelligentPad architecture, each visual component, called a pad, has slots as data I/O ports. By pasting a pad onto another pad, users can integrate their functionalities. The framework presented in this chapter allows users to visually create a wrapper pad for any Web application by defining HTML nodes within the Web application to work as slots. Examples of such a node include input-forms and text strings on Web pages. Users can directly manipulate both wrapped Web applications and wrapped local legacy tools on their desktop screen to define application linkages among them. Since no programming expertise is required to wrap Web applications or to functionally combine them together, end-users can build new integrated tools of both wrapped Web applications and local legacy applications.

Task Modelling for the Web (Aufgabenmodellierung für interaktive Webanwendungen)

i-com ◽  
2008 ◽  
Vol 6 (3/2007) ◽  
pp. 23-29 ◽  
Author(s):  
Birgit Bomsdorf
Keyword(s):  
Task Performance ◽  
Web Application ◽  
Development Process ◽  
Web Applications ◽  
Web Engineering ◽  
Time Usage ◽  
Build Time ◽  
Object Models ◽  
The Web ◽  
Modelling Approach

SummaryTask modelling has entered the development process of web applications, strengthening the usage-centred view within the early steps in Web-Engineering (WE). In current approaches, however, this view is not kept up during subsequent activities to the same degree as this is the case in the field of Human-Computer-Interaction (HCI). The modelling approach presented in this contribution combines models as known from WE with models used in HCI to change this situation. Basically the WE-HCI-integration is supported by combining task and object models as known from HCI with conceptual modelling known from WE. In this paper, the main focus is on the WebTaskModel, a task model adapted to web application concerns, and its contribution towards a task-related web user interface. The main difference to existing task models is the build-time and run-time usage of a generic task lifecycle. Hereby the description of exceptions and erroneous situations during task performance (caused by, e.g., the stateless protocol or Browser interaction) is enabled and at the same time clearly separated from the flow of correct action.

scholarly journals Developing Web-Application’s Automated Testing Technique

2019 ◽  
Vol 17 (3) ◽  
pp. 93-110
Author(s):  
A. V. Tkachev ◽  
D. V. Irtegov
Keyword(s):  
Web Application ◽  
Development Process ◽  
Web Applications ◽  
Assessment System ◽  
Automated Testing ◽  
Automatic Assessment ◽  
Testing Technique ◽  
Code Coverage ◽  
Client Side ◽  
User Actions

The article is devoted to the technique of automated testing of NSUts – automatic assessment system for programming tasks developed at NSU. The main priority for this technique is to test both the old and the new versions of the application, so that the same or minimally modified tests could be executed on two versions of the system with different architectures. This could be useful while organizing the development process for other applications with a long life cycle. To test not only the server but also the client side of the web application, we suggest using tools like Selenium WebDriver to simulate user actions by sending commands to real browsers. We use the well-known Page Object design pattern to handle differences in HTML layout and functionality, and describe a number of ways to make developed tests less fragile and easily adapt those to work with the new version of the system. The article also describes the use of this technique to organize automated testing of the NSUts system and analyzes its effectiveness. The analysis shows that the estimated code coverage by these tests is quite high, and therefore the technique can be considered effective and applied to other similar web applications.

scholarly journals An Improved Method for Multi-Lingual News Feed Application

2019 ◽  
Vol 9 (1) ◽  
pp. 6758-6760
Keyword(s):  
User Interface ◽  
Web Application ◽  
New Technologies ◽  
National Language ◽  
The Internet ◽  
Improved Method ◽  
Daily News ◽  
Web Based ◽  
Local Newspaper ◽  
The Web

In the present era, the internet and new technologies are changing the information behavior of news reader .Instead of reading a copy of the local newspaper or watching the scheduledevening news, people increasingly turn to the internet for daily news updates. A Multi-Lingual news feed application is aimed at developing a web based application named multilingual news feed app. This Application deals with the user who wants to read news from the web application. User can select different countries in which a user is interested, the latest news will be fetched from the selected country. The news will be fetched and displayed based on the country selected in its own national language & the news is categorized into 7 different categories. A user can select any category which they are looking for. When you are done selecting the country & category, then the page will automatically refresh and the news will be displayed on MultiLingual news feed application. This application also supports translation and the news can be translated into any language. This application is fully responsive and has a good-looking user interface. The users will find this application much interesting for reading the news articles.

scholarly journals Web-Based Job Aids Using RESTXQ and JavaScript for Authors of XML Documents

2016 ◽  
Author(s):  
Amanda Galtman
Keyword(s):  
Web Applications ◽  
Web Based ◽  
Job Aids ◽  
Xml Documents ◽  
Software Company ◽  
Technical Writers ◽  
Visualization Application ◽  
Exchange Data ◽  
The Web

Using XML as the source format for authoring technical publications creates opportunities to develop tools that provide analysis, author guidance, and visualization. This case study describes two web applications that take advantage of the XML source format of documents. The applications provide a browser-based tool for technical writers and editors in a 100-person documentation department of a software company. Compared to desktop tools, the web applications are more convenient for users and less affected by hard-to-predict inconsistencies among users' computers. One application analyzes file dependencies and produces custom reports that facilitate reorganizing files. The other helps authors visualize their network of topics in their documentation sets. Both applications rely on the XQuery language and its RESTXQ web API. The visualization application also uses JavaScript, including the powerful jQuery and D3 libraries. After discussing what the applications do and why, this paper describes some architectural highlights, including how the different technologies fit together and exchange data.

Towards Ubiquitous and Adaptive Web-Based Multimedia Communications via the Cloud

2015 ◽  
pp. 307-360 ◽  
Author(s):  
Spyros Panagiotakis ◽  
Ioannis Vakintis ◽  
Haroula Andrioti ◽  
Andreas Stamoulias ◽  
Kostas Kapetanakis ◽  
...  
Keyword(s):  
Web Applications ◽  
Multimedia Communications ◽  
Web Based ◽  
Client Server ◽  
Web Technologies ◽  
3D Environment ◽  
The Future ◽  
Web 3D ◽  
Service Adaptation ◽  
The Web

This chapter at first surveys the Web technologies that can enable ubiquitous and pervasive multimedia communications over the Web and then reviews the challenges that are raised by their combination. In this context, the relevant HTML5 APIs and technologies provided for service adaptation are introduced and the MPEG-DASH, X3Dom, and WebRTC frameworks are discussed. What is envisaged for the future of mobile multimedia is that with the integration of these technologies one can shape a diversity of future pervasive and personalized cloud-based Web applications, where the client-server operations are obsolete. In particular, it is believed that in the future Web cloud-based Web applications will be able to communicate, stream, and transfer adaptive events and content to their clients, creating a fully collaborative and pervasive Web 3D environment.

Towards Automated Bypass Testing of Web Applications

2010 ◽  
pp. 212-229 ◽  
Author(s):  
J. Miller ◽  
L. Zhang ◽  
E. Ofuonye ◽  
M. Smith
Keyword(s):  
Test Data ◽  
Web Applications ◽  
Test Cases ◽  
Web Based ◽  
Is Security ◽  
Mission Critical ◽  
Client Side ◽  
Input Validation

The construction and testing of Web-based systems has become more complex and challenging with continual innovations in technology. One major concern particularly for the deployment of mission critical applications is security. In Web-based systems, the principal vulnerabilities revolve around deficient input validation. This chapter describes a partially automated mechanism, the tool InputValidator, which seeks to address this issue through bypassing client-side checking and sending test data directly to the server to test the robustness and security of the back-end software. The tool allows a user to construct, execute and evaluate a number of test cases through a form-filling exercise instead of writing bespoke test code.

Specification of the Context of Use for the Development of Web-Based Applications

2011 ◽  
pp. 146-162
Author(s):  
Marta Fernández de Arriba ◽  
Eugenia Díaz ◽  
Jesús Rodríguez Pérez
Keyword(s):  
Web Applications ◽  
Assistive Technologies ◽  
Web Content ◽  
Disabled People ◽  
Technological Environment ◽  
Web Based ◽  
Development Team ◽  
Context Of Use ◽  
The Web

This chapter presents the structure of an index which serves as support so allowing the development team to create the specification of the context of use document for the development of Web applications, bearing in mind characteristics of usability and accessibility, each point of the index being explained in detail. A correct preparation of this document ensures the quality of the developed Web applications. The international rules and standards related to the identification of the context of use have been taken into account. Also, the functionality limitations (sensorial, physical, or cognitive) which affect access to the Web are described, as well as the technological environment used by disabled people (assistive technologies or alternative browsers) to facilitate their access to the Web content. Therefore, following the developed specification of the context of use, usable and accessible Web applications with their corresponding benefits can be created.

Web Authoring

2011 ◽  
pp. 122-156
Author(s):  
John DiMarco
Keyword(s):  
Web Applications ◽  
The Internet ◽  
Web Pages ◽  
Web Development ◽  
Web Page ◽  
Web Based ◽  
Content Creation ◽  
Microsoft Word ◽  
Software Skills ◽  
The Web

Web authoring is the process of developing Web pages. The Web development process requires you to use software to create functional pages that will work on the Internet. Adding Web functionality is creating specific components within a Web page that do something. Adding links, rollover graphics, and interactive multimedia items to a Web page creates are examples of enhanced functionality. This chapter demonstrates Web based authoring techniques using Macromedia Dreamweaver. The focus is on adding Web functions to pages generated from Macromedia Fireworks and to overview creating Web pages from scratch using Dreamweaver. Dreamweaver and Fireworks are professional Web applications. Using professional Web software will benefit you tremendously. There are other ways to create Web pages using applications not specifically made to create Web pages. These applications include Microsoft Word and Microsoft PowerPoint. The use of Microsoft applications for Web page development is not covered in this chapter. However, I do provide steps on how to use these applications for Web page authoring within the appendix of this text. If you feel that you are more comfortable using the Microsoft applications or the Macromedia applications simply aren’t available to you yet, follow the same process for Web page conceptualization and content creation and use the programs available to you. You should try to get Web page development skills using Macromedia Dreamweaver because it helps you expand your software skills outside of basic office applications. The ability to create a Web page using professional Web development software is important to building a high-end computer skills set. The main objectives of this chapter are to get you involved in some technical processes that you’ll need to create the Web portfolio. Focus will be on guiding you through opening your sliced pages, adding links, using tables, creating pop up windows for content and using layers and timelines for dynamic HTML. The coverage will not try to provide a complete tutorial set for Macromedia Dreamweaver, but will highlight essential techniques. Along the way you will get pieces of hand coded action scripts and JavaScripts. You can decide which pieces you want to use in your own Web portfolio pages. The techniques provided are a concentrated workflow for creating Web pages. Let us begin to explore Web page authoring.

Sign in / Sign up

Export Citation Format

Share Document