jcm155 / engcmp1430-intro Goto Github PK

#Usability Testing Introduction

Why not use code to help your students introduce themselves? It's an easy way for you to introduce your students to a little bit of computer science and build their coding literacy.

Students work through the prompts in the index.html code to construct their own web page that exlains who they are and where they are going. I ask that my students actually present their page to the rest of the class. But before we do so--and even while the presentations are going on--I give students time to work together to debug their projects.

This template also allows the user to mix and match div. blocks should students wish to further customize their work. It's a great introduction to coding that will allow them to use our other tools found: HERE

1. Go to the Usability-Studies-Introduction repository: HERE

2. Click "Code" then "Download ZIP" to your local computer.

3. Find this folder in your downloads. Move this folder to a secure place. You will return to this folder to manage your scripts and other assets like images, pdfs, etcetera.

4. Download and/or open a text editor like brackets.io, atom.io, or notepad-plus-plus.org.

5. Use the text editor to open the style.css and index.html documents from your project folder.

6. Start working with code by reading through the index.html where you'll find instructions on how to build your own web text!

7. Once you have modified and added your files to your project file, you will want to publish to the web. GitHub provides a good solution for "free." Create a GitHub account, then create a new repository for this webtext. Click "uploading an existing file," (push) your files into this repository. You'll need ALL of your assets to make your webtext function properly. Upload assets, then hit "Commit changes."

8. Now go to your repository "settings." Scroll down to "GitHub Pages" and change the setting from "none" to "main." Hit "Save"

9. This will provide you with a published GitHub URL.

10. Test the URL in a browser. Magic, no? Actually, it's computer science.

Check out our other cool coding tools HERE