Chris Pollett > Students >

    ( Print View )


    [CS 280 Project Blog]

    [CS280 Proposal]

    [Project Screen captures]

    [Download Source code [zip]]


CS 280: Graduate Individual Studies Project Blog

Web-Based Replacement for PowerPoint

(With Collaborative note-taking capability)

Advisor: Dr. Chris Pollett

May 5 2009

I had finished all the changes requested by Dr.Pollett. He was very happy with the final outcome. In the final meeting we discussed about the possible enhancements that could be done in the future. I have also published some snapshots of the tools that we created to-gether and the entire code base as quick links.

April 28 2009

I had created new toolbar set for the Slide-Creator. I had also coded a new function that handles fetching the next slide when a slide is deleted. I had also made som improvements on the view slideshow functionality by changing it to a save button. This functionality enables us to save upto 3 copies of a particular file. Dr.Pollett was quite happy with this work , now he wanted me to retain the header information in the original slide files when I save the file so that we do not lose the style associations and any extra information in the existing file

April 21 2009

This week I did more coding than usual. I had integrated the FCK editor toolbar with a text area that is not directly connected the toolbar. I had also coded the preview functionality for the side pane . The object oriented framework that I had coded earlier for Slide-Creator made this task much easier. I had also incorporated delete slide functionality as well. I had also inccorporated a functionality which would help to load the slide in the main panel(where one can edit slides) when its preview is clicked. Dr.Pollett asked me to create a proper FCK editor toolbar set for the slide-creator and asked me to change the way I had implemented the View slide show functionality

April 14 2009

This week i had my initial framework coded and ready. I had also coded the part that adds new slides. I had also tried some code to integrate the FCK editor along with the slide creator. But I did not still have the FCK editor integrated with the Text area that is used to change existing slides. Dr.Pollett was impressed with the implementation and suggested me to have a preview pane so that the final outcome would be more like Powerpoint.

April 7 2009

I had completed the look and feel changes suggested by Dr. Pollett and was also prepared to discuss the architecture and functionality of the Slide-Creator. Dr.Pollett was convinced with my work on the notetaking part(Which he named it noteslidy).So we went ahead and discussed the details of implementation for Slide-Creator

March 31 2009

Finally I was able to find and nail the bug in IE, I found out that the bug was because of the event object created in the key press event inside the slidy.js . I handled this case by writing IE specific code . Now that I got this working Dr.Pollett asked me to change the look and feel of the notes pop-up in such a way that there would be more space for viewing the notes.

March 24 2009

Meeting Missed--Caesar Chavez Day

March 21 2009

Spring Break

March 17 2009

I made the changes told by Dr.Pollett to the authentication mechanism for saving the notes. I hashed the student id using a javascript hash function at the client side and then sent it to the server side through AJAX request. On the server side the PHP code once again hashed this hash of student id and then saves the note in a div with onclick event as follows.onclick="editNote(this,'fe4b9a9ca40e055e41dd5c053a8ea813')" Now when a user tries to edit any note the onclick event of the div is triggered and the MD5hash(JShash(studentid)) is stored in a hidden text element. Then a pop up opens up showing an FCK editor which contains the text in that div and the user tries to edit this text and saves it. Now the JShash(studentid) and MD5hash(JShash(studentid)) are sent back to the server side for authentication. The PHP code does the MD5 hash around the JShash(studentid) and then verifies it with the value got from the client and authenticates the change if the values are true. Else it does not authenticate the save. I identified that the scripts worked for certain settings on IE8 and then myself and Dr.Pollett tried to check the original version of slidy on IE8 on my PC and we found that that was also failing. I suggested that i could rewrite the slidy.js in Jquery to avoid browser issues.

March 10 2009

I solved the issue of editing the notes by eliminating the use of both name and class instead I just made my server side code write an onclick event on the div and pass the student id to the client side. While trying to edit the note the current student id set on the form and the student id written by the server side script on the file are passed again to the server side and then verified there ,if they are different then the authentication for editing that particular note fails. Still I was not able to figure out the IE issue. Dr.Pollett had a look at my code and asked me to make a couple of changes in the authentication mechanism.

March 3-2009

I tried to code the additional features as requested by Dr.Pollett. I was successful in saving the notes as planned, and I created a pop up inside the notes pop up yo facilitate editing the notes. But I was not able to save the notes properly. This was because the DIV tag did not have a name property as per W3C standards and I tried using "" in some part of my code . Dr.Pollett advised me to make use of the class property of the div element instead of using the name property. Then later we tried executing the entire code in different browsers and we found that My code was not working in Internet Explorer 8. So my next task is to make the code work in IE8 and the proceed further

Feb 17-2009

I had reduced the number of items on the menu bar of the FCKeditor ,by making some changes in the configuration file of the FCKeditor's menu bar.I had also implemented a functionality to add new namespaces and display existing namespaces.I had also added code to display notes added on a slide ,when ever the user moves to that slide.Dr.Pollett asked me to incorporate a way by which many students could add their notes in the same namespace by adding a HTML DIV tag around each saved node and having some name to identify each student. He also wanted me to make the notes of a student editable only by himself

Feb 10-2009

I had removed the text box in the Notes pop up and integrated an instance of the FCKeditor inside the Notes pop up. I had also made changes in the configuration files of the FCKeditor so that all the functionality in the editor works properly. Now I also implemented a basic save functionality using which the user can save a note. The user has to create a new Namespace or use an existing Namespace in order to save a note. The note would be saved in the following path of the server "[DOCUMENT ROOT]/CS280/notes/[namespace]/[slide show name]/[slide_title_[slidenumber]]". Dr.Pollett asked me to cut short the size of the FCKeditor's menu bar and remove the save button on the menu bar and instead add a post button to the bottom.

Feb 3-2009

I added the notes link to the task bar of the HTML slides, Upon clicking the notes link on the task bar of the slides , a pop up will open and It would display a text area for typing out the notes and has a save button in it. This week Dr.Pollett explained to me about the architecture that has to followed during the implementation process, and he asked me to add a facility to create and use Namespaces in which the notes much be saved

Jan 26-2009

I discussed the details of the project with Dr.Pollett and we discussed the order in which the deliverables are to be delivered. As a result of the discussion, I decided to start the collaborative note taking module. This module is about to be built over the existing SLIDY, by adding some code to the Slidy.js file.