1. Project CSTutor Group Leader:David Gurba Technical Leader: Tommy Tsan Librarian/Secretary: Nolan Marcy Documentation Specialist: Hiep Nguyen Aesthetic Specialist: Derrick Lau

2. What is CSTutor? A tool designed to aid in the learning process for both instructors and students. Users can create and view tutorials or “Lessons.” Additional features include a FAQ Board, Course level chat rooms and Remote Assistance.

3. Pros and Cons Pros Provides a computer based solution to the need for tutors. The tool itself is easy to use, nice to look at and non-threatening to users. Cons Possible spread of misinformation

4. Who uses CSTutor? Three major types of users: Instructors Students Administrators Used mostly on campus in offices and computer labs but can also be used at home with an internet connection.

5. Topics of Interest Features discussed in customer interviews: “Fixed” vs. “Free” mode. FAQ Board Runable Code Segments

6. CSTutor UI Overview Three types of Users: Administrator – add/remove servers, setup/maintain filesystem, has a password Instructor – can create Lessons saved in their directory, can view student statistics Student – can “view” a Lesson and take quizzes, can also create Lessons. Three distinct User Interfaces: Interfaces for Admin – Portions of the overall UI accessible only by the Admin. Editor Interface – The main UI which allows creation of Lesson. Viewer Interface – A subset of the main UI (Editor) that can view and transmit data.

7. Initial Interface Admin Authors

8. Admin and Authors File Menu

9. Initial Student Interface Initial empty until lesson selected

10. Student File Menu Expanded Menu Subset of Author Menu

11. Creating Lesson Example of Creating A Lesson “FOR LOOPS”

12. Editor Overview Basic Editor window and Tools From here create “Lessons” Lessons consist of Nodes with information (info nodes), Runnable Code and Quizzes. Nodes are linked together via Node Links quizzes can have many links to nodes before a quiz (to re-teach or reinforce knowledge) screen after “File  New” Blank Node 1 Roadmap with Node 1 empty

13. Node 1: “Intro Node” Creation Lesson Title, Teacher Name Use text tool and line tool Dynamically updates to Roadmap tile of node. Nodes can have a Background, Text, Lines, Freeform, Images, Rectangle, Oval, NavLink, Code contained in them. Selecting “Authoring  Add InfoNode” to begin a new node.

14. New Node Created Opens a new blank node in the editor. Links the previous node to the new node in the Roadmap, automatically.

15. Runnable Code Node Creation Code of for loop Use runnable code button Contents can be compiled. Runnable Code node may contain any data that a Node can except for elements of a Quiz

16. NavLink Example Author can place a link within a node to link to a different node.

17. Node Summary Allows Authors to give information about the node Similar to tool tip

18. Lesson Properties Allows the Author to set options for the lesson Set Sections Give Description Free/Fixed Mode

19. CSTutor Creating a Quiz 4 types of Questions Enter Questions and Answers Point values required for next path

20. CSTutor Viewing a Lesson Roadmap – shows whole lesson Navigation buttons Message Boards Chat room CSTutor Viewing a Lesson

21. CSTutor Taking a Quiz Timer function Different types of questions Run-able Code Quiz results path

22. CSTutor Administrative Functions Add/Remove Hosts Change Password Hosts used for Lesson Viewing information

23. Using The Chat Room Features: Chat publicly to everybody Chat privately with one person

24. Figure 1 Figure 2 Figure 3

25. Figure 4Figure 5 Figure 6

26. Remote Access Assistance Allows one user to take control of other user’s screen remotely.

27. Figure 1Figure 2 Figure 3 Figure 4

28. Figure 5 (Helper’s screen, Before) Figure 6 (Helper’s screen, After)

29. Smart FAQ Board Search for a question in database, either answered or not. Add question to database

30. Figure 1Figure 2 Figure 3Figure 4 Search an FAQ

31. Add Question to Database

32. Viewing Student Data/Statistics Allows students to check their scores on a particular Lesson Allow teacher to view statistic on a Lesson or a student Search student by First Name Search student by ID

33. Student Record

34. View Lesson Statistic

35. Search by Name or ID Figure 1 Figure 2 Figure 3

36. CSTutor RSL Module Overview Relatively simple module breakdown. LessonDB.rsl is the underlying module that many other modules need View.rsl Authoring.rsl Edit.rsl File.rsl By far, Authoring.rsl uses LessonDB the most when compared to all other modules. …now a look at LessonDB.rsl

37. LessonDB.rsl UML High-Level Overview

38. Admin.rsl UML High-Level Overview High level view of Admin.rsl Offers the objs and ops needed to perform Administrator level tasks.

39. RSL code Example1 : Admin AddHost op AddHost (hdb:HostDB, hr:HostRecord) -> (hdb':HostDB); description: (*Add the given HostRecord to the given HostDB. The IP Address of the given host record must not be the same as a host record already in the HostDB. The IP Address component is required and must be a correctly formatted IP Address. The URL component is optional. There are no rules for the URL*); pre: (*The IP Address of the given host record must not be the same as a host *record already in the HostDB and the IP Address component is not nil.*) (hr.ip != nil) and (forall (record in hdb) (record.ip != hr.ip) ); post: (*The given host record is in the output HostDB*) (hr in hdb') and (* All the other host records in the output db are those from the input db, and only those. *) forall (hr':HostRecord) (hr' in hdb') iff ((hr' = hr) or (hr' in hdb)); end AddHost;