SlideShare ist ein Scribd-Unternehmen logo
1 von 47
Civic Innovation Summer
Aldermanic Interns
@ejacqui
@danxoneil
Welcome students!
• Introductions
• Dan X. O’Neil: director of Smart Chicago
Collaborative, cool tech guy
• Jacqui Cheng: tech writer, editor at large at
Ars Technica
• Why are we here?
@ejacqui @danxoneil #civicsummer
Who are you?
• Student introduction
• What’s your history with tech?
• What devices do you use?
• Which services do you rely on?
• What technology gets you the most excited?
@ejacqui @danxoneil #civicsummer
Why you’re here
• What is this class for? Five topics:
• Principles of “open”
• Field trip to 1871 and a look into startups
• Open data and privacy
• Getting into programming
• How to be a civic “hacker”/tech person
@ejacqui @danxoneil #civicsummer
Principles of “open”
Building blocks of today’s Web
• A phone call works by connecting one end of
the line to another end
• This is called circuit switching
• Neither side of the conversation
can communicate with anyone
else during the time they are
connected
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• Neither side can communicate with anyone
else during the time they are
connected
@ejacqui @danxoneil #civicsummer
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• Unlike circuit switching, packet switching
allows computers to group “packets” of data
and deliver them to the receiving ends from
multiple sources at once
• Packets of text, video, images, audio, other
data could be grouped together
• Efficiency is the name of the game
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• Packet switching is like having a mailbox that
receives things instantly. Can receive from
many sources at once.
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• Packet switching was developed into TCP/IP by
the Department of Defense as ARPANET, or
Advanced Research Projects Agency Network
• TCP/IP sets the standard for how certain kinds
of data is delivered, like addressing an
envelope
• Packet switching + TCP/IP together formed the
base for the Internet
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• ARPANET researchers Robert Kahn and Vint
Cerf were responsible for TCP/IP
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• One of the key elements to TCP/IP is the IP
address, or Internet Protocol address
• IP address is a series of numbers assigned to
every device on the Internet that tell other
devices how to get there
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• Devices can figure out the “route” to get to
another device (or a Web page, or a service)
based on the IP address
• If a building’s address is 1500 W. Roosevelt,
and the apartment is 310, we can figure out
how to get there
@ejacqui @danxoneil #civicsummer
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• A website is a collection of “pages” on the
Internet
• Each website has its own IP address, but you
don’t see it. You see google.com, or
smartchicagocollaborative.org
• For your browser to find the IP for Google, it
must look up Google’s IP on a Domain Name
Server, or DNS
@ejacqui @danxoneil #civicsummer
@ejacqui @danxoneil #civicsummer
Building blocks of today’s Web
• Look up a name and find the corresponding
number. Same with a domain name
(google.com) and IP address (139.130.4.5)
• When you get there, a page is displayed that
you can read and interact with
@ejacqui @danxoneil #civicsummer
@ejacqui @danxoneil #civicsummer
What constitutes the Web?
• Previously, there was no way to just “bring up”
information online
• Instead, you had to dial into specific networks,
and you were limited to the documents they
had stored there
• Like going to a library that only had a handful
of books
@ejacqui @danxoneil #civicsummer
What constitutes the Web?
• What do you think of when you think of the
Internet?
• Web pages are not the Internet, but they have
become synonymous with the Internet
@ejacqui @danxoneil #civicsummer
What constitutes the Web?
• The code behind a Web page tells a browser
how to present it to the user and how it’s
supposed to behave
• Not like a magazine, where I decide how it
looks and send it to you
• I provide the instructions for how it’s
supposed to look, and your browser
“translates” it to you
• This makes the information travel faster
@ejacqui @danxoneil #civicsummer
The code behind the Web
• HTML is HyperText Markup Language
• It’s a series of programming “tags” that tell a
browser how to format something
• <blink>Back in the day, this text would blink
because of the surrounding tags</blink>
• First tag is an opening tag, and the second tag
is a closing tag
@ejacqui @danxoneil #civicsummer
The code behind the Web
• Things are more sophisticated now that help
define how things act or how they appear, but
HTML still remains at the base
• CSS is a newer way of determining formatting
by removing most formatting elements from
the body of each page
@ejacqui @danxoneil #civicsummer
The code behind the Web
• HTML is even in some mobile (phone) apps
that you might not think of as the “web”
@ejacqui @danxoneil #civicsummer
The code behind the Web
• CSS, JavaScript, Ruby, and other languages
help dictate the behavior of these pages
• JavaScript and Ruby help the page decide how
to act when you interact with it using your
mouse or finger
• Other languages generate, or sometimes
interact with, the HTML on a Web page
@ejacqui @danxoneil #civicsummer
Creative Commons
• Creative Commons is a nonprofit organization
• Creative Commons is also a type of copyright
license available as part of US Copyright Law
• But what is copyright?
@ejacqui @danxoneil #civicsummer
Creative Commons
• Things that are copyrightable:
• Artwork
• Music
• Poetry
• Writing
• Crafts
• Photography
• Code
@ejacqui @danxoneil #civicsummer
Creative Commons
• A Creative Commons (or CC) license is for
photographers, artists, writers, musicians to
make their works available to others in the
public interest
• Normal copyright reserves “all rights” for you
to determine on a line-item basis
• Making your work CC gives all rights to the
public except for the ones you choose to take
back
@ejacqui @danxoneil #civicsummer
Creative Commons
• What does CC mean to you as a consumer of
content?
• Basic idea: you can search for CC works and
use them in your own work without worrying
about breaking someone else’s copyright
• There are some restrictions, like crediting the
original creator, but no payment or licenses
@ejacqui @danxoneil #civicsummer
Creative Commons
• What does CC mean to you as a poster of
content?
• Works don’t become CC by default, but you own
the copyright to something you created by
default
• You get to decide whether you want your work to
be CC licensed and what restrictions to use
• CC helps the public by making work available to
others
@ejacqui @danxoneil #civicsummer
Creative Commons
• Where is Creative Commons in everyday life?
• Wikipedia: all images are available for you to
use anywhere (not just school) via CC license
• YouTube videos and elsewhere on the Web
often use CC licensed music
• Flickr Creative Commons search
• Google Images Creative Commons search
@ejacqui @danxoneil #civicsummer
“Open Source”
• “Open source” is to code and software as
Creative Commons is to
photos/art/music/writing
• Software that is released as open source
means it’s a “free” license to use AND modify
without having to pay
• Benefits the public good, encourages
innovation
@ejacqui @danxoneil #civicsummer
“Open Source”
• As a computer user, it means you can use
open source software without paying because
the software creators want you to benefit
• As a programmer, it means you can download
someone else’s code and modify it freely
• Under normal copyright, you cannot just take
someone else’s code for use in your own work
@ejacqui @danxoneil #civicsummer
“Open Source”
• As a programmer yourself, releasing
something as open source means you’re
making it available to others
• Others can use it or modify it to make it
better/different
• People like open source because multiple
brains are better than one
@ejacqui @danxoneil #civicsummer
“Open Source”
• Even though there are no paid licenses,
people build careers on open source software
• Examples of companies who have built
empires using open source?
• What do we know about Twitter?
• What about Reddit?
• Facebook, Google, Microsoft, Apple
• Public Library of Science, Whitehouse.gov
@ejacqui @danxoneil #civicsummer
“Open Source”
• It’s nearly impossible to build a modern
company without open source
• Open source software makes things more
efficient, more cost-effective
• Lends goodwill to the community
• Our modern tech landscape would not exist as
it does today without open source
@ejacqui @danxoneil #civicsummer
Open 311
• Open311 API: what is it?
• http://open311.org
• It’s a system built by Code for America
• Allows people to write apps that function with
the 311 system and track 311 requests
• For reporting non-emergency issues in public
spaces: broken streetlights, pot holes,
garbage, vandalism
@ejacqui @danxoneil #civicsummer
Open 311
“Open311 is a form of technology that provides
open channels of communication for issues that
concern public space and public services.
Primarily, Open311 refers to a standardized
protocol for location-based collaborative issue-
tracking. By offering free web API access to an
existing 311 service, Open311 is an evolution of
the phone-based 311 systems that many cities in
North America offer.”
@ejacqui @danxoneil #civicsummer
Open 311’s API
• Let’s take a look at the API:
http://wiki.open311.org/API#Open311_APIs
• Makes it possible for apps to submit inquiries
to various 311 systems with all the relevant
info
• What would you need to submit a request?
Where, when, what, perhaps a photo
@ejacqui @danxoneil #civicsummer
Open 311 > Chicago Works For You
• Open 311 API powers Web apps such as…
• Chicago Works For You:
http://www.chicagoworksforyou.com
@ejacqui @danxoneil #civicsummer
Chicago Works For You
@ejacqui @danxoneil #civicsummer
Chicago Works For You
• Chicago Works For You “is the place where
you can tune into your service requests
anytime! You can find out what’s going on in
your city based on Open311 service requests
and view it any way you want to: on a map, in
a table, just pictures, and even a compare
view.”
@ejacqui @danxoneil #civicsummer
Chicago Works For You
• Chicago Works For You uses Open311 data
across the country to let you interact with it
on a map level
• Search by address or browse in map or list
forms
• This re-frames the data across the country,
allows you to see it from different
perspectives
@ejacqui @danxoneil #civicsummer
Chicago Works For You
@ejacqui @danxoneil #civicsummer
Chicago Works For You
• Have you ever wondered how one part of the
city compares to another part?
• You can compare wards against each other
@ejacqui @danxoneil #civicsummer
Chicago Works For You
• What could a tool like this be good for?
• Checking on what different issues affect
different wards
• Checking on how often citizens in those wards
make service requests, and for what
• Checking on how the city responds to
different wards
• Are there other angles to look at this info?
@ejacqui @danxoneil #civicsummer

