List of Figures



Figure 2.1.1a: Initial Screen with Empty Tutorial
Figure 2.1.1b: Fully Expanded Menu Structure
Figure 2.2a: Initial New Tutorial Window
Figure 2.2.1a: Completed Hello World Page
Figure 2.2.2a: Completed Hello World Quiz
Figure 2.2.3a: Blank Local Pages Window
Figure 2.2.4a: Login Dialog
Figure 2.2.4b: Blank Database Tab of Pages Window
Figure 2.2.5a: Initial Local Tab of Pages Window
Figure 2.2.5b: New Page Added To An Empty Tutorial
Figure 2.2.6a: Second Page Added To New Tutorial
Figure 2.2.7a: Viewing and Editing Hello World
Figure 2.3.1a: Interface layout of empty page
Figure 2.3.1b: Sample page after the user enters some text
Figure 2.3.1c: Interface layout of image insertion dialog box
Figure 2.3.1d: Interface layout of image insertion dialog box filled out
Figure 2.3.1e: Sample page with added image
Figure 2.3.1f: Interface layout of page database browser
Figure 2.3.1g: Link generator dialog box
Figure 2.3.1h: Link generator dialog box, filled out
Figure 2.3.1i: Sample page with added internal and external links
Figure 2.3.1j: Empty code segment, upon initial insertion into page
Figure 2.3.1k: Filled out code segment
Figure 2.3.1l: HTML view of a Page <-- BROKEN IMAGE
Figure 2.3.1m: Interface with sample content
Figure 2.3.2a: A new quiz.
Figure 2.3.2.1a: Question tag example.
Figure 2.3.2.2a: Toolbar buttons for quizzes only.
Figure 2.3.2.3a: Quiz after some text added.
Figure 2.3.2.3b: Insert Question Dialog.
Figure 2.3.2.3c: Insert Question Dialog after user input.
Figure 2.3.2.3d: Insert radio button dialog.
Figure 2.3.2.3e: Insert radio button dialog with checkbox selected.
Figure 2.3.2.3f: Quiz after question one.
Figure 2.3.2.4a: Insert checkbox dialog.
Figure 2.3.2.4b: Insert checkbox dialog with checkbox selected.
Figure 2.3.2.4c: Quiz after question two.
Figure 2.3.2.5a: Insert textbox dialog.
Figure 2.3.2.5b: Insert textbox dialog with correct answer inputted.
Figure 2.3.2.5c: Quiz after question three.
Figure 2.3.2.6a: Insert code segment dialog.
Figure 2.3.2.6b: Insert code segment dialog with correct answer inputted.
Figure 2.3.2.6c: Quiz after question four.
Figure 2.3.2.6d: A completed quiz.
Figure 2.3.2.7a: Quiz Options with optional settings greyed out.
Figure 2.3.2.7b: Quiz Options.
Figure 2.3.2.7c: Dialog that lets the user define Helpful Links.
Figure 2.3.2.7d: Helpful Links dialog after user input.
Figure 2.3.2.7e: Next-Lesson Links dialog.
Figure 2.3.2.7f: Next-Lesson Links dialog with more rows.
Figure 2.3.2.7g: Next-Lesson Links dialog after user input.
Figure 2.3.3a: Initial New Tutorial Window input.
Figure 2.3.3.1a: Local Pages Window
Figure 2.3.3.2a: New Page Added To An Empty Tutorial
Figure 2.3.3.3a: Log In Dialog
Figure 2.3.3.4a: Filled Log In Dialog
Figure 2.3.3.5a: Invalid Account Information
Figure 2.3.3.6a: Database Tab of Pages Window
Figure 2.3.3.6b: Emptied Database Tab
Figure 2.3.3.7a: Downloads Subdirectory In Local Tab Of Pages Window
Figure 2.3.3.8a: More Pages Added To Tutorial
Figure 2.3.3.9a: Completed Tutorial
Figure 2.3.4a: TutorialZ
Figure 2.3.4.1a: Log In Dialog
Figure 2.3.4.1b: Filled Log In Dialog
Figure 2.3.4.2a: Post Info Dialog
Figure 2.3.4.2b: Completed Post Info Dialog
Figure 2.3.4.3a: Post Successful Message
Figure 2.3.4.4a: Post Failure Message
Figure 2.4.1a: Initial Browse tab in Tutorials window.
Figure 2.4.1b: Final Browse tab in Tutorials window.
Figure 2.4.2a: Initial Search tab in Tutorials window.
Figure 2.4.2b: Completed Search tab in Tutorials window.
Figure 2.4.2c: Search Results window.
Figure 2.4.3a: Initial Search tab in Tutorials window with some advanced options displayed.
Figure 2.4.3b: Initial Search tab in Tutorials window with all advanced options displayed.
Figure 2.4.3c: Completed Search tab in Tutorials window with some advanced options displayed.
Figure 2.4.3d: Completed Search tab in Tutorials window with all advanced options displayed.
Figure 2.4.4a: History tab in Tutorials window.
Figure 2.4.4b: Fully expanded History tab in Tutorials window.
Figure 2.4.5.1a: Tutorial viewer with roadmap.
Figure 2.4.5.1b: Blank Tutorial Viewer window with toolbar.
Figure 2.4.5.1c: Sample tutorial page.
Figure 2.4.5.2a: Sample code segment display
Figure 2.4.5.2b: Sample code segment display with output
Figure 2.4.6a: The quiz before it is taken.
Figure 2.4.6b: The quiz after it is taken.
Figure 2.4.6c: Quiz results.
Figure 2.5.1a: The chat room listing
Figure 2.5.1b: the chat room window.
Figure 2.5.1c: the active chat room window.
Figure 2.5.2a: The Remote Control Request dialog
Figure 2.5.2b: The Remote Control Request dialog with information in the fields
Figure 2.5.2c: the confirmation dialog.
Figure 2.5.3a: The Tutorial listing
Figure 2.5.3b: The Message Board Initial Screen
Figure 2.5.3c: Viewing The Quiz post from the Message Board
Figure 2.5.3d: Posting a Reply
Figure 2.5.3e: Posting a Reply with meaning
Figure 2.5.3f: The Reply, now posted
Figure 2.5.3g: The thread list with the new reply posted
Figure 2.5.3h: Posting a new thread
Figure 2.5.3i: Posting a new thread with meaning
Figure 2.5.3j: The new thread in the thread list
Figure 2.6a: General Statistics
Figure 2.7.1a: Initial Login Dialog
Figure 2.7.1b: Anonymous Login
Figure 2.7.1c: Sample Completed Login Dialog
Figure 2.7.3a: Blank Manager User Accounts Dialog
Figure 2.7.3b: Adding a New user
Figure 2.7.3c: Add User Completed
Figure 2.7.3d: User Added Successfully
Figure 2.7.3e: Delete Confirmation Dialog
Figure 2.7.3f: Deletion Successful Dialog