DOCSLIB.ORG

Semantic Markup for Geographic Web Maps in HTML Malte Reißig Leibniz Institute for Regional Geography (Ifl), Leipzig, Germany

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Semantic Markup for Geographic Web Maps in HTML Malte Reißig Leibniz Institute for Regional Geography (Ifl), Leipzig, Germany Free and Open Source Software for Geospatial (FOSS4G) Conference Proceedings Volume 16 Bonn, Germany Article 8 2016 Semantic Markup for Geographic Web Maps in HTML Malte Reißig Leibniz Institute for Regional Geography (IfL), Leipzig, Germany Follow this and additional works at: https://scholarworks.umass.edu/foss4g Part of the Geographic Information Sciences Commons, and the Other Computer Sciences Commons Recommended Citation Reißig, Malte (2016) "Semantic Markup for Geographic Web Maps in HTML," Free and Open Source Software for Geospatial (FOSS4G) Conference Proceedings: Vol. 16 , Article 8. DOI: https://doi.org/10.7275/R52V2D9J Available at: https://scholarworks.umass.edu/foss4g/vol16/iss1/8 This Paper is brought to you for free and open access by ScholarWorks@UMass Amherst. It has been accepted for inclusion in Free and Open Source Software for Geospatial (FOSS4G) Conference Proceedings by an authorized editor of ScholarWorks@UMass Amherst. For more information, please contact [email protected]. Semantic Markup for Geographic Web Maps in HTML Malte Reißig Leibniz Institute for Regional Geography (IfL), Leipzig, Germany – [email protected] KEYWORDS: Geographical Web Maps; HTML; Schema.org; Dublin Core; ABSTRACT: In the recent years more and more geographical web maps have been developed and published on the Open Web Platform. Technically this has turned all variants of these maps into documents of the Hypertext Markup Language (HTML) making them appear to us naturally as graph-like and semi-structured data. In this dispute with geographical web maps and HTML we draw on the notion of so called “map mashups”. Requiring an alternative model and definition of what such a map is, our research allows us to build and refine supportive technology which helps us in analyzing and interpreting information map makers code into their visualizations. The spectacles we take on to shine light on the current authoring practices behind many geographical web maps are informed by the perspective of a “critical map reader”. A task-oriented conception of “map critique” helped us to deduce a meaningful user perspective from which we specifically call the semantic web community for support on how to represent various information presented in maps from many authors and sources. With this perspective and questions in mind we investigated the Schema.org vocabulary as an ontology to use for turning elements of geographic web maps into textual statements referencing entities in the “outer world”. To illustrate and to make our investigation of the corresponding web standard documents easily applicable for map makers, to open up the discussion, but also to challenge and develop our first conclusions, we implemented them as a minimal extension to the standard API of the LeafletJS open source web mapping library. 1 Motivation As investigations into the “evolving web mapping technologies” by Roth et al (2014) highlight, more and more geovisualizations are developed and published as HTML Documents. For this report we investigated arbitrary LeafletJS based examples simulating “map mashups” (see Turner, A. J. 2006, Gartner, G. 2009) to think about the semantics of the markup generated, especially those semantics concerned with terminology from the geographic domain. Through Bittner et al we receive our focus on advancing the semantics of map mashups, as the number of geographic web maps published on the world wide web seems to difficult to keep track with. Map mashups on the web, they describe, are essentially “users mixing information with so called base maps through geo-referencing” (after Roth/Ross 2009 and Cramption 2010, see Bittner, C.; Michel, B. 2013, p.112). This report is inspired by the publications of Roth, R. E. (2013) and Schiewe et al which illustrate how a more “wholistic understanding of map usage” (Schiewe, J.; Schweer, M. 201, p. 9) can inform cartographic research. Following a user-centered investigation of semantic markup for geographical web maps, we argue that it is possible to make “critical map reading” an explicit, interactive and possibly even engaging part of the everyday geographic web map experience. Up to my knowledge there is no research reported yet which investigates and refines geographic web maps as what they also have become: documents of HTML. I do so in the hope to equip future map makers and publishers with some knowledge about semantic markup and therewith contribute to a more responsible publishing of geographic web maps, a publishing which not oly considers the map readers perspective but accounts for that through providing advanced accessibility and transparency on information composed in its maps. 2 Introduction to HTML and geographic web maps When we surf geographical web maps on the world wide web we find out that we can understand them as a thing of composite structure, authored, represented and described in documents of the Hypertext Markup Language (HTML). Strikingly, we could not find any description of what a meaningful markup of a geographic web map could be viewed as, thus this investigation. If we understand geographic web maps as composites it FOSS4G 2016 Academic Track Semantic Markup for Geographic Web Maps becomes clearer that a HTML document enclosing such a map aggregates many documents, not just one. Through utilizing web mapping libraries map makers effectively turn geodata of various formats into HTML elements while that is a "domain specific" vocabulary and "mixed markup language". This acknowledges that its a "formal language" used to encode rules for presenting and describing data (see, for example Wikipedia Community 2016). But how does this language reflect our current practices and what are current possibilities to adapt the HTML vocabulary? Advancing our markup through bringing in elements and attributes with meaning anchored in the geographical domain would allow us to make geographical conceptions and data contained in each map explicit and accessible. Having these values accessible would us to build supportive tools and visualizations to match our current web mapping practices. To define the scope of this research and to define what I would call a valuable and improved document structure for a geographical web map is, it must help to give answers about WHO states (or stated) WHEN WHAT about WHOM or WHAT in this map. So, for analyzing maps we rely on questions like: Who contributed to this map? What topics are represented in this map? What areas of the world does the map explicitly deal with? When was this map made? We can easily deduce these questions from course materials on "critiquing maps" by Mattern, S. C. (2016) as well as from the MediaSmarts (2016) guide to "Deconstruct Webpages" for the "7th-10th Grade". With that, it seems logical to state that what is missing to answer these questions are data values accessible in HTML concerning each basic element (Popup/Detail, Marker/Feature or Layer/Geometry) in a map mashup, covering at least an elements Title, Caption, Source, Attribution and Date. In some case these values may already be available in the archive, library or public database providing map makers their information or geodata but yet there does not seem to exist an interface these values could be passed on to. 2.1 Typing of relevant geographic web map elements with Schema.org To express more specific semantics than those defined by the HTML Standard the W3C and others developed HTML Markup Extensions which allow users of HTML to extend the HTML vocabulary into their domain without invalidating the HTML for interpreters. One W3C (2015b) recommendation is Schema.org. According to companies like Google that is well supported by “many major search engines” (2016). The available notations for the latter are Microdata (W3C, 2013), RDFa (W3C, 2015a) and JSON-LD (Sporny, M, Longley, D., Kellogg, G., Lanthaler, M., Lindstrm, N., 2010). To allow basic annotation like I would envision it, the vocabulary must contain terms and definitions for formalizing spatial data values inherent to each geographic web map. Furthermore, essential elements of a geographic web map should be annotatable as (a) distinct elements of information and (b) information representing a certain type of information (like City or Organization) and, one level higher, possibly even a concrete token or instance of such (like Leipzig or Leibniz- Institute for Regional Geography). If these needs could be met I would argue that semantic authoring of geographic web maps has been significantly advanced. The World Geodetic Systems has become without a doubt a useful index to all kinds of information on the web but many map makers might not be aware of the fact that they are not directly exposing their information to it when creating a web map. To express values related to a specific geographic reference system we found that the geo (WGS 84) looks to be integrated with many other linked data vocabularies (http://lov.okfn.org/- dataset/lov/vocabs/geo) but for us of too limited scope. The Schema.org vocabulary allows us to express Geo Coordinates (including elevation) while also allowing for more complex data definitions such as Geo Shape. As this investigation will show, when annotating basic elements of a geographic web map the elements mapped are connected to the WGS 84 reference system but this connection is not accessible when inspecting the HTML of, for example, the LeafletJS example (http://leafletjs.com/examples.html) documents. I therefore took a closer look at the geographic terms provided
Load more