Weitere ähnliche Inhalte

Ähnlich wie Civic Innovation Summer Aldermanic Interns Curriculum

Civic Innovation Summer Education Council Curriculum
Civic Innovation Summer Education Council CurriculumCivic Innovation Summer Education Council Curriculum
Civic Innovation Summer Education Council CurriculumDaniel X. O'Neil
 
Social Semantic (Sensor) Web
Social Semantic (Sensor) WebSocial Semantic (Sensor) Web
Social Semantic (Sensor) WebDavid Crowley
 
Sustainable Innovation with Open Data
Sustainable Innovation with Open DataSustainable Innovation with Open Data
Sustainable Innovation with Open Datalukec
 
Activity 9 common online terminologies
Activity 9 common online terminologiesActivity 9 common online terminologies
Activity 9 common online terminologiesJuan Carlo Fetalino
 
Activity 9 common online terminologies
Activity 9 common online terminologiesActivity 9 common online terminologies
Activity 9 common online terminologiesJuan Carlo Fetalino
 
Global lodlam_communities and open cultural data
Global lodlam_communities and open cultural dataGlobal lodlam_communities and open cultural data
Global lodlam_communities and open cultural dataMinerva Lin
 
What is open source?
What is open source?What is open source?
What is open source?Ahmet Bulut
 
Civic User Testing Group as a Model in Changing the Relationship Between Gove...
Civic User Testing Group as a Model in Changing the Relationship Between Gove...Civic User Testing Group as a Model in Changing the Relationship Between Gove...
Civic User Testing Group as a Model in Changing the Relationship Between Gove...Daniel X. O'Neil
 
Overcoming the Challenges to Creating an Online User Experience
Overcoming the Challenges to Creating an Online User ExperienceOvercoming the Challenges to Creating an Online User Experience
Overcoming the Challenges to Creating an Online User ExperienceRachel Vacek
 
