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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

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

2 Introduction Ajax (Asynchronous JavaScript and XML) refers to a broad range of techniques Beyond the technical jargon, Ajax represents an architecture for the software that is designed to be used with any web browser, but that includes an interface with the responsive feel of a desktop application

3 Introduction For example, a grid component such as a spreadsheet that appears in the web page responds instantly to the user's manipulation of the data, without the time delays or visual disruptions caused by the page "refreshing" or being rebuilt with new HTTP requests. Google's Gmail and Calendar, and Yahoo! Maps, are three examples of typical Ajax applications

4 AJAX in a nutshell Ajax works by communicating with the application's middle and/or database tiers using a client-side JavaScript object. This object is called XMLHttpRequest (XHR) The web page is composed of and programmed with common, standard technologies namely, HTML/XHTML, cascading style sheets (CSS), JavaScript, and the Document Object Model API that lies behind each web page's structure

5 AJAX in a nutshell The data that the page exchanges with its server tiers, such as a product database, can be plain text, XML, or a format called JavaScript Object Notation (JSON) For example, the user might choose a product name from a selection list widget on a web page. In response to this event, the application uses XHR to send a request for data on this product

6 AJAX in a nutshell The page never changes, because the application sent the request asynchronously behind the scenes. The server component, such as a PHP file or a servlet, receives the HTTP request, then sends back a response containing information about the product, in, say, XML or JSON format. The application processes the request using JavaScript's DOM API, or by converting the JSON value to a client-side object. The user sees the new information on the web page, hopefully without a very long delay

7 How to program in AJAX? A developer will typically create his Ajax application by writing XHTML pages and JavaScript code with his favorite integrated development environment (IDE) or even text editors. A number of different libraries and frameworks exist (cf. List_of_Ajax_frameworks for a list) Dojo toolkit Prototype Yahoo! User Interface library script.aculo.us. They are designed for developers who are already fairly well advanced in their JavaScript knowledge

8 GWT The GWT takes a different approach to Ajax Using the GWT framework, you can design and program your user interface using only the Java language. You can use the GWT's command-line tools to check the syntax of the Java classes, then automatically generate the JavaScript for the application's client-side The design of the user interface is very similar to using Java's Swing API

9 GWT You can thus view the GWT as a JavaScript-generation tool for Java programmers, as well as a framework for creating redistributable or extensible user-interface widgets You do not have to know a lick of JavaScript, although you can include raw JavaScript in your code using special programming constructs that the GWT provides

10 My First GWT application Reference: https://developers. google.com/webtoolkit/doc/latest/tut orial/gettingstarted

11 My First GWT application 1. Set-up the development environment (Eclipse if you like the GWT plugin) and/or command-line tools webappcreator creates all the needed files and directories needed for the application

12 My First GWT application 2. Create a new project directories /src/com/google/gwt/sample/stockwatcher - Contains the GWT module definition and initial application files /test/com/google/gwt/sample/stockwatcher - Contains JUnit test directory and a starter test class /war - Contains static resources that can be served publicly, such as image files, style sheets, and HTML host pages /war/web-inf - Contains Java web application files /war/web-inf/lib - Contains Java web application libraries

13 My First GWT application files StockWatcher.gwt.xml - GWT module definition StockWatcher.html - host page StockWatcher.css - application style sheet web.xml - Java web application descriptor The code for a web application executes within an HTML document. In GWT, we call this the host page. The host page references the application style sheet StockWatcher.java - GWT entry point class GreetingService.java, GreetingServiceAsync.java, GreetingServiceImpl.java GWT sample RPC classes gwt-servlet.jar - GWT server runtime library StockWatcherTest.java - Starter test case for StockWatcher The entry point class implements the GWT interface EntryPoint. It contains the method onmoduleload

14 My First GWT application 3. Code your application Selection of the needed widgets see https://developers.google.com/webtoolkit/doc/latest/refwidgetgallery In our example...

15 My First GWT application Choose the panel structure (analogously to Java Swing)

16 My First GWT application Define event handling

