- The instructor establishes the structure and goals of the course, which introduces students to emerging web technologies through hands-on labs and open platform submissions.
- Students complete weekly labs building technical skills and create YouTube explainer videos to discuss their work, which helps improve communication skills.
- A mid-semester survey found students enjoyed this approach and learned more through the active learning experience compared to traditional classes focused on definitions.
- While some elements may not scale easily, the open approach and emphasis on practical skills benefits students in developing their personal brands for future careers.
Teaching Coding? Resources for teachers by Joanne VillisJoanne Villis
This slide share provides resource ideas for teaching coding. I have included online resources, apps (Android, iPad and Windows), software and hardware ideas in order to support your teaching. I have also recommended suitable year levels for both Primary and Secondary.
Coding is part of the curriculum which is relatively new and often a part which teachers struggle with. I have created a presentation to show resources which you might use to teach Year 5-6 students. Tasks can be adapted or modified for other year levels.
Coding for Teachers and Kids Workshop PresentationJoanne Villis
Coding for kids and teachers. How to make this a shared process. This is a presentation which I delivered at a conference. Notes are very brief. The main focus of the session was for teachers to have hands on time tinkering (playing).
Coding: Year 3-4 Teaching Ideas by Joanne VillisJoanne Villis
Coding is part of the curriculum which is relatively new and often a part which teachers struggle with. I have created a presentation to show how I taught coding with my Year 3 students this year and I have provided some work samples. Tasks can be adapted or modified for other year levels. I have also provided additional lesson ideas which I have not tried myself.
Teaching Coding? Resources for teachers by Joanne VillisJoanne Villis
This slide share provides resource ideas for teaching coding. I have included online resources, apps (Android, iPad and Windows), software and hardware ideas in order to support your teaching. I have also recommended suitable year levels for both Primary and Secondary.
Coding is part of the curriculum which is relatively new and often a part which teachers struggle with. I have created a presentation to show resources which you might use to teach Year 5-6 students. Tasks can be adapted or modified for other year levels.
Coding for Teachers and Kids Workshop PresentationJoanne Villis
Coding for kids and teachers. How to make this a shared process. This is a presentation which I delivered at a conference. Notes are very brief. The main focus of the session was for teachers to have hands on time tinkering (playing).
Coding: Year 3-4 Teaching Ideas by Joanne VillisJoanne Villis
Coding is part of the curriculum which is relatively new and often a part which teachers struggle with. I have created a presentation to show how I taught coding with my Year 3 students this year and I have provided some work samples. Tasks can be adapted or modified for other year levels. I have also provided additional lesson ideas which I have not tried myself.
Tech Talk on how and why students can get involved in open source projects. Delivered at Georgia Gwinnett College on March 22, 2013. (Note that there were several websites displayed in the browser that are not in the slides; however, the URLs of those sites are on the last slide of the deck.)
Slides from Keynote Presentation by Janine Bowes. In this presentation Janine will explore the skills and attributes that an online teacher needs in the 21st century to stay on top of the game. In considering the past two decades of online learning, it is useful to note some underlying principles that are timeless but also to be open to new possibilities.
Pimp Your Post - Tips and Tricks for Jazzing up Intro Posts in Online coursesTracy Kelly
Tips and Tricks for jazzing up intro posts and icebreaker activities in online courses. Facilitated by Tracy Roberts and Gina Bennett for ETUG, Feb 2010
Why we need activism and projects implemented to create and deploy OER by as many people as possible in order to change the reasons faculty don't adopt or build it.
State of the Network is a window into the accomplishments and mindset shift of the ELMS:LN community over the last year. It highlights shipping ELMS:LN 1.0.0 as well as HAXcms 1.0.0, integration with vendor Reclaim Hosting, webcomponents and HAX plugins that work in Drupal, WordPress and beyond. I set forward what we've done and where we're going and why. This was recorded and will appear on the Apereo YouTube channel https://www.youtube.com/user/apereo/videos
Container deployment technology is revolutionizing businesses and the way of scaling... anything. We'll look at FaaS, Docker and other virtualization technology and play with a bunch of it on https://labs.play-with-docker.com/
Tech Talk on how and why students can get involved in open source projects. Delivered at Georgia Gwinnett College on March 22, 2013. (Note that there were several websites displayed in the browser that are not in the slides; however, the URLs of those sites are on the last slide of the deck.)
Slides from Keynote Presentation by Janine Bowes. In this presentation Janine will explore the skills and attributes that an online teacher needs in the 21st century to stay on top of the game. In considering the past two decades of online learning, it is useful to note some underlying principles that are timeless but also to be open to new possibilities.
Pimp Your Post - Tips and Tricks for Jazzing up Intro Posts in Online coursesTracy Kelly
Tips and Tricks for jazzing up intro posts and icebreaker activities in online courses. Facilitated by Tracy Roberts and Gina Bennett for ETUG, Feb 2010
Why we need activism and projects implemented to create and deploy OER by as many people as possible in order to change the reasons faculty don't adopt or build it.
State of the Network is a window into the accomplishments and mindset shift of the ELMS:LN community over the last year. It highlights shipping ELMS:LN 1.0.0 as well as HAXcms 1.0.0, integration with vendor Reclaim Hosting, webcomponents and HAX plugins that work in Drupal, WordPress and beyond. I set forward what we've done and where we're going and why. This was recorded and will appear on the Apereo YouTube channel https://www.youtube.com/user/apereo/videos
Container deployment technology is revolutionizing businesses and the way of scaling... anything. We'll look at FaaS, Docker and other virtualization technology and play with a bunch of it on https://labs.play-with-docker.com/
We'll talk about Accessibility and Performance as it relates to equal access to technology. We'll have a guest speaker and we'll get hands on with WAVE and Lighthouse tools to perform audits of websites we've already created in class.
All about HAX and HAX the web as lead up to doing some basic UX auditing as a lab to improve HAX but also teach us about the notion of users self expressing and identifying UX issues
Drupal, the biggest, most complex and most flexible CMS that powers a small percent of the over all internet yet hits a lot of the more popular sites in government, entertainment and education.
Covering the ClassicPress and it's fork, WordPress. This gets into Gutenbug and the havok its created as well as how the ClassicPress platform empowers people to deliver their own websites without needing to understand complex technical details.
https://www.youtube.com/watch?v=f_tEA9O9pco
A statement of purpose both mine, our teams, and web components. A mix of serious, silly, crazy, and fun. This highlights amazing things going on in the HAX, HAXcms and web components community at large. In it I lay out the case for web components as the foundational piece needed to be the change agent to take web publishing and self expression to the next level.
This is a new beginning. This is the bridge building community. This is HAX'ing complacency in web technologies. This is HAX. And together, we are HAX camp.
The case for web components as well as what they are and why they will forever transform the web as well as package managers and a little bit about headless web development.
We'll get our feet wet with HTML and CSS and JS. Where these things came from, play with some things on codepen and learn about topics that surround the technologies prior to digging in.
Future proofing design work with Web componentsbtopro
Web components are a W3C standard that's been adopted by all major browsers as of October 2018. The Version 1 specification is a joy to work with and brings the web into a composing context from a raw materials one. That is, we can now directly repurpose and leverage our efforts to build bigger and better experiences (like modern home development practices) instead of constantly reinventing the wheel (like molding bricks out of clay to work on our house).
As of this writing, the ELMS:LN team (4 people) at Penn State has created 433 web components for generalized use. We've built an editor, a CMS, integrated those elements into Drupal (multiple versions), delivered static sites, worked on desktop apps, and done design work entirely, end to end, using web components and a uniform process for creating and deploying them.
Talk structure:
What are web components, can I use them, answering questions of libraries, polyfills, SEO, and accessibility
Examples of who has adopted them and what they doing with them
Community resources like polymer slack, webcomponents, and open-wc.org
Detailed examples of adoption in production, Drupal and non-Drupal environments, lessons learned and unthinkable wins
Our WCFactory tooling that automates much of the workflow of producing a sustainable element portfolio
How teams can leverage web components across projects
Where Drupal 6,7,8,9 fit into the future with web components
Where the future is going with HAXeditor and HAXcms, the future of micro-site generation and management
Our team is in love with web components and we think you will too! Join us and build better, more sustainable design systems of the future (today)!
The case for Web components - Drupal4Gov webinarbtopro
This is the presentation I gave to the Drupal4Gov community on web components in government. Why the time is right to begin looking at them for future adoption, how to get more information, what they've done for our team and process, who's using them, etc. It's a great starting point to browse through and get a sense of who's using them and what the implications are.
Project EdTechJoker, laid out in slides. A demo was given as prt of this presentation being delivered at Domains 2019.
I need you to turn up the temperature on the edtech market through the adoption of the webcomponent standard. Together, we can eliminate corrupt vendors from our space and unleash creativity with higher accessibility and user experience then they can.
A very fast history of the web with web components and precursor knowledge to our training that we did on web components.
https://lit-element.polymer-project.org/try
This is a short series of slides on the reasons for web components being right for government. I dig into global and government analytical data to suggest that you need to treat IE11 as if it doesn't have javascript then start planning around a progressive enhancement that involves it.
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdfTechSoup
In this webinar you will learn how your organization can access TechSoup's wide variety of product discount and donation programs. From hardware to software, we'll give you a tour of the tools available to help your nonprofit with productivity, collaboration, financial management, donor tracking, security, and more.
The French Revolution, which began in 1789, was a period of radical social and political upheaval in France. It marked the decline of absolute monarchies, the rise of secular and democratic republics, and the eventual rise of Napoleon Bonaparte. This revolutionary period is crucial in understanding the transition from feudalism to modernity in Europe.
For more information, visit-www.vavaclasses.com
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
Acetabularia Information For Class 9 .docxvaibhavrinwa19
Acetabularia acetabulum is a single-celled green alga that in its vegetative state is morphologically differentiated into a basal rhizoid and an axially elongated stalk, which bears whorls of branching hairs. The single diploid nucleus resides in the rhizoid.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
5. Mexico City: iPhone vs. Android [OC]
https://www.reddit.com/r/MapPorn/
comments/d3scm4/mexico_city_ip
hone_vs_android_oc
6. (parts of class 1st day)
Welcome to IST 402!
“Who controls the past, controls the
future: who controls the present,
controls the past…”
- Orwell, 1984
Penn State
HAXTheWeb.org
Bryan Ollendyke
[at]btopro
Developer Activist
13. This is about getting
”hello world” level skills by
doing hands-on labs
14. CIMG4000 by Scurzuzu, on Flickr, https://www.flickr.com/photos/scurzuzu/271232366
Now. To the brain eating part
15. Emerging technologies [w00t]
- The class I wish I had in college
- Expose you to the ideas and technologies
that make the web work
- We’ll help shape the topics of the class
together though the first month or two
is mapped out here
- Learn about the magic behind major web
platforms
- Learn how programmers work, not
necessarily coding outright, though
we will at times.
IST
402
16. Most importantly. We are
resources here for you!
(Use this, you pay for it. Literally.)
23. But... Who the hell
are you?
(it’s weird he didn’t start there
isn’t it?)
24. - Loud / Yelly / friendly
- Dresses odd / wears hockey jerseys
- Loves my family
- I’ve never taught in a classroom..
- But I coached ‘10 National Champions
- Parents were both public school
teachers for 35 & 33 years
- Science (8th grade)
- Computer Programming (HS)
Bryan Ollendyke
”normal” Human
25. - 2X IST grad BS ‘08 MS ’15 of PSU
- I contribute 100% to FOSS projects
ELMS:LN and HAXTheWeb
- Lead developer on both projects
- A unicorn aka ”Full stack” dev
[at]btopro =
Developer
27. - 20 Talks/trainings/interviews ‘18-’19
- Organized multiple Drupal / web
components events in Pitt, PSU, Duke
- 8x ~100 people
- IST Master of Sciences thesis in
“studying” Drupal adoption at PSU
[at]btopro =
Organizer
31. - Our institutions & world deserve more
- Improve education, improve society
- Embedded in edu to development tech
society needs to shift beyond what
market norms can produce
[at]btopro =
Developer
Activists
32. {“[at]btopro” : new DeveloperActivist() }
typeof DeveloperActivist
undefined?
35. Establishing a larger purpose / context
- Edu / Tech unapproachable to all but 1%
- Tech operates without constraints
- Lack of constraints can lead to
destruction of social fabric,
addiction, lack of humanity
- We aren’t just here to learn, we are here
to enact change in society
- technology is a powerful change agent
#EdTechJoker
36. The web needs a
moonshot if we
are to ever grow
beyond the
vendors of 2000
39. Establishing self as coach, not teacher
- Deconstructing notions of academic
- This outfit is intentional
- I started doing this 3 years ago
- My work / history / career was making me
unapproachable
- Attempt to break imposter syndrome
- Clothing and language choices..
- Approachable
- “Normal” person “just like me”
- I am them 13 years later
- Brand / marketing
- Helps LA is hockey player / IST undergrad
#EdTechJoker
54. Addressing their reality head on
- This degree puts you at the start line
- You are “special” because you will have a
tech centric degree or specialization
- But.. 10,000+ others will hit that same
“special” job market with you
- Fickle, but it might come down to
1 word that gets you a job or interview
- it may signal ~3 months less training
- We’re going to equip you with that 1 word
- “I know you can do this because I did!”
#EdTechJoker
57. Course structure
- Micro-topics covering pieces of the web
- Course split into three larger themes
- Web fundamentals
- Brand, Git, HTML/CSS/JS, Web components
- CMSs
- GravCMS, WordPress, Drupal, HAXcms
- Action / Job role oriented
- UX iteration (HAXcms as transition)
* Accessibility remediation
* Accessible application design
* Docker / web infrastructure
* OER / Project lead recommendation
#EdTechJoker
* Guest speaker
58. #EdTechJoker
Assessment types breakdown
- 12 Labs, 10 pts/each, 120 pts (80%)
- Each week, started at end of class
finished prior to next class
- 1 mid-term, 15 pts (10%)
- ”open google” exam
- 1 Project, 15 pts (10%)
- Last lab extended into a pitch of how
they would create a solution for a
solution space given the skillsets
picked up in class
59. Structure of lesson each week
- Recap / examples / some feedback of
previous week based on their work
- Topic / terms
- What, Why, How, market need
- Live demo of technique / skill
- Activity where we both do it together
- Lab / open time to begin on the problem
space and ask questions
- Explainer Video as evidence
#EdTechJoker
60. Structure of my lesson each week
- Class Wed (3H), Lab and evidence due Mon
- I accept Tues / Wed without penalty
- I don’t give these feedback
- This is not spoken...
- Lab
- highly topic specific
- hands on skill / scenario driven
- Evidence methods (varies but typical):
- ~500 word writing piece
- ~5 minute explainer YouTube video
- Link submitted to Channel
#EdTechJoker
61. - Create a Slack account & join IST 402
- Create an identity as an IT professional
Lab details are on course website
- GitHub, YouTube, Twitter, LinkedIn
- Socials suggested but not required
- Create a screencast that’s ~5 min long
- Explain your brand and talk about an
interesting tech blog or article you’ve
read recently (just to jog the process)
- Post to #lab-1-brand-management in Slack
Lab 1
62.
63.
64.
65.
66.
67.
68. What we’ll do now
- See how my team uses GitHub / git everyday
- make a Pull Request against our course
content itself!
https://github.com/btopro/ist402
- Fork and do an in class activity
- Lab time fixing minor documentation
issues in some HAX related pages to get
our feet wet at what contributions
workflows look like in real FOSS projects
Lab 2
GitHub
69.
70.
71.
72. What we’ll do now
- Mess with Inspector to modify psu.edu
- Play with and explore CodePen.io
- Fork a pen of mine that we’ll step
through it together
- Ask questions, this is just a foot
in the door to this topic and we’ll
be exploring other technologies and
related platforms as the semester
progresses
Week 3
In class
Activity
73.
74.
75.
76. Lab
- Start modifying a pen to reverse engineer
a resume boilerplate
- Fork Reflection Pen
- write your reflection post there
- add a link to your video response there
Reflection topic (pick at least one)
- Explaining styling an element in CSS
- Explain how to use JavaScript and
getElementById to add a click event to
an element in an existing codepen
- Value of CodePen as a platform
Lab 3
CodePen.io
Accounts for
skillset and
EX diff
93. HAXcms 2019 < 10 Experimental
Edu
GravCMS 2014 < 100 Docs
Edu
WordPress 2003 > 10,000,000 Small / Mid
NGO
EDU
Drupal 2000 > 100,000 Top level
Gov, EDU
Marketing
Name Age Community Industries
103. Do you like the hybrid lab / open platform
submission approach and would you want
other courses to do things in this “YouTube
brand” style or is it obnoxious and you’d
rather keep work closed off?
34 yes
- 1 felt it was time consuming
“I like it, sometimes the video thing can
get annoying every week but this is my
favorite class by far”
1 felt hard to “pick a brand”
1 felt 3x a week would be better suited
3 felt might be difficult to scale to all
classes or topics
Midsemester
survey
104. Do you like the hybrid lab / open platform
submission approach and would you want
other courses to do things in this “YouTube
brand” style or is it obnoxious and you’d
rather keep work closed off?
“I enjoy using youtube because it helps me
explain using my words like I would in an
interview”
“I think it’s a really good approach.
Doesn’t feel like busy work”
“I like using Youtube. It forces me to
think and explain what I’m doing”
Midsemester
survey
105. Do you like the hybrid lab / open platform
submission approach and would you want
other courses to do things in this “YouTube
brand” style or is it obnoxious and you’d
rather keep work closed off?
“It’s something cool/different and I think
it’s given me a new hobby”
“I think it is a good way to show what we
learn and to get ourselves out of our
comfort zone”
“It helps me think outside my coursework
and allows me to get creative”
Midsemester
survey
106. Do you like the hybrid lab / open platform
submission approach and would you want
other courses to do things in this “YouTube
brand” style or is it obnoxious and you’d
rather keep work closed off?
“It helps me understand the topic better
and improves my speaking skills. It makes
me feel more confident with my opinion on
tech topics”
“It’s non-traditional but seems to fit a
21st century society. I have been learning
so much from the hands on experience. Most
other IST classes are definitions and
overviews”
Midsemester
survey
107. What I think can transfer to other courses
- YouTube explainer series approach
- Students like it as practice of public
speaking without being in front of people
- Imagine if this was integrated across
large parts of the IST curriculum
- Some really running with the idea
- Yes, others do bare minimum, oh well.
- Alternative submission format: unlisted
or private video, some do on Box/Drive
Wrap up
108. What I think can transfer to other courses
- web services utilized to teach tech
to varying tech audiences can scale and
does not have issues with student exp:
- Reclaim hosting (cheap, $30/year)
- codepen.io (fork, break to learn HTML)
- glitch/stackblitz (fork full front-end)
- Play with docker (4 hour container)
- hax.psu.edu (PSU service...)
Wrap up
109. What probably can’t transfer as well
- My style. I believe in my work and as a
result can often inspire others to follow
along out of attacking status quo.
- Many things might only work because these
are juniors / seniors and thus thinking
about how to present themselves in
interview form
- The many small topics approach is most
likely novel but impractical for other
topics.
Wrap up
110. What needs clean up / refinement
- Students have put more effort into the
scenario based assignments
- Web components assignment I did a poor
job explaining (which made me put more
into the scenarios)
- I need to make the accessibility portions
more robust
- The course is an entry into the ideas of
many things (good/bad)
- Many asking for more Docker then I can
actually cover
Wrap up
111. My recommendations ”As a web developer”..
- Stop silo’ing programming. No one sees
themselves as programmer until forced to
- Most web devs I meet have no formal
training in CSE. Many from iSchools or
humanities
- HTML is the most approachable language
and can be taught to anyone
- CSS is then how to style HTML
- JavaScript is then how to make HTML
interactive
Wrap up
112. The future is entirely web
- Web components are object oriented JS
that let you build new HTML tags. They
are going to create a revolution in web
- Electron / Ionic let you compile
HTML/CSS/JS to native phone and desktop
applications.
- VSCode editor is built out of HTML
- Github Desktop is built out of HTML
- updated Twitter is a PWA
- WASM (Web Assembly) allows compiling
any language with browsers able to handle
in a localized Virtual machine
Wrap up
113. Building the future of the web
- If your interested in teaching via HAXcms
reach out to me or email hax@psu.edu
- We are currently in a closed pilot but
every student in my class knows how to
get in now so it’s not like we hide it
much ;)
Wrap up