Common Online terminologies
Common Online terminologiesCommon Online terminologies
Common Online terminologiesChezkaClaudio
 
necessity of internet
necessity of internetnecessity of internet
necessity of internetHome
 
How to get started in Open Source!
How to get started in Open Source!How to get started in Open Source!
How to get started in Open Source!Pradeep Singh
 
Dark Web and Privacy
Dark Web and PrivacyDark Web and Privacy
Dark Web and PrivacyBrian Pichman
 
Library Staff Day: Social Media, Public Libraries, and Media Streaming Services
Library Staff Day:  Social Media, Public Libraries, and Media Streaming ServicesLibrary Staff Day:  Social Media, Public Libraries, and Media Streaming Services
Library Staff Day: Social Media, Public Libraries, and Media Streaming ServicesMelissa Brisbin
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonRachel Cherry
 
Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011lukec
 

Ähnlich wie Civic Innovation Summer Aldermanic Interns Curriculum (20)

Civic Innovation Summer Education Council Curriculum
Civic Innovation Summer Education Council CurriculumCivic Innovation Summer Education Council Curriculum
Civic Innovation Summer Education Council Curriculum
 
Social Semantic (Sensor) Web
Social Semantic (Sensor) WebSocial Semantic (Sensor) Web
Social Semantic (Sensor) Web
 
Sustainable Innovation with Open Data
Sustainable Innovation with Open DataSustainable Innovation with Open Data
Sustainable Innovation with Open Data
 
Activity 9 common online terminologies
Activity 9 common online terminologiesActivity 9 common online terminologies
Activity 9 common online terminologies
 
Activity 9 common online terminologies
Activity 9 common online terminologiesActivity 9 common online terminologies
Activity 9 common online terminologies
 
Web2.0
Web2.0Web2.0
Web2.0
 
Global lodlam_communities and open cultural data
Global lodlam_communities and open cultural dataGlobal lodlam_communities and open cultural data
Global lodlam_communities and open cultural data
 
What is open source?
What is open source?What is open source?
What is open source?
 
Civic User Testing Group as a Model in Changing the Relationship Between Gove...
Civic User Testing Group as a Model in Changing the Relationship Between Gove...Civic User Testing Group as a Model in Changing the Relationship Between Gove...
Civic User Testing Group as a Model in Changing the Relationship Between Gove...
 
Overcoming the Challenges to Creating an Online User Experience
Overcoming the Challenges to Creating an Online User ExperienceOvercoming the Challenges to Creating an Online User Experience
Overcoming the Challenges to Creating an Online User Experience
 
Common Online terminologies
Common Online terminologiesCommon Online terminologies
Common Online terminologies
 
necessity of internet
necessity of internetnecessity of internet
necessity of internet
 
How to get started in Open Source!
How to get started in Open Source!How to get started in Open Source!
How to get started in Open Source!
 
Dark Web and Privacy
Dark Web and PrivacyDark Web and Privacy
Dark Web and Privacy
 
Library Staff Day: Social Media, Public Libraries, and Media Streaming Services
Library Staff Day:  Social Media, Public Libraries, and Media Streaming ServicesLibrary Staff Day:  Social Media, Public Libraries, and Media Streaming Services
Library Staff Day: Social Media, Public Libraries, and Media Streaming Services
 
Web technology unit I - Part A
Web technology unit I -  Part AWeb technology unit I -  Part A
Web technology unit I - Part A
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp Boston
 
Open Source & Libraries
Open Source & LibrariesOpen Source & Libraries
Open Source & Libraries
 
Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011
 
Internet
InternetInternet
Internet
 

Mehr von Daniel X. O'Neil

DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet”
DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet” DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet”
DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet” Daniel X. O'Neil
 
Chicago Community Trust 2014 Annual Report
Chicago Community Trust 2014 Annual ReportChicago Community Trust 2014 Annual Report
Chicago Community Trust 2014 Annual ReportDaniel X. O'Neil
 
DHS Motion to Dismiss Protests in B-414175
DHS Motion to Dismiss Protests in B-414175DHS Motion to Dismiss Protests in B-414175
DHS Motion to Dismiss Protests in B-414175Daniel X. O'Neil
 
City of Chicago Tech Plan 18 Month Progress Update
City of Chicago Tech Plan 18 Month Progress UpdateCity of Chicago Tech Plan 18 Month Progress Update
City of Chicago Tech Plan 18 Month Progress UpdateDaniel X. O'Neil
 
DXO Youth-Led Tech, July 2016
DXO Youth-Led Tech, July 2016DXO Youth-Led Tech, July 2016
DXO Youth-Led Tech, July 2016Daniel X. O'Neil
 
Open Data: Roots, Impact, and Promise
Open Data: Roots, Impact, and PromiseOpen Data: Roots, Impact, and Promise
Open Data: Roots, Impact, and PromiseDaniel X. O'Neil
 
Federal it-cost-commission-report accelerating-the mission-july 21.2016
Federal it-cost-commission-report accelerating-the mission-july 21.2016 Federal it-cost-commission-report accelerating-the mission-july 21.2016
Federal it-cost-commission-report accelerating-the mission-july 21.2016 Daniel X. O'Neil
 
CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...
CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...
CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...Daniel X. O'Neil
 
The Promise of People in Civic Tech
The Promise of People in Civic TechThe Promise of People in Civic Tech
The Promise of People in Civic TechDaniel X. O'Neil
 
DXO: Smart Chicago, You, Power, Poetry, and Pictures
DXO: Smart Chicago, You, Power, Poetry, and PicturesDXO: Smart Chicago, You, Power, Poetry, and Pictures
DXO: Smart Chicago, You, Power, Poetry, and PicturesDaniel X. O'Neil
 
GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...
GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...
GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...Daniel X. O'Neil
 
The Chicago Police Department’s Information Collection for Automated Mapping...
 The Chicago Police Department’s Information Collection for Automated Mapping... The Chicago Police Department’s Information Collection for Automated Mapping...
