GIS Applications (205)

a.k.a.
web maps:
what are they and how do I make them

hey y'all

Logging in to computers:
  • Username = your S #
  • Password = Either: What you made it, or your birthday in this format: Monthddyyyy
Confirm that you can access D2L

Introductions

Who Am I

Introductions

Who Are You
  • Name
  • Your experience with GIS (so far)
  • Where are you from? *put it on the map

Go Here

http://brightrain.com/gisappsclass/whererufrom/ *link in D2L too

GIS Applications (205)

Attendance

Syllabus Review

Course Overview

We will be focused on the web and web mapping. There are two programming languages you need to know:

-python

-javascript

GIS 211 - Spatial Data Modeling and Analysis covers python and we will attack javascript, eventually. Since our class is titled GIS Applications (and not GIS Programming) we will explore various web based GIS applications. Some that do not require code and some that do.

Syllabus Review

Course Overview

First we'll get data working on the web and then we'll start to use those data services to make maps.
Then we'll explore various existing platforms that you can use to create web maps without coding.
We'll then wade into html, css, and javascript to start creating our own custom web maps.
By the end you will be able to create your very own interactive web map. And it won't hurt, I promise.
Hands On and Very Practical

Syllabus Review

Course Requirements
Attendance and Participation Both in class and online, 5 points per class 20%
Quizzes (4) Each quiz is worth 100 points 20%
Labs (12) Each lab exercise is worth 100 points 30%
Final Project This project will require a demonstration of the final deliverable (i.e. a working application). Final Project is worth 100 points 30%

Syllabus Review

Course Requirements

Attendance: 15 classes x 5 points per class = 75 points (20% of grade)
  • If you attend class, you get 5 points
  • If you can’t attend class and let me know ahead of time and attempt to cover the missed material, you get 5 points
  • If you can’t attend class and don’t let me know ahead of time, you get 0 points *max 2 classes missed

Syllabus Review

Important Dates

  • Classes begin: Wednesday, January 17
  • Last day to Drop Course and receive tuition refund: January 25
  • Spring Break – College Closed: March 26 - 30
  • Last day to Withdraw from 15-week courses: April 14
  • Classes end: Wednesday, May 2

Syllabus Review

Class Structure

A typical class will include:

  • exploration of a Web Map of the Week
  • a review of the of previous lecture and lab (Kahoot!)
  • lecture 1: discussion of learning objective
  • lab 1: exercise(s) to explore lecture 1 objective
  • lecture 2: discussion of learning objective
  • lab 2: exercise(s) to explore lecture 2 objective

Syllabus Review

Class Structure - Labs

Labs will be marked as:

  • #Walkthrough
  • #ShowAndTell
  • #OnYourOwn
I will walk through them on the big screen and I will ensure that everyone is at least where I am. Holler if you’re not.
I will tag exercises as #WalkThrough if you need to stop and wait for me\us
If you choose to go ahead where appropriate, I will prioritize those that stay with me for help
Don’t. Get. Frustrated.
I will include the Task description and it’s Objective for each exercise

Syllabus Review

Final Project

The final project should be a complete web mapping application that displays core competencies while keeping it simple enough to deliver a working solution.
Data will be developed or acquired and made available via the web.
Build a web mapping application that will:
  • be interactive (pan, zoom, click, etc)
  • contain at least one point layer
  • display an information popup when clicking on one of the points

Announcements

Payment Deadline

Be sure you're square by Jan 25th or you'll be dropped and you can't sign back up!

Pop Quiz!

---Kahoot---

we'll use this for previous week lesson and assignment review

National Geographic Geo Bee: Get Outside!

Survey just to see where you are...

Survey

Web Map of the Week!

Wind Map
ahhhhhhhh

Lecture

via GIPHY

Application

what does wikipedia say

An application allows an end user to perform some task. Whether it is simply getting information, performing a calcuation or entering data. It has an interface for an end user.

    examples
  • MS Word
  • ArcGIS Pro

Web Application

Same but it runs exclusively over the internet in a browser. The user does not have to install anything. Same, allows them to perform a task.

Built with html, css, and javascript

    examples
  • facebook
  • twitter

Web Mapping Application

Same and same except there’s a map. Typically the map represents the entry into the system. It’s the first thing a user sees. It should be incredibly compelling but you’ve still got to give users a way to perform their task(s)

Web Mapping Application

The Mashup

Buzzword several years ago but still very relevant. The idea that the application can include web services from various sources. You can use your own data, or not.

wikipedia: Mashup (web application hybrid)

Web Mapping Application

The Mashup
buzz
#mashup #API #OpenData

? Why Do I Need to Know How to Program ?

! Control !

“Geographical thinking skills are central to these tasks, and most undergraduate degrees in GIS are based in geography departments, where programming courses are infrequently available and even less frequently required. These are gaps that need filling for the GIS jobs of today.”

“There are no required standards in place for what a programming class within a GIS context is to include”

http://www.directionsmag.com/entry/gis-jobs-of-today-should-you-have-programming-skills/473296

? Why Do I Need to Know How to Program ?

More Proof

http://www.directionsmag.com/entry/gis-jobs-skills-in-demand/471742

Your First Web Map!*

*not kidding
go to d2l for link
https://mapzen.com/blog/one-minute-map/
40.138, -105.13

Now send yourself a link to your mobile device

cool, right

create a github account - https://github.com/join

Break

Setting Things Up

Your second web map

arcgis js: Build your first web map and alter in the sandbox
https://developers.arcgis.com/javascript/3/jshelp/intro_firstmap_amd.html

Your second web map

Skim through and then open in the sandbox
via link in upper right

Change the base map from "topo" to "satellite" and hit REFRESH in the upper right

Change center coordinates to [-105.14, 40.15]

Feel free to play around and don't be afraid to break anything

For Next Week

Read text book sections 1.3 + 1.4 + 2.1 + 2.2 + 2.3

Watch Khan Academy Welcome to the Web c

Watch Khan Academy: HTML Basics (as many as are interesting to you... they're short) https://www.khanacademy.org/computing/computer-programming/html-css/intro-to-html/p/html-basics

For Next Week

Reading Notes

  • 1.3: Web GIS Concept
    Note 1.3.2 Characteristics
    Talks about the widening use and abilities of web gis vs desktop gis. ! Important !
  • 1.4: Web GIS Applications
    Note 1.4.1: Functions - What can it do
    Note 1.4.3: Opportunities
    -The head and the tail where the head is google maps and the tail is a custom web mapping applications (like the ones you’re going to make). Potential markets are the existing platforms like agol, mapbox and carto that you will also use
  • 2.1: Web Fundamentals
    Just understand the basics, read the bold and look at the images…
    2.2: Web GIS Basic Architecture and Components
    Same, I’ll ask you what a client is at some point…
    2.3 Basemaps, Operational Layers and Tools sections
    -Note difference between Basemap and Operational Layer
    -Note difference between having the server perform a task or the client. ! Important !