Content Visualization Issues
|
|
- Lenard Little
- 5 years ago
- Views:
Transcription
1 Name Sanobar Nishat ( ) MTP : Implementation Issues of Visualization on Small screen devices Report: Summary Report 4 (week 4) Date: 4 Feb 13 Summary: Graphical data visualization is used to display data in a comprehensive way in form of various types of graphs. There are many different toolkits to choose from and there is a broad range of technologies being used for visualizing information using Javascript. These technologies include HTML5 (Canvas elements and DOM manipulation), CSS3 and vector graphic formats (SVG, VML). These libraries simplify the development process of custom visualization tools and provides basic types of graphs like: Pie charts, Line charts, Area charts as well as some special graphs like: Sunburst (with Highcharts), Gauges (with RGraph). There are certain benefits and trade-offs between SVG and Canvas. It also allows for control of elements via the DOM and CSS and has much better support for interactivity (i.e. every visual object can have event listeners). D3 creator Mike Bostock shows that D3 performance can render 500 animated circles in SVG at a resolution of at about ~40 FPS in Chrome, whereas rendering the same via the Canvas element was closer to ~30 FPS. JIT - JavaScript InfoVis Toolkit JIT is an OpenSource JavaScript library used for creation of some special kinds of visualisation graphics. Customization and changes on the examples are not easy to do because of very complex data set and local settings coded in JavaScript. Technology: It is based on HTML5 canvas element. Browser Compatibility: Supported in all modern browser, not supported on IE 8 and below and Aakash browser (i.e. UbiSurfer browser or Android [discussion required]) Layouts: o Layout with basic charts: Area, Bar and Pie charts o Special graphs: Sunburst, Icicle, ForceDirected, TreeMap, RGraph Data Driven Documents - D3 D3 is the successor of Protovis. It is more flexible than JIT. If a browser does not support the standards W3C DOM, SVG and CSS (or CSS3 Transitions) D3 won t compensate the missing support. Technology: D3 binds data to DOM using JavaSctript, CSS3, HTML5 and SVG, combining powerful visualization components and a data-driven approach to DOM manipulation. Browser Compatibility: o Firefox, Internet Explorer 9, Google Chrome, Opera, and Safari support SVG. o IE8 and earlier needs a plug-in [source: Layout: Hierarchical edge bundling, Node-Link Tree, Treemap, Zoomable Pack Layout, Zoomable Sunburst
2
3
4
5
6
7
8 Comparison of the technology: SVG SVG stands for Scalable Vector Graphics defines vector-based graphics for the Web in XML format. It also allows for control of elements via the DOM and CSS and has much better support for interactivity (i.e. every visual object can have event listeners). SVG performance instead scales with the complexity and size of the scenegraph. Best suited for applications with large rendering areas (Google Maps) Slow rendering if complex (anything that uses the DOM a lot will be slow) In SVG, each drawn shape is remembered as an object. If attributes of an SVG object are changed, the browser can automatically re-render the shape. CANVAS Canvas has performance that scales with the size of the image area. Resolution dependent No support for event handlers Poor text rendering capabilities Well suited for graphic-intensive games Canvas is rendered pixel by pixel. In canvas, once the graphic is drawn, it is forgotten by the browser. If its position should be changed, the entire scene needs to be redrawn, including any objects that might have been covered by the graphic. Experiment: render 500 animated circles 1280 x 800 resolution and 2GB RAM: ( To & Fro movement of rectangular box: fps ( 800 x 480 resolution and 512 MB RAM ( To & Fro movement of rectangular box: fps Experiment: To & Fro movement of rectangular box 1280 x 800 resolution and 2GB RAM: 500 circles = 20 fps 1000 circles=11 fps 9000 circles=1 fps (.90 sec) 100 circles=60 fps 50 circles = 63 fps 1 circle = 63 fps 800 x 480 resolution and 512 MB RAM 500 circles=3 fps 100 circles=8fps 1000 circles=2 fps (.54 s) 50 circles=12fps 1280 x 800 resolution and 2GB RAM: To & Fro movement of rectangular box: fps 800 x 480 resolution and 512 MB RAM To & Fro movement of rectangular box: fps 1280 x 800 resolution and 2GB RAM: 500 circles = 12 fps 1000 circles=7 fps 9000 circles=1 fps (.142 sec) 100 circles=35 fps 50 circles = fps 1 circle = fps 800 x 480 resolution and 512 MB RAM 500 circles=3 fps 100 circles=10 fps 1000 circles=2 fps (.70 s) 50 circles=12fps Conclusion: Knowing what we know about how canvas scales, if the image area were less than 960 x 500, then canvas performance would increase, whereas SVG performance would not change.
9 Week # ACTION PLAN Date Description of Work Work Completed Jan Study of the open source data visualization tools. e.g. JavaScript InfoVis Toolkit, D3.js, Slider Jan Test the compatibility of the tools on Aakash Tablet PC 4 27, Jan 2, Feb Study different visualization technique on Aakash tablet Feb Analysis of Visualization technique and Feb Feb Feb suggest appropriate parameters for each suitable technique for Aakash tablet. Design Data (XML or JSON format) to check the usability of the design parameters of choosed visualization technique Mar Design a Class Network or Library Application (need to finalize) Studied working of JIT and D3 toolkit with 2 different layout (node-link tree, hyperbolic tree) JIT is not supported on Aakash default browser (because it uses Canvas element). Installed Chrome. Both the toolkit is compatible.
Potential issues: * Difficulty in coding and/or finding the. * Should I provide more source code? * Others
Assignment III Potential issues: * Division of the work within the team? * Difficulty in coding and/or finding the network data? * Should I provide more source code? * Others 1 InfoVis Software Toolkit
More informationEtanova Enterprise Solutions
Etanova Enterprise Solutions Front End Development» 2018-09-23 http://www.etanova.com/technologies/front-end-development Contents HTML 5... 6 Rich Internet Applications... 6 Web Browser Hardware Acceleration...
More informationVisual HTML5. Human Information Interaction for Knowledge Extraction, Interaction, Utilization, Decision making HI-I-KEIUD
Visual HTML5 1 Overview HTML5 Building apps with HTML5 Visual HTML5 Canvas SVG Scalable Vector Graphics WebGL 2D + 3D libraries 2 HTML5 HTML5 to Mobile + Cloud = Java to desktop computing: cross-platform
More information16. HTML5, HTML Graphics, & HTML Media 웹프로그래밍 2016 년 1 학기 충남대학교컴퓨터공학과
16. HTML5, HTML Graphics, & HTML Media 웹프로그래밍 2016 년 1 학기 충남대학교컴퓨터공학과 목차 HTML5 Introduction HTML5 Browser Support HTML5 Semantic Elements HTML5 Canvas HTML5 SVG HTML5 Multimedia 2 HTML5 Introduction What
More informationHIGHCHARTS - QUICK GUIDE HIGHCHARTS - OVERVIEW
HIGHCHARTS - QUICK GUIDE http://www.tutorialspoint.com/highcharts/highcharts_quick_guide.htm Copyright tutorialspoint.com HIGHCHARTS - OVERVIEW Highcharts is a pure JavaScript based charting library meant
More informationQiufeng Zhu Advanced User Interface Spring 2017
Qiufeng Zhu Advanced User Interface Spring 2017 Brief history of the Web Topics: HTML 5 JavaScript Libraries and frameworks 3D Web Application: WebGL Brief History Phase 1 Pages, formstructured documents
More informationWHAT IS WEBKIT? COPYRIGHTED MATERIAL SMASHING WEBKIT CHAPTER 1
1 WHAT IS WEBKIT? WEBKIT IS AN open-source rendering engine designed to display web pages. It powers Google Chrome and Safari as well as a variety of mobile devices such as iphone, ipad, and Android phones
More informationA JavaScript Framework for Presentations and Animations on Computer Science
A JavaScript Framework for Presentations and Animations on Computer Science Laszlo Korte Bachelor Thesis Technical Aspects of Multimodal Systems Department of Informatics University of Hamburg 1 / 76 Outline
More informationUser s Guide. This User Guide contains information that can help you navigate through your professional development session.
This User Guide contains information that can help you navigate through your professional development session. The Table of Contents, found on the left of your screen, allows you to navigate to the major
More informationFeed Your Inner Data Scientist JAVASCRIPT TOOLS FOR DATA VISUALIZATION AND ANALYSIS
Feed Your Inner Data Scientist JAVASCRIPT TOOLS FOR DATA VISUALIZATION AND ANALYSIS GOAL For Today Big Data Health Gov t Financial Dev Ops IOT Sensors Stats Bio Doug Mair Doug.Mair@gmail.com @doug_mair
More informationMore CSS goodness with CSS3. Webpage Design
More CSS goodness with CSS3 Webpage Design CSS3 for Web Designers CSS is Evolving Currently we have been working with CSS 2.1 This specification in its entirety is supported by all current browsers (there
More informationLecture Topic Projects
Lecture Topic Projects 1 Intro, schedule, and logistics 2 Applications of visual analytics, basic tasks, data types 3 Introduction to D3, basic vis techniques for non-spatial data Project #1 out 4 Visual
More information,
Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Class Room and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in 9911782350, 9811818122 Welcome to one of the highly professional
More informationA network is a group of two or more computers that are connected to share resources and information.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML Hypertext Markup Language XHTML Extensible Hypertext Markup Language CSS Cascading Style Sheets The Internet is a worldwide collection of computers and
More informationCOURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3
COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 MODULE 1: OVERVIEW OF HTML AND CSS This module provides an overview of HTML and CSS, and describes how to use Visual Studio 2012
More informationD3js Guide. D3js Guide
We have made it easy for you to find a PDF Ebooks without any digging. And by having access to our ebooks online or by storing it on your computer, you have convenient answers with d3js guide. To get started
More informationCS474 MULTIMEDIA TECHNOLOGY
CS474 MULTIMEDIA TECHNOLOGY Pr. G. Tziritas, Spring 2018 SVG Animation Tutorial G. Simantiris (TA) OVERVIEW Introduction Definitions SVG Creating SVGs SVG basics Examples Animation using software Examples
More informationLAST WEEK ON IO LAB. Project 3 was due today at noon. If you haven t sent it to us and haven t already talked to us, come talk to us now.
LAST WEEK ON IO LAB Project 3 was due today at noon. If you haven t sent it to us and haven t already talked to us, come talk to us now. Be ready to demo and discuss in class. INFORMATION ORGANIZATION
More informationmgwt Cross platform development with Java
mgwt Cross platform development with Java Katharina Fahnenbruck Consultant & Trainer! www.m-gwt.com Motivation Going native Good performance Going native Good performance Device features Going native Good
More informationIt's a cross-platform vector graphics package written in JavaScript. Frequently referenced as dojox.gfx or dojo.gfx. Supported backends:
What is DojoX GFX? It's a cross-platform vector graphics package written in JavaScript. Frequently referenced as dojox.gfx or dojo.gfx. Supported backends: SVG (FF, Opera, Webkit/Safari 3 beta). VML (IE6,
More informationHTML5 in Action ROB CROWTHER JOE LENNON ASH BLUE GREG WANISH MANNING SHELTER ISLAND
HTML5 in Action ROB CROWTHER JOE LENNON ASH BLUE GREG WANISH MANNING SHELTER ISLAND brief contents PART 1 INTRODUCTION...1 1 HTML5: from documents to applications 3 PART 2 BROWSER-BASED APPS...35 2 Form
More informationVisualizing Information with
Visualizing Information with HTML5 @synodinos 35,000 years ago Chauvet cave, southern France By far the oldest paintings ever discovered Hundreds of paintings At least 13 different species Viubk source
More informationEmbracing HTML5 CSS </> JS javascript AJAX. A Piece of the Document Viewing Puzzle
Embracing HTML5 AJAX CSS JS javascript A Piece of the Document Viewing Puzzle Embracing HTML5: A Piece of the Document Viewing Puzzle For businesses and organizations across the globe, being able to
More informationIntroduction to Sencha Ext JS
Introduction to Sencha Ext JS Olga Petrova olga@sencha.com Sales Engineer EMEA Agenda Use Case How It Works Advantages Demo Use case Ext JS a Javascript framework for building enterprise data-intensive
More informationWorld Wide Web. World Wide Web - how it works. WWW usage requires a combination of standards and protocols DHCP TCP/IP DNS HTTP HTML MIME
World Wide Web WWW usage requires a combination of standards and protocols DHCP TCP/IP DNS HTTP HTML MIME World Wide Web - how it works User on a machine somewhere Server machine Being more specific...
More informationWebGL (Web Graphics Library) is the new standard for 3D graphics on the Web, designed for rendering 2D graphics and interactive 3D graphics.
About the Tutorial WebGL (Web Graphics Library) is the new standard for 3D graphics on the Web, designed for rendering 2D graphics and interactive 3D graphics. This tutorial starts with a basic introduction
More informationCreate Web Charts. With jqplot. Apress. Fabio Nelli
Create Web Charts With jqplot Fabio Nelli Apress Contents J About the Author About the Technical Reviewer Acknowledgments Introduction xv xvii xix xxi Chapter 1: Charting Technology Overview 1 Elements
More informationHTML, XHTML, and CSS. Sixth Edition. Chapter 1. Introduction to HTML, XHTML, and
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS Chapter Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key
More informationNon Functional Requirements Websites implemented by Dynamicweb Services
Non Functional Requirements Websites implemented by Dynamicweb Services Page 1 / 7 Table of Contents 1 summary...3 2 mobile friendlyness & responsiveness...3 2.1 Mobile navigation...3 2.2 Validation and
More informationMaster Project Software Engineering: Team-based Development WS 2010/11
Master Project Software Engineering: Team-based Development WS 2010/11 Implementation, September 27 th, 2011 Glib Kupetov Glib.Kupetov@iese.fraunhofer.de Tel.: +49 (631) 6800 2128 Sebastian Weber Sebastian.Weber@iese.fraunhofer.de
More informationScalable Vector Graphics: SVG. The Little-Known Treasure of Document Viewing
Scalable Vector Graphics: SVG The Little-Known Treasure of Document Viewing 1 Introduction Most everyone has experienced that dreaded feeling of downloading an image from the web to use in a document or
More informationPerceptive Process Mining
Perceptive Process Mining Technical s Version: 2.13.x Written by: Product Knowledge, R&D Date: March 2018 2015-2018 Hyland Software, Inc. and its affiliates. Table of Contents About the technical specifications...
More informationIntroduction to HTML 5. Brad Neuberg Developer Programs, Google
Introduction to HTML 5 Brad Neuberg Developer Programs, Google The Web Platform is Accelerating User Experience XHR CSS DOM HTML iphone 2.2: Nov 22, 2008 canvas app cache database SVG Safari 4.0b: Feb
More informationRevision for Grade 7 ASP in Unit :1&2 Design & Technology Subject
Your Name:.... Grade 7 - SECTION 1 Matching :Match the terms with its explanations. Write the matching letter in the correct box. The first one has been done for you. (1 mark each) Term Explanation 1.
More informationINTERFACE FOUNDATIONS OF WEB DEVELOPMENT
INTERFACE FOUNDATIONS OF WEB DEVELOPMENT FOUNDATIONS OF WEB DEVELOPMENT SYLLABUS Course Description Foundations of Web Development is a 10-week, part-time course where students learn the basic concepts
More informationCHOOSING 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 informationScalable Vector Graphics (SVG) vector image World Wide Web Consortium (W3C) defined with XML searched indexed scripted compressed Mozilla Firefox
SVG SVG Scalable Vector Graphics (SVG) is an XML-based vector image format for twodimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed
More informationD3js Tutorial. Tom Torsney-Weir Michael Trosin
D3js Tutorial Tom Torsney-Weir Michael Trosin http://www.washingtonpost.com/wp-srv/special/politics Contents Some important aspects of JavaScript Introduction to SVG CSS D3js Browser-Demo / Development-Tools
More informationSage ERP Accpac Version 6.1. Coming Q4 2011
Sage ERP Accpac Version 6.1 Coming Q4 2011 Sage ERP Accpac 6.1 What s New Improved usability of data entry screens Sage ERP Accpac 6.1 Virtualization Web Deployment Technology Mobile Access Sage ERP Accpac
More informationWebKit ; FOR : DUMMIES. by Chris Minnick WILEY. John Wiley & Sons, Inc.
WebKit ; FOR : DUMMIES by Chris Minnick WILEY John Wiley & Sons, Inc. Table of Contents Introduction 7 Why I Love WebKit, and You Should Too 1 Who Should Read This Book 2 Conventions Used in This Book
More informationa Very Short Introduction to AngularJS
a Very Short Introduction to AngularJS Lecture 11 CGS 3066 Fall 2016 November 8, 2016 Frameworks Advanced JavaScript programming (especially the complex handling of browser differences), can often be very
More informationCopyright 2014, Oracle and/or its affiliates. All rights reserved.
1 Introduction to the Oracle Mobile Development Platform Dana Singleterry Product Management Oracle Development Tools Global Installed Base: PCs vs Mobile Devices 3 Mobile Enterprise Challenges In Pursuit
More informationGraphical Interaction
Fakultät für Informatik Technische Universität München Bachelor s thesis: Graphical Interaction on Enterprise Architecture Visualisations Referee: Björn Kirschner Supervisor: Sascha Roth 1 Structure 1.
More informationProduct Information
Product Information 17.0.0.500 TOBESOFT strives to maintain the accuracy of information provided in this document and will consistently modify and supplement it. However, we cannot guarantee accuracy of
More informationData Visualization on the Web with D3
Data Visualization on the Web with D3 Bowen Yu April 11, 16 Big Data Analysis Interactive Analysis After dataprocessingwith BD techniques, itis necessary to visualize the data so that human analyst can
More informationCourse Details. Skills Gained. Who Can Benefit. Prerequisites. View Online URL:
Specialized - Mastering jquery Code: Lengt h: URL: TT4665 4 days View Online Mastering jquery provides an introduction to and experience working with the JavaScript programming language in the environment
More information2D Information Visualization SVG and HTML5
2D Information Visualization SVG and HTML5 Version of 20 May 2011 Christian Kantner Albert Leimüller Evgenia Popova Michael Steurer Abstract There are many different solutions and technologies to create
More informationState of the Open Web. Brad Neuberg, Google
State of the Open Web Brad Neuberg, Google http://flickr.com/photos/jamespaullong/164875156/ Who is this guy? Ajax Image CC: jopemoro/flickr Who is this guy? Ajax Image CC: jopemoro/flickr Ajax Who is
More informationWeb Design. Basic Concepts
Web Design Basic Concepts Web Design Web Design: Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web. Web sites may be relatively simple, or highly
More informationHTML5 MOCK TEST HTML5 MOCK TEST I
http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your
More informationW3C DPIG Charting the Path Forward for the Future of Publishing with the Open Web Platform
W3C DPIG Charting the Path Forward for the Future of Publishing with the Open Web Platform Bill Kasdorf VP and Principal Consultant, Apex Content Solutions NEWS FLASH: The Web was not created for publishing.
More informationDYNAMIC AI EDUC BERLIN 2016
DYNAMIC AI EDUC BERLIN 2016 UI Name: Carsten Sørensen Title: Founder, CINTAC A/S since 1998 in relationship: since 2003, based on trust and love! Name: Carsten Sørensen Title: Founder, CINTAC A/S since
More informationHTML5 Mobile App Development
HTML5 Mobile App Development Carl Stehle Appception, Inc. carl@appception.com 650.938.8046 April, 2013 Market Mobile App Market August 2010: Research2guidance: 1.7B (2009), 2.2B (1 st half 2010) April
More informationA pixel is not a pixel. Peter-Paul Koch BlackBerry Jam, 6 February 2012
A pixel is not a pixel Peter-Paul Koch http://quirksmode.org http://twitter.com/ppk BlackBerry Jam, 6 February 2012 I. Pixels Pixels according to W3C The reference pixel is the visual angle of one pixel
More informationThe course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.
Web Development WEB101: Web Development Fundamentals using HTML, CSS and JavaScript $2,495.00 5 Days Replay Class Recordings included with this course Upcoming Dates Course Description This 5-day instructor-led
More informationIJSRD - International Journal for Scientific Research & Development Vol. 3, Issue 02, 2015 ISSN (online):
IJSRD - International Journal for Scientific Research & Development Vol. 3, Issue 02, 2015 ISSN (online): 2321-0613 Intelligent Script Editor: An Interactive Parallel Programming Tool Susmita Abhang 1
More information20480C: Programming in HTML5 with JavaScript and CSS3. Course Code: 20480C; Duration: 5 days; Instructor-led. JavaScript code.
20480C: Programming in HTML5 with JavaScript and CSS3 Course Code: 20480C; Duration: 5 days; Instructor-led WHAT YOU WILL LEARN This course provides an introduction to HTML5, CSS3, and JavaScript. This
More informationLeveraging the HTML5 Canvas/Javascript for web and mobile maps with CartoVista
Leveraging the HTML5 Canvas/Javascript for web and mobile maps with CartoVista Dany Bouchard, DBx GEOMATICS inc. ABSTRACT. Developing cross-browser mapping applications is a challenge that requires good
More information3D webservices - where do we stand? Emmanuel Belo
3D webservices - where do we stand? Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com Camptocamp Open Source Service Provider Staff 49 Switzerland, France & Austria Since 2001 Wien Lausanne Chambéry
More informationCS 418: Interactive Computer Graphics. Introduction. Eric Shaffer
CS 418: Interactive Computer Graphics Introduction Eric Shaffer Computer Graphics is Used By Video Game Industry Revenue of $99B globally in 2016 Computer Graphics is Used By Medical Imaging and Scientific
More informationDYNAMIC MATHEMATICS WITH GEONExT: NEW CONCEPTS
4 th European Workshop on Mathematical & Scientific e-contents 11-13 September, Trondheim, Norway Alfred Wassermann, Matthias Ehmann, Carsten Miller Mathematics and Mathematical Education University of
More informationBuild An HTML5 Game: A Developer's Guide With CSS And JavaScript By Karl Bunyan READ ONLINE
Build An HTML5 Game: A Developer's Guide With CSS And JavaScript By Karl Bunyan READ ONLINE If searched for a ebook by Karl Bunyan Build an HTML5 Game: A Developer's Guide with CSS and JavaScript in pdf
More informationCSCI 1320 Creating Modern Web Applications
CSCI 1320 Creating Modern Web Applications Lecture 34: Testing I 4/23/18 CS132 Lecture 34: Testing 1 Security Challenge and Testing What were you doing in the security challenge Seeing if you could break
More informationWeb browser architecture
Web browser architecture Web Oriented Technologies and Systems Master s Degree Course in Computer Engineering - (A.Y. 2017/2018) What is a web browser? A web browser is a program that retrieves documents
More informationD3 Introduction. Gracie Young and Vera Lin. Slides adapted from
D3 Introduction Gracie Young and Vera Lin Slides adapted from Maneesh Agrawala Jessica Hullman Ludwig Schubert Peter Washington Alec Glassford and Zach Maurer CS 448B: Visualization Fall 2018 Topics 1)
More informationAjax Ajax Ajax = Asynchronous JavaScript and XML Using a set of methods built in to JavaScript to transfer data between the browser and a server in the background Reduces the amount of data that must be
More informationthe web as it should be Martin Beeby
the web as it should be Martin Beeby - @thebeebs paving the way to the end user Hotbed of innovation World of standards Ever-closer user experiences in the beginning mosaic netscape navigator internet
More informationWhen learning coding, be brave
Who am I? Web Technology Overview with a focus on JavaScript-based technologies Lawrence Yao l.yao@unsw.edu.au Lawrence Yao UNSW casual staff Developer Analyst at YTML Consulting Email me if you need technical
More informationA Domain-Customizable SVG-Based Graph Editor for Software Visualizations
A Domain-Customizable SVG-Based Graph Editor for Software Visualizations Tony Lin, Feng Zou, Holger M. Kienle and Hausi A. Müller University of Victoria, Canada {gaoyun,fzou,kienle,hausi}@cs.uvic.ca Abstract
More informationDESIGN AND IMPLEMENTATION OF SAGE DISPLAY CONTROLLER PROJECT
DESIGN AND IMPLEMENTATION OF SAGE DISPLAY CONTROLLER BY Javid M. Alimohideen Meerasa M.S., University of Illinois at Chicago, 2003 PROJECT Submitted as partial fulfillment of the requirements for the degree
More informationClient-side Debugging. Gary Bettencourt
Client-side Debugging Gary Bettencourt Overview What is client-side debugging Tool overview Simple & Advanced techniques Debugging on Mobile devices Overview Client debugging involves more then just debugging
More informationMicrosoft Dynamics NAV Windows Client Requirements
Microsoft Dynamics NAV Windows Client Requirements The following table shows the minimum system requirements for the Microsoft Dynamics NAV Windows client. Supported operating systems Windows 8.1 Professional
More informationAn imperative approach to video user experiences using LUNA
An imperative approach to video user experiences using LUNA William Cooper informitv 2 3 Introduction LUNA engine enables high-performance graphics for video user interfaces. Alternative to browser-based
More informationHTML version of slides:
HTML version of slides: http://people.mozilla.org/~bbirtles/pres/graphical-web-2014/ Animations can be used for more than just cat gifs. They can be used to tell stories too. Animation is essentially
More informationRich Web Applications in Server-side Java without. Plug-ins or JavaScript
Rich Web Applications in Server-side Java without twitter: #vaadin @joonaslehtinen Plug-ins or JavaScript Joonas Lehtinen, PhD Vaadin Ltd - CEO joonas@vaadin.com ? Vaadin is a UI framework for desktop-like
More informationWeb Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh
Web Programming and Design MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Plan for the next 5 weeks: Introduction to HTML tags Recap on HTML and creating our template file Introduction
More informationIndex LICENSED PRODUCT NOT FOR RESALE
Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using
More informationData Visualization 101: trends, skillset and tools
Partha Padmanabhan Solutions Architect, Cisco Data Visualization 101: trends, skillset and tools A good Data Visualization is something that provides capability of envisioning the Information and Visual
More informationB r o w s e r s u p p o r t
A Browser Support Since writing this book, much has changed in the browser market. The Chromium project, which the Chrome browser is based on, stopped using WebKit and created their own fork, called Blink.
More informationWhite Paper AJAX. for Graphics-Intensive Web Applications
White Paper AJAX for Graphics-Intensive Web Applications AJAX for Graphics-Intensive Web Applications White Paper ILOG, May 2006 Do not duplicate without permission. ILOG, CPLEX and their respective logotypes
More informationCorey Clark PhD Daniel Montgomery
Corey Clark PhD Daniel Montgomery Web Dev Platform Cross Platform Cross Browser WebGL HTML5 Web Socket Web Worker Hardware Acceleration Optimized Communication Channel Parallel Processing JaHOVA OS Kernel
More information1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites
A. Pre-Production of Webpage 1. Determine the specific software needed WYSIWYG- design software that manipulates components of the web page without the user writing or editing code Uses graphical layout
More informationServer-Side Graphics
Server-Side Graphics SET09103 Advanced Web Technologies School of Computing Napier University, Edinburgh, UK Module Leader: Uta Priss 2008 Copyright Napier University Graphics Slide 1/16 Outline Graphics
More information11/5/16 WEB DESIGN. Branding Fall 2016
designschool.canva.com/blog/print-vs-web/ nngroup.com/articles/differences-between-print-design-and-web-design/ howdesign.com/web-design-resources-technology/top-content-management-systems-designers/ alchemyuk.com/design/74-top-10-web-design-tips
More informationGoogle Web Toolkit for quick relief of AJAX pain. Kelly Norton & Miguel Méndez
Google Web Toolkit for quick relief of AJAX pain. Kelly Norton & Miguel Méndez Overview the pleasure of using AJAX apps. the pain of creating them. getting some pain relief with GWT. the tutorial part.
More informationCiril Bohak. - INTRODUCTION TO WEBGL
2016 Ciril Bohak ciril.bohak@fri.uni-lj.si - INTRODUCTION TO WEBGL What is WebGL? WebGL (Web Graphics Library) is an implementation of OpenGL interface for cmmunication with graphical hardware, intended
More informationAdvanced Development with the ArcGIS API for JavaScript. Jeremy Bartley, Kelly Hutchins, Derek Swingley
Advanced Development with the ArcGIS API for JavaScript Jeremy Bartley, Kelly Hutchins, Derek Swingley Agenda FeatureLayer esri.request and Identity Manager OO JS Building your first Dijit Popups Working
More informationEffective Web Site: Global Standards and Best Practices
Effective Web Site: Global Standards and Best Practices The Internet environment is characterized by: Billions of web-sites, proliferation of data sources; and Exponential growth of online information.
More informationTypical Website Design & Development process
Designing and building bespoke digital solutions can be as complicated as building a house or motor vehicle with architectural and engineering practices playing vital roles in the production process. There
More informationMEAP Edition Manning Early Access Program WebAssembly in Action Version 1
MEAP Edition Manning Early Access Program WebAssembly in Action Version 1 Copyright 2018 Manning Publications For more information on this and other Manning titles go to www.manning.com welcome Thank you
More informationPublishing Technology 101 A Journal Publishing Primer. Mike Hepp Director, Technology Strategy Dartmouth Journal Services
Publishing Technology 101 A Journal Publishing Primer Mike Hepp Director, Technology Strategy Dartmouth Journal Services mike.hepp@sheridan.com Publishing Technology 101 AGENDA 12 3 EVOLUTION OF PUBLISHING
More informationAjax Ajax Ajax = Asynchronous JavaScript and XML Using a set of methods built in to JavaScript to transfer data between the browser and a server in the background Reduces the amount of data that must be
More informationTouch Forward. Bill Fisher. #touchfwd. Developing Awesome Cross-Browser Touch
Touch Forward Developing Awesome Cross-Browser Touch Interactions Bill Fisher @fisherwebdev #touchfwd Super F*cking Important yeah, it s important. http://commons.wikimedia.org/wiki/file:071228_human_hands.jpg
More informationPlatform-Independent UI Models: Extraction from UI Prototypes and rendering as W3C Web Components
Platform-Independent UI Models: Extraction from UI Prototypes and rendering as W3C Web Components Marvin Aulenbacher, 19.06.2017, Munich Chair of Software Engineering for Business Information Systems (sebis)
More informationTodd toddreifsteck
Todd Reifsteck Program Manager: Memory, Power and Performance Co-Chair of W3C Web Performance Working Group @toddreifsteck toddreifsteck toddreif@microsoft.com Building a faster browser Behind the scenes
More informationPower BI Architecture
What is Power BI? Power BI is a collection of software services, apps, and connectors that work together to turn unrelated sources of data into coherent, visually immersive, and interactive insights. -
More informationSoftware Requirements Specification. for WAVED. Version 3.0. Prepared By:
Software Requirements Specification for WAVED Version 3.0 Prepared By: Sean Bluestein, Kristian Calhoun, Keith Horrocks, Steven Nguyen, Hannah Pinkos Advisor: Kurt Schmidt Stakeholder: Climate Central
More informationfooter, header, nav, section. search. ! Better Accessibility.! Cleaner Code. ! Smarter Storage.! Better Interactions.
By Sruthi!!!! HTML5 was designed to replace both HTML 4, XHTML, and the HTML DOM Level 2. It was specially designed to deliver rich content without the need for additional plugins. The current version
More informationBORDER IMAGES THE BACKGROUND IMAGE PROPERTIES. Learning Web Design, 5e
BORDER IMAGES For use with: Learning Web Design, 5e by Jennifer Robbins Copyright O Reilly Media 2018 In this article, I ll give you a quick overview of the border-image properties for filling the sides
More informationUSING SVG XML FOR REPRESENTATION OF HISTORICAL GRAPHICAL DATA
Преглед НЦД 9 (2006), 39 45 Dušan Tošić, Vladimir Filipović, (Matematički fakultet, Beograd) Jozef Kratica (Matematički institut SANU, Beograd) USING SVG XML FOR REPRESENTATION OF HISTORICAL GRAPHICAL
More information