SlideShare une entreprise Scribd logo
1  sur  51
Civic Innovation Summer
Education Council
@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:
• History of the web and 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
History of the Web
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
Pre-Internet (days of the cave
man, a.k.a. pre-1968)
• 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?
• 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
• 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
GoToSchool
• What is GoToSchool? http://cps.go2school.org
• Site offered by Chicago Public Schools and
hosted by SmartChicago
• Goal is to allow parents & students to find a
school, enter an address, indicate how they
plan to get there (CTA, walking, driving), and a
time
• Shows them various options on how to get
there
@ejacqui @danxoneil #civicsummer
GoToSchool
@ejacqui @danxoneil #civicsummer
GoToSchool
@ejacqui @danxoneil #civicsummer
GoToSchool
• Is this an effective tool?
• How can it be improved?
• What other digital tools could be useful to
students being re-routed to new schools?
• What about parents?
@ejacqui @danxoneil #civicsummer
Which social networks do you use?
@ejacqui @danxoneil #civicsummer
Social media tools
• What are some social tools people use every day
online?
• Facebook
• Twitter
• Snapchat
• Instagram
• Vine
• Tumblr
• What else?
@ejacqui @danxoneil #civicsummer
Social media tools
• How do these tools differ from each other?
• What is the culture on Twitter vs. Facebook?
• What is the culture on Snapchat vs. Facebook
or texting?
• How does Instagram contribute to the
conversation?
• Is there a place for Instagram video, or Vine?
@ejacqui @danxoneil #civicsummer
What to say and how
• What do we mean when we talk about your
“tone” online?
• What you “sound” like when people read your
posts: what feeling do they come away with?
• As tempting as it is, angry/sarcastic/inebriated
posts and messages are not only
unprofessional, but they may hurt or upset
peers as well
@ejacqui @danxoneil #civicsummer
@ejacqui @danxoneil #civicsummer
What (not) to say and how
• Avoid personal attacks
• Threats (even if they are empty)
• Direct insults of someone’s character or
intelligence
• Swearing and cussing
• Heavy sarcasm
• Drugs or alcohol
@ejacqui @danxoneil #civicsummer
What (not) to say and how
@ejacqui @danxoneil #civicsummer
What to say and how
• Your ability to sound like a smart, thoughtful
young person is directly proportional to how
successful you’ll be in your career
• I have a Twitter rule called the “mom rule”
• My mom reads every single one of my tweets
(for real) and sends me feedback on them
• It’s annoying, but thinking “what would mom
think?” has propelled my career
@ejacqui @danxoneil #civicsummer
What to say and how
• What are good things to post publicly to
Facebook/Twitter/Instagram/etc.?
• Links or commentary about interesting articles
you’re reading online
• Observations/opinions on what’s going on in
your community or city
• Reposts from mentors, city
officials, writers/photographers you
like, community leaders
@ejacqui @danxoneil #civicsummer
If you need to vent…
• Everyone needs to vent sometimes
• …and we live online, so how do we vent?
• If you must vent on social media, make HEAVY
HANDED USE of the privacy controls
• Keep it to close friends, don’t blast to public
• We’ll teach you more about privacy controls
on social media in a few weeks
@ejacqui @danxoneil #civicsummer
The case for sharing more and less
• The more you share publicly online, the more
visibility you’ll have in the community
• Repost and reply to others generously
• Just because we share a lot doesn’t mean we
have to share everything
• Social media is as much about what you don’t
share as the stuff you share
• If in doubt about a post, hold off until later
@ejacqui @danxoneil #civicsummer

Contenu connexe

Similaire à Civic Innovation Summer Education Council Curriculum

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
Minerva Lin
 
Markham v2
Markham v2Markham v2
Markham v2
ab81
 

Similaire à Civic Innovation Summer Education Council Curriculum (20)

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
 
