Saman Elyahoodayan Rahul Dasoar

 The University Student Union was primarily using static web pages and needed to upgrade their web site so that an administrator can perform many tasks and be able to deliver more information to the students.  The web site gives an administrator the ability to post events. The administrator has the ability to associate images with events. The web site keeps track of the date of every event for the purpose of showing any upcoming events. The web site gives users the ability to search for events. The web site allow students to sign up for events.  The web site has two calendars to display the posted events in an organized manner. The home page includes links to different departments to give more information about every one of them.  The website provides the users with PDF files to request private rooms and other request forms to meet the needs of the students.

1. The web site shall allow the administrator to post events. 2. The web site shall give users the ability to search for events. 3. The web site shall have a calendar to display the posted events in an organized manner. 4. When an event is posted the date of the event shall be linked with its associated date on the calendar. 5. Upon user’s click on a specific date on a calendar the event(s)’s details for that very date shall be displayed. 6. There shall be two calendar’s on the Main page of On the main Page. 7. The web site shall display the upcoming events. 8. On the home page the web site shall display the three upcoming events that going to happen which are after the current date of visit. 9. The events shall be displayed in chronological order.

10. The home page shall display news that will be given by an administrator. 11. The home page shall include link for the following departments to give more information about every one of them: 11.1 About Us 11.2 Governance 11.3 Meet Our Staff 11.4 USU Phone Directory 11.5 Floor Plan 11.6 Calendar 11.7 Center for Student Involvement 11.8 Cross Cultural Center 11.9 Asian Pacific Islander Gender and Sexuality Resource Center

 Chicana/ Latina, etc  Xtreme Fitness Center  The Pit  Union Meeting and Event Services  Photo Gallery  Tenants  LA Art Exhibition  12. The web site shall include a dynamic Google map for the users to see the location of the CalstateLA campus.  12.1 The address of the CalstateLA must be displayed in a textual format.  12.2 The main phone number of CalstateLA shall be displayed.  12.3 The fax number to CalstateLA shall be displayed on the web site.  12.4 The to contact CalstateLA shall be displayed.  12.5 The web site shall display the hours of the University on the main page.

 In order develop this dynamic web site we first decided to use C#, but because C# was proprietary and not an open source language Drupal was used instead.  Drupal is a content Management System that has modules written in the PHP language itself.  Developing a web site is easy for a web developer as it gives the programmer the ability to use pre- made objects and templates.  This technology uses MYSQL for storing data and by using this database program it keeps tracks of events, ad, etc.

 Drupal is a Content Management System that is written in PHP.  Using Drupal a programmer can create Menus, ad, and keeps track of events on his/her web site.  Drupal is a modular system; in our project we have used many modules in order to meet the needs of the web site.  Drupal modules come in a great variety that include Image Gallery, Page, Event, Calendar, etc.

1. admin_menu 2. block 3. Blog 4. calendar 5. Color 6. Contact 7. Ctools 8. Date 9. Devel 10. Image 11. imagefield_gallery 12. Jquery 13. Node 14. search

 Every Node or block is derived from a template; the template defines the basic look and feel and code of every node and block.  In our code the template files are stored in PHP files that have a “tpl” at the end of their names.  For example the code for “block.tpl.php”; the tpl in the file name identifies the file as being a template file for blocks.

To demonstrate the web site better Snapshots of the following page have been taken: 1. Main Page 2. Event 3. Contact Us 4. Department Image