OGC ARML 2.0 Candidate Standard

Size: px
Start display at page:

Download "OGC ARML 2.0 Candidate Standard"

Transcription

1 Hosted and Sponsored by Minister of Land, Transport and Maritime Affairs (MLTM) OGC ARML 2.0 Candidate Standard AR Standards Community Meeting, Barcelona Martin Lechner, Chair ARML 2.0 SWG March 1 st, 2013

2 OGC ARML 2.0 SWG Scope mobile visual AR descriptive format scripting components

3 OGC ARML 2.0 Facts 53 participants as of today Started at OGC meeting in Boulder in September 2011 Approved OGC Candidate Standard Public comments incorporated in current version (v1.0.2) Submitting organizations: Wikitude GmbH. Georgia Tech CACI International Inc. University of Alabama Huntsville - Information Technology & Systems Center

4 ARML Summary Eiffel Tower A Feature as an abstraction of a real world phenomenon... has Anchors... which have Assets in the Real World representing the Feature in the Virtual World

5 Anchors... Spatial (0D, 1D, 2D) Trackables (0D) RelativeTo (0D, 1D, 2D) On screen

6 Trackable and Tracker Tracking must be generic Marker Tracking Natural Feature Tracking 3D Tracking Face Tracking Sound Tracking Infrared Tracking etc. Tracker Trackable

7 Visual Assets 3D Model Image Fill <html>... </html> Label Eiffel Tower Text

8 Visual Assets cont d Automatic orientation (user or absolute) Manual orientation (roll, tilt, heading) Custom drawing order (zorder) Scaling (natural or custom) Conditions for visibility (distance, selected items)

9 Basic Document Outline <arml> <ARElements>... </ARElements> <script type= "text/javascript">.. dynamic parts, event handling etc. </script> <style type= "text/css">.. CSS styling of VisualAssets. </style> </arml>

10 Example 3D Model on Trackable <arml> <ARElements> <!-- register the Tracker to track a generic image --> <Tracker id="defaultimagetracker"> <uri> </Tracker> <!-- define the reference image the Model will be placed on top of --> <Trackable> <assets> <!-- define the 3D Model that should be visible on top of the marker --> <Model> <href> </Model> </assets> <tracker>#defaultimagetracker</tracker> <src> <size>0.20</size> </Trackable> </ARElements> </arml>

11 Example Color Outline of Trackable <arml> <ARElements> <!-- define the VisualAsset for the outline --> <Fill id="myredfill"> <! Outline drawn 1 cm thick --> <height>0.01</height> <style>color:#ff0000;</style> </Fill> <Tracker id="defaultimagetracker"> <uri> genericimagetracker</uri> </Tracker> <Trackable id="mytrackable"> <tracker>#defaultimagetracker</tracker> <src> <size>0.20</size> </Trackable> <RelativeTo id="markeroutline"> <assets> <assetref>#myredfill</assetref> </assets> <ref>#mytrackable</ref> <LineString> <poslist> </poslist> </LineString> </RelativeTo> </ARElements> </arml>

12 Example Geo AR Browser <arml> <ARElements> <Image id="placemarkmarker"> <ScalingMode type="custom"> <minscalingdistance>50</minscalingdistance> <maxscalingdistance>100</maxscalingdistance> </ScalingMode> <width>20</width> <href> </Image> <Label id="infowindowlabel"> <conditions> <SelectedCondition> <listener>feature</listener> <selected>true</selected> </SelectedCondition> </conditions> <src><b>$[name]</b><br />$[description]</src> </Label> <Feature id="goldengatebridge"> <name>golden Gate Bridge</name> <description>the Golden Gate Bridge is...</description> <anchors> <anchorref>#infowindow</anchorref> <Geometry> <assets> <assetref>#placemarkmarker</assetref> </assets> <Point> <pos> </pos> </Point> </Geometry> </anchors> </Feature> <!-- other Features go here, reusing the same assets and anchors --> </ARElements> </arml> <ScreenAnchor id="infowindow"> <style>left: 0; width: 100%; bottom: 0; height: 25%</style> <assets> <assetref>#infowindowlabel</assetref> </assets> </ScreenAnchor>