State of CC Usability and User Research (GS 2019)
State of CC Usability and User Research (GS 2019)State of CC Usability and User Research (GS 2019)
State of CC Usability and User Research (GS 2019)
 
Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011Open Data Business Models - OSCON 2011
Open Data Business Models - OSCON 2011
 
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
 
What every successful open source project needs
What every successful open source project needsWhat every successful open source project needs
What every successful open source project needs
 
Emerging Technology for Adult Education
Emerging Technology for Adult EducationEmerging Technology for Adult Education
Emerging Technology for Adult Education
 
SXSW Interactive 2012 (According to Chelsey)
SXSW Interactive 2012 (According to Chelsey)SXSW Interactive 2012 (According to Chelsey)
SXSW Interactive 2012 (According to Chelsey)
 
Sustainable Innovation with Open Data
Sustainable Innovation with Open DataSustainable Innovation with Open Data
Sustainable Innovation with Open Data
 
Webinar - Technology Planning Tips for Small Libraries - 2015-08-19
Webinar - Technology Planning Tips for Small Libraries - 2015-08-19Webinar - Technology Planning Tips for Small Libraries - 2015-08-19
Webinar - Technology Planning Tips for Small Libraries - 2015-08-19
 
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
 
Web2.0
Web2.0Web2.0
Web2.0
 
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!
 
Webinar - Connecting Workforce and Business Initiatives with Lifelong Learnin...
Webinar - Connecting Workforce and Business Initiatives with Lifelong Learnin...Webinar - Connecting Workforce and Business Initiatives with Lifelong Learnin...
Webinar - Connecting Workforce and Business Initiatives with Lifelong Learnin...
 
LIBRARIANS AS WEB DEVELOPERS: GAUGING THE BEST TECHNOLOGIES IN ACCESSING INFO...
LIBRARIANS AS WEB DEVELOPERS: GAUGING THE BEST TECHNOLOGIES IN ACCESSING INFO...LIBRARIANS AS WEB DEVELOPERS: GAUGING THE BEST TECHNOLOGIES IN ACCESSING INFO...
LIBRARIANS AS WEB DEVELOPERS: GAUGING THE BEST TECHNOLOGIES IN ACCESSING INFO...
 
Darius Whelan - Creative Commons for Startups
Darius Whelan - Creative Commons for Startups Darius Whelan - Creative Commons for Startups
Darius Whelan - Creative Commons for Startups
 
Computer science and engineering assignments: lesser known tools that you sho...
Computer science and engineering assignments: lesser known tools that you sho...Computer science and engineering assignments: lesser known tools that you sho...
Computer science and engineering assignments: lesser known tools that you sho...
 
Its all about Free Resources & Libraries
Its all about Free Resources & LibrariesIts all about Free Resources & Libraries
Its all about Free Resources & Libraries
 
Markham v2
Markham v2Markham v2
Markham v2
 
Web technology unit I - Part A
Web technology unit I -  Part AWeb technology unit I -  Part A
Web technology unit I - Part A
 
Exploring web2
Exploring web2Exploring web2
Exploring web2
 

Plus de 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
 

Plus de 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"
 

Dernier

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Dernier (20)

Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 

