top of page

Internet Health Curriculum Guides

Internet Health Curriculum: Headliner
Internet Health Curriculum: My Skills

Fake News and Misinformation

Internet Health Curriculum: Headliner
Misinfo gif
Internet Health Curriculum: About
Internet Health Curriculum: About

Virtual Reality and A-Frame

Internet Health Curriculum: Headliner
mozilla-virtual-reality-firefox-oculus-rift.jpg
Internet Health Curriculum: Welcome

A Guide for Getting Started in WebVR

Did you know that you can use A-Frame to create a WebVR experience with as little as a few lines of code?

A-Frame is an entity-component framework based on top of HTML, making it simple web-based tool for building virtual reality experiences. A-Frame can be used on desktops and also supports most VR headsets such as Vive, Rift, Daydream, GearVR, Cardboard. It can even be used for augmented reality! Whether you’re new to coding or have years of experience, this guide will point you to the resources you need to get started building WebVR experiences!

Internet Health Curriculum: About
giphy.gif

A Guide for Beginners

You don’t need to be an experienced coder to get started with A-Frame, but it’s helpful to recognize some HTML. These activities are a great way to do that:

  1. Puzzles for Teaching HTML (offline activity)

  2. HTML Puzzle Boxes (offline activity)

  3. Thimble Activities for learning to use and style common HTML tags (online)

Now that you’ve familiarized yourself - or your students - with HTML, let’s start to explore A-Frame. These guides include lessons for getting started:


UTeach Outreach: Intro to Web VR Lessons

Put your new skills to the test using these activities:

  1. Building the Olympic rings - Getting Started With A-Frame

  2. Thimble tutorial on A-Frame

  3. Remix Hello World using CodePen

Internet Health Curriculum: About
mozilla-a-frame-webvr-virtual-reality-firefox.png

A Guide for Coders

If you’re familiar with HTML, here are few great places to learn about A-Frame and get started building:

  1. A-Frame School  

  2. Remix this A-Frame starter example on Glitch

  3. Remix ‘Hello World’ in Code Pen

  4. The A-Frame Installation page provides more options for getting started with A-Frame.

  5. 360 degree Walkthrough

OR create an .html file and include A-Frame in the <head>. Here's the code: 

<html>

<head>

  <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>

</head>

<body>

  <a-scene>

    <a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>

    <a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>

    <a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>

    <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>

    <a-sky color="#ECECEC"></a-sky>

  </a-scene>

</body>

</html>

Read about how others have approached webVR development

  1. NPR: How we built a VR project using web technologies

  2. Minecraft in WebvR


Explore this library of curated components you can use in building your own environments

Internet Health Curriculum: About
13944710577_39b0ce417e_o.jpg

Classroom Curriculum


Build Virtual Realities IN YOUR WEB BROWSER with A-Frame

It's Free, Easy, and only requires a web browser and an internet connection - no fancy gear necessary.

Learn how @ the interactive A-Frame School

Internet Health Curriculum: About
Internet Health Curriculum: About

Digital Privacy and Security

Internet Health Curriculum: Headliner
source (1).gif
Internet Health Curriculum: About
Internet Health Curriculum: About
digital-security.jpg

How to Lead a Digital Security Workshop

A Practical Checklist For Leading Your First Training:

  • Remember to be as inclusive as possible. A broad welcome and a code of conduct go a long way.

  • Risk assessment (aka threat modeling, don't know what this is? Read this, this, or that)

  • Operational Security and Information Security basics (i.e. basic digital hygiene)

  • How to learn more and keep up to date

Logistics for Planning a Training

  • Choose an accessible space. Consider places like a community center, library, or cafe. ​

  • Real world promotion (fliers, postcards, personal invitations) will get real people. 

  • Drafting an agenda will help you plan time in the training, and remind you of what you want to cover and ask. 

  • Model good privacy practices. If you're going to take photos, check out these guides from Witness.org for tips on preserving privacy.

  • Tell trainees in advance what they should bring. 

​When your trainees leave the training, they should be able to:

  • Do basic risk assessment or threat modeling.

  • Understand the limitations of digital security training.

  • Share good info with their friends.

  • Have a way to keep up to date on digital security.

Internet Health Curriculum: About

Materials for offline learning

PRIVACY & SECURITY

phone-vs-phone-12001.png
Internet Health Curriculum: About
bottom of page