OpenStreetMap how to get mobile

Size: px
Start display at page:

Download "OpenStreetMap how to get mobile"

Transcription

1 OpenStreetMap how to get mobile Michal Páleník Freemap Slovakia Department of Cartography, Geoinformatics and Remote Sensing, Faculty of natural sciences, Comenius University in Bratislava

2 open data? what is OpenStreetMap Tiles, mbtiles, Online service Vectors Current OSM mobile SW please contribute

3 Licenses?

4 FREE the DATA!!! Free DATA Open Data Free our data Open content Open access Free data Let data free

5 OpenStreetMap free wiki map of the world OpenStreetMap creates and provides free geographic data such as street maps to anyone who wants them. The project was started because most maps you think of as free actually have legal or technical restrictions on their use, holding back people from using them in creative, productive, or unexpected ways.

6 not to forget

7 ODbL Open Database Licence LGPL of databases You are free: To Share: To copy, distribute and use the database. To Create: To produce works from the database. To Adapt: To modify, transform and build upon the database.

8 ODbL As long as you: Attribute: You must attribute any public use of the database, or works produced from the database, in the manner specified in the ODbL. For any use or redistribution of the database, or works produced from it, you must make clear to others the license of the database and keep intact any notices on the original database. Share-Alike: If you publicly use any adapted version of this database, or works produced from an adapted database, you must also offer that adapted database under the ODbL. Keep open: If you redistribute the database, or an adapted version of it, then you may use technological measures that restrict the work (such as DRM) as long as you also redistribute a version without such measures.

9 South Africa football

10 freemap.sk

11 OMA.sk

12 OSM history 2004 startup users 2006 mapnik rendering, Slovakia started users, TIGER, AND, API v million ways, I joined users users contributors, ODbL switch contributors

13 Current volume As of Oct 2011 Mar 2012 April 2013 Number of users: # of nodes: (Y2K problem in March) # of ways: # of relations: planet.osm.bz2: 18 GB 20 GB 27 GB (bzip2ed)

14 Database structure

15 Tile 256 x 256 pixel, jpeg / png

16 Tile structure /${z}/${x}/${y}.png z zoom 0 18 X goes from 0 (left edge is 180 W) to 2^zoom 1 (right edge is 180 E) Y goes from 0 (top edge is N) to 2^zoom 1 (bottom edge is S)

17 Openlayers Online site <link rel="stylesheet" href="../theme/default/style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css"> <script src="../openlayers.js"></script> init() <body onload="init()"> <div id="map" class="smallmap"></div>

18 var map, layer; function init(){ OpenLayers JS map = new OpenLayers.Map( 'map'); layer = new OpenLayers.Layer.OSM( "Simple OSM Map"); map.addlayer(layer); map.setcenter( new OpenLayers.LonLat( , ).transform( new OpenLayers.Projection("EPSG:4326"), map.getprojectionobject() ), 12 ); }

19 Leaflet <script src=" "></script> <link rel="stylesheet" href=" /leaflet.css" /> html, body, #map { height: 100%; } <div id="map"></div>