Recommended publications
  • The Uch Enmek Example(Altai Republic,Siberia)
    Faculty of Environmental Sciences Institute for Cartography Master Thesis Concept and Implementation of a Contextualized Navigable 3D Landscape Model: The Uch Enmek Example(Altai Republic,Siberia). Mussab Mohamed Abuelhassan Abdalla Born on: 7th December 1983 in Khartoum Matriculation number: 4118733 Matriculation year: 2014 to achieve the academic degree Master of Science (M.Sc.) Supervisors Dr.Nikolas Prechtel Dr.Sander Münster Submitted on: 18th September 2017 Faculty of Environmental Sciences Institute for Cartography Task for the preparation of a Master Thesis Name: Mussab Mohamed Abuelhassan Abdalla Matriculation number: 4118733 Matriculation year: 2014 Title: Concept and Implementation of a Contextualized Navigable 3D Landscape Model: The Uch Enmek Example(Altai Republic,Siberia). Objectives of work Scope/Previous Results:Virtual Globes can attract and inform websites visitors on natural and cultural objects and sceneries.Geo-centered information transfer is suitable for majority of sites and artifacts. Virtual Globes have been tested with an involvement of TUD institutes: e.g. the GEPAM project (Weller,2013), and an archaeological excavation site in the Altai Mountains ("Uch enmek", c.f. Schmid 2012, Schubert 2014).Virtual Globes technology should be flexible in terms of the desired geo-data configuration. Research data should be controlled by the authors. Modes of linking geo-objects to different types of meta-information seems evenly important for a successful deployment. Motivation: For an archaeological conservation site ("Uch Enmek") effort has already been directed into data collection, model development and an initial web-based presentation.The present "Open Web Globe" technology is not developed any further, what calls for a migra- tion into a different web environment.
    [Show full text]
  • Rdfa in XHTML: Syntax and Processing Rdfa in XHTML: Syntax and Processing
    RDFa in XHTML: Syntax and Processing RDFa in XHTML: Syntax and Processing RDFa in XHTML: Syntax and Processing A collection of attributes and processing rules for extending XHTML to support RDF W3C Recommendation 14 October 2008 This version: http://www.w3.org/TR/2008/REC-rdfa-syntax-20081014 Latest version: http://www.w3.org/TR/rdfa-syntax Previous version: http://www.w3.org/TR/2008/PR-rdfa-syntax-20080904 Diff from previous version: rdfa-syntax-diff.html Editors: Ben Adida, Creative Commons [email protected] Mark Birbeck, webBackplane [email protected] Shane McCarron, Applied Testing and Technology, Inc. [email protected] Steven Pemberton, CWI Please refer to the errata for this document, which may include some normative corrections. This document is also available in these non-normative formats: PostScript version, PDF version, ZIP archive, and Gzip’d TAR archive. The English version of this specification is the only normative version. Non-normative translations may also be available. Copyright © 2007-2008 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply. Abstract The current Web is primarily made up of an enormous number of documents that have been created using HTML. These documents contain significant amounts of structured data, which is largely unavailable to tools and applications. When publishers can express this data more completely, and when tools can read it, a new world of user functionality becomes available, letting users transfer structured data between applications and web sites, and allowing browsing applications to improve the user experience: an event on a web page can be directly imported - 1 - How to Read this Document RDFa in XHTML: Syntax and Processing into a user’s desktop calendar; a license on a document can be detected so that users can be informed of their rights automatically; a photo’s creator, camera setting information, resolution, location and topic can be published as easily as the original photo itself, enabling structured search and sharing.
    [Show full text]
  • HTML5 Favorite Twitter Searches App Browser-Based Mobile Apps with HTML5, CSS3, Javascript and Web Storage
    Androidfp_19.fm Page 1 Friday, May 18, 2012 10:32 AM 19 HTML5 Favorite Twitter Searches App Browser-Based Mobile Apps with HTML5, CSS3, JavaScript and Web Storage Objectives In this chapter you’ll: ■ Implement a web-based version of the Favorite Twitter Searches app from Chapter 5. ■ Use HTML5 and CSS3 to implement the interface of a web app. ■ Use JavaScript to implement the logic of a web app. ■ Use HTML5’s Web Storage APIs to store key-value pairs of data that persist between executions of a web app. ■ Use a CSS reset to remove all browser specific HTML- element formatting before styling an HTML document’s elements. ■ Save a shortcut for a web app to your device’s home screen so you can easily launch a web app. = DRAFT: © Copyright 1992–2012 by Deitel & Associates, Inc. All Rights Reserved. Androidfp_19.fm Page 2 Friday, May 18, 2012 10:32 AM 2 Chapter 19 HTML5 Favorite Twitter Searches App 19.1 Introduction 19.5 Building the App 19.2 Test-Driving the Favorite Twitter 19.5.1 HTML5 Document Searches App 19.5.2 CSS 19.5.3 JavaScript 19.3 Technologies Overview Outline 19.6 Wrap-Up 19.1 Introduction The Favorite Twitter Searches app from Chapter 5 allowed users to save their favorite Twit- ter search strings with easy-to-remember, user-chosen, short tag names. Users could then conveniently follow tweets on their favorite topics. In this chapter, we reimplement the Fa- vorite Twitter Searches app as a web app, using HTML5, CSS3 and JavaScript.
    [Show full text]
  • An Investigation Into World Wide Web Publishing with the Hypertext Markup Language Eric Joseph Cohen
    Rochester Institute of Technology RIT Scholar Works Theses Thesis/Dissertation Collections 11-1-1995 An Investigation into world wide web publishing with the hypertext markup language Eric Joseph Cohen Follow this and additional works at: http://scholarworks.rit.edu/theses Recommended Citation Cohen, Eric Joseph, "An Investigation into world wide web publishing with the hypertext markup language" (1995). Thesis. Rochester Institute of Technology. Accessed from This Thesis is brought to you for free and open access by the Thesis/Dissertation Collections at RIT Scholar Works. It has been accepted for inclusion in Theses by an authorized administrator of RIT Scholar Works. For more information, please contact [email protected]. An Investigation into World Wide Web Publishing with the Hypertext Markup Language by Eric Joseph Cohen A thesis submitted in partial fulfillment of the requirements for the degree of Master of Science in the School of Printing Management and Sciences in the College of Imaging Arts and Sciences of the Rochester Institute of Technology November 1995 Thesis Advisor: Professor Frank Romano School of Printing Management and Sciences Rochester Institute of Technology Rochester, New York Certificate of Approval Master1s Thesis This is to certify that the Master's Thesis of Eric joseph Cohen With a major in Graphic Arts Publishing has been approved by the Thesis Committee as satisfactory for the thesis requirement for the Master of Science degree at the convocation of November 1995 Thesis Committee: Frank Romano Thesis Advisor Marie Freckleton Graduate Program Coordinator C. Harold Goffin Director or Designate Title of Thesis: An Investigation into World Wide Web Publishing with the Hypertext Markup Language September 12, 1995 I, Eric Joseph Cohen, hereby grant permission to the Wallace Memorial Library of RIT to reproduce my thesis in whole or in part.
    [Show full text]
  • Multimedia Foundations Glossary of Terms Chapter 7 – Web Design
    Multimedia Foundations Glossary of Terms Chapter 7 – Web Design Absolute URL A path statement that includes the complete physical address of a file on the WWW, often beginning with the protocol http://. Alternative Text A short narrative description of a web-based image intended to convey the essence of its content for users with disabilities. ARPANET Advanced Research Projects Agency Network. The world’s first packet-switching network became operational in 1969. The predecessor of the global Internet. Attribute HTML syntax used to modify an HTML element (or tag). Usually occurs as a name-value pair, separated by "=". Background Image The image file source (usually a JPEG or GIF) that serves as the visual background for an HTML element. Block-Level Element HTML elements specifically designed to handle large chunks of information (e.g. paragraphs, lists, and list items). Body The main section of an HTML document containing information the user will see or code that directly affects its presentation. Browser Or Web browser. A software program designed for accessing HTML-based documents and presenting them on screen for viewing (e.g. Chrome, Internet Explorer, Firefox, and Safari). Button An object or widget in a graphical user interface that performs an action when selected by the user. Cascading Style Sheets (CSS) An external style sheet (a .css file) containing instructions for the physical appearance of HTML content on the screen. Character Reference Special character commands used in HTML that allow you to use symbols (a.k.a. glyphs) that are not part of the standard HTML character set, such as a copyright symbol © and quotation marks.
    [Show full text]
  • INF3580/4580 – Semantic Technologies – Spring 2016 Lecture 15: Rdfa
    INF3580/4580 { Semantic Technologies { Spring 2016 Lecture 15: RDFa Martin Giese 30th May 2016 Department of University of Informatics Oslo Repetition 18 June: Guest lecture, Lars Marius Garshol 25 May: no lecture (Whit Monday) 1st June is reserved for \Repetition" No fixed lecture material You, the students, say what you want to hear Let me know in time, so I'm prepared. Drop a mail to [email protected] until 18th May INF3580/4580 :: Spring 2016 Lecture 15 :: 30th May 2 / 29 Today's Plan 1 Reminder 2 Linking RDF to HTML 3 RDFa 4 Conclusion INF3580/4580 :: Spring 2016 Lecture 15 :: 30th May 3 / 29 Reminder Outline 1 Reminder 2 Linking RDF to HTML 3 RDFa 4 Conclusion INF3580/4580 :: Spring 2016 Lecture 15 :: 30th May 4 / 29 FOAF profiles data files from dbpedia.org, geonames, etc. In RSS 1.0 feeds for instance dbpedia.org, dblp, and others In RDF files, downloadable with HTTP, FTP, etc. Published using LOD principles (hash/slash namespaces) As metadata in PDF/A files As data model behind SPARQL query endpoints Embedded in HTML, as RDFa Reminder RDF on the Web RDF data exists in many forms: INF3580/4580 :: Spring 2016 Lecture 15 :: 30th May 5 / 29 for instance dbpedia.org, dblp, and others FOAF profiles data files from dbpedia.org, geonames, etc. In RSS 1.0 feeds Published using LOD principles (hash/slash namespaces) As metadata in PDF/A files As data model behind SPARQL query endpoints Embedded in HTML, as RDFa Reminder RDF on the Web RDF data exists in many forms: In RDF files, downloadable with HTTP, FTP, etc.
    [Show full text]
  • Chapter 10 Document Object Model and Dynamic HTML
    Chapter 10 Document Object Model and Dynamic HTML The term Dynamic HTML, often abbreviated as DHTML, refers to the technique of making Web pages dynamic by client-side scripting to manipulate the document content and presen- tation. Web pages can be made more lively, dynamic, or interactive by DHTML techniques. With DHTML you can prescribe actions triggered by browser events to make the page more lively and responsive. Such actions may alter the content and appearance of any parts of the page. The changes are fast and e±cient because they are made by the browser without having to network with any servers. Typically the client-side scripting is written in Javascript which is being standardized. Chapter 9 already introduced Javascript and basic techniques for making Web pages dynamic. Contrary to what the name may suggest, DHTML is not a markup language or a software tool. It is a technique to make dynamic Web pages via client-side programming. In the past, DHTML relies on browser/vendor speci¯c features to work. Making such pages work for all browsers requires much e®ort, testing, and unnecessarily long programs. Standardization e®orts at W3C and elsewhere are making it possible to write standard- based DHTML that work for all compliant browsers. Standard-based DHTML involves three aspects: 447 448 CHAPTER 10. DOCUMENT OBJECT MODEL AND DYNAMIC HTML Figure 10.1: DOM Compliant Browser Browser Javascript DOM API XHTML Document 1. Javascript|for cross-browser scripting (Chapter 9) 2. Cascading Style Sheets (CSS)|for style and presentation control (Chapter 6) 3. Document Object Model (DOM)|for a uniform programming interface to access and manipulate the Web page as a document When these three aspects are combined, you get the ability to program changes in Web pages in reaction to user or browser generated events, and therefore to make HTML pages more dynamic.
    [Show full text]
  • Preview HTML5 Tutorial
    HTML5 HTML5 About the Tutorial HTML5 is the latest and most enhanced version of HTML. Technically, HTML is not a programming language, but rather a markup language. In this tutorial, we will discuss the features of HTML5 and how to use it in practice. Audience This tutorial has been designed for beginners in HTML5 to make them understand the basic- to-advanced concepts of the subject. Prerequisites Before starting this tutorial, you should have a basic understanding of HTML and its tags. Disclaimer & Copyright Copyright 2016 by Tutorials Point (I) Pvt. Ltd. All the content and graphics published in this e-book are the property of Tutorials Point (I) Pvt. Ltd. The user of this e-book is prohibited to reuse, retain, copy, distribute, or republish any contents or a part of contents of this e-book in any manner without written consent of the publisher. We strive to update the contents of our website and tutorials as timely and as precisely as possible, however, the contents may contain inaccuracies or errors. Tutorials Point (I) Pvt. Ltd. provides no guarantee regarding the accuracy, timeliness, or completeness of our website or its contents including this tutorial. If you discover any errors on our website or in this tutorial, please notify us at [email protected] HTML5 Execute HTML5 Online For most of the examples given in this tutorial you will find Try it option, so just make use of this option to execute your HTML5 programs at the spot and enjoy your learning. Try following example using Try it option available at the top right
    [Show full text]
  • I Work for Natural Resources Canada in the Canada Centre for Mapping
    I work for Natural Resources Canada in the Canada Centre for Mapping and Earth Observation, where as a technologist and developer, I have been supporting the development of geo-standards, spatial data infrastructure, or “SDI”, and open spatial data for about 10 years. 1 Today, I’m going to talk about the community, concepts and technology of the Maps for HTML Community Group. The objective of the Maps for HTML initiative is straightforward: to extend HTML to include Web map semantics and behaviour, such as users have come to expect of Web maps. 2 Before getting in to the technology discussions, I think it’s really important to back up and take stock of the situation facing mapping professionals today. 3 Paul Ramsey is a leader in the open source geospatial software development community who currently works for the CartoDB consumer web mapping platform. In a recent presentation to a meeting of Canadian government mapping executives, Paul told us that government mapping programs were no longer relevant. In fairness, Paul did say sorry for having to say that. You know, sometimes it is hard to hear the truth, and I would have to say that Paul wasn’t completely wrong, so what I really want to say in response to Paul is ‘thank you’. 4 Thank you for the opportunity to talk about a subject that has been in the back of my mind not just since I began promoting standards for geospatial information and Spatial Data Infrastructure, and open spatial data, but since the first day I did ‘View Source’ on an HTML page containing a Web map and did not see anything that could possibly produce a map.
    [Show full text]
  • Package 'Leaflet.Extras'
    Package ‘leaflet.extras’ April 21, 2018 Type Package Title Extra Functionality for 'leaflet' Package Version 1.0.0 Description The 'leaflet' JavaScript library provides many plugins some of which are available in the core 'leaflet' package, but there are many more. It is not possible to support them all in the core 'leaflet' package. This package serves as an add-on to the 'leaflet' package by providing extra functionality via 'leaflet' plugins. License GPL-3 | file LICENSE Encoding UTF-8 LazyData true Depends R (>= 3.1.0), leaflet (>= 2.0.0) Imports htmlwidgets, htmltools, stringr, magrittr Suggests jsonlite, readr URL https://github.com/bhaskarvk/leaflet.extras, https://bhaskarvk.github.io/leaflet.extras/ BugReports https://github.com/bhaskarvk/leaflet.extras/issues RoxygenNote 6.0.1 NeedsCompilation no Author Bhaskar Karambelkar [aut, cre], Barret Schloerke [aut], Bangyou Zheng [ctb] (Leaflet-search and Leaflet-GPS plugin integration), Robin Cura [ctb] (Fixes for Draw Options), Markus Voge [ctb] (Enhancements for Draw Options), Markus Dumke [ctb] (Bounce Marker addition), Mapbox [ctb, cph] (leaflet-omnivore, csv2geojson, and togeojson libraries), Henry Thasler [ctb, cph] (Leaflet.Geodesic library), Dennis Wilhelm [ctb, cph] (Leaflet.StyleEditor library), Kirollos Risk [ctb, cph] (fuse.js library), Tim Wisniewski [ctb, cph] (leaflet-choropleth library), 1 2 R topics documented: Leaflet [ctb, cph] (leaflet-draw library), Alexander Milevski [ctb, cph] (leaflet-draw-drag library), John Firebaugh [ctb, cph] (leaflet-fullscreen library), Stefano Cudini [ctb,
    [Show full text]
  • Introduction to Web Mapping April 3, 2017 Sarah Watson Overview
    RDSC Workshop #5 Introduction to Web Mapping April 3, 2017 Sarah Watson Overview • What is Web Mapping • OpenStreetMap Overview • Brief Tutorials of: • Social Explorer • StoryMap • Carto Difference Between “Digital” and “Web” • Digital – involves a computer, but may not be accessible via the internet • Web Map – a type of digital map that is accessible in a web browser: • Maps.google.com • Openstreetmap.org • Web maps are connected to but different from maps made for mobile devices or for a digital globe (Google Earth) • Development really took off after the emergence of Google Maps • Many different platforms now exist OpenStreetMap • Sometimes referred to as the “Wikipedia of Maps” • Can be edited by anyone • Licensed under the Open Database License • Two ways to edit: • Web editor ID • Advanced editor JOSM OpenStreet Map • OpenStreetMap Task Manager From the website: “A mapping tool designed and built for the Humanitarian OSM Team collaborative mapping. The purpose of the tool is to divide up a mapping job into smaller tasks that can be completed rapidly. It shows which areas need to be mapped and which areas need the mapping validated.” • MapRoulette • From OpenStreetMap wiki: “A gamified approach to fixing OSM bugs that breaks common OpenStreetMap data problems into micro tasks.” Creating a Web Map While there are many different programs to create web maps, many require coding knowledge. Leaflet is a common, open-source JavaScript library used by many to create interactive, web maps Today, I want to highlight a couple different non-coding options. Social Explorer • Available for free through the library Good if you: • Plan to primarily use U.S.
    [Show full text]
  • INTRODUCTION to HTML 5 – PART 2 Description Usage
    INTRODUCTION TO HTML 5 – PART 2 In this page we have discussed Description, Usage, Attributes, Example, Result and Compatibility of HTML5 article element. Description The HTML Article element (<article>) represents independent (w.r.t a web document, page, site or application) content, for example a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget. The HTML Article Element contains either actual content or contains several different section elements or one or more article elements within it. If it contains article element within it, the content of the inner articles supposed to be related to the outer article's content. If it is necessary to provide author information of the article, that can be done using <address>. Using pubdate attribute of time element, date and time of publication of an article can be described. Usage <article> <h1>Tutorial of HTML5 article element</h1> <p>HTML5 article element represents independent item like a blog entry in an web document.</p> </article> Whether start and end tag are required Both start and end tag are required. What an article element can contain Text or embedded content. Which elements can contain article element Any element except the elements which can contain text or embedded content. Attributes article element does not have any other attributes than the global attributes (accesskey, class, contenteditable, contextmenu, dir, draggable, dropzone, hidden, id, lang, spellcheck, style. tabindex, title), common to all elements. Example view plainprint? 1. <!DOCTYPE HTML> 2. <html lang="en"> 3. <head> 4. <meta charset=utf-8> 5.
    [Show full text]