Civic Innovation Summer Education Council Curriculum

  • 1. Civic Innovation Summer Education Council @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: • History of the web and 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. 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
  • 7. Pre-Internet (days of the cave man, a.k.a. pre-1968) • 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
  • 8. Building blocks of today’s Web • Neither side can communicate with anyone else during the time they are connected @ejacqui @danxoneil #civicsummer
  • 10. 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
  • 11. 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
  • 12. 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
  • 13. Building blocks of today’s Web • ARPANET researchers Robert Kahn and Vint Cerf were responsible for TCP/IP @ejacqui @danxoneil #civicsummer
  • 14. 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
  • 15. 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
  • 17. 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
  • 19. 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
  • 21. 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
  • 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 • HTML is even in some mobile (phone) apps that you might not think of as the “web” @ejacqui @danxoneil #civicsummer
  • 25. 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
  • 26. 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
  • 27. Creative Commons • Things that are copyrightable: • Artwork • Music • Poetry • Writing • Crafts • Photography • Code @ejacqui @danxoneil #civicsummer
  • 28. 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
  • 29. 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
  • 30. 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
  • 31. 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
  • 32. “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
  • 33. “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
  • 34. “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
  • 35. “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
  • 36. “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
  • 37. GoToSchool • What is GoToSchool? http://cps.go2school.org • Site offered by Chicago Public Schools and hosted by SmartChicago • Goal is to allow parents & students to find a school, enter an address, indicate how they plan to get there (CTA, walking, driving), and a time • Shows them various options on how to get there @ejacqui @danxoneil #civicsummer
  • 40. GoToSchool • Is this an effective tool? • How can it be improved? • What other digital tools could be useful to students being re-routed to new schools? • What about parents? @ejacqui @danxoneil #civicsummer
  • 41. Which social networks do you use? @ejacqui @danxoneil #civicsummer
  • 42. Social media tools • What are some social tools people use every day online? • Facebook • Twitter • Snapchat • Instagram • Vine • Tumblr • What else? @ejacqui @danxoneil #civicsummer
  • 43. Social media tools • How do these tools differ from each other? • What is the culture on Twitter vs. Facebook? • What is the culture on Snapchat vs. Facebook or texting? • How does Instagram contribute to the conversation? • Is there a place for Instagram video, or Vine? @ejacqui @danxoneil #civicsummer
  • 44. What to say and how • What do we mean when we talk about your “tone” online? • What you “sound” like when people read your posts: what feeling do they come away with? • As tempting as it is, angry/sarcastic/inebriated posts and messages are not only unprofessional, but they may hurt or upset peers as well @ejacqui @danxoneil #civicsummer
  • 46. What (not) to say and how • Avoid personal attacks • Threats (even if they are empty) • Direct insults of someone’s character or intelligence • Swearing and cussing • Heavy sarcasm • Drugs or alcohol @ejacqui @danxoneil #civicsummer
  • 47. What (not) to say and how @ejacqui @danxoneil #civicsummer
  • 48. What to say and how • Your ability to sound like a smart, thoughtful young person is directly proportional to how successful you’ll be in your career • I have a Twitter rule called the “mom rule” • My mom reads every single one of my tweets (for real) and sends me feedback on them • It’s annoying, but thinking “what would mom think?” has propelled my career @ejacqui @danxoneil #civicsummer
  • 49. What to say and how • What are good things to post publicly to Facebook/Twitter/Instagram/etc.? • Links or commentary about interesting articles you’re reading online • Observations/opinions on what’s going on in your community or city • Reposts from mentors, city officials, writers/photographers you like, community leaders @ejacqui @danxoneil #civicsummer
  • 50. If you need to vent… • Everyone needs to vent sometimes • …and we live online, so how do we vent? • If you must vent on social media, make HEAVY HANDED USE of the privacy controls • Keep it to close friends, don’t blast to public • We’ll teach you more about privacy controls on social media in a few weeks @ejacqui @danxoneil #civicsummer
  • 51. The case for sharing more and less • The more you share publicly online, the more visibility you’ll have in the community • Repost and reply to others generously • Just because we share a lot doesn’t mean we have to share everything • Social media is as much about what you don’t share as the stuff you share • If in doubt about a post, hold off until later @ejacqui @danxoneil #civicsummer