13 Events and Animations ECMAScript Object arml void addeventlistener(string type, EventListener listener); void removeeventlistener(string type, EventListener listener); Events arml locationchanged VisualAsset enterfieldofvision exitfieldofvision Click ARAnchor enterfieldofvision exitfieldofvision Trackable tracked trackinglost Animation start finish Animation.start(int loopcount, int delay); Animation.stop(); Animation.isRunning(); var anim = new NumberAnimation( targetobject, animatedproperty, startvalue, endvalue, duration); anim.start(1, 0); var groupanim = new GroupAnimation( parallel, [anim1, anim2] ); access/modify any declared object and property start/stop animations declared in 3D model file

14 Thank you!

OGC ARML 2.0 Candidate Standard - Comparison with Existing Formats

OGC ARML 2.0 Candidate Standard - Comparison with Existing Formats Hosted and Sponsored by Minister of Land, Transport and Maritime Affairs (MLTM) OGC ARML 2.0 Candidate Standard - Comparison with Existing Formats AR Standards Community Meeting, Atlanta Martin Lechner,

More information

Open Geospatial Consortium

Open Geospatial Consortium Open Geospatial Consortium Publication Date: 2015-02- xx Approval Date: 2015-02- 22 Submission Date: 2014-11- 4 External identifier of this OGC document: http://www.opengis.net/doc/is/arml/2.0 Internal

More information

Open Geospatial Consortium

Open Geospatial Consortium Open Geospatial Consortium Document Date: 2013-02- 11 Publication Date: TBD External identifier of this OGC document: http://www.opengis.net/doc/arml2x0/2.0 Internal reference number of this OGC document:

More information

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6

[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 [AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course

More information

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives

Adobe Web Authoring using Adobe Dreamweaver Exam and objectives Adobe Web Authoring using Adobe Dreamweaver Exam and objectives After taking the exam, your score is electronically reported. Please allow 2-4 weeks from the date you pass the exam to receive your ACA

More information

HTML: Inline & HTML5 Elements, and More

HTML: Inline & HTML5 Elements, and More HTML: Inline & HTML5 Elements, and More CISC 282 September 20, 2017 Semantic HTML HTML is used to define content Choose tags according to content, not style What category (defined with tags) suits your

More information

UI Elements. If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI)

UI Elements. If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI) UI Elements 1 2D Sprites If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI) Change Sprite Mode based on how many images are contained in your texture If you are

More information

Advanced Dreamweaver CS6

Advanced Dreamweaver CS6 Advanced Dreamweaver CS6 Overview This advanced Dreamweaver CS6 training class teaches you to become more efficient with Dreamweaver by taking advantage of Dreamweaver's more advanced features. After this

More information

Positioning in CSS: There are 5 different ways we can set our position:

Positioning in CSS: There are 5 different ways we can set our position: Positioning in CSS: So you know now how to change the color and style of the elements on your webpage but how do we get them exactly where we want them to be placed? There are 5 different ways we can set

More information

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC

Foundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC 1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target

More information

DT Challenge Year 7/8 Arduino Sound

DT Challenge Year 7/8 Arduino Sound DT Challenge Module 2: Using Sensors https://groklearning.com/learn/aca-dt-78-ar-sound/2/0/ Previous: Hello, Arduino Next: Making Decisions Key Concepts Key Concept Coverage Abstraction Data: collection,

More information

Overview NOTE: Listing Overview. User Profile. Language Selection. Asset(s) View. Asset(s) Details. Editing Mode

Overview NOTE: Listing Overview. User Profile. Language Selection. Asset(s) View. Asset(s) Details. Editing Mode Overview Listing Overview User Profile Language Selection Asset(s) View Asset(s) Details Editing Mode NOTE: Some functions may not be available to all users depending on permissions granted. Some of the

More information

Augmented Reality Reality or Novelty?

Augmented Reality Reality or Novelty? Augmented Reality Reality or Novelty? The global leader in AUGMENTED REALITY. Agenda Introduction What is Augmented Reality AR on Mobile Use-Cases & Examples Q & A Mobile Show April 2012 2 What is Wikitude?

More information

Online Advertising Specification

