After reading Stas’ proposal for a WordPress as LMS or course management system based on BuddyPress on the WP-Edu threads, my mind started to turn. What would I want a real WP as LMS site to look like and what features might it include? Below are the mockups that I came up with.
I enjoy reading Stas’ updates on his progress (which I wrote is now a Google Summer of Code sponsored project) and think he and his mentors are on the right track.
The images below show a bit small, so feel free to download the .zip of all the full resolution images. Thanks to WooThemes for their amazing icons available for use – they were put to good use in this project.
The landing page upon student login. Students see the information they need to navigate. The tan left hand sidebar drops down to unveil quick links to important tools and pages including their activity, links to their courses, their inbox, etcetera.
Course Central – Specific Course
Going into a specific course provides them with a brief overview of class activity, their peers’ avatars, professor information, and links to course content like assignments, schedule, and grades.
One of my personal favorites. Course materials really breaks down what exactly makes up the course. From number of posts by professor and peers to downloadable documents, it takes the idea of “materials” and expands on it.
Course Materials – Specific Course
Course materials for a specific course really breaks down what assignments are upcoming, the downloadable documents available, and a bit more. If I were to expand on this idea I would create a tighter relationship between the data shown on the original Course Materials page and a specific course.
Pretty basic yet handy. For all courses enrolled, it breaks down what’s upcoming in the schedule at a glance and then also in calendar month format. While hovering over an item in the calendar a nice floating pop-up box appears to show more details.
Schedule – Specific Course
Just like the general course page the specific course page shows only its related content.
Another page I’d put a bit more effort into if I were to pursue this project. It does a nice job of showing basic grade information at a glance but nothing beyond that.
Grades – Specific Course
Grades for a specific course produces a cleaner breakdown of what has been turned in and graded and what assignment is upcoming but not graded. There’s also an option to quickly directly message the assigned professor for the class about a specific assignment. I might make the assignment subject box for the message a drop-down of listed assignments for clarity instead of relying on the student to get the exact assignment name right.
Tools acts as your basic profile settings page. The only addition is the ability to add to or remove yourself from courses.