Wil Blouin's Web GIS Portfolio

Introduction: This lab introduced a workflow and skills for the creation of a very basic Volunteered Geographic Information (VGI) application that could be used by citizens of Eau Claire to collect information for the city. The information that is needed to be collected is the locations of fire hydrants and their color, green spaces and their condition, and sidewalks and their condition. This application can be viewed and edited by anyone give that they have the URL for the page. Features that are created can have images attached to aid the city's efforts. The VGI was made by publishing an enterprise geodatabase with specialized domains and subtypes to an ArcGIS server and publishing a map service with feature access enabled (feature servers created) for the document with the three feature classes. These services were then used in JavaScript code that interacted with html and CSS to create a webpage with VGI functionality. Methods: Part 1 Section 1: This section crea...

Introduction: In this lab, two mobile responsive web map applications were made using the ArcGIS API for JavaScript. These two both utilized <meta> tags in their html code to make the applications run more smoothly on mobile platforms. The first application, in its two variations (part 1 sections 1 and 2), was written so that A search bar could be used to search for senators, congressional districts, universities, or addresses and other items using ESRI's world geocoder service. The second application utilized a query to find statistics on counties in an ESRI sample Census MapServer. Methods: Part 1 Section 1: Part 1 Section 1 utilized the lines in the below screenshot of the html document in order to make the application compatible with mobile devices. Part 1: Compatibility Meta Tags The html document also referenced the ESRI Claro CSS document for the template of the application, and another esri stylesheet for styling of other elements. It then created a div...

Introduction: In this lab, four web mapping applications of differing complexity were made with the ArcGIS JavaScript API along with websites as homes for those maps. Each website built on the last website's complexity and performed a different function. The first website (Part 1) displayed a simple basemap. The second website (Part 2 Section 1) displayed a map with both a basemap and an operational point vector layer showing trees with data on them popping up in window with a click on an individual tree. The third map (Part 2 Section 2) displayed school data using a service that was locally created and stored. The final fourth map (Part 3) displayed a road map and routing functionality was built into this map. Methods: Part 1: Part 1 HTML Part 1 was extremely simple. The HTML was written first. Because the styling was so simple, styling was included in the html document instead of a separate CSS document. Styling for the maps to be created with the JavaScript docume...

Background: This lab focused on practicing basic functions of HTML (Hypertext Markup Language), CSS (cascading style sheets), and JavaScript, all working together to form a basic website. HTML was first written, then CSS styling was added, then JavaScript was added last to provide extra functionality. Two webpages were created. One was created using instructions on how to code, and the next was a practice of creative use of the functions demonstrated in the first code. Methods: Part 1: Developing HTML Part 1 is focused on creating the HTML portion of the website. The completed HTML code for the site is shown below. Some portions of this code will be talked about later as they refer to the CSS and JavaScript aspects of the webpage. The HTML document was created in Notepad++ and stored in its permanent location on the deployment server. The code opens with the document type, which is a marker that the Notepad++ application reads to know that it will be creating an HTML 5 ...