1. T GIS 502: Introduction to Geospatial Technologies Britta Ricker, PhD 30 September 2014

2. On the Menu for Today 1.All about YOU - introductions 2.Overview of course and field as a whole 3.Go over syllabus 4.GeoNews 5.Reading Discussion 6.Lab Time: Create your own Website!

3. All about me!

4. Tell us about you

5. Goal of Geospatial Technology Usage…

6. Traditional GIS

7. GIScience

8. Sensor Web

9. NeoGeography

10. Open Source vs. Non Open Source

11. Information Cycle

12. Types of CyberGIS Users

14. Basic User/Expert user of Output End User Audience

15. Basic User/Expert user of Output End User Audience “Traditional” GIS Output

16. Basic User/Expert user of Output End User Audience “Traditional” GIS Output CyberGIS Expert

17. Let’s discuss these http://vashonmap.com/ http://www.washington.edu/maps/ http://www.thefair.com/map/?lid=5b8529cae759e97d6 656c23aa3223a92 http://www.thefair.com/map/?lid=5b8529cae759e97d6 656c23aa3223a92 https://www.columbiabank.com/contact-us/locations http://locators.bankofamerica.com/locator/locator/Loca torAction.do http://locators.bankofamerica.com/locator/locator/Loca torAction.do http://blog.cartodb.com/mapping-yelp-data-vegas/

18. On the Menu for Today 1.All about YOU - introductions 2.Overview of course and field as a whole 3.Go over syllabus 4.GeoNews 5.Reading Discussion 6.Lab Time: Create your own Website!

19. Grades Discussion Participation200 points GeoNews100 points Final Exam200 points Lab Assignments300 points Presentations100 points =1000 points

20. GeoNews Rubric Summary of Article Most important point Most interesting aspect to you Critical Reflection –Why you think it is relevant to the field? –What is missing? –Your interpretation of this issue and/or solution? How did you find the article

21. Search Strategies GeoNews Blogs New York Times (NYT), Economist Get on Social Media –Twitter –Google+ –ReddIt –Others? (you tell me!)

22. Assign Dates for GeoNews Choose a date to present You will need to identify and post the article/blog post to the discussion board on canvas for the class to read (either as a publicly accessible link, pdf) one week prior to your presentation day.

23. On the Menu for Today 1.All about YOU - introductions 2.Overview of course and field as a whole 3.Go over syllabus 4.GeoNews 5.Reading Discussion 6.Lab Time: Create your own Website!

24. About the Assigned Reading for next week… On Canvas NeoGeography and the nature of geographic Expertise by Michael Goodchild Introduction to Neogeography by Andrew Turner

25. On the Menu for Today 1.All about YOU - introductions 2.Overview of course and field as a whole 3.Go over syllabus 4.GeoNews 5.Reading Discussion 6.Lab Time: Create your own Website!

26. Today in Lab! Build your own Website! http://www.sfu.ca/~bricker/

27. Principles of Basic Web Design When browsing websites, think like a cartographer, designer, ask yourself: what is the point of this website? Who is the audience? What will it be used for? What is the message I am trying to convey? Always have these questions in mind during each part of the process!

28. Examples Example Sites http://www.smashingapps.com/2014/02/28/40- original-html5-markup- websites.html Let’s Look under the hood In Chrome- right click  Inspect element  Emulation

29. Tools for colors and changing your CSS http://colorschemedesigner. com/csd-3.5/ http://colorbrewer2.org/

30. Create your own website Follow along: 1.Activate your web hosting account through UW 1.Follow along in the lab 2.Remember your domain address! 2.Create a website! 1.Open Sublime Text Editor (or other) 2.HTML tags 3.How images work 4.Relationship with CSS 5.Why we name the first file index.html 3.Post your website online 1.Open Filezilla (I will give you a quick overview) 2.Follow the lab materials and links from UW on how to log in

31. About Text Editors Content Management System (CMS) What you see is what you get (WYSIWYG)

32. Type this in Sublime text editor and save as index.html Hello World I Love Geospatial Technologies! My Name is Britta Ricker. Contact me at bricker0 at uw.edu http://faculty.washington.edu/bricker0/

33. Test and save Locally What does local mean? Using windows explorer navigate to where you saved your.html file Double click your.html file It should open in an internet browser, the path should match the one you see in windows explorer Check your work this way, in your browser, before you post it online and make it “live.”

34. Filezilla Your computer vergil.u.washington.edu Enter in your NetID and password. For port, type in "22." Click on "Quick Connect." It may ask you for confirmation regarding the server. Accept the dialogue. Click on "public_html" on the right side of the window. This will open your public_html folder. The “cloud” aka UW web servers You can drag files back and forth between your local system (on the left pane), and the remote server (on the right pane).

35. Ready to keep going? CSS Cascading Style Sheet –http://www.w3schools.com/ cssref/css_websafe_fonts. asp Images Anything else? Let’s download a template Look what’s in it!

36. One page template? # Right click to see source code. http://html5up.net/arcana view- source:http://html5up.net/ uploads/demos/alpha/#

37. Create your own website Getting more fancy: 1.Find a HTML 5 Template you like (right click and look inside) 1.Test it on a mobile devicemobile device 2.Download the one you like, unzip 3.Open in sublime 4.Manipulate the code 5.Replace images with your own (may require extra software) 6.BACKUP YOUR WORK IN MULTIPLE LOCATIONS 2.Post your website online 1.Open Filezilla (I will give you a quick overview) 2.Follow the lab materials and links from UW on how to log in

38. Stay Organized Mimic the file structure of your template Name files something easy to remember Case sensitive!

39. Resizing a photo You may need to resize a photo for it to fit in your template. Use Software such as Inkscape, Photoshop or GIMP

40. Learn more code Ie. Code combat!, code academy