Founder & CEO
|
|
- Jeffery Walters
- 5 years ago
- Views:
Transcription
1 X Founder & CEO
2 Introduction to Vaadin Framework
3 User interface framework for rich web applications
4 User Interface Components
5 Developer Rich Productivity UX
6 java html
7
8
9
10 Desktop browsers. er 6/ % IE 6/7 Safari Opera IE 8 14% 18% 36% 54% Tablets p IE 9 IE 10 + Chrome Firefox 79% 80% 94% 94% Phones iphone Daniel ipad Android Android 36.1% Windows 25.7% WP pho
11 How does server-side UI work, really?
12
13 Initial HTML CSS (theme) Images JavaScript 1.2M total compress 307k reduced widgetset 135k
14
15 name= Joonas button clicked 261 bytes
16
17 name= Joonas button clicked 261 bytes Add notification 267 bytes
18 Trends changing Web Frameworks
19 Client - Model View Whatever Disruptive trend today
20
21 AngularJS GWT
22 ??
23 AngularJS: Spreadsheet for HTML
24 =SUM(A1:A100) <input type="text" ng-model="yourname"> <h1>hello {{yourname}}!</h1>
25 Enables =SUM(A1:A100) business people to build financial "apps" <input type="text" Enables ng-model="yourname"> designers to build web prototypes <h1>hello {{yourname}}!</h1>
26 Design driven "Designed by a developer"
27 Developer productivity Powerful testing
28 Web Components The next disruptive trend?
29
30 <x-gangnam-style> </x-gangnam-style>
31
32 ?? disruptive
33 Simplification Reusability Robustness
34 Enables developers & designers to build UIs that would otherwise be too hard or expensive
35 Component oriented web frameworks
36 value proposition Statically typed Java Components Automated Communication Statically typed Java Components
37 Automated Communication Statically typed Java Statically typed Java
38
39 Disruption
40 Opportunity :)
41 CVaadin Components
42 Vaadin Components 0.1 <v-slider> <v-grid> <v-progress-bar> </v-slider> </v-grid> </v-progress-bar>
43
44
45
46
47
48
49
50 Super fast lazy loading Mobile friendly rendering engine <v-grid> Renderers Complex headers and footers
51 Vaadin Labs stuff is still experimental timeline is not set
52 Automated Communication Statically typed Java Components
53 Automated Communication Framework Statically typed Java Components web Components
54 Sass API for theme engine <v-component> <v-grid> / JS API AngularJS API GWT API Automatic communication Java Server API
55
56 <v-absolute-layout id="absolutelayout"> <v-label id="label" size-auto="true" :top="0px" :left="21px"> <h3>edit customer</h3> </v-label> <v-form-layout id="formlayout" margin="" :top="69px" :right="22px" :left="20px"> <v-text-field caption="first name" id="firstname" width-full="true"></v-text-field> <v-text-field caption="last name" id="lastname" width-full="true"></v-text-field> <v-text-field caption=" " required="true" id=" "></v-text-field> <v-popup-date-field caption="birth day" id="birthday"></v-popup-date-field> <v-native-select caption="status" id="status"></v-native-select> </v-form-layout> <v-horizontal-layout spacing="true" id="horizontallayout" width-full="true" :right="22px" :bottom="17px" :left="20px"> <v-button style-name="primary" id="save" plain-text="">save</v-button> <v-button id="cancel" plain-text="">cancel</v-button> <v-button style-name="fontawesome" id="delete" plain-text="":expand="">!</v-button> </v-horizontal-layout> </v-absolute-layout>
57 design.html Framework
58
59
60
61 design.html Framework Designer
62 design.html Framework Designer Components
63 design.html Framework Designer Components
64 Not if, but when?
65 Do web components actually work?
66
67 HTML Template Support by browser market share
68 Custom Elements Support by browser market share
69 Shadow DOM Support by browser market share
70 HTML Import Support by browser market share
71 Summary Only works in blink CHROME OPERA FIREFOX SAFARI IE HTML Template Custom Element Shadow DOM HTML Import
72 Do web components actually work? No, but Yes :)
73 Web Components Custom Elements webcomponents.js Polyfill HTML Imports Shadow DOM DOM WeakMap {Mutation Observers
74
75 Timeline When could you really use web components Today Soonish? Evergreen browsers (polyfilled) With full CSS sandbox (native) Old browsers IE <10, Safari <6, < latest ios/ff/chrome/android
76 Building Web Components With GWT
77 <v-grid> 193 files 32 kloc 17 months 5 persons No human sacrifices ;) </v-grid>
78 Elements.registerElement("v-grid", public class WCVGrid extends HTMLElement.Prototype implements LifeCycle.Attached { private Grid<JsArrayMixed> grid = new public void attachedcallback() { HTMLShadow shadow = createshadowroot(); shadow.appendchild(style); shadow.appendchild(container); } Panel shadowpanel = wrapaswidget(container); shadowpanel.add(grid); public void setdatasource(javascriptobject jso) { grid.setdatasource(wrapjsodatasource(jso)); }
79 Elements.registerElement("v-grid", public class WCVGrid extends HTMLElement.Prototype implements LifeCycle.Attached { private Grid<JsArrayMixed> grid = new public void attachedcallback() { HTMLShadow shadow = createshadowroot(); shadow.appendchild(style); shadow.appendchild(container); } Panel shadowpanel = wrapaswidget(container); shadowpanel.add(grid); public void setdatasource(javascriptobject jso) { grid.setdatasource(wrapjsodatasource(jso)); }
80 Elements.registerElement("v-grid", public class WCVGrid extends HTMLElement.Prototype implements LifeCycle.Attached { private Grid<JsArrayMixed> grid = new public void attachedcallback() { HTMLShadow shadow = createshadowroot(); shadow.appendchild(style); shadow.appendchild(container); } Panel shadowpanel = wrapaswidget(container); shadowpanel.add(grid); public void setdatasource(javascriptobject jso) { grid.setdatasource(wrapjsodatasource(jso)); }
81 Elements.registerElement("v-grid", public class WCVGrid extends HTMLElement.Prototype implements LifeCycle.Attached { private Grid<JsArrayMixed> grid = new public void attachedcallback() { HTMLShadow shadow = createshadowroot(); shadow.appendchild(style); shadow.appendchild(container); } Panel shadowpanel = wrapaswidget(container); shadowpanel.add(grid); public void setdatasource(javascriptobject jso) { grid.setdatasource(wrapjsodatasource(jso)); }
82 Elements.registerElement("v-grid", public class WCVGrid extends HTMLElement.Prototype implements LifeCycle.Attached { private Grid<JsArrayMixed> grid = new public void attachedcallback() { HTMLShadow shadow = createshadowroot(); shadow.appendchild(style); shadow.appendchild(container); } Panel shadowpanel = wrapaswidget(container); shadowpanel.add(grid); public void setdatasource(javascriptobject jso) { grid.setdatasource(wrapjsodatasource(jso)); }
83 Elements.registerElement("v-grid", public class WCVGrid extends HTMLElement.Prototype implements LifeCycle.Attached { private Grid<JsArrayMixed> grid = new public void attachedcallback() { HTMLShadow shadow = createshadowroot(); shadow.appendchild(style); shadow.appendchild(container); } Panel shadowpanel = wrapaswidget(container); shadowpanel.add(grid); public void setdatasource(javascriptobject jso) { grid.setdatasource(wrapjsodatasource(jso)); }
84 Sass API for theme engine <v-component> <v-grid> / JS API AngularJS API GWT API Automatic communication Java Server API
85 JavaScript Polymer Java GWT Element Java GWT Widget GWT Element Sass API for theme engine <v-component> <v-grid> / JS API AngularJS API GWT API Automatic communication Java Server API Autogenerated
86 github.com/vaadin/components
87 Getting started
88 Designer
89 Vaadin Labs vaadin.com/labs
90 Elements
91 Vaadin Labs vaadin.com/labs
92 Components
93 Vaadin Labs vaadin.com/labs
94 vaadin-components zip vaadin-components.js Polymer HTML fies GWT API wrappers AngularJS support experimental Read more at
95 Bower vaadin-components vaadin-components.js Polymer HTML fies AngularJS support experimental Read more at
96 cdn.vaadin.com vaadin-components.js Polymer HTML fies AngularJS support experimental Read more at
97 vaadin-widgets jar Grid Widget API Stable and supported Wide browser support IE8+ All the modern ones: FF, Chrome, ios, Android, Example: beta Get from or Maven
98 slides slideshare.com/joonaslehtinen feel free to reuse Founder & CEO
Rich 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 informationDesigning Reusable Web Components
Designing Reusable Web Components Dr. Joonas Lehtinen Vaadin @joonaslehtinen Agenda What do we want to Q & A design? Technology HTML5 / Canvas Google Web Toolkit Vaadin Framework Designing Web Component
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 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 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 informationGWT integration with Vaadin. Peter expert & trainer
GWT integration with Vaadin Peter Lehto @peter_lehto expert & trainer Vaadin & GWT GWT Transport mechanisms Web components with Polymer QA Vaadin Connectors Vaadin & GWT Server driven UI framework with
More informationCity of Mobile GIS Web Mapping Applications: New Technology, New Expectations
City of Mobile GIS Web Mapping Applications: New Technology, New Expectations Presenters : Scott Kearney GIS Manager Patricia Creamer GIS Analyst Background: GIS Department Developing web mapping apps
More informationAware IM Version 8.2 Aware IM for Mobile Devices
Aware IM Version 8.2 Copyright 2002-2018 Awaresoft Pty Ltd CONTENTS Introduction... 3 General Approach... 3 Login... 4 Using Visual Perspectives... 4 Startup Perspective... 4 Application Menu... 5 Using
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 informationIntroduction Haim Michael. All Rights Reserved.
Architecture Introduction Applications developed using Vaadin include a web application servlet based part, user interface components, themes that dictate the look & feel and a data model that enables
More informationDeveloping Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory
Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory IBM Corporation 2011 Who am I? 2 Agenda Mobile web applications and Web Experience Factory Tour of Web Experience
More informationDeveloping Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0
Developing Web Applications for Smartphones with IBM WebSphere Portlet Factory 7.0 WebSphere Portlet Factory Development Team 6 September 2010 Copyright International Business Machines Corporation 2010.
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 informationWeb Components. Reactive Architecture for the Front End. Steven Skelton. Reactive Programming Toronto December 3, 2014
Web Components Reactive Architecture for the Front End Steven Skelton Reactive Programming Toronto December 3, 2014 Reactive Manifesto Is a pattern for building software capable of handling today's application
More informationReview of Mobile Web Application Frameworks
Review of Mobile Web Application Frameworks Article Number: 909 Rating: Unrated Last Updated: Mon, May 9, 2011 at 10:57 AM If you are serious about getting your website or web application mobile-friendly,
More informationCracked IntegralUI Studio for Web all pc software ]
Cracked IntegralUI Studio for Web all pc software ] Description: IntegralUI Studio for Web a suite of advanced AngularJS directives and jquery widgets. Includes following UI components: Accordion - A list
More informationWeb AppBuilder for ArcGIS Dive Into Mobile Development. Yiwei Ma & Kevin Gao
Web AppBuilder for ArcGIS Dive Into Mobile Development Yiwei Ma & Kevin Gao Yiwei Ma Software Developer Kevin Gao User Interface Engineer Theme A theme in WAB is a template framework representing the look
More informationeclipse rich ajax platform (rap)
eclipse rich ajax platform (rap) winner Jochen Krause CEO Innoopract Member of the Board of Directors Eclipse Foundation jkrause@innoopract.com GmbH outline rich ajax platform project status and background
More informationSelainkäyttöliittymien vallankumous TIVIA - KÄYTTÖLIITTYMÄT KILPAILUKYKYTEKIJÄNÄ JOONAS LEHTINEN / VAADIN
Selainkäyttöliittymien vallankumous TIVIA - KÄYTTÖLIITTYMÄT KILPAILUKYKYTEKIJÄNÄ JOONAS LEHTINEN / VAADIN 11.10.2018 Joonas Lehtinen FOUNDER / CEO Vaadin codebase share 100% 1/ since 2001 Really proud
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 informationWeb Site Design Small Screen Design Responsive Design R.I.T. S. Ludi/R. Kuehl p. 1 R I T. Software Engineering
Web Site Design Small Screen Design Responsive Design S. Ludi/R. Kuehl p. 1 Design Principles and Guidelines User Populations (Shared human ability and behavior) (Problem domains) Computing Paradigms (Platform
More informationReader Release Notes. January 7, Release version: 3.1
Reader Release Notes January 7, 2019 Release version: 3.1 MindManager Reader Version 3.1... 2 General Information... 2 New in Version 3.1... 2 Supported Features... 2 Elements... 2 Text... 3 Navigation...
More informationLiving through Flash to ipad/html5 Conversion and Development
Living through Flash to ipad/html5 Conversion and Development Dave Goodman SoftAssist, Inc. 610.265.8484 ext 14 dgood@softassist.com www.softassist.com The Issue Your Courses How do we get from here to
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 informationFinancial. AngularJS. AngularJS. Download Full Version :
Financial AngularJS AngularJS Download Full Version : https://killexams.com/pass4sure/exam-detail/angularjs Section 1: Sec One (1 to 50) Details:This section provides a huge collection of Angularjs Interview
More informationIBM Forms Experience Builder
IBM Forms Experience Builder Bernd Beilke Digital Experience Solutions Architect Introduction Web forms are part of an engaging experience Natural part of the page no plug-ins required Highly dynamic and
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 informationFinancial. AngularJS. AngularJS.
Financial http://killexams.com/exam-detail/ Section 1: Sec One (1 to 50) Details:This section provides a huge collection of Angularjs Interview Questions with their answers hidden in a box to challenge
More informationRIA Security - Broken By Design. Joonas Lehtinen IT Mill - CEO
RIA Security - Broken By Design Joonas Lehtinen IT Mill - CEO a system is secure if it is designed to be secure and there are no bugs no system should be designed to be insecure not all bugs are security
More informationInteractive XML Visualization - using XSLT 2.0 on the Browser. Phil Fearon - Saxonica
Interactive XML Visualization - using XSLT 2.0 on the Browser Phil Fearon - Saxonica Big XML Theme Big data Large scale searching Processing large volumes at high speed Crunching big XML files Open Linked
More informationGoogle Wave Client: Powered by GWT. Adam Schuck 28 May, 2009
Google Wave Client: Powered by GWT Adam Schuck 28 May, 2009 Google Wave client search abuse detection saved searches folders authentication access control playback waves attachments gadgets contacts presence
More informationQCon - Mobile Maps HTML5 Team Andrea
QCon London @Nokia - Mobile Maps HTML5 Team Andrea Giammarchi @WebReflection the what the whole story, in 8 words the whole story, in 8 words one does not simply create an HTML5 Application Nokia Mobile
More informationDELIZIOSO RESTAURANT WORDPRESS THEME
DELIZIOSO RESTAURANT WORDPRESS THEME Created: 06/08/2013 Last Update: 25/10/2013 By: Alexandr Sochirca Author Profile: http://themeforest.net/user/crik0va Contact Email: alexandr.sochirca@gmail.com v.
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 informationResponsive Design for Web Applications R.I.T. S. Ludi/R. Kuehl p. 1 R I T. Software Engineering
Responsive Design for Web Applications S. Ludi/R. Kuehl p. 1 What is the Problem? S. Ludi/R. Kuehl p. 2 Credit: Matt Griffin What is the Problem? Mobile web access is ubiquitous One interface design does
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 informationDesigning Reusable Web Components
Designing Reusable Web Components Joonas Lehtinen / Vaadin 12-5-17 @joonaslehtinen Agenda Goal Test app Q & A Technology HTML5 / Canvas Google Web Toolkit Vaadin Framework Designing Web Component Step-by-step
More informationBasics of Web Technologies
Dear Student, Based upon your enquiry we are pleased to send you the course curriculum for Web Designing Given below is the brief description for the course you are looking for: Introduction to Web Technologies
More informationP a g e 1. Danish Technological Institute. Scripting and Web Languages Online Course k Scripting and Web Languages
P a g e 1 Online Course k72853 Scripting and Web Languages P a g e 2 Title Estimated Duration (hrs) JsRender Fundamentals 2 Advanced JsRender Features 3 JavaScript SPA: Getting Started with SPA in Visual
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) More on Relative Linking. Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 7 More on Links, Layout, and Mobile Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationClassification and Selection of Cross-Platform Tools. Michiel Willocx 17/06/2015
Classification and Selection of Cross-Platform Tools Michiel Willocx 17/06/2015 Table of contents PART 1: Classification Cross-Platform Tools o Different technologies o Examples PART 2: Selection Criteria
More information<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
About the Tutorial Materialize is a UI component library created with CSS, JavaScript, and HTML. Materialize UI components help in constructing attractive, consistent, and functional web pages and web
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 informationFlexible and LEAN Ads
Flexible and LEAN Ads The IAB New Ad Portfolio emphasizes LEAN (Light, Encrypted, AdChoices supported, and Non-invasive) ad experience and flexible size ad specifications. LEAN ad experience for digital
More informationMindManager HTML5 Export Release Notes
MindManager HTML5 Export Release Notes April 7, 2017 Release version: 1.3 MindManager HTML5 Export Version 1.3... 2 General Information... 2 New In This Version... 2 Supported Features... 3 Elements...
More informationState of jquery Fall John Resig
State of jquery Fall 2010 John Resig State of the Project New Releases jquery 1.4.3 / jquery 1.4.4 Official Plugins: jquery Templating jquery Data Linking jquery Mobile jquery 1.4.3 JSLint Modularity
More informationWeb Premium- Advanced UI Development Course. Duration: 08 Months. [Classroom and Online] ISO 9001:2015 CERTIFIED
Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Classroom and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in +91-9911782350, +91-9811818122 ADMEC is one of the best
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 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 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 informationSoftware Architecture Documentation for the JRC MYGEOSS app for Invasive Species project
Software Architecture Documentation for the JRC MYGEOSS app for Invasive Species project 2015.3724 Table of Contents 1 Architecture View... 2 2 Application... 3 2.1 Technologies Used... 3 2.1.1 Apache
More informationThe ROI of UI Toolkit Standardization
The ROI of UI Toolkit Standardization Whitepaper Introduction 1 Buy vs. Build 2 The ROI of Standardization 3 The ROI of Infragistics as your UX Team 3-4 Leveraged Learning 4 The Overall Value of Standardization
More informationHTML5 Applications Made Easy on Tizen IVI. Brian Jones / Jimmy Huang
HTML5 Applications Made Easy on Tizen IVI Brian Jones / Jimmy Huang Obstacles IVI Developers Face Today Lots of hardware variety. Multiple operating systems Different input devices Software development
More informationMindManager Browser Application Release Notes
MindManager Browser Application Release Notes September 22, 2017 Release version: 2.0 MindManager Browser Application Version 2.0... 2 General Information... 2 New in Version 2.0... 2 Supported Features...
More informationLab 1: Getting Started with IBM Worklight Lab Exercise
Lab 1: Getting Started with IBM Worklight Lab Exercise Table of Contents 1. Getting Started with IBM Worklight... 3 1.1 Start Worklight Studio... 5 1.1.1 Start Worklight Studio... 6 1.2 Create new MyMemories
More informationNo Programming Required Create web apps rapidly with Web AppBuilder for ArcGIS
No Programming Required Create web apps rapidly with Web AppBuilder for ArcGIS By Derek Law, Esri Product Manager, ArcGIS for Server Do you want to build web mapping applications you can run on desktop,
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 informationMobile Web Applications. Gary Dubuque IT Research Architect Department of Revenue
Mobile Web Applications Gary Dubuque IT Research Architect Department of Revenue Summary Times are approximate 10:15am 10:25am 10:35am 10:45am Evolution of Web Applications How they got replaced by native
More informationUnifying the Flash and HTML5 Video Experience
Unifying the Flash and HTML5 Video Experience Kaltura Inspire Webinar November 29, 2011 Twitter hashtag: #Kaltura Who uses Kaltura? Over 150,000 websites; over 20,000 community members Market leadership
More informationPEGACUIS71V1 pegasystems
PEGACUIS71V1 pegasystems Number: PEGACUIS71V1 Passing Score: 800 Time Limit: 120 min Exam A QUESTION 1 Which of the following rule types does the Localization wizard translate? (Choose Two) A. Field Value
More informationSpark SDK Video - Overview and Coding Demo
DEVNET-2026 Spark SDK Video - Overview and Coding Demo Olivier Proffit - Sr. Product Manager David Staudt DevNet Developer Evangelist Cisco Spark How Questions? Use Cisco Spark to communicate with the
More informationSlide 1: Developer Preview
Slide 1: Developer Preview The software we re using today exists somewhere between an alpha and a beta release. My understanding is we are at least 10 months from RTM, and possibly 12 months from GA. Microsoft
More informationADOBE CAPTIVATE 8. Content Planning Guide
ADOBE CAPTIVATE 8 Content Planning Guide Summer 2014 Table of Contents Using Captivate 8 on Your OnPoint Learning Platform... 2 What are the Advantages and Disadvantages of Captivate?... 2 Use Cases for
More informationMARKET RESPONSIVE PRESTASHOP THEME USER GUIDE
MARKET RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...
More informationBuild Tizen HTML5 Apps w/ Sencha Architect & Sencha Touch
Build Tizen HTML5 Apps w/ Sencha Architect & Sencha Touch About me /** * About me */ Ext.create("Person", { firstname: "Stefan", lastname : "Stölzle", company : "Sencha, Inc.", //position : "Sr. Solutions
More informationDeveloping Cross-Platform Native Apps with AppStudio for ArcGIS. Jo Fraley Erwin Soekianto
Developing Cross-Platform Native Apps with AppStudio for ArcGIS Jo Fraley Erwin Soekianto AppStudio for ArcGIS ios Android Linux 1App Windows Mac What is AppStudio for ArcGIS? A suite of productivity tools
More informationStrategies for Running Oracle Forms from Mobile Devices and Tablets.
Strategies for Running Oracle Forms from Mobile Devices and Tablets Mia Urman, AuraPlayer miaurman@auraplayer.com Denis Tyrell, Oracle 5 Copyright 2012, Oracle and/or its affiliates. All rights reserved.
More informationMobile Development June 2015, TEIATH, Greece
Mobile Development June 2015, TEIATH, Greece Presentation Overview 1. Introduction 2. Mobile Application Development 3. Cordova / Phonegap 4. Development Framework 5. Examples 1. INTRODUCTION Introduction
More informationSYNCFUSION ESSENTIAL STUDIO ENTERPRISE EDITION
Move beyond simply coding applications to delivering business innovation with Syncfusion's award-winning.net components and controls. Syncfusion tools help developers create elegant user interfaces, business
More informationBuilding Responsive Websites
Building Responsive Websites (CSCI-GA.3033-011) Robert Grimm New York University In the Beginning: Introductions 2 This Course Is Experimental! 3 I Am Teaching This Course for the First Time Built two
More information& Free.
& Free http://www.amexio.tech/ Amexio IDE Extensions Microsoft Visual Studio Code Atom Editor Angular MetaMagic EXtensions for Inputs & Outputs is a rich set of Angular 5 components powered by HTML5 &
More informationHOW REACT NATIVE AND NATIVESCRIPT CHANGE YOUR MOBILE STRATEGY SEBASTIAN
HOW REACT NATIVE AND NATIVESCRIPT CHANGE YOUR MOBILE STRATEGY SEBASTIAN WITALEC @SEBAWITA NATIVE DEVELOPMENT WHY DO I EVEN HAVE TO CHOOSE? THE PROBLEM WHAT WE WANT REALITY DEV SETUP OBJECTIVE- C SWIFT
More informationModern and Responsive Mobile-enabled Web Applications
Available online at www.sciencedirect.com ScienceDirect Procedia Computer Science 110 (2017) 410 415 The 12th International Conference on Future Networks and Communications (FNC-2017) Modern and Responsive
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 informationUser Interfaces for Web Sites and Mobile Devices. System and Networks
User Interfaces for Web Sites and Mobile Devices System and Networks Computer Systems and Networks: Device-Aware Interfaces Interfaces must take into account physical constraints of computers and networks:
More informationGRITS AJAX & GWT. Trey Roby. GRITS 5/14/09 Roby - 1
AJAX & GWT Trey Roby GRITS 5/14/09 Roby - 1 1 Change The Web is Changing Things we never imagined Central to people s lives Great Opportunity GRITS 5/14/09 Roby - 2 2 A Very Brief History of Computing
More information[PACKT] HTML5, CSS3, and jquery. Dreamweaver CS5.5 Mobile. and Web Development with
Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jquery Harness the cutting edge features of Dreamweaver for mobile and web development David Karl ins [PACKT] PUBLISHING BIRMINGHAM -
More informationAngularJS Introduction
AngularJS Introduction Mendel Rosenblum AngularJS JavaScript framework for writing web applications Handles: DOM manipulation, input validation, server communication, URL management, etc. Considered opinionated
More informationRead the Docs Template Documentation
Read the Docs Template Documentation Release 1.0 Read the Docs Jun 27, 2017 KNOWLEDGE BASE 1 Support 1 2 AdminExtra 3 2.1 Compatibility............................................... 3 2.2 Features..................................................
More informationDRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE
DRESSSHOP RESPONSIVE PRESTASHOP THEME USER GUIDE Version 1.0 Created by: arenathemes Page 1 Contents I. REQUIREMENTS & COMPATIBILITY... 3 II. INSTALLATION... 3 III. CONFIG AFTER INSTALLATION - THEME PACKAGE...
More informationASP.NET MVC Training
TRELLISSOFT ASP.NET MVC Training About This Course: Audience(s): Developers Technology: Visual Studio Duration: 6 days (48 Hours) Language(s): English Overview In this course, students will learn to develop
More information<Insert Picture Here> JavaFX 2.0
1 JavaFX 2.0 Dr. Stefan Schneider Chief Technologist ISV Engineering The following is intended to outline our general product direction. It is intended for information purposes only,
More informationHTML5 - INTERVIEW QUESTIONS
HTML5 - INTERVIEW QUESTIONS http://www.tutorialspoint.com/html5/html5_interview_questions.htm Copyright tutorialspoint.com Dear readers, these HTML5 Interview Questions have been designed specially to
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 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 informationI, J, K. Eclipse, 156
Index A, B Android PhoneGap app, 158 deploying and running, 172 New Eclipse project, 158 Activity dialog, 162 application properties, 160 AVD, 170 configuration, 167 Launcher Icon dialog, 161 PhoneGap
More informationIndex. Ray Nicholus 2016 R. Nicholus, Beyond jquery, DOI /
Index A addclass() method, 2 addeventlistener, 154, 156 AJAX communication, 20 asynchronous operations, 110 expected and unexpected responses, 111 HTTP, 110 web sockets, 111 AJAX requests DELETE requests,
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 information!1 Copyright 2013, Oracle and/or its affiliates. All rights reserved.
!1 Oracle Applications User Experiences in the Cloud: Trends and Strategy Noel Portugal Principal UX Developer March, 2014!2 Safe Harbor The following is intended to outline our general product direction.
More informationAdaptations by PVII responsive and then creates your page instantly Al Sparber & Gerry Jacobsen PVII
Adaptations by PVII is a Dreamweaver extension that allows you to select from 5 unique responsive layouts and then creates your page instantly. We hope you enjoy using this product as much as we did making
More informationWirecard CEE Integration Documentation
Wirecard CEE Integration Documentation () Created: 20181103 22:26 Online Guides Integration documentation 1/6 Integration for Mobile Devices General information No matter which business case is adopted
More informationChanging The User Agent String In Safari User Guide For Web Developers
Changing The User Agent String In Safari User Guide For Web Developers If you wish to simulate another type of browser by changing the User Agent or UA String in the Safari web browser for Windows or Mac
More informationGoogle Web Toolkit (GWT)
Google Web Toolkit (GWT) St. Louis Java SIG April 12, 2007 Brad Busch Andrew Prunicki What is GWT? GWT is a much different way to develop web applications from
More informationViewports. Peter-Paul Koch DevReach, 13 November 2017
Viewports Peter-Paul Koch http://quirksmode.org http://twitter.com/ppk DevReach, 13 November 2017 or: Why responsive design works Peter-Paul Koch http://quirksmode.org http://twitter.com/ppk DevReach,
More informationFirefox OS App Days. Overview and High Level Architecture. Author: José M. Cantera Last update: March 2013 TELEFÓNICA I+D
Firefox OS App Days Overview and High Level Architecture Author: José M. Cantera (@jmcantera) Last update: March 2013 TELEFÓNICA I+D 1 Introduction What is Firefox OS? A new mobile open OS fully based
More informationcappture your imagination Product Introduction
cappture your imagination Product Introduction Version 2.0 - March 2014 2 Table of Contents Document overview...4 Product goal and outline...4 The problem being addressed...4 Product architecture...5 The
More informationIGME-330. Rich Media Web Application Development I Week 1
IGME-330 Rich Media Web Application Development I Week 1 Developing Rich Media Apps Today s topics Tools we ll use what s the IDE we ll be using? (hint: none) This class is about Rich Media we ll need
More informationSkyVisualEditor Salesforce1 Support Guide
SkyVisualEditor Salesforce1 Support Guide Ver 1.0.0.3 April 6 th, 2015 TerraSky co., Ltd. Page 1 of 19 Table of Contents 1. Preface... 3 2. Notice... 3 (1) Request to the customer... 3 (2) Trademarks...
More informationHTML5 HTML & Fut ure o Web M edi dia Streami a est Work h op, ov 2010 Michael Dale Zohar Babin eve oper o Dev R l e t a i tions & C
HTML5 &F Future of fweb bmedia Streaming Media West Workshop, Nov. 2010 Michael Dale Zohar Babin Senior Developer Head of Dev Relations & Community michael.dale@kaltura.com zohar.babin@kaltura.com @michael_dale
More informationFundamentals of Website Development
Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science In this chapter History of HTML HTML 5-2- 1 The birth of HTML HTML Blows and standardization -3- -4-2 HTML 4.0
More information