Rich User Interfaces for Web-Based Corporate Applications

Size: px
Start display at page:

Download "Rich User Interfaces for Web-Based Corporate Applications"

Transcription

1 Rich User Interfaces for Web-Based Corporate Applications Ivan Zapevalov, Software Engineer 1

2 Outline RIA technologies AJAX technology Widgets Demo application in JavaScript Demo application in GWT Web-catalog in GWT 2

3 Rich Internet Applications (RIA) web applications that have the features and functionality of traditional desktop applications 3

4 Why do we need rich Web interfaces? Every major company has its own web-system RIA is good combination Go with majority 4

5 RIA vs. Desktop and Pure-Web Web Desktop Rich Internet Apps Instant Deployment Cross-platform Progressive download Multimedia Standards-based: XML, SOAP, J2EE Interactive UI validation, formatting Fast response times (no page refresh) Drag and Drop Scalable Flexible and reusable Easy to add communications features 5

6 RIA Patterns Navigation (Breadcrumbs, Tab Navigation, etc.) Basic interactions (Paging, Slideshow, etc.) Searching (Site Map, Tag Cloud, Auto complete, etc.) Dealing with data (Table Filter, Collapsible Panels, etc.) Personalizing (Customizable Window, Login, etc.) Miscellaneous (Hot list, News box) Drag and Drop Auto Complete Progress Bar 6

7 RIA Patterns Examples Fly-out Menu Slideshow Collapsible Panels Charts 7

8 RIA Technologies AJAX (JavaScript and XML - embedded) Adobe Flex (via Flash Player) Silverlight (.NET plug-in) JavaFX (Java Virtual Machine) Xul (XULRunner) OpenLaszlo (Flash or HTML) Others 8

9 Common AJAX Architecture 9

10 Client Side Internet Browser with Ajax call support (IE 5.0+, Mozilla 1.0+, Safari 1.2+, Opera 7.6+) Web-page HTML/XHTML JavaScript CSS A J A X Other resources 10

11 Server Side For server side could use any technology which can receive AJAXcalls and send response Popular examples PHP.NET Python Ruby Java No server side 11

12 The keystone of AJAX is the XMLHttpRequest object <html> <head> <script type="text/javascript"> function loadxmldoc() { if (window.xmlhttprequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } 1. Create an XMLHttpRequest Object xmlhttp.onreadystatechange=function() { if (xmlhttp.readystate==4 && xmlhttp.status==200) { document.getelementbyid("mydiv").innerhtml=xmlhttp.responsetext; } } xmlhttp.open("get","ajax_info.txt",true); xmlhttp.send(); } </script> </head> <body> <div id="mydiv"><h2>let AJAX change this text</h2></div> <button type="button" onclick="loadxmldoc()">change Content</button> </body> </html> 3. Send request to server 2. Specify call back function 12

13 AJAX and MVC architecture Model View Controller (MVC) 13

14 Common AJAX Architecture 14

15 AJAX Frameworks Java for server-side Google Web Toolkit ZK DWR Echo2 JS libraries (any server-side) jquery Prototype EXT JS Dojo Toolkit Yahoo User interface 15

16 What is a widget? An element of a graphical user interface ( gui ) that displays information or that provides a specific way for the user to interact with the operating system and application 16

17 Widget as an independent element 17

18 Advantages of widgets Reusable Adjustable Enforce code/template separation Ready-made components Ready-made design 18

19 Demo application, concept Two RIA patterns Autocomplete box Tabs Mockup 19

20 Demo application using jquery, page 1 Architecture MVC pattern 20

21 Demo application using jquery, page 2 HEADER <head> <meta charset="utf-8"> <title>demo application</title> <!-- jquery libs --> <script src="http://code.jquery.com/jquery-latest.js"></script>. <!-- jqueryui libs --> <script type="text/javascript" src="http://jqueryui.com/ui/jquery.ui.core.js"></script>. <link type="text/css" href="http://jqueryui.com/themes/base/jquery.ui.all.css" rel="stylesheet" /> <!-- CSS style file --> <link rel="stylesheet" href="./demo.css"> 21

22 Demo application using jquery, page 3 <!--JS--> <script type="text/javascript"> $(function() { function format(mail) { return mail.name + " <" + mail.to + ">"; } <! Autocomplete controller--> </script> </head> }); $("# ").autocomplete('http://www.iberica.ru/ s.php', { multiple: true, datatype: "json", type: "GET", parse: function(data) { return $.map(data, function(row) { return { data: row, value: row.name, result: row.name + " <" + row.to + ">" } }); }, <! JS updates View --> formatitem: function(item) { return format(item); } }) $(function() { $("#tabs").tabs(); }); 22

23 Demo application using jquery, page 4 BODY <body> <!-- Page Header --> <div class="header">demo application</div> <hr /> <!-- Autocomplete input --> <div id="content" class="autocomplete"> <form autocomplete="off"> <p><span>enter tag:</span> <input size="40" id=" " /></p> </form> </div> <!-- Tabs --> <div id="tabs"> <ul> <li><a href="#tabs-1">tab1</a></li> <li><a href="#tabs-2">tab2</a></li> <li><a href="#tabs-3">tab3</a></li> </ul> <div id="tabs-1"> <p>put here Tab1 content</p> <br> <img src="http://www.mobilelinuxinfo.com/images/nokia-n810.jpg"></div> <div id="tabs-2"> <p>put here Tab2 content</p> <br> <img src="http://www.cellphonehits.net/uploads/2008/10/android_openmoko.jpg"> </div> <div id="tabs-3"> <p>put here Tab3 content</p> <br> <img src="http://i.zdnet.com/blogs/apple-logo1.jpg"></div> </div> </body> </head> 23