The Chicago Police Department’s Information Collection for Automated Mapping...Daniel X. O'Neil
 
The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015
The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015
The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015Daniel X. O'Neil
 
Community Based Broadband Report by Executive Office of the President
Community Based Broadband Report by Executive Office of the PresidentCommunity Based Broadband Report by Executive Office of the President
Community Based Broadband Report by Executive Office of the PresidentDaniel X. O'Neil
 
Ordinance renaming plaza where Old Chicago Water Tower structure is located a...
Ordinance renaming plaza where Old Chicago Water Tower structure is located a...Ordinance renaming plaza where Old Chicago Water Tower structure is located a...
Ordinance renaming plaza where Old Chicago Water Tower structure is located a...Daniel X. O'Neil
 
Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"
Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"
Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"Daniel X. O'Neil
 

Mehr von Daniel X. O'Neil (20)

Widening your aperture
Widening your apertureWidening your aperture
Widening your aperture
 
DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet”
DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet” DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet”
DXO On Big Data, Open Data, and the Perils of “Democracy by Spreadsheet”
 
Chicago Community Trust 2014 Annual Report
Chicago Community Trust 2014 Annual ReportChicago Community Trust 2014 Annual Report
Chicago Community Trust 2014 Annual Report
 
DHS Motion to Dismiss Protests in B-414175
DHS Motion to Dismiss Protests in B-414175DHS Motion to Dismiss Protests in B-414175
DHS Motion to Dismiss Protests in B-414175
 
City of Chicago Tech Plan 18 Month Progress Update
City of Chicago Tech Plan 18 Month Progress UpdateCity of Chicago Tech Plan 18 Month Progress Update
City of Chicago Tech Plan 18 Month Progress Update
 
DXO Youth-Led Tech, July 2016
DXO Youth-Led Tech, July 2016DXO Youth-Led Tech, July 2016
DXO Youth-Led Tech, July 2016
 
Open Data: Roots, Impact, and Promise
Open Data: Roots, Impact, and PromiseOpen Data: Roots, Impact, and Promise
Open Data: Roots, Impact, and Promise
 
Federal it-cost-commission-report accelerating-the mission-july 21.2016
Federal it-cost-commission-report accelerating-the mission-july 21.2016 Federal it-cost-commission-report accelerating-the mission-july 21.2016
Federal it-cost-commission-report accelerating-the mission-july 21.2016
 
CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...
CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...
CITY OF CHICAGO Office of Inspector General Audit and Program Review Section ...
 
The Promise of People in Civic Tech
The Promise of People in Civic TechThe Promise of People in Civic Tech
The Promise of People in Civic Tech
 
Madonna youth
Madonna youthMadonna youth
Madonna youth
 
DXO: Smart Chicago, You, Power, Poetry, and Pictures
DXO: Smart Chicago, You, Power, Poetry, and PicturesDXO: Smart Chicago, You, Power, Poetry, and Pictures
DXO: Smart Chicago, You, Power, Poetry, and Pictures
 
World chicago-italy
World chicago-italyWorld chicago-italy
World chicago-italy
 
GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...
GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...
GIS Data Sharing Policies & Procedures of the City of Chicago Department of I...
 
The Chicago Police Department’s Information Collection for Automated Mapping...
 The Chicago Police Department’s Information Collection for Automated Mapping... The Chicago Police Department’s Information Collection for Automated Mapping...
The Chicago Police Department’s Information Collection for Automated Mapping...
 
GIS!
GIS!GIS!
GIS!
 
The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015
The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015
The Smart Chicago Model, Daniel X. O’Neil, Gigabit City Summit, January 2015
 
Community Based Broadband Report by Executive Office of the President
Community Based Broadband Report by Executive Office of the PresidentCommunity Based Broadband Report by Executive Office of the President
Community Based Broadband Report by Executive Office of the President
 
Ordinance renaming plaza where Old Chicago Water Tower structure is located a...
Ordinance renaming plaza where Old Chicago Water Tower structure is located a...Ordinance renaming plaza where Old Chicago Water Tower structure is located a...
Ordinance renaming plaza where Old Chicago Water Tower structure is located a...
 
Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"
Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"
Ordinance renaming grand ballroom at Navy Pier as "Jane M. Byrne Grand Ballroom"
 

Kürzlich hochgeladen

DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 

Kürzlich hochgeladen (20)

DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 

