EduSteem - Student Interaction

Repository

https://github.com/bflanagin/EduSteem

Continuing from the my last post ( here ) we continue to work on the student interface. In this update we look at the student's lesson view and how an educator creates tasks for them.

New Feature: LessonView

The lesson view area is where the students will do most of their work. Whether they are just watching a video or composing an essay the lesson view screen is where most of that will take place.
As you can see, several tabs run along the right hand side of the screen. The top two should be self explanatory, but under activity you will find various task related options such as "Turn In", "Take a break", etc. This will also be where educators can leave messages for the students for needed corrections.

Implementation

The LessonView.qml file houses the UI elements as well as the code needed to load the proper template for the task, and we call the loadTask function found in student.js to select the proper lesson.

New Feature: Assignment Editor

Default View

Selected

Once the lesson view concept had been nailed down I had to rethink how someone selects what the students will be doing, how that data would be added to the database, and how to make choosing the right assignment type as easy as possible. This replaces the old text only input from previous versions. Please note that the information added to the database is scrubbed of all special characters and replaced by database friendly information.

Implementation

As with all my work in Qt the UI is separated from the logic. Thankfully nothing had to be done in the logic given that all the needed functionality was already in place. If you would like to check out the qml file you can find it here ( AssignmentEdit.qml)

New Feature: Assignment Templates

Behind the above features are a set of templates and their associated settings pages. Named logically after their task this update includes:

• Journal: A text document that is used for the students thoughts. Includes a template for adding images, as well as one with a prompt.

• Writing: Similar to the Journal tasks this task will be used for any long form text input and is graded on a different metric.

• Web: Displays a website for the students to interact with. The templates include: Site Only, Site+Notes, and Site+ Questions depending on what the educator needs.

• Video: Similar to Web but with a video window instead of a web-page.

Implementation

All code required for these templates can be found here (Templates)

New Feature: Assignment List View

Last but not least, with the new data being created by the assignment editor we needed a new way to display the assignment in the lesson plan editor. It is indeed a simple implementation requiring very little code. However, the addition to the interface is as important as any other aspect when it comes to usability.

Implementation

The code for this addition can be found here (Assignment_ListView.qml)

In the next post I will have implemented most of the back and forth between the student and the teacher. Making sure that things move smoothly between new, started, reviewed, revised, and accepted will be key to the success of the project.

Find out more

eduSteem is going through a development sprint. These weekly updates, help keep me on track as well as giving those that are interested detailed reporting of my progress. The goal is to have it ready for use in a small school setting by the end of July. For further reading check out these other posts here on Steemit.

• Introduction
• Week 1
• Week 2
• Week 3a
• Week 3b
• Week 4
• Student interface (Dashboard)

GitHub Account

https://github.com/bflanagin/