Yet Another Web GUI Framework Göran Båge, Johan Blom.

Slides:



Advertisements
Similar presentations
Vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Web Applications – The Object Web combining servers and client-applications multiple.
Advertisements

XSL XSLT and XPath 11-Apr-17.
DT228/3 Web Development WWW and Client server model.
Mobile Arts Telecom Platform 19 November
6/3/2015eBiquity1 Tutorial on AJAX Anubhav Kale (akale1 AT cs DOT umbc DOT edu)
Introduction to Web Interface Technology (CSE2030)
Multiple Tiers in Action
Java System Architectures David Davenport Bilkent University Ankara – Turkey
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.
ITM352 Javascript and Dynamic Web Pages: Client Side Processing.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Quick Tour of the Web Technologies: The BIG picture LECTURE A bird’s eye view of the different web technologies that we shall explore and study.
1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
Marcel Casado NCAR/RAP WEATHER WARNING TOOL NCAR.
Introduction to Applets CS 3505 Client Side Scripting with applets.
WEB BASED DATA TRANSFORMATION USING XML, JAVA Group members: Darius Balarashti & Matt Smith.
Conceptual Architecture of Mozilla Firefox (version ) Jared Haines Iris Lai John,Chun-Hung,Chiu Josh Fairhead June 5, 2007.
What does WWW stand for? And following abbreviations? HTTP: Hyper Text Transfer Protocol HTML: Hyper Text Mark-up Language URL: Uniform Resource Locator.
JavaScript - A Web Script Language Fred Durao
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
Louisa Lambregts, Louisa Lambregts
Copyright © by Shayne R Flint Simplified Web Application Development Shayne R Flint Department of Computer Science Australian National University.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 1.
Chapter 14 Applets and Advanced GUI  The Applet Class  The HTML Tag F Passing Parameters to Applets F Conversions Between Applications and Applets F.
Walkthrough example including SAS output How to create a mobile WebApp? PhUSE / 12. October 2015 / Katja Glaß BHC 4:3 Template 2010 June 2014Page 1.
RIA and Web2.0 Development with no Coding Juan Camilo Ruiz Senior Product Manager Development Tools.
Louisa Lambregts, Louisa Lambregts
Plug-in Architectures Presented by Truc Nguyen. What’s a plug-in? “a type of program that tightly integrates with a larger application to add a special.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Unit 2, Lesson 7 Creating Web Pages and Web Documents.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
Ajax and the GWT. Ajax  Asynchronous JavaScript And XML  Technology behind interactive web sites  Provide smoother experience than conventional web.
Adxstudio Portals Training
JavaScript & Introduction to AJAX
Introduction to the World Wide Web & Internet CIS 101.
Louisa Lambregts, Louisa Lambregts
Browser Compatibility Testing, using different browsers Conditional Statements.
WebScan: Implementing QueryServer 2.0 Karl Geiger, Amgen Inc. BRS NA UG August 1999.
Adding Interactivity Comp 140 Fall Web 2.0 Major change in internet usage –From mostly static pages Text Graphics Simple links –To new paradigm.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
HTML III (Forms) Robin Burke ECT 270. Outline Where we are in this class Web applications HTML Forms Break Forms lab.
Introduction to WebKit Girish Ramakrishnan. History
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
A Detailed Introduction To Visual Studio.NET CRB Tech ReviewsCRB Tech Reviews introduces you to the world of Visual.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
Microsoft FrontPage 2003 Illustrated Complete Creating a Web Site.
Web Programming Language
Open-O Client Project Proposal
Open-O Client Project Proposal
Angular 4 + TypeScript Getting Started
Managing the content of web pages
Open-O Client Project Proposal
Pentaho and Yahoo User Interface (YUI)
Microsoft Office Illustrated
Section 10.1 YOU WILL LEARN TO… Define scripting
Introduction to Internet Programming
Silverlight Technology
Embedding Graphics in Web Pages
Unit 6 part 3 Test Javascript Test.
Tools to Show Effects of Different Download Order
Client-Server Model: Requesting a Web Page
Web Application Development Using PHP
Presentation transcript:

Yet Another Web GUI Framework Göran Båge, Johan Blom

2 Mobile Arts Provides Messaging & Presence products to Mobile Network Operators  Offices in Stockholm and London  References in Europe  Founded 2001 by a team of mobile telecom experts with extensive experience from development and standardisation of GSM/UMTS/PDC/PCS platforms and applications, such as  HLR, MSC/VLR, SSF, SCF, WAP-GW, MLC  PrePaid Systems, Unified Messaging Systems 

3 Background  GUI for an Alteon/Nortel Product  Beautiful & powerful  Never released?  Client required Erlang and GTK  CLI and GUI for Mobile Arts products  Web based GUI

4 Some observations  Using a graphics environment, e.g GTK, Java  Web based GUI +Everyone has a browser +No need to install special client software  Only polling  Browser differences  Limited layout control +Powerful +Detailed layout  Client box need special software

5 Mobile Arts GUI, first implementation  Started out pure and simple  Standard HTML only  No frames  CSS  but reality rules  Frames  Javascript  Messy result  Browser dependencies (support Netscape 4, 7 and IE) in Javascript and CSS  Many pages with similar functionality and layout

6 Template based GUI  XML like template notation  Separate different views  Static structure and layout  Dynamic content - interface to application  button actions  table content and options  parameter checks ...  Help texts

7 How it works xmerl parse tree xxx_gui.erl xxx.gul code_lib.erl jnets URL: …/xxx:entry gui_lib.erl gui_lib.js HTML code_gen