SlideShare a Scribd company logo
Welcome to IST 402!
Week 1.
"You didn't think I'd lose the battle
for Gotham's soul in a fist fight with
you? No. You need an Ace in the hole.
Mine's Harvey"
The (best) Joker Bryan Ollendyke
[at]btopro
Developer Activist
Welcome to IST 402!
Week 1.
"You didn't think I'd lose the battle
for Gotham's soul in a fist fight with
you? No. You need an Ace in the hole.
Mine's Harvey"
#EdTechJoker Bryan Ollendyke
[at]btopro
Developer Activist
CIMG4000 by Scurzuzu, on Flickr, https://www.flickr.com/photos/scurzuzu/271232366
Attack of syllabus day
Ugh. I know.
Been there.
I had IST 402 in
Spring 2006..
I had IST 402 in
Spring 2006..
20 minus 6.. 14 (ew gross)
Your TAs, you can haz
2 so say hi.
They can be trusted as
they < 30
Stefan Horgas
sth5182 @psu.edu
&
Shrey Nigam
sqn5300 @psu.edu
Today’s Agenda
- Talk about the structure of the class
- Talk about last semester
- Tell you a bit about my experience,
skillsets, accomplishments and background
that brought me here today
- Check out systems that I’ve built that
PSU students and others used actively
- We’ll do a short survey
- Thursday will be the 1st lab
IST
402
Let’s get some things
out of the way 1st
Q1: Is this class
about making a start
up?
NO.
This is learning about
technologies
web companies are
often built on
Q2: Do I need to be a
1337 (leet) dev to
take this class?
NO
This is about getting
”hello world” level skills by
doing hands-on labs
This enables you to explain
not just what something is
but how it works at entry
level
If you get the concept and
enjoy it, it’s yours to run
with and learn on your own
(aka, real life)
CIMG4000 by Scurzuzu, on Flickr, https://www.flickr.com/photos/scurzuzu/271232366
Now, the bullshit brain eating part
Emerging technologies [w00t]
- The class I wish I had in college
- Expose you to the ideas and technologies
that make the web work
- Learn about the magic behind major web
platforms
- Learn how programmers work, not
necessarily coding outright, though
we will at times.
IST
402
- Get hands on with web technology concepts
- Establish an online identity as an IT
professional and improve technical speaking
- Get your own domain via Reclaim Hosting
- Learn about and apply industry concepts
- Leverage 4 Content Management Systems CMSs
- Participate in and help inform the
creation of Open Source solutions PSU
uses for educating
- Have fun and learn a lot w/o stress
IST
402
Course Goals
- Critique and feedback on previous lab
responses
- A lecture (like this one today) to frame
- A practice activity / demo
- A series of labs, around 12 (80% grade).
- Thursday in class is mostly Lab Time
- Do a blog post AND screencast as evidence
of completion but also building your
brand as a knowledge worker
- Evidence / submission due Sunday 11:00pm
IST
402
What this
course is, the
good news
- 1 exam (10% of grade)
I hate them but I have to give one to
vary grading
- Don’t worry about it
- It’s ”open internet”
- ...
- Some labs may get extended for additional
class periods based on interest or
technical issues so we might not hit all
topics I’ve got planned. I’m flexible
- Drupal is multiple weeks as a result
of past, known complexity of it
- Hopefully that’s it ~(0_0)/~
IST
402
What this
course is, the
bad news
Assessment types breakdown
- 12 Labs, 10 pts/each, 120 pts
- 1 Exam, 15 pts
- 1 Final Project, 15 pts
80% Labs
10% Exam
10% Final Project
IST
402
What this
course is
Lab assessment type
- Labs take place every Thursday
- Examples: Create a Github account, make a
new repo and write some example markdown.
Create a Pull Request and make a video
about how developers use git to track
file changes and where github comes in.
HTML – Log into code pen, fork this pen
and modify it to improve accessibility.
Go to cnn.com, go into the inspector
panel. Generate fake news by modifying
the homepage headlines.
IST
402
What this
course is
Lab assessment type
Labs and the final project assessment vary
per lab but generally follows..
- 50% - Did you complete the lab
- 50% - Did your video explain what you
learned in the lab / related to the
subject in question / verify your
understanding?
- Was it submitted on time?
(late is 30% off max)
IST
402
What this
course is
- This is not about getting famous
- This is about building an online identity
- This is about helping you communicate
more effectively about technical concepts
- Deprogram you of imposter syndrome
those in industry speak with confidence
as a result of constant failure
- If one of you goes viral and gets a
career in tech journalism as a result
remember us little people
IST
402
Why a YouTube
channel
Exam assessment
- Exam 15 questions
Makes sure you know what a technology
word is and a basic application of it
- Example:
What does git provide to teams?
A. Help developers Git’r Done
B. Version control to track changes
C. Server virtualization and monitoring
D. Another name for the Terminal prompt
IST
402
What this
course is
Project assessment
- Project A slightly longer lab write up
and pitch that is a culmination of ideas
and approaches this semester. Basically,
a double lab, don’t worry about it.
- Example: We’re going to analyze a course
you are taking and reimagine a lesson
of instruction, making the case for
why your topic is better than the
original and why the technologies used
are helped you learn
Basically, auditing Penn State.
IST
402
What this
course is
- NOT Busy work
If we’re not building toward your
career, I’ll try as much as possible
to skip it.
- NOT A programming intensive course
Opportunities to code will
be available but not required for most
- NOT Using Canvas
They tracks & build learner profiles to
manipulate future learners via data
No employer you go to will ask what LMS
you experienced
Grades will be posted there, that’s it.
IST
402
What this
course is
NOT
- Hear about a topic and why it’s important
- Then practice the topic in class
- Then finish up a lab over the next week
- Then write about the topic
This practices technical writing skills
- Then record a screencast about the top
This practices presentation technique
- Both forms of output help you refine your
communication skills about technology
while creating artifacts on the web
for others to learn from / know your
abilities!
IST
402
What / why
we’re doing it
this way
- After creating the video, add the link
At the bottom of the blog post
- Then submit it to the associated slack
channel
- We’re using Slack because it’s a
simple method of communication that
allows for useful integrations w/ other
applications
- and because industry uses it so it’s
more like real life
IST
402
What / why
we’re doing it
this way
- Attending lab and doing the lab in class
directly correlated to getting an A
”this course wasn’t hard but I feel like
I learned more in this then any other
IST class”
- This course is a lot of small projects
so do the work on schedule and avoid
it mounting
- The more you invest in you, your brand
and take it seriously, the more it will
help you long term
IST
402
Past offering
advise
Office Hours
Weird guy: By appointment (DM)
Stefan Horgas: Thursdays 5-6pm
Shrey Nigam: Mondays TBD
- Tues – Lecture / Intro to topic
- Thurs – Lab time
- Thurs-Sunday – Work on Lab / ask
questions via Slack via DM or attend
office hours.
- Do blog post, video and posting to Slack
about it, are due by 11:00pm Sunday
- Mon - TAs and I will review submissions
- Tues – I’ll mix in some of what people
are working on / prime examples
Loop repeats
IST
402
Our
responsibility
/ workflow
Most importantly. We are
resources here for you!
(Use this, you pay for it. Literally.)
But.. Who the hell are
you?
But... Who the hell
are you?
(it’s weird he didn’t start there
isn’t it?)
- 2X IST grad BS ‘06 MS ’15, Loves PSU
- Loud / abrasive / swears often
- Dresses strangely / wears jerseys
(obviously..)
- Loves his wife & kids
- 2010 National Champion RH coach
Coach at heart - pushes individuals
to achieve more
Bryan Ollendyke
”normal” Human
- Graduated from IST in ’06 and ‘15
- Penn state A&A since ’07
Office of Digital Learning
- I contribute 100% to FOSS
- core commits to Drupal CMS
- million+ contrib project downloads
- hundreds of web components
- ”Full stack” developer, aka unicorn
[at]btopro =
Developer
- 60+ talks / trainings accepted at
dozens of national events
- as keynote a few times
- as invite of CIO few times
- many interviews, articles, blog
posts, 2 awards
- Have organized multiple Developer
events in Pitt, PSU and in Oct, Duke
3 different events, 8x ~100 ppl each
- IST Master of Sciences thesis in
studying Drupal adoption at PSU
- Which I was a catalyst for
[at]btopro =
Organizer
- Multiple offers to leave (F that)
Improve education, improve society
- Decentralize silicon valley
monocultures using open source and
ideas as vehicles of change
- Embedded in education to development
technologies society needs to shift
beyond what current market norms
will ever produce
- Create a more vibrant education
landscape through ecosystem shaking
ecosystem of learning opportunities
and technologies
- I’ve found my purpose; I live it
[at]btopro =
Developer
Activists
[at]btopro = Activists
Unplugged. Unnormal.
[at]btopro = Activists
Unplugged. Unnormal.
And... A brand
[[date]] – <when-i-started-coding date=“1996”>
I made sites like this with a lot of practice by 1999
I learned to code on a website like this ‘98 – ‘02
- Build systems for online courses in A&A
- Used in Eberly & parts in other colleges
- Online systems include:
- Content presentation
- Art Studio space
- Media management / internal systems
- 100s of PSU courses use ELMS:LN and
#HAXTheWeb based technologies
- 10k+ students a year experience and
improve these platforms through feedback
like what we’ll give this semester
What I build
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
So what classes did I
take to learn how to
do all these things?
None.
None.
Err... I mean.. IST
EdTechJoker Spring 2020 - Lecture 1 - Welcome
School is nothing.
Access is everything.
Life has been on the job
training
Note:
If you end up liking the
course and want to go
further..
I do Independent Studies
to contribute to our
platforms
Any questions?
course, expectations, or
meaning of life
So. This isn’t all
about the crap I do.
Let’s get back to what
you’re going to do
IST 402
So.. Unlike
other classes
let’s actually
do something
Penn State
HAXTheWeb.org
Bryan Ollendyke
[at]btopro
Developer Activist
Start up? Tool up!
- Let’s figure out some of what makes the
web, web.
- Let’s get a window into what people do
- Let’s experiment & learn via trial/error
- Let’s help shape the future of Penn State
- Let’s build our own brand as we go
IST
402
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
A web component CDN
to provide consistent UI
elements.
http://webcomponents.byu.edu/
https://paveldogreat.github.io/WebGL-Fluid-Simulation/
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
Linked in Canvas too
oer.hax.psu.edu
/bto108/sites/ist402/
Skills survey
- Create a Slack account & join IST 402
- Create an identity as an IT professional
Lab details are on course website
- Register accounts on Github, YouTube
- Socials Twitter / LinkedIn are optional
- Create a Playlist on YouTube
- Create a screencast that’s ~5 min long
- Post link to the video on your socials
- Post to #lab-1-brand Slack channel
Lab 1

