Notes for Design Process

By Scott Granneman & Jans Carton

Find the presentation at http://www.granneman.com/presentations/

## Slide 3

Franklin is “quoted” as saying this all over the Internet, but there is no authoritative source

https://en.wikipedia.org/wiki/File:Joseph_Siffrein_Duplessis_-_Benjamin_Franklin_-_Google_Art_Project.jpg

## Slide 4

https://en.wikipedia.org/wiki/File:Abraham_Lincoln_O-77_matte_collodion_print.jpg

## Slide 9

Specific people are not stakeholders; people act within roles

## Slide 18

Women of Color in Tech - 043b - #whiteboard #collaboration - Microsoft - Flickr - CC Attribution - 2016-03-24

## Slide 20

https://en.wikipedia.org/wiki/File:Chicago_2007-4.jpg, taken by Alvesgaspar

## Slide 21

Image: Conference room table - Unsplash - Benjamin Child

## Slide 29

Empty notebook with sketching tools - Death to Stock Photography - Medium 9

## Slide 31

https://creativecommons.org/about/videos/get-creative 

## Slide 32

Close-up of colorful lines of code on a computer screen - #minified - Markus Spiske - 221494 - Unsplash

## Slide 47

Carlson: https://twitter.com/CodeWisdom/status/1107703310549729281

Reddit: https://www.reddit.com/r/PHP/comments/12o9dz/weeks_of_coding_can_save_you_hours_of_planning/

## Slide 64

https://xbsoftware.com/blog/website-development-process-full-guide/

## Slide 65

https://en.wikipedia.org/wiki/File:Sitemap_google.jpg

## Slide 73

https://indeeco.com/

## Slide 78

https://www.geochemsoc.org/programs/ism

## Slide 79

https://independentschools.org/events

## Slide 80

https://independentschools.org/affordability/myths-about-financial-aid

## Slide 81

https://www.aclu-nj.org/cases

## Slide 82

https://www.aclu-nj.org/cases

## Slide 83

https://www.aclu-nj.org/cases

## Slide 90

http://alistapart.com/article/responsive-web-design

## Slide 91

Emphasis added

https://en.wikipedia.org/wiki/Responsive_web_design

## Slide 92

http://www.stlzoo.org

## Slide 93

The Saint Louis Zoo, before becoming responsive

## Slide 94

The Saint Louis Zoo, after becoming responsive

## Slide 95

StatCounter. “Operating System Market Share Worldwide”. Statcounter Global Stats, https://gs.statcounter.com/os-market-share. Web. 21 January 2022.
* 2021: https://gs.statcounter.com/os-market-share/all/worldwide/2021 
* 2020: https://gs.statcounter.com/os-market-share/all/worldwide/2020 
* 2019: https://gs.statcounter.com/os-market-share/all/worldwide/2019 
* 2018: https://gs.statcounter.com/os-market-share/all/worldwide/2018 
* 2017: https://gs.statcounter.com/os-market-share/all/worldwide/2017 
* 2016: https://gs.statcounter.com/os-market-share/all/worldwide/2016 
* 2015: https://gs.statcounter.com/os-market-share/all/worldwide/2015 
* 2014: https://gs.statcounter.com/os-market-share/all/worldwide/2014 
* 2013: https://gs.statcounter.com/os-market-share/all/worldwide/2013 
* 2012: https://gs.statcounter.com/os-market-share/all/worldwide/2012 
* 2011: https://gs.statcounter.com/os-market-share/all/worldwide/2011 
* 2010: https://gs.statcounter.com/os-market-share/all/worldwide/2010 
* 2009: https://gs.statcounter.com/os-market-share/all/worldwide/2009 

## Slide 97

http://codepen.io/websanity/pen/toiHp

## Slide 100

Fontbonne University

## Slide 109

https://en.wikipedia.org/wiki/Software_framework

## Slide 113

http://getbootstrap.com

## Slide 114

https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)

FIXME update

## Slide 115

http://thebootstrap.info

## Slide 116

https://getbootstrap.com/docs/5.1/getting-started/introduction/

## Slide 117

https://getbootstrap.com/docs/5.1/components/breadcrumb/

## Slide 118

https://getbootstrap.com/docs/5.1/components/navbar/

## Slide 120

https://www.stlzoo.org/

## Slide 121

https://indeeco.com/

## Slide 122

https://www.veteransforpeace.org/

## Slide 134

https://en.wikipedia.org/wiki/File:Paul_Val%C3%A9ry_-_photo_Henri_Manuel.jpg

## Slide 135

https://en.wikipedia.org/wiki/File:Paul_Val%C3%A9ry_-_photo_Henri_Manuel.jpg