1. CAESked Computer Aided Engineering Scheduler

2. Introduction Team Members: Chris Fruin & Jerry Grochowski What CAESked is: Web based class scheduling application

3. Overview Background Design Decisions Design Implementation Testing & Security Next Steps Summary

4. Background The Client Prof. Karlis Kaugars WMU Students

5. How do WMU students decide on their class schedule? Create a draft a weekly schedule Class time conflicts? Time for work? Class locations? WMU needs a class scheduling tool Background – The Scheduling Problem

6. Background – Current Options Pro - Section Meeting Times Con - Focused on one class at a time GoWMU Banner

7. Background – Current Options Pro’s Simple Cons Errors Changes Handwritten Schedule

8. Background – Current Options Pro’s Week View Easy Changes Cons Errors (Input the data) Time-consuming (Input the data) Scheduling Software (i.e. Microsoft Outlook, Google Calendar, etc.)

9. Background – Current Options Scheduling Software – Microsoft Outlook 2007

10. Background – Current Options Calendar Software + WMU’s data Focus on Weekly Schedule View Lookup Course and Section Info Especially Class Times Desired Solution Features

11. Background – WMU Data Availability Lightweight Directory Access Protocol (LDAP) Directory Service (~database) BroncoNetID gets registered and available classes Registrar has the authoritative data Prerequisites

12. Design Decisions Programming Languages Used PHP – server side JavaScript – user side PHP/JavaScript/AJAX for a dynamic web app Hardware Used “Dolby” - Apache Web Server Read Only Data Still register through GoWMU

13. Design – PHP PHP serves up dynamic webpages Semesters will update automatically How?...

14. Design – PHP (In caesked.php) // HTML element that will hold the semester select // PHP function call to dynamically make the HTML // for the select widget (In makeSemesterSelect() function) // Create HTML for a “Fall” option echo(" Fall $myYear ");

15. Design - PHP Semester Select HTML produced: Spring 2009 … Fall 2010 …

16. Design - AJAX AJAX – Asynchronous JavaScript and XML

17. Design – jQuery and AJAX // jQuery function, called when everything // has loaded on the page $(document).ready(function() { // jQuery function, asynchronously gets data // from LDAP via PHP $.post(‘backend.php', jsonString, function(data) { subList = data; // Store the subjects list }, 'json'); // end of post AJAX }); // end of document ready

18. Implementation - Login Login using Bronco NetID and password Successful login redirects to Schedule View

19. Implementation – Schedule View

20. Implementation – Quick Add Quickly add courses by Subject and Course Number

21. Implementation – Quick Add

22. Implementation – Advanced Add Guided Browsing At a glance Compatibility Step 1 Choose Subject Step 2 Choose Course Step 3 Choose Section

23. Implementation – Advanced Add

24. Implementation – Map View

26. Testing Unit Testing PHPUnit User Testing User Interface Design Feedback Browser Compatibility Internet Explorer 7 & 8, Firefox, Chrome, Safari

27. Security HTTPS Encrypted login credentials and personal data Limited User Input Text Prevents SQL Injection and XSS Type Attacks Validation of Input Text User “Sessions” managed by PHP Tried and true

28. Implementation – Next Steps Features for the Future Add other appointments Print & Save functionality Main campus room locations Maintenance CAESked Automatically updates: Semester, Courses, etc. CAE Staff: Web Server updates

29. Summary WMU needed a class scheduling tool CAESKED Weekly calendar software + WMU class data PHP/JavaScript for a dynamic web application Features Weekly Calendar Class lookup Map of class locations

30. Thanks + Questions Thank you for attending! Thank you: Prof. Kaugars Prof. Kapenga CS 3400 students Josh Antonishen (CAE Staff) https://www.ceas.wmich.edu/caesked