Notes de l'éditeur

  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. 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
  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. 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.
  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. 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
  9. 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.
  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. 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”
  12. 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
  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. 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.
  15. 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
  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. 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
  18. 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
  19. 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.
  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. 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.
  24. 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
  25. 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
  26. 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
  27. 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
  28. 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
  29. 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
  30. 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
  31. 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
  32. 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
  33. 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
  34. GoToSchool is a site offered by the Chicago Public Schools and hosted by SmartChicagoThe data isn’t necessarily “open,” but they make it available to the public via this site so students and parents can figure out routes to new schools The site allows you to choose a school, enter an address, and indicate the way you plan to get thereThen you can choose when you want to arrive, and (theoretically) it shows you a route to get there that will get you to the school on time
  35. This is what the page looks like after you select the school you’re trying to get toTalk with the students about why this works or doesn’t work, or what could be added
  36. This is the screen that shows the transportation selectorsIf there’s Internet, go to http://cps.go2school.org and demo this live
  37. Discuss with students the strengths and weaknesses of this toolWhy does it work? Why does it not work? How could this be improved?What other online tools are available that students and parents can use?
  38. Ask the students to raise their hands on who uses different social networks. Ask them to volunteer answers that others haven’t said or aren’t on this slide. Why do they like those networks more than others?
  39. Now we’ll move into a discussion about different social media tools and how they offer different ways to communicate Ask the students to offer examples of social tools they use every day, come up with a giant listInclude text, links, photos, videos, audio, anything
  40. How are these tools different from each other? Functionality-wise, but also message-wiseEmphasize to students that the medium matters. A message on SnapChat will carry different weight and have a different kind of message than a public posting on FacebookAsk the students to continue the discussion on how these things are different, and why some of them are better than othersAre some of these services better for your “public” personality versus private personality? Why?
  41. Talk about “tone” in our online postings; there’s an obvious connection to be made with parents scolding for “tone,” but we want to stay a little away from thatAsk the students to think about some things they’ve seen online or volunteer examplesWithout knowing the context (say, describing it to a stranger), what do those posts “sound” like? Does it sound like the person is angry or drunk?Students should understand that overcoming temptation to hit “send” on a post with negative tone is MORE SATISFYING than sending it
  42. Here are some rules of thumb to think about when it comes to what you shouldn’t post onlinePersonal attacks or threats (even if they are “joking” threads)Direct insults of someone’s character or intelligenceSwearing, cussing, heavy sarcasm, anything about drugs or alcoholWhat else have we seen on Facebook or Twitter that left a bad taste in our mouths?
  43. This is an example of a tweet with major negative toneAsk the students to talk about why this comes off negatively to usWe don’t know this guy, he’s a stranger. But what he says might “sound” funny, but it’s also very negative and meanDo you want to be friends with this person? Do you want to work with him professionally? Do you want him to be responsible for paying you?
  44. Loop the conversation back to jobs and careersThe goal isn’t to scare students into never being themselves online, but to make them think critically about what they say before they say itTalk about Jacqui’s “mom rule” and how it has benefitted her professionallyDo any of the students have similar policies? Discuss
  45. We’ve talked about what not to say, so what are some good things to say online?Links to interesting to articles are always good, even if they are controversial articlesPosts about activities or events happening in your community. Could be “bad” or good, like a crime, or a block partyOpinions on things happening in your city or country, or opinions on books/TV/politics/etc. Reposts or retweets from respected figures are always greatWhat else works for students? What do they respect when they see it online?
  46. Is there a place for venting? Ask the students to talk about whether they think venting ANYWHERE online is appropriateMost people do vent online, but some of us control it very carefullyA great way to keep things separated is to make heavy use of privacy controls, which we’re teaching in a later classOn Twitter/Facebook/Instagram/etc. you can have completely private accounts. Private accounts = venting, public accounts = public faceThere’s no way to guarantee a friend of yours won’t leak your rant, so if it’s that bad, reconsider making it. Save it for when you see your friends in person!
  47. Now for Jacqui’s speech on how sharing “less” isn’t really sharing lessSocial media is JUST AS MUCH about what you’re not sharing as it is about what you’re sharingI post about my lunch and my office and my work, but I don’t post about my parents’ divorce, or pictures of the results of my stomach fluDrive home the point that if you’re ever in doubt about what you’re about to post, HOLD ONTO IT for a few hours. If you still want to post it a few hours later, then perhaps. But it’s better to be safe than sorry!