Online Advertising Specification Online Advertising Specification Contact Ad Operations Email: Adops@emap.com 0203 0332611 Ben Hadaway (Head of Ad Operations) 0203 0332610 Aejaz Shaikh (Deputy Manager) 0203 0332612 Calum Peak (Junior

More information

CISC 1600 Lecture 2.4 Introduction to JavaScript

CISC 1600 Lecture 2.4 Introduction to JavaScript CISC 1600 Lecture 2.4 Introduction to JavaScript Topics: Javascript overview The DOM Variables and objects Selection and Repetition Functions A simple animation What is JavaScript? JavaScript is not Java

More information

Step 1 - Learning & Discovery

Step 1 - Learning & Discovery OUR PROCESS Our goal as a integrated marketing agency is to provide clients with the most creative and effective solutions for their business. Reaching that goal begins with our Learning and Discovery

More information

Sharper Insight. Smarter Investing Advertising Specs

Sharper Insight. Smarter Investing Advertising Specs Sharper Insight. Smarter Investing. 2017 Advertising Specs Policies & Terminology 2 General Policy All ads must open in a new window when clicked on. Investopedia.com reserves the right to refuse any creative.

More information

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping

Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2

More information

Outline. Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages

Outline. Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages JavaScript CMPT 281 Outline Introduction to JavaScript Resources What is JavaScript? JavaScript in web pages Announcements Layout with tables Assignment 3 JavaScript Resources Resources Why JavaScript?

More information

Technical Specifications Leaderboard + Mobile Leaderboard. 27/12/2018 Tech Specs 1

Technical Specifications Leaderboard + Mobile Leaderboard. 27/12/2018 Tech Specs 1 27/12/2018 Tech Specs 1 27/12/2018 Screenshot 2 Format Device Width*Height Extensions Max. weight Animation Clicktag Leaderboard Desktop / Tablet 728*90 HTML5/GIF/JPG 70 kb 3 loops in 15 clicktag Mobile

More information

HTML and CSS COURSE SYLLABUS

HTML and CSS COURSE SYLLABUS HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page

More information

General Policies. Investopedia.com reserves the right to refuse any creative. All creatives must be delivered 6 days prior to campaign launch.

General Policies. Investopedia.com reserves the right to refuse any creative. All creatives must be delivered 6 days prior to campaign launch. General Policies Investopedia.com reserves the right to refuse any creative. All creatives must be delivered 6 days prior to campaign launch. All in-banner audio and expansion must be user-initiated. When

More information

ADOBE 9A Adobe Dreamweaver CS4 ACE.

ADOBE 9A Adobe Dreamweaver CS4 ACE. ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without

More information

Fundamentals of Web Technologies. Agenda: CSS Layout (Box Model) CSS Layout: Box Model. All HTML elements can be considered as a box or a container

Fundamentals of Web Technologies. Agenda: CSS Layout (Box Model) CSS Layout: Box Model. All HTML elements can be considered as a box or a container ITU 07204: Fundamentals of Web Technologies Lecture 6: CSS Layouts (Intro) Dr. Lupiana, D FCIM, Institute of Finance Management Semester 2 Agenda: CSS Layout (Box Model) 2 CSS Layout: Box Model All HTML

More information

STRANDS AND STANDARDS

STRANDS AND STANDARDS STRANDS AND STANDARDS Course 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

More information

Open Measurement SDK. Integration Validation Compliance Guide. Version 1.0 March copyright 2018 IAB Technology Laboratory

Open Measurement SDK. Integration Validation Compliance Guide. Version 1.0 March copyright 2018 IAB Technology Laboratory Open Measurement SDK Integration Validation Compliance Guide Version 1.0 March 2018 copyright 2018 IAB Technology Laboratory Executive Summary 3 Certification Process 4 Application 4 Certification Fees

More information

Interactive Media CTAG Alignments

Interactive Media CTAG Alignments Interactive Media CTAG Alignments This document contains information about eight Career-Technical Articulation Numbers (CTANs) for the Media Arts Career-Technical Assurance Guide (CTAG). The CTANs are:

More information

Calendar Management A Demonstration Application of TopBraid Live

Calendar Management A Demonstration Application of TopBraid Live Brief: Calendar Management Calendar Management A Demonstration of TopBraid Live What you will learn in this Brief: Rapid Semantic Building Full life cycle support from model to app Ease of building User

More information

UNIVERSITY OF CAMBRIDGE INTERNATIONAL EXAMINATIONS International General Certificate of Secondary Education *4219601057* INFORMATION AND COMMUNICATION TECHNOLOGY 0417/32 Paper 3 Practical Test May/June

More information

Online Advertising Specification

Online Advertising Specification Online Advertising Specification Contact Ad Operations Email: Adops@emap.com 0203 0332611 Ben Hadaway (Head of Ad Operations) 0203 0332610 Aejaz Shaikh (Deputy Manager) 0203 0332612 Calum Peak (Junior

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

Animating Layers with Timelines

Animating Layers with Timelines Animating Layers with Timelines Dynamic HTML, or DHTML, refers to the combination of HTML with a scripting language that allows you to change style or positioning properties of HTML elements. Timelines,

More information

T his article is downloaded from

T his article is downloaded from Fading Elements with JQuery The fade effect is when an element fades out by becoming increasingly transparent over time until it disappears or fades in by becoming decreasingly opaque over time until it

More information

COMM 2555: Interactive Digital Communication / Spring 2018 Lab 9: Basic layout techniques with CSS

COMM 2555: Interactive Digital Communication / Spring 2018 Lab 9: Basic layout techniques with CSS COMM 2555: Interactive Digital Communication / Spring 2018 Lab 9: Basic layout techniques with CSS Goals Practice working with the CSS box model, positioning and layout Step 1. Create your infrastructure

More information

Creating Dynamic UIs with Qt Declarative UI

Creating Dynamic UIs with Qt Declarative UI Creating Dynamic UIs with Qt Declarative UI Alex Luddy 8/25/2010 Purpose To inspire your usage of Qt s declarative UI Show how to use it Show how cool it is 1 Agenda Why Declarative UI? Examples Things

More information

READSPEAKER ENTERPRISE HIGHLIGHTING 2.5

READSPEAKER ENTERPRISE HIGHLIGHTING 2.5 READSPEAKER ENTERPRISE HIGHLIGHTING 2.5 Advanced Skinning Guide Introduction The graphical user interface of ReadSpeaker Enterprise Highlighting is built with standard web technologies, Hypertext Markup

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development INFS 2150 Introduction to Web Development 3. Page Layout Design Objectives Create a reset style sheet Explore page layout designs Center a block element Create a floating element Clear a floating layout

More information

INFS 2150 Introduction to Web Development

INFS 2150 Introduction to Web Development Objectives INFS 2150 Introduction to Web Development 3. Page Layout Design Create a reset style sheet Explore page layout designs Center a block element Create a floating element Clear a floating layout

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS A CSS page layout uses the Cascading Style Sheets format, rather than traditional HTML tables or frames, to organize the content on a web page. The basic building block

More information

GWT - UIOBJECT CLASS

GWT - UIOBJECT CLASS GWT - UIOBJECT CLASS http://www.tutorialspoint.com/gwt/gwt_uiobject_class.htm Copyright tutorialspoint.com Introduction The class UIObject is the superclass for all user-interface objects. It simply wraps

More information

Drawing Geometrical Objects. Graphic courtesy of Eric Roberts

Drawing Geometrical Objects. Graphic courtesy of Eric Roberts Methods Drawing Geometrical Objects Graphic courtesy of Eric Roberts Drawing Geometrical Objects Constructors new GRect( x, y, width, height) Creates a rectangle whose upper left corner is at (x, y) of

More information

Creative Specifications for Online Ads

Creative Specifications for Online Ads Creative Specifications for Online Ads updated 10/15/15 TABLE OF CONTENTS Contents STANDARD ADS...3 SLIDING BILLBOARD...4 INTERSTITIAL ADS...5 MOBILE ADS...6 HIGH SCHOOL SPORTS MOBILE ADS...6 MOBILE APP

More information

Sample CS 142 Midterm Examination

Sample CS 142 Midterm Examination Sample CS 142 Midterm Examination Winter Quarter 2016 You have 1.5 hours (90 minutes) for this examination; the number of points for each question indicates roughly how many minutes you should spend on

More information

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab OBJECTIVES- 1.0 Setting Project Requirement 1.1 Identify the purpose, audience, and audience needs for

More information

Web Design and Development ACS-1809

Web Design and Development ACS-1809 Web Design and Development ACS-1809 Chapter 4 Cascading Style Sheet Cascading Style Sheets A style defines the appearance of a document A style sheet - a file that describes the layout and appearance of

More information

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Set and modify document

More information

Tutorial for Lane County Mapping Applications

Tutorial for Lane County Mapping Applications Tutorial for Lane County Mapping Applications Contents Overview... 2 Tools... 2 Navigation Tools... 3 Display Tools... 5 Information Tools... 6 Sharing Tools... 7 Common Tasks... 9 Identify or Show Data

More information

Using echoice Affiliate Tools

Using echoice Affiliate Tools Using echoice Affiliate Tools echoice Affiliate Enquiry Form Short Form To add the Affiliate Enquiry Form, simply access the embedded code in: http://www.echoice.com.au/partners/online-affiliates/affiliate-enquiry-form/

More information

Appendix D CSS Properties and Values

Appendix D CSS Properties and Values HTML Appendix D CSS Properties and Values This appendix provides a brief review of Cascading Style Sheets (CSS) concepts and terminology, and lists CSS level 1 and 2 properties and values supported by

More information

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 2

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 2 Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 2 Plan for the next 4 weeks: Introduction to HTML tags, creating our template file Introduction to CSS and style Introduction to JavaScript

More information

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK Programming for Digital Media EE1707 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 References and Sources 1. Javascript & JQuery: interactive front-end

More information

MIMS Online AD SPECIFICATIONS AND STYLE GUIDE 2018

MIMS Online AD SPECIFICATIONS AND STYLE GUIDE 2018 Contents Standard ad formats... 1 Mobile Creatives... 2 Bulletin Creatives... 2 Rich Media Ad Units... 3 HTML5 Creatives... 4 ZIP BUNDLES... 4 Additional Information... 5 This document is subject to change

More information

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:

More information

Programing for Digital Media EE1707. Lecture 4 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK

Programing for Digital Media EE1707. Lecture 4 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK Programing for Digital Media EE1707 Lecture 4 JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK 1 today Event Handling in JavaScript Client-Side JavaScript

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).

More information

S1 Informatic Engineering

S1 Informatic Engineering S1 Informatic Engineering Advanced Software Engineering WebE Design By: Egia Rosi Subhiyakto, M.Kom, M.CS Informatic Engineering Department egia@dsn.dinus.ac.id +6285640392988 SYLLABUS 8. Web App. Process

More information

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17

Table of Contents. Preface...iii. INTRODUCTION 1. Introduction to M ultimedia and Web Design 1. ILLUSTRATOR CS6 1. Introducing Illustrator CS6 17 Table of Contents Preface...........iii INTRODUCTION 1. Introduction to M ultimedia and Web Design 1 Introduction 2 Exploring the Applications of Multimedia 2 Understanding Web Design 3 Exploring the Scope

More information

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1 Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan

More information

Certified HTML5 Developer VS-1029

Certified HTML5 Developer VS-1029 VS-1029 Certified HTML5 Developer Certification Code VS-1029 HTML5 Developer Certification enables candidates to develop websites and web based applications which are having an increased demand in the

More information

T Research Seminar on Digital Media Digital TV Services in Handheld Devices DVB-HTML

T Research Seminar on Digital Media Digital TV Services in Handheld Devices DVB-HTML DVB-HTML Pablo Cesar pcesar@tml.hut.fi http://www.tml.hut.fi/~pcesar Outline Overview Valid Tags: XHTML Look: CSS Accessing the Tree: Relationship with Java 1 Overview Modularisation of XHTML Superset

More information

Standards, GML and AIXM. Dr. David Burggraf Vice President Galdos Systems Inc

Standards, GML and AIXM. Dr. David Burggraf Vice President Galdos Systems Inc Standards, and AIXM Dr. David Burggraf Vice President Galdos Systems Inc Copyright Galdos Systems Inc. May 6, 2010 Geography Markup Language: What is it? A modeling language for geographic features A set

More information

Lesson 5 Introduction to Cascading Style Sheets

Lesson 5 Introduction to Cascading Style Sheets Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition 1 Objectives Create a Cascading Style Sheet. Control hyperlink behavior with CSS. Create style classes. Share style classes

More information

Web Development IB PRECISION EXAMS

Web Development IB PRECISION EXAMS PRECISION EXAMS Web Development IB EXAM INFORMATION Items 53 Points 73 Prerequisites COMPUTER TECHNOLOGY Grade Level 10-12 Course Length ONE YEAR Career Cluster INFORMATION TECHNOLOGY Performance Standards

More information

3. Text to Speech 4. Shake it

3. Text to Speech 4. Shake it 3. Text to Speech 4. Shake it Make your phone speak to you! When you shake your phone, you can make your phone shake too. Type a phrase in a text box. Then press a button, and use the TextToSpeech component

More information

CMS Training. Overview Editing Assets Special Features. Click any Section(s) to Learn More. Settings & Notifications

CMS Training. Overview Editing Assets Special Features. Click any Section(s) to Learn More. Settings & Notifications CMS Training Click any Section(s) to Learn More Overview Editing Assets Special Features - Listing View - Navigation - Search & Filters - Assets View - Asset Details - Editing Mode - Enter Edit Mode -

More information

Introduction to WEB PROGRAMMING

Introduction to WEB PROGRAMMING Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks

More information

HTML, 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 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 information

Using the API... 3 edriven.core... 5 A PowerMapper pattern... 5 edriven.gui... 7 edriven.gui framework architecture... 7 Audio... 9 Animation...

Using the API... 3 edriven.core... 5 A PowerMapper pattern... 5 edriven.gui... 7 edriven.gui framework architecture... 7 Audio... 9 Animation... 1 Using the API... 3 edriven.core... 5 A PowerMapper pattern... 5 edriven.gui... 7 edriven.gui framework architecture... 7 Audio... 9 Animation... 11 Tween class... 11 TweenFactory class... 12 Styling...

More information

PROGRAMMING LANGUAGE 2

PROGRAMMING LANGUAGE 2 1 PROGRAMMING LANGUAGE 2 Lecture 13. Java Applets Outline 2 Applet Fundamentals Applet class Applet Fundamentals 3 Applets are small applications that are accessed on an Internet server, transported over

More information

Scalable Vector Graphics (SVG) vector image World Wide Web Consortium (W3C) defined with XML searched indexed scripted compressed Mozilla Firefox

Scalable 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 information

Web 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 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 information

16. HTML5, HTML Graphics, & HTML Media 웹프로그래밍 2016 년 1 학기 충남대학교컴퓨터공학과

16. 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 information

Learning Adobe DreamWeaver CS4. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CS4. Chapter 2: Entering Text and Graphics

Learning Adobe DreamWeaver CS4. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CS4. Chapter 2: Entering Text and Graphics Module 1 Contents Chapter 1: Introduction to DreamWeaver CS4 Design Considerations... 1-1 Types of Graphics... 1-2 Backgrounds and Text... 1-2 Planning the Navigation... 1-2 The DreamWeaver Screen... 1-3

More information

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel. Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take

More information

1 of 7 11/12/2009 9:29 AM

1 of 7 11/12/2009 9:29 AM 1 of 7 11/12/2009 9:29 AM Home Beginner Tutorials First Website Guide HTML Tutorial CSS Tutorial XML Tutorial Web Host Guide SQL Tutorial Advanced Tutorials Javascript Tutorial PHP Tutorial MySQL Tutorial

More information

HTML5 Creatives. MediaMath now supports HTML5 Creatives. Each T1AS HTML5 Creative must be uploaded with the following 2 components:

HTML5 Creatives. MediaMath now supports HTML5 Creatives. Each T1AS HTML5 Creative must be uploaded with the following 2 components: HTML5 Creatives MediaMath now supports HTML5 Creatives. Each T1AS HTML5 Creative must be uploaded with the following 2 components: Component HTML5 Asset Package: The zip file for the T1AS HTML5 creative.

More information

20480C: 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. 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 information

Unity In diversity. ArcGIS JS API as an Integration Tool. RICARDO BANDEIRA - IplanRio

Unity In diversity. ArcGIS JS API as an Integration Tool. RICARDO BANDEIRA - IplanRio Unity In diversity ArcGIS JS API as an Integration Tool RICARDO BANDEIRA - IplanRio Introduction Integrating the processes of an entire City Hall is not an easy task. Decision making requires updated information

More information

Adding CSS to your HTML

Adding CSS to your HTML Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,

More information

HTML Syllabus Instructor: TBD

HTML Syllabus Instructor: TBD HTML Syllabus Instructor: TBD E-mail: code@media15live.com Course Description This course teaches participants the principles and concepts of designing and creating WEB pages in a HTML format. The course

More information

Website Management with the CMS

Website Management with the CMS Website Management with the CMS In Class Step-by-Step Guidebook Updated 12/22/2010 Quick Reference Links CMS Login http://staging.montgomerycollege.edu/cmslogin.aspx Sample Department Site URLs (staging

More information

Client-side Processing

Client-side Processing Client-side Processing 1 Examples: Client side processing 1. HTML 2. Plug-ins 3. Scrips (e.g. JavaScript, VBScript, etc) 4. Applet 5. Cookies Other types of client-side processing 1. Cascading style sheets

More information

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use

More information

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the new

More information

Page Layout. 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning

Page Layout. 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning Page Layout contents of this presentation are Copyright 2009 Marty Stepp and Jessica Miller 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning 2 1 4.1

More information

Object-Oriented Programming in Processing

Object-Oriented Programming in Processing Object-Oriented Programming in Processing Object-Oriented Programming We ve (kinda) been doing this since Day 1: Python is a deeply object oriented language Most of the data types we were using (strings,

More information

Deccansoft Software Services

Deccansoft Software Services Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Assignment Assignment for Lesson 14.1

Assignment Assignment for Lesson 14.1 Assignment Assignment for Lesson.1 Name Date The Origin of Parabolas Parabolas Centered at the Origin 1. Consider the parabola represented by the equation y 2 12x 0. a. Write the equation of the parabola

More information

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

COURSE 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 information

How to create interactive documents

How to create interactive documents Adobe InDesign Guide How to create interactive documents You can use Adobe InDesign to create dynamic web content or interactive documents. InDesign supports export to web-ready HTML or interactive PDF.

More information

Considerations of Generic Framework For AR on the Web

Considerations of Generic Framework For AR on the Web Considerations of Generic Framework For AR on the Web Jonghong Jeon ETRI, SRC Email: hollobit@etri.re.kr Blog: http://mobile2.tistory.com http://twitter.com/hollobit http://www.etri.re.kr What is the Augmented

More information

20486-Developing ASP.NET MVC 4 Web Applications

20486-Developing ASP.NET MVC 4 Web Applications Course Outline 20486-Developing ASP.NET MVC 4 Web Applications Duration: 5 days (30 hours) Target Audience: This course is intended for professional web developers who use Microsoft Visual Studio in an

More information

Discuss web browsers. Define HTML terms

Discuss web browsers. Define HTML terms Week 1 & 2 *discuss safety of the internet and classroom Describe the internet and it s associated key terms Describe the world wide web and key terms associated Discuss web browsers Define HTML terms

More information

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student

Welcome Please sit on alternating rows. powered by lucid & no.dots.nl/student Welcome Please sit on alternating rows powered by lucid & no.dots.nl/student HTML && CSS Workshop Day Day two, November January 276 powered by lucid & no.dots.nl/student About the Workshop Day two: CSS

More information

Sending Ads to Production Through ViewYourAds.com

Sending Ads to Production Through ViewYourAds.com Sending Ads to Production Through ViewYourAds.com 1. Go to ViewYourAds.com in your browser. (NOTE: Do not use Internet Explorer) 2. Please log in with the user name and password provided by your local

More information

Apple News Apple Advertising Platforms Specifications November 2017

Apple News Apple Advertising Platforms Specifications November 2017 Apple News Apple Advertising Platforms Specifications November 2017 About Advertising on Apple News Ads on Apple News can run across iphone, ipod touch, and ipad devices. Ad options include a variety of

More information

Today's Topics. CISC 458 Winter J.R. Cordy

Today's Topics. CISC 458 Winter J.R. Cordy Today's Topics Last Time Semantics - the meaning of program structures Stack model of expression evaluation, the Expression Stack (ES) Stack model of automatic storage, the Run Stack (RS) Today Managing

More information

Software. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading

Software. Full Stack Web Development Intensive, Fall Lecture Topics. Class Sessions. Grading Full Stack Web Development Intensive, Fall 2017 There are two main objectives to this course. The first is learning how to build websites / web applications and the assets that compose them. The second

More information

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^

ver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^ Betsy Bruce John Ray Robyn Ness Sams Teach Yourself Adobe Wfl lif ver W ^msssi^ mm WlM ^lg^ SAMS 800 East 96th Street, Indianapolis, Indiana, 46240 USA Table of Contents Introduction What Is Dreamweaver

More information