Small Project: Updated Online "Book"

This project updates an online Learning Experience (typically found in a book, lesson, animation, or video) to improve the value or effectiveness for students.

You do not need to implement a fully working website. Use "dummy" data to demonstrate how you expect features to work rather than implementing "server-side" functionality. Your Software Artifact can combine:

• functional software (using tools such as Flowbite's Svelte Components or React Suite Components)
• interactive wireframes (using tools such as Wordpress, Squarespace, or Wix)
• visual slideshows with written explanations between each (using tools such as Figma, PowerPoint, or ExcaliDraw (a Markdown-oriented drawing tool!))

You may work in groups or on your own. You may use ChatGPT or other LLM to help you as long as its contributions are clearly referenced.

Submitting your Work

Fork the assignment repository to make your own personal area to work in and use GIT to push your agent to it. You must push your progress for at least the following deliverables:

• in-class demo: present your subject area and learning goals, at least one persona, data you feel needs to collected, at least one connection to a learning theory, at least one ethical consideration, and an initial interactive wireframe
• first complete draft: functionally complete Software Artifact of your Learning Experience, first draft of your README (with no user feedback), and a video demo
• final version: revised version of your Learning Experience incorporating user feedback from at least two students in the class and two students outside the class, final version of your README, and a video demo

In addition to the basic information included in the README file:

• explain the subject area and learning goals you are hoping to achieve and how your Learning Experience supports achieving them
• describe two specific learner personas in as much detail as possible and how they benefit from your Learning Experience
• justify what data about learners using the system you would track by linking it to feature(s) you envision
• justify your UI design and features with learning theory or principles
• address ethical, equity, bias, and inclusion considerations in your UI design and features
• final draft only: include impressions or quotes from at least four students who have interacted with your Software Artifact and how you addressed their feedback in your final version

Record two videoes, no more than 5 minutes long, going through your Learning Experience: one for the Complete Draft and and one for the Final Version. You can use Zoom or there are many free screen capture tools available or free trials of some pretty powerful tools as well.

Specifications

Think about how to combine learning about a topic (via text, animation, video, etc.) with practicing and assessing that learning (via interaction, questions, building, etc.) into a single experience (like a typical online textbook does it rather than simply a collection of videos). Whatever you think would help students is fair game to include, as long as you can explain how it helps and justify from a learning theory or principle. There are many dimensions along which you can think about improving a typical Learning Experience:

• providing different views of the topic
• requiring some interaction to move on to the next part
• gamification
• socialization
• validation or verification of completion

If you do not have any specific ideas for improvements, feel free to ask your friends or other students.

Here are several examples of online learning experiences to draw inspiration from. You are also welcome to look at any other examples online, but your version should be distinctly different from any you find (i.e., create your own, do not simply copy one).

• Python Bakery
• Duolingo
• Khan Academy
• Brilliant
• Codio
• Bible Project Classroom

Here is a running website and the source code from a former student if you want to use it for ideas, example data, or a starting code framework.