Civic Innovation Summer Aldermanic Interns Curriculum

  • 1. Civic Innovation Summer Aldermanic Interns @ejacqui @danxoneil
  • 2. Welcome students! • Introductions • Dan X. O’Neil: director of Smart Chicago Collaborative, cool tech guy • Jacqui Cheng: tech writer, editor at large at Ars Technica • Why are we here? @ejacqui @danxoneil #civicsummer
  • 3. Who are you? • Student introduction • What’s your history with tech? • What devices do you use? • Which services do you rely on? • What technology gets you the most excited? @ejacqui @danxoneil #civicsummer
  • 4. Why you’re here • What is this class for? Five topics: • Principles of “open” • Field trip to 1871 and a look into startups • Open data and privacy • Getting into programming • How to be a civic “hacker”/tech person @ejacqui @danxoneil #civicsummer
  • 6. Building blocks of today’s Web • A phone call works by connecting one end of the line to another end • This is called circuit switching • Neither side of the conversation can communicate with anyone else during the time they are connected @ejacqui @danxoneil #civicsummer
  • 7. Building blocks of today’s Web • Neither side can communicate with anyone else during the time they are connected @ejacqui @danxoneil #civicsummer
  • 9. Building blocks of today’s Web • Unlike circuit switching, packet switching allows computers to group “packets” of data and deliver them to the receiving ends from multiple sources at once • Packets of text, video, images, audio, other data could be grouped together • Efficiency is the name of the game @ejacqui @danxoneil #civicsummer
  • 10. Building blocks of today’s Web • Packet switching is like having a mailbox that receives things instantly. Can receive from many sources at once. @ejacqui @danxoneil #civicsummer
  • 11. Building blocks of today’s Web • Packet switching was developed into TCP/IP by the Department of Defense as ARPANET, or Advanced Research Projects Agency Network • TCP/IP sets the standard for how certain kinds of data is delivered, like addressing an envelope • Packet switching + TCP/IP together formed the base for the Internet @ejacqui @danxoneil #civicsummer
  • 12. Building blocks of today’s Web • ARPANET researchers Robert Kahn and Vint Cerf were responsible for TCP/IP @ejacqui @danxoneil #civicsummer
  • 13. Building blocks of today’s Web • One of the key elements to TCP/IP is the IP address, or Internet Protocol address • IP address is a series of numbers assigned to every device on the Internet that tell other devices how to get there @ejacqui @danxoneil #civicsummer
  • 14. Building blocks of today’s Web • Devices can figure out the “route” to get to another device (or a Web page, or a service) based on the IP address • If a building’s address is 1500 W. Roosevelt, and the apartment is 310, we can figure out how to get there @ejacqui @danxoneil #civicsummer
  • 16. Building blocks of today’s Web • A website is a collection of “pages” on the Internet • Each website has its own IP address, but you don’t see it. You see google.com, or smartchicagocollaborative.org • For your browser to find the IP for Google, it must look up Google’s IP on a Domain Name Server, or DNS @ejacqui @danxoneil #civicsummer
  • 18. Building blocks of today’s Web • Look up a name and find the corresponding number. Same with a domain name (google.com) and IP address (139.130.4.5) • When you get there, a page is displayed that you can read and interact with @ejacqui @danxoneil #civicsummer
  • 20. What constitutes the Web? • Previously, there was no way to just “bring up” information online • Instead, you had to dial into specific networks, and you were limited to the documents they had stored there • Like going to a library that only had a handful of books @ejacqui @danxoneil #civicsummer
  • 21. What constitutes the Web? • What do you think of when you think of the Internet? • Web pages are not the Internet, but they have become synonymous with the Internet @ejacqui @danxoneil #civicsummer
  • 22. What constitutes the Web? • The code behind a Web page tells a browser how to present it to the user and how it’s supposed to behave • Not like a magazine, where I decide how it looks and send it to you • I provide the instructions for how it’s supposed to look, and your browser “translates” it to you • This makes the information travel faster @ejacqui @danxoneil #civicsummer
  • 23. The code behind the Web • HTML is HyperText Markup Language • It’s a series of programming “tags” that tell a browser how to format something • <blink>Back in the day, this text would blink because of the surrounding tags</blink> • First tag is an opening tag, and the second tag is a closing tag @ejacqui @danxoneil #civicsummer
  • 24. The code behind the Web • Things are more sophisticated now that help define how things act or how they appear, but HTML still remains at the base • CSS is a newer way of determining formatting by removing most formatting elements from the body of each page @ejacqui @danxoneil #civicsummer
  • 25. The code behind the Web • HTML is even in some mobile (phone) apps that you might not think of as the “web” @ejacqui @danxoneil #civicsummer
  • 26. The code behind the Web • CSS, JavaScript, Ruby, and other languages help dictate the behavior of these pages • JavaScript and Ruby help the page decide how to act when you interact with it using your mouse or finger • Other languages generate, or sometimes interact with, the HTML on a Web page @ejacqui @danxoneil #civicsummer
  • 27. Creative Commons • Creative Commons is a nonprofit organization • Creative Commons is also a type of copyright license available as part of US Copyright Law • But what is copyright? @ejacqui @danxoneil #civicsummer
  • 28. Creative Commons • Things that are copyrightable: • Artwork • Music • Poetry • Writing • Crafts • Photography • Code @ejacqui @danxoneil #civicsummer
  • 29. Creative Commons • A Creative Commons (or CC) license is for photographers, artists, writers, musicians to make their works available to others in the public interest • Normal copyright reserves “all rights” for you to determine on a line-item basis • Making your work CC gives all rights to the public except for the ones you choose to take back @ejacqui @danxoneil #civicsummer
  • 30. Creative Commons • What does CC mean to you as a consumer of content? • Basic idea: you can search for CC works and use them in your own work without worrying about breaking someone else’s copyright • There are some restrictions, like crediting the original creator, but no payment or licenses @ejacqui @danxoneil #civicsummer
  • 31. Creative Commons • What does CC mean to you as a poster of content? • Works don’t become CC by default, but you own the copyright to something you created by default • You get to decide whether you want your work to be CC licensed and what restrictions to use • CC helps the public by making work available to others @ejacqui @danxoneil #civicsummer
  • 32. Creative Commons • Where is Creative Commons in everyday life? • Wikipedia: all images are available for you to use anywhere (not just school) via CC license • YouTube videos and elsewhere on the Web often use CC licensed music • Flickr Creative Commons search • Google Images Creative Commons search @ejacqui @danxoneil #civicsummer
  • 33. “Open Source” • “Open source” is to code and software as Creative Commons is to photos/art/music/writing • Software that is released as open source means it’s a “free” license to use AND modify without having to pay • Benefits the public good, encourages innovation @ejacqui @danxoneil #civicsummer
  • 34. “Open Source” • As a computer user, it means you can use open source software without paying because the software creators want you to benefit • As a programmer, it means you can download someone else’s code and modify it freely • Under normal copyright, you cannot just take someone else’s code for use in your own work @ejacqui @danxoneil #civicsummer
  • 35. “Open Source” • As a programmer yourself, releasing something as open source means you’re making it available to others • Others can use it or modify it to make it better/different • People like open source because multiple brains are better than one @ejacqui @danxoneil #civicsummer
  • 36. “Open Source” • Even though there are no paid licenses, people build careers on open source software • Examples of companies who have built empires using open source? • What do we know about Twitter? • What about Reddit? • Facebook, Google, Microsoft, Apple • Public Library of Science, Whitehouse.gov @ejacqui @danxoneil #civicsummer
  • 37. “Open Source” • It’s nearly impossible to build a modern company without open source • Open source software makes things more efficient, more cost-effective • Lends goodwill to the community • Our modern tech landscape would not exist as it does today without open source @ejacqui @danxoneil #civicsummer
  • 38. Open 311 • Open311 API: what is it? • http://open311.org • It’s a system built by Code for America • Allows people to write apps that function with the 311 system and track 311 requests • For reporting non-emergency issues in public spaces: broken streetlights, pot holes, garbage, vandalism @ejacqui @danxoneil #civicsummer
  • 39. Open 311 “Open311 is a form of technology that provides open channels of communication for issues that concern public space and public services. Primarily, Open311 refers to a standardized protocol for location-based collaborative issue- tracking. By offering free web API access to an existing 311 service, Open311 is an evolution of the phone-based 311 systems that many cities in North America offer.” @ejacqui @danxoneil #civicsummer
  • 40. Open 311’s API • Let’s take a look at the API: http://wiki.open311.org/API#Open311_APIs • Makes it possible for apps to submit inquiries to various 311 systems with all the relevant info • What would you need to submit a request? Where, when, what, perhaps a photo @ejacqui @danxoneil #civicsummer
  • 41. Open 311 > Chicago Works For You • Open 311 API powers Web apps such as… • Chicago Works For You: http://www.chicagoworksforyou.com @ejacqui @danxoneil #civicsummer
  • 42. Chicago Works For You @ejacqui @danxoneil #civicsummer
  • 43. Chicago Works For You • Chicago Works For You “is the place where you can tune into your service requests anytime! You can find out what’s going on in your city based on Open311 service requests and view it any way you want to: on a map, in a table, just pictures, and even a compare view.” @ejacqui @danxoneil #civicsummer
  • 44. Chicago Works For You • Chicago Works For You uses Open311 data across the country to let you interact with it on a map level • Search by address or browse in map or list forms • This re-frames the data across the country, allows you to see it from different perspectives @ejacqui @danxoneil #civicsummer
  • 45. Chicago Works For You @ejacqui @danxoneil #civicsummer
  • 46. Chicago Works For You • Have you ever wondered how one part of the city compares to another part? • You can compare wards against each other @ejacqui @danxoneil #civicsummer
  • 47. Chicago Works For You • What could a tool like this be good for? • Checking on what different issues affect different wards • Checking on how often citizens in those wards make service requests, and for what • Checking on how the city responds to different wards • Are there other angles to look at this info? @ejacqui @danxoneil #civicsummer

