CAESked Computer Aided Engineering Scheduler

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

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

Background The Client Prof. Karlis Kaugars WMU Students

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

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

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

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.)

Background – Current Options Scheduling Software – Microsoft Outlook 2007

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

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

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

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

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 ");

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

Design - AJAX AJAX – Asynchronous JavaScript and XML

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

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

Implementation – Schedule View

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

Implementation – Quick Add

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

Implementation – Advanced Add

Implementation – Map View

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

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

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

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

Thanks + Questions Thank you for attending! Thank you: Prof. Kaugars Prof. Kapenga CS 3400 students Josh Antonishen (CAE Staff)