1 / 31

By: Christian Gallai Bradley Thompson Muhanned Qouqa

Virtual Office Renovation. By: Christian Gallai Bradley Thompson Muhanned Qouqa. Presented to: Professor Joseph Vybihal. ECSE 475 Design Project 2 Fall 2009. Topics. Introduction Front-End Development Back-End Development User Interface Development Web API Integration

jbentley
Download Presentation

By: Christian Gallai Bradley Thompson Muhanned Qouqa

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Virtual OfficeRenovation By: Christian Gallai Bradley Thompson Muhanned Qouqa Presented to: Professor Joseph Vybihal ECSE 475 Design Project 2 Fall 2009

  2. Topics • Introduction • Front-End Development • Back-End Development • User Interface Development • Web API Integration • Project Evaluation • Conclusion • Q&A • Demonstrations Christian Gallai Bradley Thompson Muhanned Qouqa Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  3. Topics • Introduction • Front-End Development • Back-End Development • User Interface Development • Web API Integration • Project Evaluation • Conclusion • Q&A • Demonstrations Christian Gallai Bradley Thompson Muhanned Qouqa Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  4. Topics • Introduction • Front-End Development • Back-End Development • User Interface Tools • Web API Integration • Project Evaluation • Conclusion • Q&A • Demonstrations Christian Gallai Bradley Thompson Muhanned Qouqa Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  5. Topics • Introduction • Front-End Development • Back-End Development • User Interface Development • Web API Integration • Project Evaluation • Conclusion • Q&A • Demonstrations Christian Gallai Bradley Thompson Muhanned Qouqa Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  6. Introduction • What is the Virtual Office? • Application for the future office space • Provides means of organizing workflow • Advantages for employee and employer • Ability to work from remote location • Important characteristics of the Virtual Office: • Universal compatibility • Communication between office workers • Work-Related Tools and Pages 1 Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  7. Introduction • What aspects are the most important in any office? • Communication • Workflow efficiency • Organization • Important aspects in any application? • Ease of use • Compatibility • Functionality • User Interface 2 3 Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  8. Introduction • Our Implementations: • Increase communication • Messaging System • Knock System • Personal Profile • Instant Messaging System • Increase workflow efficiency • Program Shortcut Tool • Website Link Tool • Zoho Writer Integration • Quick Search Feature • Ease of use • New Office Layout 4 Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  9. Front-End Development • Front-End Development Cycle: • Conceptual Design (Design Project 1) • Java Prototypes (Using JSwing in the Netbeans IDE ) • GWT Implementation (Using WebAppCreator) Front End Development 7 6 5 Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  10. Front-End Development • Step 2: Java Prototypes Program Shortcut Tool Website Link Tool Message Stack Tool Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  11. Front-End Development • Step 2: Java Prototypes Personal Profile Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  12. Front-End Development • Step 3: GWT Implementations Program Shortcut Tool Website Link Tool Message Stack Tool Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  13. Front-End Development • Step 3: GWT Implementations Personal Profile Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  14. Front-End Development • Step 3: GWT Implementations Knock Notification Knock Request Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  15. Virtual Office Renovation Christian Gallai Bradley Thompson Muhanned Qouqa Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  16. Back-End Development • Back-End Development Cycle: • Tool Inputs and Outputs • Poling Schedule for Communication • PHP-MySQL Interface • Data Processing to clean data passed between Java and PHP Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  17. Back-End Development • Personal Tools • Store and retrieve data to and from the database • Web Link, Program Shortcut, Quick Search • Tools Communication • Communication between employees via database • Knock Feature, Message Stack • Management Tools • Keep track of employee status and profile information • Editable Profile, Status Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  18. Back-End Development • MySQL Database Structure • Im_stack • Fields = id, sender_id, receiver_id, Date, Message • Msg_stack • Fields = id, sender_id, receiver_id, Date, Message, title • Notification_stack • Fields = id, recipient_id, sender_id, interaction, message, time_sent • Profiles • Fields = id, name, position, department, email, home_phone, work_phone, cell_phone, office, website, status • Program_shortcut • Fields = id, owner_id, nickname, path • Website_links • Fields = id, owner_id, nickname, path Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  19. Back-End Development • Communication Tools • Knock Feature • Get knock requester information • Get knock recipient information • Send Request to recipient • Notify Recipient • Initiate Instant Messenger • Message Stack • Get sender and receiver id’s and message • Send message with sender’s id to receiver • Mark all new messages in stack Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  20. Back-End Development • Instant Messaging System • Direct communication via the database • Initiated by the Knock Feature IM System Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  21. Back-End Development • Personal Tools • Website Link Tool • Retrieve stored link information and present to owner • Get and store new link information in database • Delete unwanted links from database • Program Shortcut Tool • Retrieve stored shortcut information and present to owner • Get and store new shortcut information in database • Delete unwanted shortcuts from database • Quick Search • Retrieve all profiles, shortcuts, and links • Present suggestions based on partially entered queries • Execute appropriate functionality based on query entered Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  22. Back-End Development • Management Tools • Editable Profile • Retrieve current profile information • Allow information to be edited before updating database • Status • Present current status along with other options in the form of a drop box • Implemented in PHP, stored in MySQL database 8 Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  23. Virtual Office Renovation Christian Gallai Bradley Thompson Muhanned Qouqa Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  24. User Interface Tools • Redesigned Office Toolbar: • Flash-Based Implementation for more interactivity • Quick Search • Developed using GWT Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  25. Web API Integration • Zoho Office Writer Integration: • Remote API • Integrated with PHP and MySQL 9 Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  26. Project Evaluation • Design 1 Projected Project Timeline: Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  27. Project Evaluation • Design 2 Project Timeline: Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  28. Project Evaluation • Project Design Discrepancies: • Office Tool Implementations performed concurrently • Prototyping phase overlapped into development phase • Video conferencing integration replaced with IM system • Important Design Issues • Browser security issues with office tools • Scheduling polling Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  29. Conclusion • Added features to increase communication • New tools to increase efficiency and usability • Added interactive and user friendly interface • Minimal deviation from projected timeline • Successful completion of main design features Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  30. References • [1]http://www.globalnerdy.com/wordpress/wp-content/uploads/2008/08/php_mysql _wordpress_developers_wanted_b5media.jpg. Accessed on November 20, 2009. • [2]http://www.clker.com/cliparts/b/1/f/a/1195445301811339265dagobert83_female_user_icon.svg.med.png. Accessed on November 20, 2009. • [3] http://www.sachagreif.com/stuff/grooveshark_icon.png. Accessed on November 21, 2009. • [4]http://standard-admin-icons.smartcode.com/images/sshots/standard_admin_ icons _26149.jpeg. Accessed on November 20,2009. • [5] http://voffice.cs.mcgill.ca/. Accessed on November 22, 2009. • [6]http:// studentdevelopers.ning.com/group/projectkenai. Accessed on November 20, 2009. • [7] http://code.google.com/webtoolkit/images/gwt-logo.png. Accessed on November 21,2009. • [8]http://www.globalnerdy.com/wordpress/wp-content/uploads/2008/08/php_mysql _wordpress_developers_wanted_b5media.jpg. Accessed on November 20, 2009. • [9] http://z.about.com/d/webtrends/1/0/7/4/-/-/Zoho-Writer.jpg. Accessed on November 20,2009. Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

  31. Q&A Christian Gallai (260218797), Bradley Thompson(260224857), Muhanned Qouqa(110229229)

More Related