Hinweis der Redaktion

  1. This is the first day of the first week. This will take ~15 minutesThe goal is to tell the students about ourselves and establish a relationship.Begin to highlight technology from the get-go from our backgrounds; show how getting involved in technology has led us to be successful.Since much of the goal here is to attract students into tech, there is going to be a regular focus on careers and success in tech.
  2. This will probably take ~30 minutes or soAsk the students to raise their hands:-How many have a computer at home?-How many have a mobile device?-flip phone? -iOS devices? -Android devices?-How many use Twitter?-How many use Facebook? -How many use Instagram?If they haven’t already (?), have them fill out the tech profile surveyIf possible to have a discussion period or Q&amp;A on the stage, ask a few students to talk about why they’re interested in tech
  3. Explain the purpose of this class: begin with the basic idea of becoming up-to-speed with tech and the InternetBasic overview of the data-focused part of the coursePrinciples of open: we’ll talk about how innovation on networking and the Web led us to where we are today, and how the code behind the Web functions in order to bring us the data we’re looking for. Then, what is Creative Commons, what is “open source,” and how the concepts with those two things are similar.1871 day: we’ll go to Chicago’s new tech hub to see what it’s like and talk to some people who are working in startups in Chicago. We’ll also learn about different kinds of jobs (hint: they’re not all programming) there are at a tech company, and hear about some of the things those people do.Principles of open data:, we’ll talk about what it means to create data and how everything we do is data. We’ll go over privacy, what it means to create data as a citizen. We’ll take a look at the data floating around us online, and then talk about some careers in data/open data.Getting into programming. This will be a hands-on day where we’ll begin to get into some of the skills that will open doors to programming. We’ll install some open source software and learn a few command line skills. The final week will be to bring it all together: civic engagement plus all the tech skills and lessons we learned in the class. Pairing technology with real world problems and data. We’ll have some more guest speakers here to talk about their projects and how they helped the city.
  4. The idea for these next few slides is to help the students make a connection between something “old” like a phone line to something “new” like Internet dataCircuit switching establishes a direct communications channel between two sources.Upside: full bandwidth is dedicated to each other. You can hear the other person clearly.Downside: you can’t communicate with anyone else during that time. Must end communications with one source before beginning communications with another.
  5. The idea for these next few slides is to help the students make a connection between something “old” like a phone line to something “new” like Internet dataCircuit switching establishes a direct communications channel between two sources.Upside: full bandwidth is dedicated to each other. You can hear the other person clearly.Downside: you can’t communicate with anyone else during that time. Must end communications with one source before beginning communications with another.
  6. Packet switching: essentially the opposite of circuit switching, but almost just as fastCan receive info from multiple sources at once instead of one at a timeNot only opens up lines of communication to lots more people at once, it also makes it possible to deliver different kinds of data (text versus an image) efficiently
  7. Packet switching: essentially the opposite of circuit switching, but almost just as fastCan receive info from multiple sources at once instead of one at a timeNot only opens up lines of communication to lots more people at once, it also makes it possible to deliver different kinds of data (text versus an image) efficiently
  8. This may not seem special to students because they’re surrounded by similar concepts today. E-mail, Facebook, text messages, they all share similar ideas in that you can receive them near-instantly and at once from different places.Important to emphasize that things were not always this way in communications; try to imagine a world where we still had to make direct connections to someone for every single communication.
  9. Here we’re drawing the connection between packet switching and TCP/IPBecause we’re already grouping “packets” of data for different kinds of stuff (images are different kinds of packets than text), but they all need to arrive in the same place, we give everything an IP address (expanding on this more on the next slide)TCP/IP is a set of rules on how data is going to be dissected and then re-assembled on the other side, like the movie “The Fly”
  10. Here we’re drawing the connection between packet switching and TCP/IPBecause we’re already grouping “packets” of data for different kinds of stuff (images are different kinds of packets than text), but they all need to arrive in the same place, we give everything an IP address (expanding on this more on the next slide)TCP/IP is a set of rules on how data is going to be dissected and then re-assembled on the other side, like the movie “The Fly”
  11. IP address is a series of numbers, and everything that can connect to other devices has oneDraw the similarity between your street address and your phone’s IP addressYour street address is what people put on their letters to send to your houseIP address is how packets know where to go in order to make their way to your device
  12. Here are some examples to drive the street address point homeIn Chicago, we have a grid system so it’s very easy to compareWhen you see an address that’s 1500 West, you know it’s approximately at Ashland300 West, then it’s near Lake MichiganWe can figure out how to get there based on the numbers and then the street addressSame thing with IP. The series of numbers tells another device the route to get packets to your device.
  13. Here are some examples to drive the street address point homeIn Chicago, we have a grid system so it’s very easy to compareWhen you see an address that’s 1500 West, you know it’s approximately at Ashland300 West, then it’s near Lake MichiganWe can figure out how to get there based on the numbers and then the street addressSame thing with IP. The series of numbers tells another device the route to get packets to your device.
  14. The purpose of this section is to show that IP addresses largely function outside the awareness of regular Internet usersDomain Name Servers help to translate plain words or Internet addresses (like google.com or apple.com) into IP addressesYou never really see a DNS server doing its work, it’s all happening behind the scenes when you try to go to a Web page
  15. Even though you don’t see DNS doing its job as the user, your computer doesDNS is like a phone book, where your computer is looking up the IP address(es) for the website you’re trying to go toWhen you open a phone book, you look for John Smith so you can find his phone number and then dial itYour phone or computer is doing the same thing when it contacts the DNS server, then when it gets the IP info, it goes there to get the data you’re looking for
  16. Even though you don’t see DNS doing its job as the user, your computer doesDNS is like a phone book, where your computer is looking up the IP address(es) for the website you’re trying to go toWhen you open a phone book, you look for John Smith so you can find his phone number and then dial itYour phone or computer is doing the same thing when it contacts the DNS server, then when it gets the IP info, it goes there to get the data you’re looking for
  17. Now we’re making the transition from just data packet deliveries to the Web as we know it todayWe think of the “traditional” Internet to be the Web, but just a few decades ago, this was a very new conceptTim Berners-Lee worked to make it possible for a browser (Internet Explorer, Safari, Chrome, Firefox, etc.) to load up info the way the creator intended as if it were a page from a book or encyclopediaNot just a dump of data (like a text file you might download to your computer from Usenet), but a page that could be navigated to with your browser
  18. Even though we could now receive all different kinds of info at once, we still could only connect to one “repository” of information at a timeLike going to a library that only had one kind of book, or CDs that only belong to one genre of musicIf the library you went to didn’t have the books you needed, you had to go to a different library, etc.
  19. Today’s “traditional” Internet is essentially the WebWe don’t think of having to dial into different networks anymore, we’re essentially connected all the time and just load up a web page wherever we areThe Web has become synonymous with the Internet, but it’s fairly modern compared to all the networking work of the pastNowadays, we deal more with data and apps that deliver information in different ways besides just plain Web pagesLesson here is that the Web laid the groundwork for the data-driven, mobile world that we live in now
  20. What makes the Web interesting is that we’re not just sending giant scans of magazine pages to your computerA Web page sends information to your browser: text in a certain color or font, images at a certain size, background patterns or colorsWhat’s really being sent to your device or computer is code for the browser to interpret on your endI decide “this font should be this big and this color,” then write those instructions into the Web pageYour browser on your device sees those instructions and recreates what I wanted to display to youThis makes data transfer a lot faster than if you were sending big scanned images to everyone
  21. There are many kinds of code nowadays that can run a Web page, but the most basic part that has been around forever is HTMLHTML is really a set of tags that does what we just described: tells your browser how things are supposed to look and appear on your side as the viewerTalk about examples, like &lt;blink&gt; for making things blink, or &lt;bold&gt; for making things boldEvery tag that is opened must also be closed, talk about the emphasis of opening and closing tagsCould expand into today’s style of opening and closing tags at the same time, such as &lt;img /&gt; tags
  22. Web pages are no longer just HTML, that’s not nearly the only code that goes into a web pageBut even though there’s Ruby and JavaScript and Django and everything else, HTML remains at the baseCSS helps out HTML by taking some of the burden of formatting, they are linked but not the same thingHTML is even at the base of more modern things we use today, like phone apps and desktop apps
  23. Web pages are no longer just HTML, that’s not nearly the only code that goes into a web pageBut even though there’s Ruby and JavaScript and Django and everything else, HTML remains at the baseCSS helps out HTML by taking some of the burden of formatting, they are linked but not the same thingHTML is even at the base of more modern things we use today, like phone apps and desktop apps
  24. As mentioned previously, there are other ways to code Web pages that not only decide how something will look, but also how it will behaveDiscuss different languages and what their general purposes areRe-iterate CSS focusing largely on looks and formatting, while JavaScript, Ruby, and others help a page perform actionsExamples of “actions” include clicking buttons or entering text into a page, scrolling, clicking links, etc.When you do those things, something else might happen. Those behaviors are determined by more modern code.
  25. Moving onto Creative Commons, another useful way to utilize “open”ness in copyright and dataImportant to highlight that Creative Commons is BOTH an organization, but also a type of copyright licenseThe organization helps to maintain and oversee the standards for the copyright licenseStudents should be made aware that everything they create anywhere, on any medium, is automatically copyrighted to them without any paperwork from the governmentAs such, they can choose to make any art, music, writing, etc. available via Creative Commons right now if they wanted to
  26. Here we draw the connection between the rights given to you by US copyright law and the rights you allow when you make something CCStudents may have heard “all rights reserved” before: ask them what does this mean? It means by default, you get to decide every single thing that happens to your work: whether you’re paid for someone to use it, whether you want royalties every time someone uses it, whether you want to allow mashups or derivatives, whether you never want to release it and just keep it locked up in a boxCC essentially flips that so the default is very open, and you just choose which ones you want to take backSome CC artists choose not to allow commercial use, for example, or not to allow derivatives of their workSome CC requires a reshare agreement, so if you do use their work, they must reshare it under Creative Commons
  27. First we’ll start with Creative Commons from your perspective as a “regular” person, someone who isn’t creating stuff, but using itNormally under US copyright law, you can’t just use someone’s music in a YouTube video without permissionSame goes for photography, writing, poetry, anything. Many people get away with it, but it’s not technically allowed under the law.Creative Commons offers a way for the creators (artists, musicians) to offer their work for free so that we can all use itCreative Commons licenses might require you to credit the original creator, or not use it for commercial (advertising purposes)But besides some basic restrictions, you don’t have to pay for a license to use CC-licensed work
  28. Now we’ll talk about what CC licenses mean to you as a content creator: someone who creates music or art or writingAgain, copyright law dictates that anything you create at any time is copyrighted to youStudents doodling in a notebook right now might be creating art that is now copyrighted to themYou automatically own the copyright, but CC lets you decide if you want to make it available for free to othersYou might want to do this to help your school or community, or your city, or fellow artists like youCC benefits the public by making it easier for people to use other people’s work in their own
  29. Creative Commons works can be found all over the place online, likely invisible to most of usImages you find at Wikipedia are all creative commons licensed, so you can use them in all manner of stuffYouTube now offers CC-licensed music when you upload videos if you want a free background trackCreative Commons works show up in Google Image searchesAsk students for other examples where they might find images that are CC licensed, talk about why they’re right or wrong
  30. Now we’ll draw the connection between Creative Commons for “art” works, and open source for software works“Open source” is essentially the software version of a Creative Commons licenseThere are many different kinds of open source licenses, may want to dig into a few of the restrictionsGenerally speaking, open source software is free to use, and sometimes the code is free for you to modify and release as your ownAgain, this benefits the public good by making tools available to people, and those people might create even better tools from it
  31. Like Creative Commons, users can download open source software without having to worry about piracy or companies coming after them legallyAs a programmer, you can usually download someone’s open source software code and make your own changes, turn it into your own project, even release it as something elseThis wouldn’t be allowed under normal copyrights for the same reasons we just discussed
  32. Driving this point home that open source is like creative commonsAs a programmer, you must make a choice to make something open sourceDoing so means you’re also allowing other people to modify your work and potentially release it as something different, or betterWhy would you want to do this? Ask the students to participate in a discussion about the pros and cons of releasing your own work so others can modify itTalk about why it benefits your community locally, but also the Internet at large
  33. Now we’ll talk about how it’s possible to build whole careers out of open source despite seemingly “giving away” your workTwitter is a huge, multi-national corporation that is built on open source softwareThey have a whole page where you can read about their open source effortsTwitter also contributes to the open source community with its own releasesSame goes with Reddit: one of the largest sites on the Internet with billions of views per monthYet you can download an instance of Reddit and release your own reddit-like platform for free thanks to open sourceThis hasn’t hurt Reddit’s business model; they contribute to open source while still making moneyhttp://creativecommons.org/who-uses-cc
  34. Drive home the point that modern tech companies, big or small, would not function these days without open sourceNot only does open source software help the bottom line by being cheaper and more efficient, releasing open source software helps foster goodwill among developersEvery company, whether corporate or a startup, makes use of some kind of open source software somewhereThis leads to our transition here about how open source has laid the groundwork for all the projects we’re talking about here during the Civic Innovation Summer
  35. Begin by talking about the purpose of 311. It’s for the reporting of non-emergency city issuesAsk students to discuss the kinds of things you call into 311, and lead into Open311Open311 is an API that allows apps to work with the 311 systemWhen you use apps that work with the Open311 API, you’re interacting directly with data accumulated by the city
  36. This is the description of Open311 from its own websiteAsk the students to tell us what they think this means, and discuss
  37. We’ll talk to the students about the Open311 API and what it means to serve data to other sites/appsAsk the students to discuss what you might typically need to make a 311 requestTalk about how the API makes it possible to take that same information and filter it into the 311 system online
  38. Transition into a discussion of how the Open 311 system is just an API that allows other systems (such as web or mobile apps) to run on top of itOne such Web app is Chicago Works For You , which is based on Open311
  39. Discuss what this site does: it functions with Open311 data across the countryAllows users to interact with that data with a map-based UIThere are many ways to re-frame the data when clicking around on the site: can search by address or browse through the map
  40. This is a table view of the submitted 311 requests You can view the data in different ways depending on what you’re looking forTable view is useful if you want to see the specifics of the kinds of requests being made in a particular areaSince Open311 allows people to submit photos with their requests, this is particularly useful
  41. Lead the students into thinking about how they can compare the data critically for their own projectsComparing wards (a feature of Chicago Works For You) is a great way to see things from different perspectivesEngage the students in a discussion about what kinds of differences you might look for when comparing 311 requests, and what those differences might mean
  42. Continue the discussion on how to see the data differently using this siteAsk the students to volunteer questions they might ask when looking into 311 data like thisEmphasize the importance of thinking about the different ways data can be used here, and how you can see the data for reporting (internally or externally)Ask how this site can be improved? What would students like to see that they don’t see? What would the problems be?