More Related Content

EdTechJoker Spring 2020 - Lecture 1 - Welcome

  • 1. Welcome to IST 402! Week 1. "You didn't think I'd lose the battle for Gotham's soul in a fist fight with you? No. You need an Ace in the hole. Mine's Harvey" The (best) Joker Bryan Ollendyke [at]btopro Developer Activist
  • 2. Welcome to IST 402! Week 1. "You didn't think I'd lose the battle for Gotham's soul in a fist fight with you? No. You need an Ace in the hole. Mine's Harvey" #EdTechJoker Bryan Ollendyke [at]btopro Developer Activist
  • 3. CIMG4000 by Scurzuzu, on Flickr, https://www.flickr.com/photos/scurzuzu/271232366 Attack of syllabus day
  • 5. I had IST 402 in Spring 2006..
  • 6. I had IST 402 in Spring 2006.. 20 minus 6.. 14 (ew gross)
  • 7. Your TAs, you can haz 2 so say hi. They can be trusted as they < 30
  • 8. Stefan Horgas sth5182 @psu.edu & Shrey Nigam sqn5300 @psu.edu
  • 9. Today’s Agenda - Talk about the structure of the class - Talk about last semester - Tell you a bit about my experience, skillsets, accomplishments and background that brought me here today - Check out systems that I’ve built that PSU students and others used actively - We’ll do a short survey - Thursday will be the 1st lab IST 402
  • 10. Let’s get some things out of the way 1st
  • 11. Q1: Is this class about making a start up?
  • 12. NO.
  • 13. This is learning about technologies web companies are often built on
  • 14. Q2: Do I need to be a 1337 (leet) dev to take this class?
  • 15. NO
  • 16. This is about getting ”hello world” level skills by doing hands-on labs
  • 17. This enables you to explain not just what something is but how it works at entry level
  • 18. If you get the concept and enjoy it, it’s yours to run with and learn on your own (aka, real life)
  • 19. CIMG4000 by Scurzuzu, on Flickr, https://www.flickr.com/photos/scurzuzu/271232366 Now, the bullshit brain eating part
  • 20. Emerging technologies [w00t] - The class I wish I had in college - Expose you to the ideas and technologies that make the web work - Learn about the magic behind major web platforms - Learn how programmers work, not necessarily coding outright, though we will at times. IST 402
  • 21. - Get hands on with web technology concepts - Establish an online identity as an IT professional and improve technical speaking - Get your own domain via Reclaim Hosting - Learn about and apply industry concepts - Leverage 4 Content Management Systems CMSs - Participate in and help inform the creation of Open Source solutions PSU uses for educating - Have fun and learn a lot w/o stress IST 402 Course Goals
  • 22. - Critique and feedback on previous lab responses - A lecture (like this one today) to frame - A practice activity / demo - A series of labs, around 12 (80% grade). - Thursday in class is mostly Lab Time - Do a blog post AND screencast as evidence of completion but also building your brand as a knowledge worker - Evidence / submission due Sunday 11:00pm IST 402 What this course is, the good news
  • 23. - 1 exam (10% of grade) I hate them but I have to give one to vary grading - Don’t worry about it - It’s ”open internet” - ... - Some labs may get extended for additional class periods based on interest or technical issues so we might not hit all topics I’ve got planned. I’m flexible - Drupal is multiple weeks as a result of past, known complexity of it - Hopefully that’s it ~(0_0)/~ IST 402 What this course is, the bad news
  • 24. Assessment types breakdown - 12 Labs, 10 pts/each, 120 pts - 1 Exam, 15 pts - 1 Final Project, 15 pts 80% Labs 10% Exam 10% Final Project IST 402 What this course is
  • 25. Lab assessment type - Labs take place every Thursday - Examples: Create a Github account, make a new repo and write some example markdown. Create a Pull Request and make a video about how developers use git to track file changes and where github comes in. HTML – Log into code pen, fork this pen and modify it to improve accessibility. Go to cnn.com, go into the inspector panel. Generate fake news by modifying the homepage headlines. IST 402 What this course is
  • 26. Lab assessment type Labs and the final project assessment vary per lab but generally follows.. - 50% - Did you complete the lab - 50% - Did your video explain what you learned in the lab / related to the subject in question / verify your understanding? - Was it submitted on time? (late is 30% off max) IST 402 What this course is
  • 27. - This is not about getting famous - This is about building an online identity - This is about helping you communicate more effectively about technical concepts - Deprogram you of imposter syndrome those in industry speak with confidence as a result of constant failure - If one of you goes viral and gets a career in tech journalism as a result remember us little people IST 402 Why a YouTube channel
  • 28. Exam assessment - Exam 15 questions Makes sure you know what a technology word is and a basic application of it - Example: What does git provide to teams? A. Help developers Git’r Done B. Version control to track changes C. Server virtualization and monitoring D. Another name for the Terminal prompt IST 402 What this course is
  • 29. Project assessment - Project A slightly longer lab write up and pitch that is a culmination of ideas and approaches this semester. Basically, a double lab, don’t worry about it. - Example: We’re going to analyze a course you are taking and reimagine a lesson of instruction, making the case for why your topic is better than the original and why the technologies used are helped you learn Basically, auditing Penn State. IST 402 What this course is
  • 30. - NOT Busy work If we’re not building toward your career, I’ll try as much as possible to skip it. - NOT A programming intensive course Opportunities to code will be available but not required for most - NOT Using Canvas They tracks & build learner profiles to manipulate future learners via data No employer you go to will ask what LMS you experienced Grades will be posted there, that’s it. IST 402 What this course is NOT
  • 31. - Hear about a topic and why it’s important - Then practice the topic in class - Then finish up a lab over the next week - Then write about the topic This practices technical writing skills - Then record a screencast about the top This practices presentation technique - Both forms of output help you refine your communication skills about technology while creating artifacts on the web for others to learn from / know your abilities! IST 402 What / why we’re doing it this way
  • 32. - After creating the video, add the link At the bottom of the blog post - Then submit it to the associated slack channel - We’re using Slack because it’s a simple method of communication that allows for useful integrations w/ other applications - and because industry uses it so it’s more like real life IST 402 What / why we’re doing it this way
  • 33. - Attending lab and doing the lab in class directly correlated to getting an A ”this course wasn’t hard but I feel like I learned more in this then any other IST class” - This course is a lot of small projects so do the work on schedule and avoid it mounting - The more you invest in you, your brand and take it seriously, the more it will help you long term IST 402 Past offering advise
  • 34. Office Hours Weird guy: By appointment (DM) Stefan Horgas: Thursdays 5-6pm Shrey Nigam: Mondays TBD
  • 35. - Tues – Lecture / Intro to topic - Thurs – Lab time - Thurs-Sunday – Work on Lab / ask questions via Slack via DM or attend office hours. - Do blog post, video and posting to Slack about it, are due by 11:00pm Sunday - Mon - TAs and I will review submissions - Tues – I’ll mix in some of what people are working on / prime examples Loop repeats IST 402 Our responsibility / workflow
  • 36. Most importantly. We are resources here for you! (Use this, you pay for it. Literally.)
  • 37. But.. Who the hell are you?
  • 38. But... Who the hell are you? (it’s weird he didn’t start there isn’t it?)
  • 39. - 2X IST grad BS ‘06 MS ’15, Loves PSU - Loud / abrasive / swears often - Dresses strangely / wears jerseys (obviously..) - Loves his wife & kids - 2010 National Champion RH coach Coach at heart - pushes individuals to achieve more Bryan Ollendyke ”normal” Human
  • 40. - Graduated from IST in ’06 and ‘15 - Penn state A&A since ’07 Office of Digital Learning - I contribute 100% to FOSS - core commits to Drupal CMS - million+ contrib project downloads - hundreds of web components - ”Full stack” developer, aka unicorn [at]btopro = Developer
  • 41. - 60+ talks / trainings accepted at dozens of national events - as keynote a few times - as invite of CIO few times - many interviews, articles, blog posts, 2 awards - Have organized multiple Developer events in Pitt, PSU and in Oct, Duke 3 different events, 8x ~100 ppl each - IST Master of Sciences thesis in studying Drupal adoption at PSU - Which I was a catalyst for [at]btopro = Organizer
  • 42. - Multiple offers to leave (F that) Improve education, improve society - Decentralize silicon valley monocultures using open source and ideas as vehicles of change - Embedded in education to development technologies society needs to shift beyond what current market norms will ever produce - Create a more vibrant education landscape through ecosystem shaking ecosystem of learning opportunities and technologies - I’ve found my purpose; I live it [at]btopro = Developer Activists
  • 44. [at]btopro = Activists Unplugged. Unnormal. And... A brand
  • 46. I made sites like this with a lot of practice by 1999
  • 47. I learned to code on a website like this ‘98 – ‘02
  • 48. - Build systems for online courses in A&A - Used in Eberly & parts in other colleges - Online systems include: - Content presentation - Art Studio space - Media management / internal systems - 100s of PSU courses use ELMS:LN and #HAXTheWeb based technologies - 10k+ students a year experience and improve these platforms through feedback like what we’ll give this semester What I build
  • 57. So what classes did I take to learn how to do all these things?
  • 58. None.
  • 61. School is nothing. Access is everything. Life has been on the job training
  • 62. Note: If you end up liking the course and want to go further.. I do Independent Studies to contribute to our platforms
  • 64. So. This isn’t all about the crap I do. Let’s get back to what you’re going to do
  • 65. IST 402 So.. Unlike other classes let’s actually do something Penn State HAXTheWeb.org Bryan Ollendyke [at]btopro Developer Activist
  • 66. Start up? Tool up! - Let’s figure out some of what makes the web, web. - Let’s get a window into what people do - Let’s experiment & learn via trial/error - Let’s help shape the future of Penn State - Let’s build our own brand as we go IST 402
  • 74. A web component CDN to provide consistent UI elements. http://webcomponents.byu.edu/
  • 81. Linked in Canvas too oer.hax.psu.edu /bto108/sites/ist402/
  • 83. - Create a Slack account & join IST 402 - Create an identity as an IT professional Lab details are on course website - Register accounts on Github, YouTube - Socials Twitter / LinkedIn are optional - Create a Playlist on YouTube - Create a screencast that’s ~5 min long - Post link to the video on your socials - Post to #lab-1-brand Slack channel Lab 1