24 Demo application using jquery, Results 24

25 GWT an example of corporate web framework GWT is a framework to create and maintain complex JavaScript frontend applications in Java GWT cross-compiler 25

26 Demo application using jquery, Metrics Knowledge (JS, HTML, CSS, PHP, JSON, jquery, jqueryui) 32 resource files loaded Total size 260KB 88 Lines of code or 2KB code 2 CSS styles 26

27 Demo application using GWT, page 1 Architecture MVC pattern 27

28 Demo application using GWT, page 2 Project structure 28

29 Demo application using GWT, page 3 Entry class package cern.edh.gwtdemo.client;... public class gwtdemo implements EntryPoint { public void onmoduleload() { /* Define main panel */ VerticalPanel mainverticalpanel = new VerticalPanel(); mainverticalpanel.setstylename("mainverticalpanel"); /* Add widgets */ mainverticalpanel.add(new HeaderWidget()); mainverticalpanel.add(new HTML("<hr/>")); mainverticalpanel.add(new AutocompleteWidget()); mainverticalpanel.add(new TabsWidget()); } RootPanel.get("mainDiv").add(mainVerticalPanel); } 29

30 Demo application using GWT, page 4 TabsWidget package cern.edh.gwtdemo.client.ui;... public class TabsWidget extends Composite { private TabPanel tp = new TabPanel(); private static final AppConstants constants = (AppConstants) GWT.create(AppConstants.class); public TabsWidget() { tp.add(new HTML(constants.tab1Content()), constants.tab1name()); tp.add(new HTML(constants.tab2Content()), constants.tab2name()); tp.add(new HTML(constants.tab3Content()), constants.tab3name()); // Show the 'first' tab initially. tp.selecttab(0); } initwidget(tp); setstylename("tabswidget"); } 30

31 Demo application using GWT, page 5 Keep resources in separate files AppConstants.java (can be generated from *. properties) package cern.edh.gwtdemo.client; import com.google.gwt.i18n.client.constants; public interface AppConstants extends Constants { String apptitle();... } String searchboxlabel(); AppConstants.properties apptitle = Demo application searchboxlabel = Enter tag: 31

32 Demo application using GWT, Results 32

33 Demo application using GWT, Metrics Knowledge (Java, CSS, PHP, JSON) 10 resource files loaded Total size 85KB 220 Lines of code or 5KB code 6 CSS styles 33

34 Our experience in web-interfaces EDH 1998 EDH NOW 34

35 Our experience with web-interfaces What s next? 35

36 Benefits of Java 36

37 Advantages of GWT No JavaScript syntax errors Can use complex Java on client Can send complex Java types to/from server Standalone test environment Supported by Google 37

38 Disadvantages of GWT Difficult to get used to at first, but very powerful in the long run There is not as much functionality in standard widgets Not search engine friendly Unusual approach 38

39 CERN Store catalog in GWT Application which helps to buy goods at CERN directly 39

40 Widgets in GWT-Catalog 40

41 More widgets in GWT-Catalog 41

42 CERN GWT-Catalog Metrics 66 Java classes ~200 CSS styles 20 widgets 10 Java beans 16 event handlers 20K lines of code 42

43 Direct Advantages Performance (faster and more responsive) Interactivity Feeling that updates are happening instantly Increased usability 43

44 Problems with AJAX You cannot rely on one request finishing before next is triggered Requests can take different lengths of time based on a huge array of factors Can really mess up your application 44

45 Overly rich applications also bad For mobile and wireless LAN users Performance problems Too complex for normal user 45

46 Useful Links RIA Design Patterns (http://www.welie.com/patterns/, ) Google Web Toolkit (http://code.google.com/webtoolkit/ ) jquery and jqueryui (http://jquery.com/, Balsamiq Mockups (http://balsamiq.com/products/mockups) Ext GWT (http://www.sencha.com/products/gwt/) 46

47 Questions? 47

MO 25. Aug. 2008, 17:00 UHR RICH INTERNET APPLICATIONS MEHR BISS FÜR WEBANWENDUNGEN

MO 25. Aug. 2008, 17:00 UHR RICH INTERNET APPLICATIONS MEHR BISS FÜR WEBANWENDUNGEN 082 MO 25. Aug. 2008, 17:00 UHR 0 RICH INTERNET APPLICATIONS MEHR BISS FÜR WEBANWENDUNGEN 1 Rich Internet Applications - Definition «Rich Internet Applications (RIAs) are web applications that have the

More information

Rich Internet Applications

Rich Internet Applications Rich Internet Applications Prepared by: Husen Umer Supervisor: Kjell Osborn IT Department Uppsala University 8 Feb 2010 Agenda What is RIA? RIA vs traditional Internet applications. Why to use RIAs? Running

More information

Rich Internet Applications

Rich Internet Applications Document Reference TSL-SES-WP-0001 Date 4 January 2008 Issue 1 Revision 0 Status Final Document Change Log Version Pages Date Reason of Change 1.0 Draft 17 04/01/08 Initial version The Server Labs S.L

More information

Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf

Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf 1 The Web, revisited WEB 2.0 marco.ronchetti@unitn.it Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf 2 The old web: 1994 HTML pages (hyperlinks)

More information

Google Web Toolkit. Progetto di Applicazioni Software a.a. 2011/12. Massimo Mecella

Google Web Toolkit. Progetto di Applicazioni Software a.a. 2011/12. Massimo Mecella Google Web Toolkit Progetto di Applicazioni Software a.a. 2011/12 Massimo Mecella Introduction Ajax (Asynchronous JavaScript and XML) refers to a broad range of techniques Beyond the technical jargon,

More information

Performance Testing Web 2.0. Stuart Moncrieff (Load Testing Guru) www.jds.net.au / www.myloadtest.com

Performance Testing Web 2.0. Stuart Moncrieff (Load Testing Guru) www.jds.net.au / www.myloadtest.com Performance Testing Web 2.0 Stuart Moncrieff (Load Testing Guru) www.jds.net.au / www.myloadtest.com 1 Foundations of Web 2.0 (a history lesson) 1993 The National Center for Supercomputing Applications

More information

Whitepaper. Rich Internet Applications. Frameworks Evaluation. Document reference: TSL-SES-WP0001 Januar 2008. info@theserverlabs.com.

Whitepaper. Rich Internet Applications. Frameworks Evaluation. Document reference: TSL-SES-WP0001 Januar 2008. info@theserverlabs.com. Whitepaper Frameworks Evaluation Document reference: TSL-SES-WP0001 Januar 2008. info@theserverlabs.com 1 Introduction... 3 1.1 Purpose...3 1.2 Scope...3 2 RIA vs Stand-alone Desktop applications... 4

More information

AUTOMATED CONFERENCE CD-ROM BUILDER AN OPEN SOURCE APPROACH Stefan Karastanev

AUTOMATED CONFERENCE CD-ROM BUILDER AN OPEN SOURCE APPROACH Stefan Karastanev International Journal "Information Technologies & Knowledge" Vol.5 / 2011 319 AUTOMATED CONFERENCE CD-ROM BUILDER AN OPEN SOURCE APPROACH Stefan Karastanev Abstract: This paper presents a new approach

More information

CMSC434 TUTORIAL #3 HTML CSS JavaScript Jquery Ajax + Google AppEngine Mobile WebApp HTML5

CMSC434 TUTORIAL #3 HTML CSS JavaScript Jquery Ajax + Google AppEngine Mobile WebApp HTML5 CMSC434 TUTORIAL #3 HTML CSS JavaScript Jquery Ajax + Google AppEngine Mobile WebApp HTML5 JQuery Recap JQuery source code is an external JavaScript file

More information

Introduction to web development and JavaScript

Introduction to web development and JavaScript Objectives Chapter 1 Introduction to web development and JavaScript Applied Load a web page from the Internet or an intranet into a web browser. View the source code for a web page in a web browser. Knowledge

More information

2011 IEEE. Personal use of this material is permitted. Permission from IEEE must be obtained for all other uses, in any current or future media,

2011 IEEE. Personal use of this material is permitted. Permission from IEEE must be obtained for all other uses, in any current or future media, 2011 IEEE. Personal use of this material is permitted. Permission from IEEE must be obtained for all other uses, in any current or future media, including reprinting/republishing this material for advertising

More information

Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd.

Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd. Deepak Patil (Technical Director) pdeepak@iasys.co.in iasys Technologies Pvt. Ltd. The term rich Internet application (RIA) combines the flexibility, responsiveness, and ease of use of desktop applications

More information

AJAX. Gregorio López López glopez@it.uc3m.es Juan Francisco López Panea 100032757@alumnos.uc3m.es

AJAX. Gregorio López López glopez@it.uc3m.es Juan Francisco López Panea 100032757@alumnos.uc3m.es AJAX Gregorio López López glopez@it.uc3m.es Juan Francisco López Panea 100032757@alumnos.uc3m.es Departamento de Ingeniería Telemática Universidad Carlos III de Madrid Contents 1. Introduction 2. Overview

More information

AJAX and jmaki for Web 2.0 Development using Java. Inyoung Cho Java Technology Evangelist Sun Microsystems, Inc.

AJAX and jmaki for Web 2.0 Development using Java. Inyoung Cho Java Technology Evangelist Sun Microsystems, Inc. AJAX and jmaki for Web 2.0 Development using Java Inyoung Cho Java Technology Evangelist Sun Microsystems, Inc. Agenda AJAX Basics > What is AJAX? > AJAX Interaction:Using AutoComplete Sample Application

More information

Rich-Internet Anwendungen auf Basis von ColdFusion und Ajax

Rich-Internet Anwendungen auf Basis von ColdFusion und Ajax Rich-Internet Anwendungen auf Basis von ColdFusion und Ajax Sven Ramuschkat SRamuschkat@herrlich-ramuschkat.de München & Zürich, März 2009 A bit of AJAX history XMLHttpRequest introduced in IE5 used in

More information

AJAX Toolkit Framework

AJAX Toolkit Framework IBM Software Group AJAX Toolkit Framework Emerging Internet Technologies Group Ajax - What s our vision Grow Ajax adoption to the next phase Evolve tools that significantly reduce the development costs

More information

Front-End Performance Testing and Optimization

Front-End Performance Testing and Optimization Front-End Performance Testing and Optimization Abstract Today, web user turnaround starts from more than 3 seconds of response time. This demands performance optimization on all application levels. Client

More information

RIA Technologies Comparison

RIA Technologies Comparison RIA Technologies Comparison Focus Since the subject is huge I will first present a general view and then focus on more ( hopefully ) interesting parts Also, some key points need to be established: Technologies

More information

Chapter 1. Introduction to web development

Chapter 1. Introduction to web development Chapter 1 Introduction to web development HTML, XHTML, and CSS, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Load a web page from the Internet or an intranet into a web browser.

More information

Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088

Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088 Lucy Zhang UI Developer Lucyzhang3630@gmail.com/sales@besthtech.net Contact: 646-896-9088 SUMMARY Over 7 years of extensive experience in the field of front-end Web Development including Client/Server

More information

What s New in IBM Web Experience Factory 8.5. 2014 IBM Corporation

What s New in IBM Web Experience Factory 8.5. 2014 IBM Corporation What s New in IBM Web Experience Factory 8.5 2014 IBM Corporation Recent history and roadmap Web Experience Factory 8.0 2012 Multi-channel Client-side mobile Aligned with Portal 8 Developer productivity

More information

CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application

CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application BACKBONE.JS Sencha Touch CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application A RapidValue Solutions Whitepaper Author: Pooja Prasad, Technical Lead, RapidValue Solutions Contents Executive

More information

Web Application Development

Web Application Development Web Application Development Seminar OHJ-1820 Tampere University of Technology Fall 2007 http://www.cs.tut.fi/~taivalsa/kurssit/wads2007 Prof. Tommi Mikkonen & Dr. Antero Taivalsaari Background and Motivation

More information

Preface. Motivation for this Book

Preface. Motivation for this Book Preface Asynchronous JavaScript and XML (Ajax or AJAX) is a web technique to transfer XML data between a browser and a server asynchronously. Ajax is a web technique, not a technology. Ajax is based on

More information

Pivot Charting in SharePoint with Nevron Chart for SharePoint

Pivot Charting in SharePoint with Nevron Chart for SharePoint Pivot Charting in SharePoint Page 1 of 10 Pivot Charting in SharePoint with Nevron Chart for SharePoint The need for Pivot Charting in SharePoint... 1 Pivot Data Analysis... 2 Functional Division of Pivot

More information

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0

An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0 An introduction to creating Web 2.0 applications in Rational Application Developer Version 8.0 September 2010 Copyright IBM Corporation 2010. 1 Overview Rational Application Developer, Version 8.0, contains

More information

DOM, Jav Ja a v Script a and AJA AJ X A Madalina Croitoru IUT Mont Mon pellier

DOM, Jav Ja a v Script a and AJA AJ X A Madalina Croitoru IUT Mont Mon pellier DOM, JavaScript and AJAX Madalina Croitoru IUT Montpellier JavaScript Initially called LiveScript Implemented in Netscape Navigator Microsoft adapts it in 1996: Jscript European Computer Manufacturers

More information

Mashup Development Seminar

Mashup Development Seminar Mashup Development Seminar Tampere University of Technology, Finland Fall 2008 http://www.cs.tut.fi/~taivalsa/kurssit/mads2008/ Prof. Tommi Mikkonen Dr. Antero Taivalsaari Background History of computing

More information

Client-side Web Engineering From HTML to AJAX

Client-side Web Engineering From HTML to AJAX Client-side Web Engineering From HTML to AJAX SWE 642, Spring 2008 Nick Duan 1 What is Client-side Engineering? The concepts, tools and techniques for creating standard web browser and browser extensions

More information

Developing ASP.NET MVC 4 Web Applications

Developing ASP.NET MVC 4 Web Applications Course M20486 5 Day(s) 30:00 Hours Developing ASP.NET MVC 4 Web Applications Introduction In this course, students will learn to develop advanced ASP.NET MVC applications using.net Framework 4.5 tools

More information

NHS Education for Scotland Knowledge Services Design and Development Framework

NHS Education for Scotland Knowledge Services Design and Development Framework NHS Education for Scotland Knowledge Services Design and Development Framework In support of Invitation to Tender: Technical Development of Technical Development of a Platform supporting Communication,

More information

Web Cloud Architecture

Web Cloud Architecture Web Cloud Architecture Introduction to Software Architecture Jay Urbain, Ph.D. urbain@msoe.edu Credits: Ganesh Prasad, Rajat Taneja, Vikrant Todankar, How to Build Application Front-ends in a Service-Oriented

More information

Next Gen Web Architecture for the Cloud Era

Next Gen Web Architecture for the Cloud Era UNCLASSIFIED Next Gen Web Architecture for the Cloud Era Chief Scientist, Raytheon Saturn 2013 28 Apr - 3 May Copyright (2013) Raytheon Agenda Existing Web Application Architecture SOFEA Lessons learned

More information

Developing ASP.NET MVC 4 Web Applications MOC 20486

Developing ASP.NET MVC 4 Web Applications MOC 20486 Developing ASP.NET MVC 4 Web Applications MOC 20486 Course Outline Module 1: Exploring ASP.NET MVC 4 The goal of this module is to outline to the students the components of the Microsoft Web Technologies

More information

Load Testing Ajax Apps using head-less browser tools. NoVaTAIG April 13, 2011 Gopal Addada and Frank Hurley Cigital Inc.

Load Testing Ajax Apps using head-less browser tools. NoVaTAIG April 13, 2011 Gopal Addada and Frank Hurley Cigital Inc. Load Testing Ajax Apps using head-less browser tools NoVaTAIG April 13, 2011 Gopal Addada and Frank Hurley Cigital Inc. 1 Agenda About Cigital Background : AJAX and Load Test requirements Tools research

More information

Rich Internet Applications

Rich Internet Applications Rich Internet Applications [Image coming] Ryan Stewart Rich Internet Application Evangelist rstewart@adobe.com Ryan Stewart Flex Developer for 3 years Rich Internet Application Blogger for 2 years http://blogs.zdnet.com/stewart/

More information

IBM Script Portlet for WebSphere Portal Release 1.1

IBM Script Portlet for WebSphere Portal Release 1.1 IBM Script Portlet for WebSphere Portal Release 1.1 Topics Why script applications for WebSphere Portal The Script Portlet approach and its benefits Using Script Portlet Accessing data and services Downloadable

More information

Integration the Web 2.0 way. Florian Daniel (daniel@disi.unitn.it) April 28, 2009

Integration the Web 2.0 way. Florian Daniel (daniel@disi.unitn.it) April 28, 2009 Web Mashups Integration the Web 2.0 way Florian Daniel (daniel@disi.unitn.it) April 28, 2009 What are we talking about? Mashup possible defintions...a mashup is a web application that combines data from

More information

design coding monitoring deployment Java Web Framework for the Efficient Development of Enterprise Web Applications

design coding monitoring deployment Java Web Framework for the Efficient Development of Enterprise Web Applications Java Web Framework for the Efficient Development of Enterprise Web Applications Evolution Framework tools 100% reusability Complete Development Kit Evolution Framework enables fast and easy development

More information

Next Generation RIA apps. Stephan Janssen

Next Generation RIA apps. Stephan Janssen Next Generation RIA apps Stephan Janssen What is RIA? RIA Client = Application Server = 2 The RIA Eco-system RIA Desktop Desktop Related Web Related Web Processing Client side Server side C/C++ Classical

More information

Data Visualization in Ext Js 3.4

Data Visualization in Ext Js 3.4 White Paper Data Visualization in Ext Js 3.4 Ext JS is a client-side javascript framework for rapid development of cross-browser interactive Web applications using techniques such as Ajax, DHTML and DOM

More information

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1

SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 SUBJECT TITLE : WEB TECHNOLOGY SUBJECT CODE : 4074 PERIODS/WEEK : 4 PERIODS/ SEMESTER : 72 CREDIT : 4 TIME SCHEDULE UNIT TOPIC PERIODS 1. INTERNET FUNDAMENTALS & HTML Test 1 16 02 2. CSS & JAVASCRIPT Test

More information

Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy

Google Web Toolkit. Introduction to GWT Development. Ilkka Rinne & Sampo Savolainen / Spatineo Oy Google Web Toolkit Introduction to GWT Development Ilkka Rinne & Sampo Savolainen / Spatineo Oy GeoMashup CodeCamp 2011 University of Helsinki Department of Computer Science Google Web Toolkit Google Web

More information

Macromedia Dreamweaver 8 Developer Certification Examination Specification

Macromedia Dreamweaver 8 Developer Certification Examination Specification Macromedia Dreamweaver 8 Developer Certification Examination Specification Introduction This is an exam specification for Macromedia Dreamweaver 8 Developer. The skills and knowledge certified by this

More information

Example. Represent this as XML

Example. Represent this as XML Example INF 221 program class INF 133 quiz Assignment Represent this as XML JSON There is not an absolutely correct answer to how to interpret this tree in the respective languages. There are multiple

More information

HtmlUnit: An Efficient Approach to Testing Web Applications

HtmlUnit: An Efficient Approach to Testing Web Applications HtmlUnit: An Efficient Approach to Testing Web Applications Marc Guillemot Independent Consultant mguillemot@yahoo.fr Daniel Gredler Sr. Software Developer DHL Global Mail daniel.gredler@gmail.com Your

More information

Progressive Enhancement With GQuery and GWT. Ray Cromwell ray@timefire.com

Progressive Enhancement With GQuery and GWT. Ray Cromwell ray@timefire.com Progressive Enhancement With GQuery and GWT Ray Cromwell ray@timefire.com Web Application Models Web 1.0, 1 Interaction = 1 Page Refresh Pure JS, No Navigation Away from Page Mixed Model, Page Reloads

More information

Google Web Toolkit (GWT) Architectural Impact on Enterprise Web Application

Google Web Toolkit (GWT) Architectural Impact on Enterprise Web Application Google Web Toolkit (GWT) Architectural Impact on Enterprise Web Application First Generation HTTP request (URL or Form posting) W HTTP response (HTML Document) W Client Tier Server Tier Data Tier Web CGI-Scripts

More information

Server-Side Scripting and Web Development. By Susan L. Miertschin

Server-Side Scripting and Web Development. By Susan L. Miertschin Server-Side Scripting and Web Development By Susan L. Miertschin The OOP Development Approach OOP = Object Oriented Programming Large production projects are created by teams Each team works on a part

More information

Developing ASP.NET MVC 4 Web Applications Course 20486A; 5 Days, Instructor-led

Developing ASP.NET MVC 4 Web Applications Course 20486A; 5 Days, Instructor-led Developing ASP.NET MVC 4 Web Applications Course 20486A; 5 Days, Instructor-led Course Description In this course, students will learn to develop advanced ASP.NET MVC applications using.net Framework 4.5

More information

HTML5. Turn this page to see Quick Guide of CTTC

HTML5. Turn this page to see Quick Guide of CTTC Programming SharePoint 2013 Development Courses ASP.NET SQL TECHNOLGY TRAINING GUIDE Visual Studio PHP Programming Android App Programming HTML5 Jquery Your Training Partner in Cutting Edge Technologies

More information

Performance Testing for Ajax Applications

Performance Testing for Ajax Applications Radview Software How to Performance Testing for Ajax Applications Rich internet applications are growing rapidly and AJAX technologies serve as the building blocks for such applications. These new technologies

More information

Embedded BI made easy

Embedded BI made easy June, 2015 1 Embedded BI made easy DashXML makes it easy for developers to embed highly customized reports and analytics into applications. DashXML is a fast and flexible framework that exposes Yellowfin

More information

Experimenting in the domain of RIA's and Web 2.0

Experimenting in the domain of RIA's and Web 2.0 Experimenting in the domain of RIA's and Web 2.0 Seenivasan Gunabalan IMIT IV Edition, Scuola Suoperiore Sant'Anna,Pisa, Italy E-mail: s.gunabalan@websynapsis.com ABSTRACT This paper provides an overview

More information

Enterprise RIA Deployment Examples

Enterprise RIA Deployment Examples Enterprise RIA Deployment Examples Jnan Dash, Chief Strategy Officer, Curl Inc. jdash@curl.com Curl, Incorporated 1 Cambridge Center Cambridge, MA 02142 www.curl.com 617.761.1200 Speaker Bio Last 6 years

More information

CLASSROOM WEB DESIGNING COURSE

CLASSROOM WEB DESIGNING COURSE About Web Trainings Academy CLASSROOM WEB DESIGNING COURSE Web Trainings Academy is the Top institutes in Hyderabad for Web Technologies established in 2007 and managed by ITinfo Group (Our Registered

More information

PHP/MYSQL (Basic + Advance)

PHP/MYSQL (Basic + Advance) PHP/MYSQL (Basic + Advance) PHP/MYSQL Course Curriculum Page 1 Web Technologies XHTML What is HTML? Use of HTML. Difference between HTML, XHTML and DHTML. Basic HTML tags. Creating Forms with HTML. Understanding

More information

Administrator s Guide

Administrator s Guide SEO Toolkit 1.3.0 for Sitecore CMS 6.5 Administrator s Guide Rev: 2011-06-07 SEO Toolkit 1.3.0 for Sitecore CMS 6.5 Administrator s Guide How to use the Search Engine Optimization Toolkit to optimize your

More information

A review and analysis of technologies for developing web applications

A review and analysis of technologies for developing web applications A review and analysis of technologies for developing web applications Asha Mandava and Solomon Antony Murray state University Murray, Kentucky Abstract In this paper we review technologies useful for design

More information

Web 2.0 Technology Overview. Lecture 8 GSL Peru 2014

Web 2.0 Technology Overview. Lecture 8 GSL Peru 2014 Web 2.0 Technology Overview Lecture 8 GSL Peru 2014 Overview What is Web 2.0? Sites use technologies beyond static pages of earlier websites. Users interact and collaborate with one another Rich user experience

More information

Position Paper: Toward a Mobile Rich Web Application Mobile AJAX and Mobile Web 2.0

Position Paper: Toward a Mobile Rich Web Application Mobile AJAX and Mobile Web 2.0 Position Paper: Toward a Mobile Rich Web Application Mobile AJAX and Mobile Web 2.0 Jonathan Jeon, hollobit@etri.re.kr Senior Member of Research Staff, ETRI Seungyun Lee, syl@etri.re.kr Research Director

More information

Google Web Toolkit (GWT)

Google Web Toolkit (GWT) IMPORTANT NOTICE TO STUDENTS These slides are NOT to be used as a replacement for student notes. These slides are sometimes vague and incomplete on purpose to spark class discussions Google Web Toolkit

More information

HTML5 & IVI. Ethan Coh

HTML5 & IVI. Ethan Coh HTML5 & IVI Ethan Coh ethan.coh@obigo.com Prologue 2 40 years 3 20 years 4 All of the technology required to transform industries through software finally works and can be delivered at global scale. 5

More information

Advantage of Jquery: T his file is downloaded from

Advantage of Jquery: T his file is downloaded from What is JQuery JQuery is lightweight, client side JavaScript library file that supports all browsers. JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling,

More information

Deploying Web Applications with Eclipse and Tomcat

Deploying Web Applications with Eclipse and Tomcat Deploying Web Applications with Eclipse and Tomcat coreservlets.com custom onsite training For customized training related to JavaScript or Java, email hall@coreservlets.com Marty is also available for

More information

GUI and Web Programming

GUI and Web Programming GUI and Web Programming CSE 403 (based on a lecture by James Fogarty) Event-based programming Sequential Programs Interacting with the user 1. Program takes control 2. Program does something 3. Program

More information

Overview. In the beginning. Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript

Overview. In the beginning. Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript Overview In the beginning Static vs. Dynamic Content Issues with Client Side Scripting What is JavaScript? Syntax and the Document Object Model Moving forward with JavaScript AJAX Libraries and Frameworks

More information

Create interactive web graphics out of your SAS or R datasets

Create interactive web graphics out of your SAS or R datasets Paper CS07 Create interactive web graphics out of your SAS or R datasets Patrick René Warnat, HMS Analytical Software GmbH, Heidelberg, Germany ABSTRACT Several commercial software products allow the creation

More information

Copyright 2013 Splunk Inc. Introducing Splunk 6

Copyright 2013 Splunk Inc. Introducing Splunk 6 Copyright 2013 Splunk Inc. Introducing Splunk 6 Safe Harbor Statement During the course of this presentation, we may make forward looking statements regarding future events or the expected performance

More information

Introducing Apache Pivot. Greg Brown, Todd Volkert 6/10/2010

Introducing Apache Pivot. Greg Brown, Todd Volkert 6/10/2010 Introducing Apache Pivot Greg Brown, Todd Volkert 6/10/2010 Speaker Bios Greg Brown Senior Software Architect 15 years experience developing client and server applications in both services and R&D Apache

More information

Web-based IDE for Interfacing View Controller

Web-based IDE for Interfacing View Controller Web-based IDE for Interfacing View Controller A Writing Project Presented to The Faculty of the Department of Computer Science San José State University In Partial Fulfillment Of the Requirements for the

More information

Oracle Application Express 4.0

<Insert Picture Here> Oracle Application Express 4.0 Oracle Application Express 4.0 The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any

More information

Developer Tutorial Version 1. 0 February 2015

Developer Tutorial Version 1. 0 February 2015 Developer Tutorial Version 1. 0 Contents Introduction... 3 What is the Mapzania SDK?... 3 Features of Mapzania SDK... 4 Mapzania Applications... 5 Architecture... 6 Front-end application components...

More information

Software Development Interactief Centrum voor gerichte Training en Studie Edisonweg 14c, 1821 BN Alkmaar T: 072 511 12 23

Software Development Interactief Centrum voor gerichte Training en Studie Edisonweg 14c, 1821 BN Alkmaar T: 072 511 12 23 Microsoft SharePoint year SharePoint 2013: Search, Design and 2031 Publishing New SharePoint 2013: Solutions, Applications 2013 and Security New SharePoint 2013: Features, Delivery and 2010 Development

More information

Internet Technologies_1. Doc. Ing. František Huňka, CSc.

Internet Technologies_1. Doc. Ing. František Huňka, CSc. 1 Internet Technologies_1 Doc. Ing. František Huňka, CSc. Outline of the Course 2 Internet and www history. Markup languages. Software tools. HTTP protocol. Basic architecture of the web systems. XHTML

More information

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

More information

Accessing Websites. Mac/PC Compatibility: QuickStart Guide for Business

Accessing Websites. Mac/PC Compatibility: QuickStart Guide for Business Accessing Websites Mac/PC Compatibility: QuickStart Guide for Business 2 Accessing Websites QuickStart Guide for Business The Basics People use the web for research, entertainment, and business. And it

More information

Software Requirements Specification For Real Estate Web Site

Software Requirements Specification For Real Estate Web Site Software Requirements Specification For Real Estate Web Site Brent Cross 7 February 2011 Page 1 Table of Contents 1. Introduction...3 1.1. Purpose...3 1.2. Scope...3 1.3. Definitions, Acronyms, and Abbreviations...3

More information

Adding Panoramas to Google Maps Using Ajax

Adding Panoramas to Google Maps Using Ajax Adding Panoramas to Google Maps Using Ajax Derek Bradley Department of Computer Science University of British Columbia Abstract This project is an implementation of an Ajax web application. AJAX is a new

More information

Web Applications Come of Age

Web Applications Come of Age Web Applications Come of Age Table of Contents Executive Summary 1 A Brief History of Web Development 2 The JS Web App: A New Paradigm 4 Request-Response Model 5 JavaScript Web Application Model 7 Why

More information

Some Assembly Required: Agile Methodologies. Why pursue a new technical document development platform?

Some Assembly Required: Agile Methodologies. Why pursue a new technical document development platform? Presentation Agenda Some Assembly Required: Agile Methodologies Introduction / Problem Statement Why pursue a new technical document development platform? Part 1 Background: Enabling Technologies, Software

More information

TDAQ Analytics Dashboard

TDAQ Analytics Dashboard 14 October 2010 ATL-DAQ-SLIDE-2010-397 TDAQ Analytics Dashboard A real time analytics web application Outline Messages in the ATLAS TDAQ infrastructure Importance of analysis A dashboard approach Architecture

More information

IBM Digital Experience. Using Modern Web Development Tools and Technology with IBM Digital Experience

IBM Digital Experience. Using Modern Web Development Tools and Technology with IBM Digital Experience IBM Digital Experience Using Modern Web Development Tools and Technology with IBM Digital Experience Agenda The 2015 web development landscape and IBM Digital Experience Modern web applications and frameworks

More information

Syllabus INFO-UB-3322. Design and Development of Web and Mobile Applications (Especially for Start Ups)

Syllabus INFO-UB-3322. Design and Development of Web and Mobile Applications (Especially for Start Ups) Syllabus INFO-UB-3322 Design and Development of Web and Mobile Applications (Especially for Start Ups) Fall 2014 Stern School of Business Norman White, KMEC 8-88 Email: nwhite@stern.nyu.edu Phone: 212-998

More information

Putting the power of Web 2.0 into practice.

Putting the power of Web 2.0 into practice. White paper July 2008 Putting the power of Web 2.0 into practice. How rich Internet applications can deliver tangible business benefits Page 2 Contents 2 Introduction 3 What Web 2.0 technology can do for

More information

INTERNET PROGRAMMING AND DEVELOPMENT AEC LEA.BN Course Descriptions & Outcome Competency

INTERNET PROGRAMMING AND DEVELOPMENT AEC LEA.BN Course Descriptions & Outcome Competency INTERNET PROGRAMMING AND DEVELOPMENT AEC LEA.BN Course Descriptions & Outcome Competency 1. 420-PA3-AB Introduction to Computers, the Internet, and the Web This course is an introduction to the computer,

More information

Web Design Specialist

Web Design Specialist UKWDA Training: CIW Web Design Series Web Design Specialist Course Description CIW Web Design Specialist is for those who want to develop the skills to specialise in website design and builds upon existing

More information

Christopher Zavatchen

Christopher Zavatchen Christopher Zavatchen chris@cnc137.com 330-558-1137 273 Bettie Lane Brunswick, Ohio 44212 Objective Seeking a career opportunity enabling me to fully utilize my web design and development skills while

More information

ICE Trade Vault. Public User & Technology Guide June 6, 2014

ICE Trade Vault. Public User & Technology Guide June 6, 2014 ICE Trade Vault Public User & Technology Guide June 6, 2014 This material may not be reproduced or redistributed in whole or in part without the express, prior written consent of IntercontinentalExchange,

More information

Experimental Comparison of Hybrid and Native Applications for Mobile Systems

Experimental Comparison of Hybrid and Native Applications for Mobile Systems , pp. 1-12 http://dx.doi.org/10.14257/ijmue.2015.10.3.01 Experimental Comparison of Hybrid and Native Applications for Mobile Systems Seung-Ho Lim Department of Digital Information Engineering Hankuk University

More information

ASP.NET. Web Programming. Telemark University College Department of Electrical Engineering, Information Technology and Cybernetics

ASP.NET. Web Programming. Telemark University College Department of Electrical Engineering, Information Technology and Cybernetics Telemark University College Department of Electrical Engineering, Information Technology and Cybernetics Hans- Petter Halvorsen, 2014.03.01 ASP.NET Web Programming Faculty of Technology, Postboks 203,

More information

QUICK START GUIDE. Cloud based Web Load, Stress and Functional Testing

QUICK START GUIDE. Cloud based Web Load, Stress and Functional Testing QUICK START GUIDE Cloud based Web Load, Stress and Functional Testing Performance testing for the Web is vital for ensuring commercial success. JAR:Load is a Web Load Testing Solution delivered from the

More information

WHITE PAPER on Flex to HTML5 The Migration Challenge. April 2014

WHITE PAPER on Flex to HTML5 The Migration Challenge. April 2014 WHITE PAPER on Flex to HTML5 The Migration Challenge April 2014 TABLE OF CONTENTS Abstract... 3 Flex to HTML5 Migration Overview... 4 Migration Solutions... 5 Best Practises in Migration... 12 Key Challenges

More information

Checking Browser Settings, and Basic System Requirements for QuestionPoint

Checking Browser Settings, and Basic System Requirements for QuestionPoint Checking Browser Settings, and Basic System Requirements for QuestionPoint This document covers basic IE settings and system requirements necessary for QuestionPoint. These settings and requirements apply

More information

This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications.

This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications. 20486B: Developing ASP.NET MVC 4 Web Applications Course Overview This course provides students with the knowledge and skills to develop ASP.NET MVC 4 web applications. Course Introduction Course Introduction

More information

Coding for Desktop and Mobile with HTML5 and Java EE 7

Coding for Desktop and Mobile with HTML5 and Java EE 7 Coding for Desktop and Mobile with HTML5 and Java EE 7 Coding for Desktop and Mobile with HTML5 and Java EE 7 Geertjan Wielenga - NetBeans - DukeScript - VisualVM - Jfugue Music Notepad - Java - JavaScript

More information

Team Members: Christopher Copper Philip Eittreim Jeremiah Jekich Andrew Reisdorph. Client: Brian Krzys

Team Members: Christopher Copper Philip Eittreim Jeremiah Jekich Andrew Reisdorph. Client: Brian Krzys Team Members: Christopher Copper Philip Eittreim Jeremiah Jekich Andrew Reisdorph Client: Brian Krzys June 17, 2014 Introduction Newmont Mining is a resource extraction company with a research and development

More information

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE 1 TABLE OF CONTENTS Introduction 3 Parts of the Government Web Template (GWT) 4 Logging In and Getting Started 5 GWT Joomla! Module Map 8 Editing the Top Bar

More information

Differences between HTML and HTML 5

Differences between HTML and HTML 5 Differences between HTML and HTML 5 1 T.N.Sharma, 2 Priyanka Bhardwaj, 3 Manish Bhardwaj Abstract: Web technology is a standard that allow developing web applications with the help of predefined sets of

More information

COMPASS Database Work in 2014/15

COMPASS Database Work in 2014/15 COMPASS Database Work in 2014/15 Martin Bodlak Joined Czech Group, COMPASS Experiment at CERN 30 July 2015 COMPASS database servers in 888 PCCODB00 VIRTUAL ADDR PCCODB22 CLIENTS PCCODB21 PCCODB23 PCCODB20

More information