17 G:\Massimo\Didattica\2011_2012\ProgettoApplicazioniSoftware\Slides\8 Code_StockWatcher.html giovedì 12 aprile :29 <!doctype html> <!-- The DOCTYPE declaration above will set the --> <!-- browser's rendering engine into --> <!-- "Standards Mode". Replacing this declaration --> <!-- with a "Quirks Mode" doctype is not supported. --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link type="text/css" rel="stylesheet" href="stockwatcher.css"> <title>stockwatcher</title> <script type="text/javascript" language="javascript" src= "stockwatcher/stockwatcher.nocache.js"></script> </head> <body> <h1>stockwatcher</h1> <div id="stocklist"></div> <iframe src="javascript:''" id=" gwt_historyframe" tabindex='-1' style= "position:absolute;width:0;height:0;border:0"></iframe> <noscript> <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"> Your web browser must have JavaScript enabled in order for this application to display correctly. </div> </noscript> </body> </html> -1-

18 G:\Massimo\Didattica\2011_2012\ProgettoApplicazioniSoftware\Slides\8 Code_StockPrice.java giovedì 12 aprile :28 package com.google.gwt.sample.stockwatcher.client; public class StockPrice { private String symbol; private double price; private double change; public StockPrice() { public StockPrice(String symbol, double price, double change) { this.symbol = symbol; this.price = price; this.change = change; public String getsymbol() { return this.symbol; public double getprice() { return this.price; public double getchange() { return this.change; public double getchangepercent() { return * this.change / this.price; public void setsymbol(string symbol) { this.symbol = symbol; public void setprice(double price) { this.price = price; public void setchange(double change) { this.change = change; -1-

19 G:\Massimo\Didattica\2011_2012\ProgettoApplicazioniSoftware\Slides\8 Code_StockWatcher.java giovedì 12 aprile :29 package com.google.gwt.sample.stockwatcher.client; import com.google.gwt.core.client.entrypoint; import com.google.gwt.user.client.ui.button; import com.google.gwt.user.client.ui.flextable; import com.google.gwt.user.client.ui.horizontalpanel; import com.google.gwt.user.client.ui.label; import com.google.gwt.user.client.ui.rootpanel; import com.google.gwt.user.client.ui.textbox; import com.google.gwt.user.client.ui.verticalpanel; import com.google.gwt.event.dom.client.clickevent; import com.google.gwt.event.dom.client.clickhandler; import com.google.gwt.event.dom.client.keycodes; import com.google.gwt.event.dom.client.keypressevent; import com.google.gwt.event.dom.client.keypresshandler; import com.google.gwt.user.client.window; import java.util.arraylist; import com.google.gwt.user.client.timer; import com.google.gwt.user.client.random; import com.google.gwt.i18n.client.numberformat; import com.google.gwt.i18n.client.datetimeformat; import java.util.date; /** * Entry point classes define <code>onmoduleload()</code>. */ public class StockWatcher implements EntryPoint { private static final int REFRESH_INTERVAL = 5000; // ms private VerticalPanel mainpanel = new VerticalPanel(); private FlexTable stocksflextable = new FlexTable(); private HorizontalPanel addpanel = new HorizontalPanel(); private TextBox newsymboltextbox = new TextBox(); private Button addstockbutton = new Button("Add"); private Label lastupdatedlabel = new Label(); private ArrayList<String> stocks = new ArrayList<String>(); /** * Entry point method. */ public void onmoduleload() { // Create table for stock data. stocksflextable.settext(0, 0, "Symbol"); stocksflextable.settext(0, 1, "Price"); stocksflextable.settext(0, 2, "Change"); stocksflextable.settext(0, 3, "Remove"); // Assemble Add Stock panel. addpanel.add(newsymboltextbox); addpanel.add(addstockbutton); // Assemble Main panel. mainpanel.add(stocksflextable); mainpanel.add(addpanel); mainpanel.add(lastupdatedlabel); -1-

20 G:\Massimo\Didattica\2011_2012\ProgettoApplicazioniSoftware\Slides\8 Code_StockWatcher.java giovedì 12 aprile :29 // Associate the Main panel with the HTML host page. RootPanel.get("stockList").add(mainPanel); // Move cursor focus to the input box. newsymboltextbox.setfocus(true); // Setup timer to refresh list automatically. Timer refreshtimer = new Timer() public void run() { refreshwatchlist(); ; refreshtimer.schedulerepeating(refresh_interval); // Listen for mouse events on the Add button. addstockbutton.addclickhandler(new ClickHandler() { public void onclick(clickevent event) { addstock(); ); // Listen for keyboard events in the input box. newsymboltextbox.addkeypresshandler(new KeyPressHandler() { public void onkeypress(keypressevent event) { if (event.getcharcode() == KeyCodes.KEY_ENTER) { addstock(); ); private void addstock() { final String symbol = newsymboltextbox.gettext().touppercase().trim(); newsymboltextbox.setfocus(true); // Stock code must be between 1 and 10 chars that are numbers, letters, // or dots. if (!symbol.matches("^[0-9a-z\\.]{1,10$")) { Window.alert("'" + symbol + "' is not a valid symbol."); newsymboltextbox.selectall(); return; newsymboltextbox.settext(""); // Don't add the stock if it's already in the table. if (stocks.contains(symbol)) return; // Add the stock to the table. int row = stocksflextable.getrowcount(); stocks.add(symbol); stocksflextable.settext(row, 0, symbol); // Add a button to remove this stock from the table. -2-

21 G:\Massimo\Didattica\2011_2012\ProgettoApplicazioniSoftware\Slides\8 Code_StockWatcher.java giovedì 12 aprile :29 Button removestockbutton = new Button("x"); removestockbutton.addclickhandler(new ClickHandler() { public void onclick(clickevent event) { int removedindex = stocks.indexof(symbol); stocks.remove(removedindex); stocksflextable.removerow(removedindex + 1); ); stocksflextable.setwidget(row, 3, removestockbutton); // Get the stock price. refreshwatchlist(); /** * Generate random stock prices. */ private void refreshwatchlist() { final double MAX_PRICE = 100.0; // $ final double MAX_PRICE_CHANGE = 0.02; // +/- 2% StockPrice[] prices = new StockPrice[stocks.size()]; for (int i = 0; i < stocks.size(); i++) { double price = Random.nextDouble() * MAX_PRICE; double change = price * MAX_PRICE_CHANGE * (Random.nextDouble() * ); prices[i] = new StockPrice(stocks.get(i), price, change); updatetable(prices); /** * Update the Price and Change fields all the rows in the stock table. * prices * Stock data for all rows. */ private void updatetable(stockprice[] prices) { for (int i = 0; i < prices.length; i++) { updatetable(prices[i]); // Display timestamp showing last refresh. lastupdatedlabel.settext("last update : " + DateTimeFormat.getMediumDateTimeFormat().format(new Date())); /** * Update a single row in the stock table. * price * Stock data for a single row. */ -3-

22 G:\Massimo\Didattica\2011_2012\ProgettoApplicazioniSoftware\Slides\8 Code_StockWatcher.java giovedì 12 aprile :29 private void updatetable(stockprice price) { // Make sure the stock is still in the stock table. if (!stocks.contains(price.getsymbol())) { return; int row = stocks.indexof(price.getsymbol()) + 1; // Format the data in the Price and Change fields. String pricetext = NumberFormat.getFormat("#,##0.00").format( price.getprice()); NumberFormat changeformat = NumberFormat.getFormat("+#,##0.00;-#,##0.00"); String changetext = changeformat.format(price.getchange()); String changepercenttext = changeformat.format(price.getchangepercent()); // Populate the Price and Change fields with new data. stocksflextable.settext(row, 1, pricetext); stocksflextable.settext(row, 2, changetext + " (" + changepercenttext + "%)"); -4-

WA 2. GWT Martin Klíma

WA 2. GWT Martin Klíma WA 2 GWT Martin Klíma GWT What is it? Google Web Toolkig Compiler from Java to JavaScript + HTML Set of JavaScript and Java scripts / classes Development environment SDK Integration with IDE Eclipse, Netbeans,

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

Rich User Interfaces for Web-Based Corporate Applications

Rich User Interfaces for Web-Based Corporate Applications Rich User Interfaces for Web-Based Corporate Applications Ivan Zapevalov, Software Engineer 1 Outline RIA technologies AJAX technology Widgets Demo application in JavaScript Demo application in GWT Web-catalog

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

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

Term Paper. P r o f. D r. E d u a r d H e i n d l. H o c h s c h u l e F u r t w a n g e n U n i v e r s i t y. P r e s e n t e d T o :

Term Paper. P r o f. D r. E d u a r d H e i n d l. H o c h s c h u l e F u r t w a n g e n U n i v e r s i t y. P r e s e n t e d T o : Version: 0.1 Date: 20.07.2009 Author(s): Doddy Satyasree AJAX Person responsable: Doddy Satyasree Language: English Term Paper History Version Status Date 0.1 Draft Version created 20.07.2009 0.2 Final

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

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

Fast track to HTML & CSS 101 (Web Design)

Fast track to HTML & CSS 101 (Web Design) Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of

More information

HTML, XHTML and CSS for Web Designers & Developers

HTML, XHTML and CSS for Web Designers & Developers HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

More information

HTML5/CSS3/JavaScript Programming

HTML5/CSS3/JavaScript Programming HTML5/CSS3/JavaScript Programming Description: Prerequisites: Audience: Length: This class is designed for students that have experience with basic HTML concepts that wish to learn about HTML Version 5,

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

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

The Google Web Toolkit (GWT): Declarative Layout with UiBinder Basics

The Google Web Toolkit (GWT): Declarative Layout with UiBinder Basics 2013 Marty Hall & Yaakov Chaikin The Google Web Toolkit (GWT): Declarative Layout with UiBinder Basics (GWT 2.5 Version) Originals of Slides and Source Code for Examples: http://courses.coreservlets.com/course-materials/gwt.html

More information

From Desktop to Browser Platform: Office Application Suite with Ajax

From Desktop to Browser Platform: Office Application Suite with Ajax From Desktop to Browser Platform: Office Application Suite with Ajax Mika Salminen Helsinki University of Technology mjsalmi2@cc.hut.fi Abstract Web applications have usually been less responsive and provided

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

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

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

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

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet

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

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

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more

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

Web. Programming. Hans- Pe0er Halvorsen, M.Sc. h0p://home.hit.no/~hansha/?page=sojware_development

Web. Programming. Hans- Pe0er Halvorsen, M.Sc. h0p://home.hit.no/~hansha/?page=sojware_development h0p://home.hit.no/~hansha/?page=sojware_development Web O. Widder. (2013). geek&poke. Available: h0p://geek- and- poke.com Programming Hans- Pe0er Halvorsen, M.Sc. 1 Web is the Present and the Future 2

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 Jose State University In Partial Fulfillment of the Requirements for

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

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview 20480B: Programming in HTML5 with JavaScript and CSS3 Course Overview This course provides students with the knowledge and skills to create and style HTML pages, use JavaScript, create forms to collect

More information

Web-JISIS Reference Manual

Web-JISIS Reference Manual 23 March 2015 Author: Jean-Claude Dauphin jc.dauphin@gmail.com I. Web J-ISIS Architecture Web-JISIS Reference Manual Web-JISIS is a Rich Internet Application (RIA) whose goal is to develop a web top application

More information

Developing a Web Server Platform with SAPI Support for AJAX RPC using JSON

Developing a Web Server Platform with SAPI Support for AJAX RPC using JSON Revista Informatica Economică, nr. 4 (44)/2007 45 Developing a Web Server Platform with SAPI Support for AJAX RPC using JSON Iulian ILIE-NEMEDI, Bucharest, Romania, inemedi@ie.ase.ro Writing a custom web

More information

10CS73:Web Programming

10CS73:Web Programming 10CS73:Web Programming Question Bank Fundamentals of Web: 1.What is WWW? 2. What are domain names? Explain domain name conversion with diagram 3.What are the difference between web browser and web server

More information

Chapter 12: Advanced topic Web 2.0

Chapter 12: Advanced topic Web 2.0 Chapter 12: Advanced topic Web 2.0 Contents Web 2.0 DOM AJAX RIA Web 2.0 "Web 2.0" refers to the second generation of web development and web design that facilities information sharing, interoperability,

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

O. Widder. (2013). geek&poke. Available: Web Programming. Hans-Petter Halvorsen, M.Sc.

O. Widder. (2013). geek&poke. Available:  Web Programming. Hans-Petter Halvorsen, M.Sc. O. Widder. (2013). geek&poke. Available: http://geek-and-poke.com Web Programming Hans-Petter Halvorsen, M.Sc. Web is the Present and the Future Web Programming HTML/HTML5 ASP.NET PHP AJAX JavaScript CSS...

More information

WIRIS quizzes web services Getting started with PHP and Java

WIRIS quizzes web services Getting started with PHP and Java WIRIS quizzes web services Getting started with PHP and Java Document Release: 1.3 2011 march, Maths for More www.wiris.com Summary This document provides client examples for PHP and Java. Contents WIRIS

More information

Chrysa Papazoglou IT Services. Part I: Intro & Terminology Chrysa Papazoglou

Chrysa Papazoglou IT Services. Part I: Intro & Terminology Chrysa Papazoglou Chrysa Papazoglou IT Services Part I: Intro & Terminology Chrysa Papazoglou Part I - Outline 1. Basic concepts & Terminology 2. Developer tools 3. Guidelines for mobile websites 4. Developing a mobile

More information

Chapter 1 Introduction to web development and PHP

Chapter 1 Introduction to web development and PHP Chapter 1 Introduction to web development and PHP Murach's PHP and MySQL, C1 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Use the XAMPP control panel to start or stop Apache or MySQL

More information

Designing and Implementing Support for Web Browser-Based UIs by Using Ajax Technology

Designing and Implementing Support for Web Browser-Based UIs by Using Ajax Technology Designing and Implementing Support for Web Browser-Based UIs by Using Ajax Technology Asim Cihan Erdemli Onur Hazar Master in Information Systems Submission date: June 2011 Supervisor: Hallvard Trætteberg,

More information

Entrance exam for PBA in Web Development

Entrance exam for PBA in Web Development Entrance exam for PBA in Web Development Fill out your personal details below. Full name: CPR-number: E-mail address: 1 PART I: Overall knowledge In this test you will find 35 questions covering different

More information

Web Applications Testing

Web Applications Testing Web Applications Testing Automated testing and verification JP Galeotti, Alessandra Gorla Why are Web applications different Web 1.0: Static content Client and Server side execution Different components

More information

Introduction to Ingeniux Forms Builder. 90 minute Course CMSFB-V6 P.0-20080901

Introduction to Ingeniux Forms Builder. 90 minute Course CMSFB-V6 P.0-20080901 Introduction to Ingeniux Forms Builder 90 minute Course CMSFB-V6 P.0-20080901 Table of Contents COURSE OBJECTIVES... 1 Introducing Ingeniux Forms Builder... 3 Acquiring Ingeniux Forms Builder... 3 Installing

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

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

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

Enterprise Application Development In Java with AJAX and ORM

Enterprise Application Development In Java with AJAX and ORM Enterprise Application Development In Java with AJAX and ORM ACCU London March 2010 ACCU Conference April 2010 Paul Grenyer Head of Software Engineering p.grenyer@validus-ivc.co.uk http://paulgrenyer.blogspot.com

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

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

BUILDING HIGHLY INTERACTIVE PORTLETS WITH AJAX

BUILDING HIGHLY INTERACTIVE PORTLETS WITH AJAX Oracle Application Server Portal Technical Note BUILDING HIGHLY INTERACTIVE PORTLETS WITH AJAX July 2006 INTRODUCTION In today s fiercely competitive Web space, creating a rich user interface for your

More information

ASP.NET Online Training

ASP.NET Online Training ASP.NET Online Training IQ training facility offers ASP.NET Online Training. Our ASP.NET trainers come with vast work experience and teaching skills. Our ASP.NET training online is regarded as the one

More information

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development

4 Understanding. Web Applications IN THIS CHAPTER. 4.1 Understand Web page development. 4.2 Understand Microsoft ASP.NET Web application development 4 Understanding Web Applications IN THIS CHAPTER 4.1 Understand Web page development 4.2 Understand Microsoft ASP.NET Web application development 4.3 Understand Web hosting 4.4 Understand Web services

More information

An Introduction to jquery (+ a Primer on HTML and CSS)

An Introduction to jquery (+ a Primer on HTML and CSS) An Introduction to jquery (+ a Primer on HTML and CSS) David Devlin - UCC ACM Student Chapter Monday 29 th November 2010 HTML and CSS Primer What is HTML? HTML is an acronym for HyperText Markup Language.

More information

Eclipse Web Tools Platform. Naci Dai (Eteration), WTP JST Lead

Eclipse Web Tools Platform. Naci Dai (Eteration), WTP JST Lead Eclipse Web Tools Platform Naci Dai (Eteration), WTP JST Lead 2007 by Naci Dai and Eteration A.S. ; made available under the EPL v1.0 Istanbul April 30, 2007 Outline WTP Organization JSF Overview and Demo

More information

XHTML/CSS Module in 2 parts

XHTML/CSS Module in 2 parts XHTML/CSS Module in 2 parts So as to familiarize yourself with the basics of XHTML and CSS, I want you to walk through the following module. This will be due at the end of class today. Please save the

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

XML Processing and Web Services. Chapter 17

XML Processing and Web Services. Chapter 17 XML Processing and Web Services Chapter 17 Textbook to be published by Pearson Ed 2015 in early Pearson 2014 Fundamentals of http://www.funwebdev.com Web Development Objectives 1 XML Overview 2 XML Processing

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

Establish, configure and maintain an intranet or Internet website. Configure a web server and implement server-side scripting

Establish, configure and maintain an intranet or Internet website. Configure a web server and implement server-side scripting Web Design & Development Duration: 4 weeks You Will Learn How To: Establish, configure and maintain an intranet or Internet website Develop web pages using HTML and CSS Configure a web server and implement

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

jquery on Rails (the real ones) by Jonathan Sharp

jquery on Rails (the real ones) by Jonathan Sharp jquery on Rails (the real ones) by Jonathan Sharp The Challenge Rapid web based application development Support multiple server side technologies Easy integration of enterprise data Additionally Provide

More information

SEEM4540 TUTORIAL 2: JAVASCRIPT & JQUERY

SEEM4540 TUTORIAL 2: JAVASCRIPT & JQUERY SEEM4540 TUTORIAL 2: JAVASCRIPT & JQUERY 16 Feb 2016 JavaScript(JS) 2 Developed by Netscape A cross platform script language Mainly used in web environment Run programs on browsers (HTML is not programmable)

More information

ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat

ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat ShoreTel Enterprise Contact Center 8 Installing and Implementing Chat November 2012 Legal Notices Document and Software Copyrights Copyright 1998-2012 by ShoreTel Inc., Sunnyvale, California, USA. All

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

Ready, Set, Go Getting started with Tuscany

Ready, Set, Go Getting started with Tuscany Ready, Set, Go Getting started with Tuscany Install the Tuscany Distribution The first thing you do is to create a folder on you disk into which you will download the TUSCANY distribution. Next you download

More information

Abstract. Description

Abstract. Description Project title: Bloodhound: Dynamic client-side autocompletion features for the Apache Bloodhound ticket system Name: Sifa Sensay Student e-mail: sifasensay@gmail.com Student Major: Software Engineering

More information

Curl Building RIA Beyond AJAX

Curl Building RIA Beyond AJAX Rich Internet Applications for the Enterprise The Web has brought about an unprecedented level of connectivity and has put more data at our fingertips than ever before, transforming how we access information

More information

OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE

OPENTABLE GROUP SEARCH MODULE GETTING STARTED ADD RESERVATIONS TO YOUR WEBSITE ADD RESERVATIONS TO YOUR WEBSITE OPENTABLE GROUP SEARCH MODULE The group search module allows users to select a specific restaurant location from a list and search tables at that location. The code below

More information

Developing Applications with Java EE 6 on WebLogic Server 12c

Developing Applications with Java EE 6 on WebLogic Server 12c Oracle University Contact Us: 0845 777 7711 Developing Applications with Java EE 6 on WebLogic Server 12c Duration: 5 Days What you will learn The Developing Applications with Java EE 6 on WebLogic Server

More information

Operational Decision Manager Worklight Integration

Operational Decision Manager Worklight Integration Copyright IBM Corporation 2013 All rights reserved IBM Operational Decision Manager V8.5 Lab exercise Operational Decision Manager Worklight Integration Integrate dynamic business rules into a Worklight

More information

Google Web Toolkit GWT

Google Web Toolkit GWT THE INTERNET,mapped on the opposite page, is a scalefree network in that Google Web Toolkit dis.'~tj port,from BYALBERTU\SZLOBARABASI ANDERICBONABEAU THE INTERNET,mapped on the opposite page, is a scalefree

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

DreamFactory & Modus Create Case Study

DreamFactory & Modus Create Case Study DreamFactory & Modus Create Case Study By Michael Schwartz Modus Create April 1, 2013 Introduction DreamFactory partnered with Modus Create to port and enhance an existing address book application created

More information

Building Ajax Applications with GT.M and EWD. Rob Tweed M/Gateway Developments Ltd

Building Ajax Applications with GT.M and EWD. Rob Tweed M/Gateway Developments Ltd Building Ajax Applications with GT.M and EWD Rob Tweed M/Gateway Developments Ltd Is GT.M old-fashioned? I am a physician working in the VA system. I also program in.net. Certainly the VAs informatics

More information

Links Getting Started with Widgets, Gadgets and Mobile Apps

Links Getting Started with Widgets, Gadgets and Mobile Apps Widgets, Gadgets, and Mobile Apps for Libraries: Tips, Code Samples, Explanations, and Downloads Michael Sauers Technology Innovation Librarian Nebraska Library Commission msauers@nlc.state.ne.us Jason

More information

Framework as a master tool in modern web development

Framework as a master tool in modern web development Framework as a master tool in modern web development PETR DO, VOJTECH ONDRYHAL Communication and Information Systems Department University of Defence Kounicova 65, Brno, 662 10 CZECH REPUBLIC petr.do@unob.cz,

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

Up and Running with LabVIEW Web Services

Up and Running with LabVIEW Web Services Up and Running with LabVIEW Web Services July 7, 2014 Jon McBee Bloomy Controls, Inc. LabVIEW Web Services were introduced in LabVIEW 8.6 and provide a standard way to interact with an application over

More information

Whitepapers at Amikelive.com

Whitepapers at Amikelive.com Brief Overview view on Web Scripting Languages A. Web Scripting Languages This document will review popular web scripting languages[1,2,12] by evaluating its history and current trends. Scripting languages

More information

Web Development using PHP (WD_PHP) Duration 1.5 months

Web Development using PHP (WD_PHP) Duration 1.5 months Duration 1.5 months Our program is a practical knowledge oriented program aimed at learning the techniques of web development using PHP, HTML, CSS & JavaScript. It has some unique features which are as

More information

DIPLOMA IN WEBDEVELOPMENT

DIPLOMA IN WEBDEVELOPMENT DIPLOMA IN WEBDEVELOPMENT Prerequisite skills Basic programming knowledge on C Language or Core Java is must. # Module 1 Basics and introduction to HTML Basic HTML training. Different HTML elements, tags

More information

Developing Web Views for VMware vcenter Orchestrator

Developing Web Views for VMware vcenter Orchestrator Developing Web Views for VMware vcenter Orchestrator vcenter Orchestrator 5.1 This document supports the version of each product listed and supports all subsequent versions until the document is replaced

More information

Introduction to Web Development

Introduction to Web Development Introduction to Web Development Week 2 - HTML, CSS and PHP Dr. Paul Talaga 487 Rhodes paul.talaga@uc.edu ACM Lecture Series University of Cincinnati, OH October 16, 2012 1 / 1 HTML Syntax For Example:

More information

Honoring a Tradition of Simplicity. The Foundation. Getting Started

Honoring a Tradition of Simplicity. The Foundation. Getting Started Run BASIC A Breakthrough Web Application Server Web programming for people who really like to program! http://www.runbasic.com Carl Gundel, carlg@libertybasic.com Run BASIC allows you to apply your desktop

More information

Web Programming HTML. Step by step Exercises CSS. JavaScript. Hans-Petter Halvorsen, M.Sc.

Web Programming HTML. Step by step Exercises CSS. JavaScript. Hans-Petter Halvorsen, M.Sc. Web Programming HTML CSS JavaScript Step by step Exercises Hans-Petter Halvorsen, M.Sc. History of the Web Internet (1960s) World Wide Web - WWW (1991) First Web Browser - Netscape, 1994 Google, 1998 Facebook,

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

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

Course Number: IAC-SOFT-WDAD Web Design and Application Development

Course Number: IAC-SOFT-WDAD Web Design and Application Development Course Number: IAC-SOFT-WDAD Web Design and Application Development Session 1 (10 Hours) Client Side Scripting Session 2 (10 Hours) Server Side Scripting - I Session 3 (10 hours) Database Session 4 (10

More information

ASP.NET 3.5. Introduction

ASP.NET 3.5. Introduction ASP.NET 3.5 Introduction A Review of Classic ASP ASP.NET Web Applications Rendering HTML with Server Controls Data Binding in ASP.NET Web Development Using Visual Studio Working with Controls Introduction

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

Citrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved.

Citrix StoreFront. Customizing the Receiver for Web User Interface. 2012 Citrix. All rights reserved. Citrix StoreFront Customizing the Receiver for Web User Interface 2012 Citrix. All rights reserved. Customizing the Receiver for Web User Interface Introduction Receiver for Web provides a simple mechanism

More information

JISIS and Web Technologies

JISIS and Web Technologies 27 November 2012 Status: Draft Author: Jean-Claude Dauphin JISIS and Web Technologies I. Introduction This document does aspire to explain how J-ISIS is related to Web technologies and how to use J-ISIS

More information

AJAX Integration Approach for Collaborative Calendar-Server Web Services

AJAX Integration Approach for Collaborative Calendar-Server Web Services AJAX Integration Approach for Collaborative Calendar-Server Web Services Ahmet Fatih Mustacoglu 1, 2 1 Community Grids Lab, Indiana University 2 Department of Computer Science Indiana University amustaco@cs.indiana.edu

More information

Responsive Web Design Creative License

Responsive Web Design Creative License Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.

More information

WEB DESIGN COURSE CONTENT

WEB DESIGN COURSE CONTENT WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC

More information

< Overview > HTML, CSS and JavaScript.

< Overview > HTML, CSS and JavaScript. HTML, CSS and JavaScript < Overview > www.curiousart.org/internet/overview.pdf Creative Commons License CC BY-NC-SA (Attribution-NonCommercial-ShareAlike ) The Internet: Transports a variety of File Types

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

More information

4.2 Understand Microsoft ASP.NET Web Application Development

4.2 Understand Microsoft ASP.NET Web Application Development L E S S O N 4 4.1 Understand Web Page Development 4.2 Understand Microsoft ASP.NET Web Application Development 4.3 Understand Web Hosting 4.4 Understand Web Services MTA Software Fundamentals 4 Test L

More information

AngularJS Training: Introduction to Responsive Web Development with AngularJS and Bootstrap BSP-2406 Length: 4 days Price: $ 2,395.

AngularJS Training: Introduction to Responsive Web Development with AngularJS and Bootstrap BSP-2406 Length: 4 days Price: $ 2,395. Course Page - Page 1 of 11 AngularJS Training: Introduction to Responsive Web Development with AngularJS and Bootstrap BSP-2406 Length: 4 days Price: $ 2,395.00 Course Description This training course

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

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

Web Design Technology

Web Design Technology Web Design Technology Terms Found in web design front end Found in web development back end Browsers Uses HTTP to communicate with Web Server Browser requests a html document Web Server sends a html document

More information