Editor's Notes

  1. 2. If you ignore their needs, authors may give up altogether and abandon all hopes of updating the content. A site is a living thing, and it needs to be fed fresh content regularly. Sites that are starved and abandoned are pretty scary.
  2. Icon created by Creative Stall from the Noun Project
  3. Icon created by Creative Stall from the Noun Project
  4. Icon created by Creative Stall from the Noun Project
  5. Icon created by Creative Stall from the Noun Project
  6. Icon created by Creative Stall from the Noun Project
  7. Icon created by Creative Stall from the Noun Project
  8. Icon created by Creative Stall from the Noun Project
  9. Icon created by Creative Stall from the Noun Project
  10. Icon created by Creative Stall from the Noun Project
  11. Icon created by Creative Stall from the Noun Project
  12. Icon created by Creative Stall from the Noun Project
  13. Icon created by Creative Stall from the Noun Project
  14. Icon created by Creative Stall from the Noun Project
  15. Icon created by Creative Stall from the Noun Project
  16. Icon created by Creative Stall from the Noun Project
  17. Icon created by Creative Stall from the Noun Project
  18. Icon created by Creative Stall from the Noun Project
  19. Icon created by Creative Stall from the Noun Project
  20. Icon created by Creative Stall from the Noun Project
  21. Icon created by Creative Stall from the Noun Project
  22. Icon created by Creative Stall from the Noun Project
  23. Icon created by Creative Stall from the Noun Project
  24. Icon created by Creative Stall from the Noun Project
  25. Icon created by Creative Stall from the Noun Project
  26. Icon created by Creative Stall from the Noun Project
  27. Icon created by Creative Stall from the Noun Project
  28. Used by BYU https://2017-components-demo.cdn.byu.edu/index.html
  29. Icon created by Creative Stall from the Noun Project
  30. Icon created by Creative Stall from the Noun Project