20 Leaflet var map = L.map('map').setView([51.505, -0.09], 13); L.tileLayer(' { attribution: ' <a href=" contributors' }).addto(map); L.marker([51.5, -0.09]).addTo(map).bindPopup('A pretty CSS3 popup. <br> Easily customizable.').openpopup();

21 basic map normal html website some js calls to: openlayers CSS needed to set up arrows, plus/minus, needed with and height of the map div probably override body, html height to 100% calling new map _after_ div exists

22 Online map for mobiles no hover/onmouseover event ;( mobile browser stealing double click click vs. click-and-move many tiles / pictures loading high browser cpu/ram load newer versions are aware of this <meta name="viewport" content="width=device-width, initial-scale=1.0">

23 mbtiles tiles many many small images in filesystem z/x/y.png bevare of strange little things called inode (df -i) mbtiles sqlite database of tiles quite slow for serving but fast for transfer many frameworks to mimic tiles '/tms/mbtiles.php?db=cyklo&z={z}&x={x}&y={y}'

24 mbtiles for mobile several applications for mbtiles -> tiles run on mobile ios SDK by mapbox tiles are huge: Bratislava MB

25 TMI??

26 Create your own tiles download OSM data from planet.osm.org or download.geofabrik.de or using Osmosis: get a smaller portion feed into a program, get tiles Mapnik, Maperitive, Osmarender, Tilemill, put tiles on a webserver, on another device create fancy good looking website

27 Mapnik Standard for high load server possibilities: minutely update from main OSM db mod_tile for ondemand rendering (apache module) very fast, postgis based minus pain to setup

28 Osmarender older package (pre mapnik) rendered on home desktops, tiles only stored on server huge disk requirements not developed any more (freemap.sk is somarender based, forked many years ago)

29 Maperitive free as beer MS Windows only application easy to setup and run (if you have MS Windows) produces tiles/mbtiles

30 Tilemill Ubuntu (and MS Windows & Mac) FOSS no Debian package (please, please, fix) desktop (and server) application Reads postgis, shp, Output tiles, mbtiles, Mapnik configuration, pdf easy to setup and run

31 Vectors for mobiles no standard comparable to tiles several possibilities huge performance problems with wrong programs

32 Maemo OSM2Go editor Gosmore Marble

33 GpsMid J2ME application one midlet with data display, routing

34 Sygic Sygic has OSM based product please write them to make it public propretriary, but Slovak

35 Routing, navigation

36 Navit android + openmoko GPL v2 (also apple + ) full application offline rendering offline routing

37 Gosmore BSD for android, linux, offline viewer and routing bzcat...osm.bz2./gosmore rebuild

38 Not only cars are transportworthy

39 OsmAnd GPL v3 Android full app offline display, offline navigation OsmAndMapCreator for your data

40 Other osmdroid offline viewer (not Osmdroid) Rmaps

41 Mapsforge LGPL v3. library for android drop in replacement for google maps api change from com.google.android.maps to org.mapsforge.android.maps. No "<uses-library..." reference no API key extra setmapfile(file) method (no offline routing yet) Osmosis plugin to create binary data

42 Freemap plugin Freemap.sk Locus plugin 110 MB hiking of Slovakia ready on android playground (uses mapsforge)

43 iphone anybody?

44 Last but not least: EDIT!!! OpenStreetMap: free wiki map of the world

45 How to edit Collect data Upload data Create/Edit OSM data Label Data and add details Render and use maps

46 Programs Potlatch (WTFPL licenced) Josm, Merkaator OSM2go Mapzen POI collector, Osmaptuner, OsmAnd, Online tools API (and libraries to use it)

47 Thank you Michal Páleník

Making Your Own Maps PGCon 2012

Making Your Own Maps PGCon 2012 Making Your Own Maps PGCon 2012 http://8bitcity.com/map CC-BY-SA OpenStreetMap & Contributors Steve Singer steve@ssinger.info Steve Singer Amateur Cartographer http://www.flickr.com/photos/tinker-tailor/4284883477/

More information

Building OSM based web app from scratch

Building OSM based web app from scratch Building OSM based web app from scratch How to find the way through the open source jungle? Nils Vierus, Berlin osm-maps.eu What is my technical background? First programming language: ALGOL 60 (late 70

More information

Leaflet Tips and Tricks

Leaflet Tips and Tricks Leaflet Tips and Tricks Interactive Maps Made Easy Malcolm Maclean This book is for sale at http://leanpub.com/leaflet-tips-and-tricks This version was published on 2014-12-21 This is a Leanpub book. Leanpub

More information

Django Leaflet Documentation

Django Leaflet Documentation Django Leaflet Documentation Release 0.20 Makina Corpus Oct 04, 2017 Contents 1 Installation 3 1.1 Configuration............................................... 3 1.2 Example.................................................

More information

Web Maps With Leaflet. Presented at the Annual Meeting of the Organization of Fish and Wildlife Information Managers September 30, 2014 Flagstaff, AZ

Web Maps With Leaflet. Presented at the Annual Meeting of the Organization of Fish and Wildlife Information Managers September 30, 2014 Flagstaff, AZ Web Maps With Leaflet Presented at the Annual Meeting of the Organization of Fish and Wildlife Information Managers September 30, 2014 Flagstaff, AZ What is Leaflet? A JavaScript library for building interactive

More information

The Construction of Off-line Map Based on OpenStreetMap and Leaflet Ludi Wang 1, a, Renjie Pi 1,b, Xiaoguang Zhou 1, c and Huiling Zhou 1, d

The Construction of Off-line Map Based on OpenStreetMap and Leaflet Ludi Wang 1, a, Renjie Pi 1,b, Xiaoguang Zhou 1, c and Huiling Zhou 1, d 4th International Conference on Computer, Mechatronics, Control and Electronic Engineering (ICCMCEE 2015) The Construction of Off-line Map Based on OpenStreetMap and Leaflet Ludi Wang 1, a, Renjie Pi 1,b,

More information

Leaflet.js is an open-source library using which we can deploy interactive, simple, lightweight and simple web maps.

Leaflet.js is an open-source library using which we can deploy interactive, simple, lightweight and simple web maps. About the Tutorial Leaflet.js is an open-source library using which we can deploy interactive, simple, lightweight and simple web maps. Audience This tutorial is meant for all those readers who would like

More information

OpenStreetMap. For the semi-uninitiated. Fraser Kirkpatrick Technical Project Manager 27 th September CGI Group Inc.

OpenStreetMap. For the semi-uninitiated. Fraser Kirkpatrick Technical Project Manager 27 th September CGI Group Inc. OpenStreetMap For the semi-uninitiated Fraser Kirkpatrick Technical Project Manager 27 th September 2018 1 Agenda Introduction to OpenStreetMap Summary of OSM data model Live Edit Data Maturity Consuming

More information

OPEN SOURCE SOLUTIONS FOR SURVEYORS

OPEN SOURCE SOLUTIONS FOR SURVEYORS 2 nd Sabah International Surveyors Congress 11 th 12 th March 2014 OPEN SOURCE SOLUTIONS FOR SURVEYORS Presented By : Sr Alexander Chong Director, Jurukur Antarabangsa The Benefits Of Closed Proprietary

More information

Software Architecture Documentation for the JRC MYGEOSS app for Invasive Species project

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

Mapping in the Cloud: Working with Google Maps and other Mapping Services. Michael P. Peterson University of Nebraska at Omaha

Mapping in the Cloud: Working with Google Maps and other Mapping Services. Michael P. Peterson University of Nebraska at Omaha Mapping in the Cloud: Working with Google Maps and other Mapping Services Michael P. Peterson University of Nebraska at Omaha Outline 1. Coding as Literacy 2. Cloud 3. Cloud Maps 4. Education 5. Future

More information

A thousand maps in your pocket

A thousand maps in your pocket A thousand maps in your pocket Minh Nguyen Mapbox State of the Map US 2017 Hi, I m Minh Nguyen. If you saw my lightning talk yesterday, you might think I spend my whole day leafing through phone books.

More information

Google Maps Navigation Manual Android Offline Cache

Google Maps Navigation Manual Android Offline Cache Google Maps Navigation Manual Android Offline Cache That means as long as you have the right maps cached in advance, you should be able to Google Maps is a fully signed up member of the offline maps club,

More information

Mobile Applications 2013/2014

Mobile Applications 2013/2014 Mobile Applications 2013/2014 Mike Taylor Product Manager February 6, 2015 Advanced Development Technology Agenda Devices App Types Test/Deploy Summary Devices Mobile (Feature) Phones Windows version 5/6

More information

T-rex, a vector tile server for your own data

T-rex, a vector tile server for your own data FOSS4G 2017 T-rex, a vector tile server for your own data @PirminKalberer Sourcepole, Zurich, Switzerland www.sourcepole.com Vector Tiles Demo > Vector tile demo > https://www.mapbox.com/maps/ Demo > Vector

More information

Adaptations by PVII responsive and then creates your page instantly Al Sparber & Gerry Jacobsen PVII

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

Geog183: Cartographic Design and Geovisualization Spring Quarter 2018 Lecture 10: Production, Reproduction and Dissemination

Geog183: Cartographic Design and Geovisualization Spring Quarter 2018 Lecture 10: Production, Reproduction and Dissemination Geog183: Cartographic Design and Geovisualization Spring Quarter 2018 Lecture 10: Production, Reproduction and Dissemination Historical development Ancient maps: many media and materials Papyrus used in

More information

Open Source Software: What and Why?

Open Source Software: What and Why? ESRI and Open Source A Love Story Presented by Bates Rambow Open Source Software: What and Why? What Software that has its source code published for anyone to inspect the source code. Generally released

More information

Creating Printable Maps

Creating Printable Maps Creating Printable Maps How to convert OSM data into printable files Hartmut Holzgraefe hartmut@php.net August 21, 2016 Hartmut Holzgraefe (OpenStreetMap) Creating Printable Maps August 21, 2016 1 / 41

More information

Terratype Umbraco Multi map provider

Terratype Umbraco Multi map provider Terratype Umbraco Multi map provider Installation Installing via Nuget This Umbraco package can be installed via Nuget The first part is the Terratype framework, which coordinates the different map providers,

More information

Implementing Web GIS Solutions

Implementing Web GIS Solutions Implementing Web GIS Solutions using open source software Karsten Vennemann Seattle Talk Overview Talk Overview Why and What What is Open Source (GIS)? Why use it? Application Components Overview of Web

More information

LOWERING THE BARRIER TO OSM CONTRIBUTION AND CITIZEN MAPPING SERVICES DEVELOPMENT FOR CITY GOVERNMENTS

LOWERING THE BARRIER TO OSM CONTRIBUTION AND CITIZEN MAPPING SERVICES DEVELOPMENT FOR CITY GOVERNMENTS LOWERING THE BARRIER TO OSM CONTRIBUTION AND CITIZEN MAPPING SERVICES DEVELOPMENT FOR CITY GOVERNMENTS Chao-Kuei Hung 1 1 Chaoyang University of Technology, ckhung@cyut.edu.tw Abstract This article uses

More information

Terratype Umbraco Multi map provider

Terratype Umbraco Multi map provider Terratype Umbraco Multi map provider Installation Installing via Nuget This Umbraco package can be installed via Nuget The first part is the Terratype framework, which coordinates the different map providers,

More information

Developing Applications for ios

Developing Applications for ios Developing Applications for ios Lecture 1: Mobile Applications Development Radu Ionescu raducu.ionescu@gmail.com Faculty of Mathematics and Computer Science University of Bucharest Evaluation Individual

More information

I heard you like tiles Michal Migurski, Geomeetup April 2013

I heard you like tiles Michal Migurski, Geomeetup April 2013 I heard you like tiles Michal Migurski, Geomeetup April 2013 so I put some vectors in your tiles so you could tile while you vector. Why? Using OpenStreetMap should be as easy as pasting a URL. OSM is

More information

ARDF Telemetry By. Julie VK3FOWL and Joe VK3YSP

ARDF Telemetry By. Julie VK3FOWL and Joe VK3YSP 2017 ARDF Telemetry By Julie VK3FOWL and Joe VK3YSP SARC Search and Rescue Missions SAR Operation ARDF BEACON 1 145.300MHz ARDF BEACON 2 145.700MHz SEARCH AND RESCUE TEAM 1 SEARCH AND RESCUE TEAM 2 SEARCH

More information

Lessons learned. By Lucas Timmons. Fee alternatives to map making

Lessons learned. By Lucas Timmons. Fee alternatives to map making Lessons learned By Lucas Timmons Fee alternatives to map making We are in a new golden age of mapping. Never before has the technology to make maps been more accessible, nor has the data to make maps been

More information

Open Map 1.0 User Guide

Open Map 1.0 User Guide ! Open Map 1.0 User Guide We Make Software - TensionSoftware.com Open Map 2018 Tension Software all rights reserved Every effort has been made to ensure that the information in this manual is accurate.

More information

Web GIS Development using Open Source Leaflet and Geoserver Toolkit

Web GIS Development using Open Source Leaflet and Geoserver Toolkit Web GIS Development using Open Source Leaflet and Geoserver Toolkit 1 Taranjot Singh Bhatia, 2 Harpinder Singh, 3 P.K Litoria, 4 Brijendra Pateriya 1,2,3,4 Punjab Remote Sensing Centre, Ludhiana, Punjab,

More information

Building Apps with the ArcGIS Runtime SDK for ios

Building Apps with the ArcGIS Runtime SDK for ios Building Apps with the ArcGIS Runtime SDK for ios Nick Furness @geeknixta ArcGIS Runtime SDKs 10.2 Released! Runtime platforms OS X Desktop Desktop Client Windows Store QT ios.net JavaSE Mobile Android

More information

Exploring Open Source GIS Programming. Scott Parker, Katie Urey, Jack Newlevant, Mele Sax-Barnett

Exploring Open Source GIS Programming. Scott Parker, Katie Urey, Jack Newlevant, Mele Sax-Barnett Exploring Open Source GIS Programming Scott Parker, Katie Urey, Jack Newlevant, Mele Sax-Barnett When to write a program When you expect your tool to have multiple uses and/or multiple iterations Something

More information

MOBILE LOCATION-BASED APPS. Lecture in University of Tartu Jaak Laineste,

MOBILE LOCATION-BASED APPS. Lecture in University of Tartu Jaak Laineste, MOBILE LOCATION-BASED APPS Lecture in University of Tartu Jaak Laineste, 13.10.2011 Part 1 LOCATION-BASED SERVICE OVERVIEW Background GIS/LBS experience 15 years in GIS/mapping, 10 years in LBS Mobile

More information

Pop-up. File format/ size: Must provide (.gif or.jpg) still image - max. 75KB for Mobile - max. 400KB for Tablet

Pop-up. File format/ size: Must provide (.gif or.jpg) still image - max. 75KB for Mobile - max. 400KB for Tablet Pop-up Dimensions: Mobile: 640 (W) x 960 (H) pixels Tablet Portrait - 1536 (W) x 2048 (H) pixels [For mytv SUPER only] Tablet Landscape - 2048 (W) x 1536 (H) pixels [For mytv SUPER only] File format/ size:

More information

OSM data in MariaDB/MySQL All the world in a few large tables

OSM data in MariaDB/MySQL All the world in a few large tables OSM data in MariaDB/MySQL All the world in a few large tables Well, almost... Hartmut Holzgraefe SkySQL AB hartmut@skysql.com February 1, 2014 Hartmut Holzgraefe (SkySQL) OSM data in MariaDB/MySQL February

More information

15. September 2013 Seite 1. Markus Semm OSM: Markus59

15. September 2013 Seite 1. Markus Semm OSM: Markus59 15. September 2013 Seite 1 Markus Semm Themes Why should I map house numbers and addresses? Which data models are used for house numbers and addresses in OSM? History of the Keypad-Mapper Software features

More information

FoxtrotGPS. GTK+ mapping and GPS application. The FoxtrotGPS team

FoxtrotGPS. GTK+ mapping and GPS application. The FoxtrotGPS team FoxtrotGPS GTK+ mapping and GPS application The FoxtrotGPS team This manual is for FoxtrotGPS (version 1.2.0, 24 October 2014). This document is licensed under a Creative Commons Attribution-ShareAlike

More information

GETTING STARTED 8 December 2016

GETTING STARTED 8 December 2016 GETTING STARTED 8 December 2016 About Platform... 4 Browser support... 5 Registration Registering as a Teacher... 6 Registering as a Student... 6 Registering as School... 6 Registering as Municipality

More information

Technical Architecture & Analysis

Technical Architecture & Analysis Technical Architecture & Analysis HS2 Technical Architecture & Analysis 15 October 2012 Anton Palitsyn 020 7426 8920 anton.palitsyn@precedent.co.uk Contents Contents... 2 Document info... 3 Authors...

More information

Embedded Linux UI Comparison. Tim Bird Senior Staff Software Engineer Sony Electronics

Embedded Linux UI Comparison. Tim Bird Senior Staff Software Engineer Sony Electronics Embedded Linux UI Comparison Tim Bird Senior Staff Software Engineer Sony Electronics 1 yyyy-mm-dd Agenda Embedded Linux UI options Comparison points Presence at ELC Evaluations

More information

MOBILE LOCATION-BASED APPS. Lecture in University of Tartu Jaak Laineste,

MOBILE LOCATION-BASED APPS. Lecture in University of Tartu Jaak Laineste, MOBILE LOCATION-BASED APPS Lecture in University of Tartu Jaak Laineste, 16.10.2012 Part 1 LOCATION-BASED SERVICE OVERVIEW Jaak Laineste GIS/LBS experience 17 years in GIS/mapping, 12 years in LBS Mobile

More information

Release Notes. Spectrum Spatial Analyst Version 8.0. Contents:

Release Notes. Spectrum Spatial Analyst Version 8.0. Contents: Location Intelligence Spectrum Spatial Analyst Version 8.0 This document contains information about Pitney Bowes Spectrum Spatial Analyst Release 8.0. Contents: What s new in Spectrum Spatial Analyst?

More information

It s under the liberal Apache 2.0 license, so it s usable in both free and commercial applications.

It s under the liberal Apache 2.0 license, so it s usable in both free and commercial applications. 1 2 3 So, what is Cesium? To put it succinctly, Cesium is an open-source JavaScript library for creating 3D globes and 2D maps. Cesium is used in many fields, such as geospatial, aerospace, sports, environmental

More information

Route optimization and customization using real geographical data in Android mobile devices

Route optimization and customization using real geographical data in Android mobile devices > Master Final Work Official Master in Free Software Universitat Oberta de Catalunya < 1 Route optimization and customization using real geographical data in Android mobile devices Cira Cuadrat Seix 1

More information

County of Los Angeles. Chief Information Office Preferred Technologies for Geographic Information Systems (GIS) Version 2 May 2015

County of Los Angeles. Chief Information Office Preferred Technologies for Geographic Information Systems (GIS) Version 2 May 2015 County of Los Angeles Chief Information Office Preferred Technologies for Geographic Information Systems (GIS) Version 2 May 2015 CIO Preferred Technologies for GIS This document lists the preferred Geographic

More information

Visual System Implementation

Visual System Implementation Visual System Implementation Shamal AL-Dohuki and Ye Zhao Shamal AL-Dohuki Ph.D. candidate in the Department of Computer Science at Kent State University, Ohio, USA. Software Development Lead of TrajAnalytics

More information

Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013

Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013 Google Earth: Significant Places in Your Life Got Maps? Workshop June 17, 2013 1. Open Google Earth. 2. Familiarize yourself with Google Earth s navigational features by zooming into Furman s campus, your

More information

Building Basemaps: MapCaches and VectorTiles. Matthias Schenker Gerhard Trichtl

Building Basemaps: MapCaches and VectorTiles. Matthias Schenker Gerhard Trichtl Building Basemaps: MapCaches and VectorTiles Matthias Schenker Gerhard Trichtl What are Basemaps for Basemaps provide a optimal background and orientation for displaying your data on top Should be - Fast

More information

WebSphere Puts Business In Motion. Put People In Motion With Mobile Apps

WebSphere Puts Business In Motion. Put People In Motion With Mobile Apps WebSphere Puts Business In Motion Put People In Motion With Mobile Apps Use Mobile Apps To Create New Revenue Opportunities A clothing store increases sales through personalized offers Customers can scan

More information

Building mobile app using Cordova and AngularJS, common practices. Goran Kopevski

Building mobile app using Cordova and AngularJS, common practices. Goran Kopevski Building mobile app using Cordova and AngularJS, common practices Goran Kopevski Agenda What is cordova? How to choose proper JS framework Building mobile app using Cordova and AngularJS Common fails,

More information

Open source technologies and INSPIRE network services in Slovak environmental agency

Open source technologies and INSPIRE network services in Slovak environmental agency Open source technologies and INSPIRE network services in Slovak environmental agency Peter Mozolík, Martin Koška, Marek Žiačik, Martin Tuchyňa Slovak Environmental Agency (SEA) SEA role within slovak SDI

More information

Stamp Builder. Documentation. v1.0.0

Stamp  Builder. Documentation.   v1.0.0 Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you

More information

Next... Next... Handling the past What s next - standards and browsers What s next - applications and technology

Next... Next... Handling the past What s next - standards and browsers What s next - applications and technology Next... Handling the past What s next - standards and browsers What s next - applications and technology Next... Handling the past What s next - standards and browsers What s next - applications and technology

More information

ACTIVE Event App Configuration Guide

ACTIVE Event App Configuration Guide ACTIVE Event App Configuration Guide ACTIVE Network, LLC 2017 Active Network, LLC, and/or its affiliates and licensors. All rights reserved. No part of this publication may be reproduced, transmitted,

More information

THE FULCRUM SOFTWARE STACK. A Look Inside

THE FULCRUM SOFTWARE STACK. A Look Inside THE FULCRUM SOFTWARE STACK A Look Inside Core Components Classic API Query API Web App Mobile Apps Tile Server DB Server 3 The Web App Ruby on Rails Application CoffeeScript / JavaScript Sass for CSS Preprocessing

More information

Exploring Cross-platform Tools For Mobile Development: Lessons Learned. mlearning: Tips and Techniques for Development and Implementation

Exploring Cross-platform Tools For Mobile Development: Lessons Learned. mlearning: Tips and Techniques for Development and Implementation mlearning: Tips and Techniques for Development and Implementation November 14 & 15, 2013 201 Exploring Cross-platform Tools For Mobile Development: Lessons Learned Perry Bennett Exploring Cross-platform

More information

BEST PRACTICES HTML5 SPECIFICATIONS. what's next in data-driven advertising. File Types. HTML5: HTML, JS, CSS, JPG, JPEG, GIF, PNG, and SVG

BEST PRACTICES HTML5 SPECIFICATIONS. what's next in data-driven advertising. File Types. HTML5: HTML, JS, CSS, JPG, JPEG, GIF, PNG, and SVG SPECIFICATIONS HTML5 creatives are a type of display creative that must follow the same guidelines as display creatives with some additional recommendations. The IAB Display Advertising Guidelines (https://www.iab.com/newadportfolio/)

More information

The universal SCADA client User manual

The universal SCADA client User manual The universal SCADA client User manual 1. Table of contents 1. Table of contents... 2 2. Introduction... 4 3. Installation... 5 3.1. Andromeda installation... 5 3.2. HASP dongle driver installation...

More information

Topic: Dropbox. Instructional Technology Services Dropbox Faculty Help. Dropbox Features: Minimum Requirements: Create a Dropbox Account

Topic: Dropbox. Instructional Technology Services Dropbox Faculty Help. Dropbox Features: Minimum Requirements: Create a Dropbox Account Instructional Technology Services Dropbox Faculty Help Topic: Dropbox Dropbox is a free service that lets you save your documents, photos and videos. You can access your files anywhere using any computer,

More information

OpenLayers: Open Source Map Browser

OpenLayers: Open Source Map Browser OpenLayers: Open Source Map Browser July 12, 2008 Introduction Outline OpenLayers Features, history, components Code example Types and integration of data layers Conclusion 1 History! "! )./ - DE #! $

More information

pgrouting extends the postgis/postgresql geospatial database to provide geospatial routing and other network analysis functionality.

pgrouting extends the postgis/postgresql geospatial database to provide geospatial routing and other network analysis functionality. Workshop: 1 pgrouting extends the postgis/postgresql geospatial database to provide geospatial routing and other network analysis functionality. Attendee s previous knowledge: SQL (PostgreSQL, PostGIS)

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) More on Relative Linking. Learning Objectives (2 of 2)

8/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 information

Uninstall A Apps Windows 8 Programming Using Html5 Jump Start

Uninstall A Apps Windows 8 Programming Using Html5 Jump Start Uninstall A Apps Windows 8 Programming Using Html5 Jump Start Easily create apps for Windows and Windows Phone devices from a single project, using Developing Universal Windows Apps with C# and XAML Jump

More information

WebKit GTK on (electronic) paper. Marco Barisione linux.conf.au 2009, Hobart

WebKit GTK on (electronic) paper. Marco Barisione linux.conf.au 2009, Hobart WebKit GTK on (electronic) paper Marco Barisione linux.conf.au 2009, Hobart Electronic paper Looks like paper Stable image, no refreshes Reflective, there is no backlight Wide viewing angle Comfortable

More information

New frontier of responsive & device-friendly web sites

New frontier of responsive & device-friendly web sites New frontier of responsive & device-friendly web sites Dino Esposito JetBrains dino.esposito@jetbrains.com @despos facebook.com/naa4e Responsive Web Design Can I Ask You a Question? Why Do You Do RWD?

More information

Introduc6on to Android / ios Apps Programming

Introduc6on to Android / ios Apps Programming 2013-10- 03 Tamkang University Social Media Apps Programming Introduc6on to Android / ios Apps Programming 1021SMAP02 TLMXM1A (8687) (M2143) (Fall 2013) (MIS MBA) (2 Credits, Elec9ve) [Full English Course]

More information

Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?

Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield? Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.

More information

Building Native Mapping Apps with PhoneGap: Advanced Techniques Andy

Building Native Mapping Apps with PhoneGap: Advanced Techniques Andy Building Native Mapping Apps with PhoneGap: Advanced Techniques Andy Gup @agup Agenda Application life-cycle Working with UI frameworks Security Geolocation Offline Expectations Experience with PhoneGap

More information

System requirements. Display requirements. PDF reader requirements. Fingerprint Login/Touch Authentication requirements

System requirements. Display requirements. PDF reader requirements. Fingerprint Login/Touch Authentication requirements System requirements The computer you use must meet the following minimum requirements: PC or Mac with at least a 1-GHz processor and 1 GB of RAM. Available browser updates applied for improved security

More information

AGENDA. :: Add Meta Tag for Viewport (inside of head element): :: Add Script that renders HTML5 elements for older versions of Internet Explorer

AGENDA. :: Add Meta Tag for Viewport (inside of head element): :: Add Script that renders HTML5 elements for older versions of Internet Explorer CLASS :: 14 12.10 2018 3 Hours AGENDA LECTURE :: Responsive Web Design [RWD] DOWNLOAD ASSETS [ CSS ] :: Media Query [rwd.css] ADD HTML META TAG & IE SCRIPT [ HTML ] :: Add Meta Tag for Viewport (inside

More information

LizardTech. Express Server 9. ExpressZip Manual

LizardTech. Express Server 9. ExpressZip Manual LizardTech Express Server 9 ExpressZip Manual Copyright 2009 2014 Celartem Inc. d.b.a. LizardTech. All rights reserved. Information in this document is subject to change without notice. The software described

More information

LearnOSM. The id Editor. Starting the id Editor

LearnOSM. The id Editor. Starting the id Editor LearnOSM The id Editor Reviewed 2016-02-08 The id editor is the de facto, browser-based OpenStreetMap editor. id is fast and easy to use, and allows mapping from various data sources such as satellite

More information

Aware IM Version 8.2 Aware IM for Mobile Devices

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

User Manual. Version 2.0

User Manual. Version 2.0 User Manual Version 2.0 Table of Contents Introduction Quick Start Inspector Explained FAQ Documentation Introduction Map ity allows you to use any real world locations by providing access to OpenStreetMap

More information

Your departmental website

Your departmental website Your departmental website How to create an online presence, with pictures 7 September, 2016 Jānis Lazovskis Slides available online at math.uic.edu/~jlv/webtalk Things to keep in mind There are many ways

More information

USER GUIDE PowerPhoto CRM

USER GUIDE PowerPhoto CRM USER GUIDE PowerPhoto CRM 2013 2015 Contents CONFIGURING POWERPHOTO Add, Remove, Set Default, Set Record Image, Thumbnail & View Text Display Original File Save Original File Resize Photo Resize Height

More information

eform Suite Version 5

eform Suite Version 5 2014/March eform Suite Version 5 What s new Conventions For better understanding, the following conventions are used in this document: Code uses the font Courier. Paths like c:\programm files\teleform

More information

1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206

1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206 Tamkang University Social Media Apps Programming Google Map API 1061SMAP12 TLMXM1A (8648) (M2143) (Fall 2017) (MIS MBA) (2 Credits, Elective) [Full English Course] Fri 8,9 (15:10-17:00) B206 Min-Yuh Day,

More information

Introduction to HTML5

Introduction to HTML5 Introduction to HTML5 History of HTML 1991 HTML first published 1995 1997 1999 2000 HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 After HTML 4.01 was released, focus shifted to XHTML and its stricter standards.

More information

User Guide. BlackBerry Workspaces for Windows. Version 5.5

User Guide. BlackBerry Workspaces for Windows. Version 5.5 User Guide BlackBerry Workspaces for Windows Version 5.5 Published: 2017-03-30 SWD-20170330110027321 Contents Introducing BlackBerry Workspaces for Windows... 6 Getting Started... 7 Setting up and installing

More information

Geodata in Wikipedia & Commons Cooperation with OpenStreetMap.

Geodata in Wikipedia & Commons Cooperation with OpenStreetMap. Geodata in Wikipedia & Commons -------Cooperation with OpenStreetMap http://de.wikipedia.org/wiki/wp:geo Structure of Template:Coordinate (german Wikipedia) {{Coordinate NS=49.759681 EW=6.6440194 article=dms

More information

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 In this chapter, you will learn how to... LEARNING OUTCOMES Code relative hyperlinks to web pages in folders within a website Configure

More information

Online and Mobile Banking Requirements Guide

Online and Mobile Banking Requirements Guide Online and Mobile Banking Requirements Guide Introduction This document explains the hardware and software requirements for Valley First Credit Union s Online and Mobile Banking Experience. Members are

More information

City of Mobile GIS Web Mapping Applications: New Technology, New Expectations

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

CSS JavaScript General Implementation Preloading Preloading in the Design Thinking Process Preloading in the Summary View Android UI Design Design

CSS JavaScript General Implementation Preloading Preloading in the Design Thinking Process Preloading in the Summary View Android UI Design Design Table of Contents Introduction Purpose Scope Overview Design Thinking Process Description Empathy Define Ideate Prototype Test Design Thinking Requirement Analysis Empathy Define Ideate Prototype Test

More information

Google Maps Manually Place Marker On Click V3 Remove

Google Maps Manually Place Marker On Click V3 Remove Google Maps Manually Place Marker On Click V3 Remove Following is the HTML Markup containing the Google Map implementation. To add markers you will need to click on the map. These markers are added. When

More information

Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3. Exhibit L. Dockets.Justia.com

Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3. Exhibit L. Dockets.Justia.com Eolas Technologies Incorporated v. Adobe Systems Incorporated et al Doc. 586 Att. 3 Exhibit L Dockets.Justia.com Claim Chart For Adobe Showing Indirect Infringement Of The 985 Patent Through pdf authoring

More information

The Move from Raster Tiles to Vector Tiles. Two Architectures for Making Lots of Maps Dynamically

The Move from Raster Tiles to Vector Tiles. Two Architectures for Making Lots of Maps Dynamically The Move from Raster Tiles to Vector Tiles Two Architectures for Making Lots of Maps Dynamically Outline Who We Are & What We Do Data Maps - Raster-based Architecture Categorizations - Vector-based Architecture

More information

Design Document V2 ThingLink Startup

Design Document V2 ThingLink Startup Design Document V2 ThingLink Startup Yon Corp Andy Chen Ashton Yon Eric Ouyang Giovanni Tenorio Table of Contents 1. Technology Background.. 2 2. Design Goal...3 3. Architectural Choices and Corresponding

More information

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

Exporting a Confluence space as a Website

Exporting a Confluence space as a Website Exporting a Confluence space as a Website This how-to explains how to export a Confluence space using the AutoExport Plugin. How it works. What it does. The AutoExport Plugin for Confluence is a plugin

More information

Persistence. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Persistence. SWE 432, Fall 2017 Design and Implementation of Software for the Web Persistence SWE 432, Fall 2017 Design and Implementation of Software for the Web Today Demo: Promises and Timers What is state in a web application? How do we store it, and how do we choose where to store

More information

Google extensions api

Google extensions api Google extensions api The best place to find and install add-ons for SketchUp!. 19-7-2015 In July 2012 Roee Eilat and Eric Koleda, respectively members of the Google Charts and Apps Script Teams, published

More information

CSCI 1320 Creating Modern Web Applications. Content Management Systems

CSCI 1320 Creating Modern Web Applications. Content Management Systems CSCI 1320 Creating Modern Web Applications Content Management Systems Brown CS Website 2 Static Brown CS Website Up since 1994 5.9 M files (inodes) 1.6 TB of filesystem space 3 Static HTML Generators Convert

More information

Open Source Software in mobile devices. Timofey Turenko Nokia Research Center, Office of CTO

Open Source Software in mobile devices. Timofey Turenko Nokia Research Center, Office of CTO Open Source Software in mobile devices Timofey Turenko timofey.turenko@nokia.com Nokia Research Center, Office of CTO Agenda What is OSS? How did OSS come into mobile? OSS platforms for mobile devices

More information

Cropping an Image for the Web

Cropping an Image for the Web Cropping an Image for the Web This guide covers how to use the Paint software included with Microsoft Windows to crop images for use on a web page. Opening Microsoft Paint (In Windows Accessories) On your

More information

Google Chrome For Windows Xp 32 Bit Full Version Offline

Google Chrome For Windows Xp 32 Bit Full Version Offline Google Chrome For Windows Xp 32 Bit Full Version Offline Support windows All Version. Download Google Chrome 2015 32bit Offline Installer Next. Apple itunes software 2015 For Windows XP, 7 And 8 Download.

More information

RDF Mapper V2.5 Documentation

RDF Mapper V2.5 Documentation RDF Mapper V2.5 Documentation document version 1.0.1 Table of Contents Introduction...2 Stand-alone mobile RDF receiver...2 Stationary RDF receiver...2 Stationary/mobile RDF receiver with additional remote

More information

Alert. In [ ]: %%javascript alert("hello");

Alert. In [ ]: %%javascript alert(hello); JavaScript V Alerts and Dialogs For many years, alerts and dialogs, which pop up over the browser, were popular forms of user interaction These days there are nicer ways to handle these interactions, collectively

More information

A pixel is not a pixel. Peter-Paul Koch SF HTML5, 6 April 2012

A pixel is not a pixel. Peter-Paul Koch   SF HTML5, 6 April 2012 A pixel is not a pixel Peter-Paul Koch http://quirksmode.org http://twitter.com/ppk SF HTML5, 6 April 2012 Example site http://mobilism.nl/2012/ A proper responsive site that you can use on any device

More information

AGENDA. EMBEDDING FONTS [ Font Files & CSS font-family ] :: Online Font Converter :: ADD font-family css code to style.css

AGENDA. EMBEDDING FONTS [ Font Files & CSS font-family ] :: Online Font Converter :: ADD font-family css code to style.css CLASS :: 12 05.04 2018 3 Hours AGENDA CREATE A WORKS PAGE [ HTML ] :: Open index.html :: Save As works.html :: Edit works.html to modify header, 3 divisions for works, then add your content :: Edit index.html

More information