Graduate School Website

In partial fulfillment Of the requirements For the course INTE_204 (System Analysis and Design)

Submitted By: FloricarlLucila Pamela Joy Celerio Ricardo Magadan

October 05, 2013

Executive Summary Chapter 1 Chapter 2 Chapter 3 Chapter 5 Chapter 6 List of Figures Figure 4.1 Figure 4.2 Figure 4.3

Chapter 1 - Project Background Introduction Brief discussion of the website- First paragraph We know that the unit we are assigned have their existing website. In our website project it helps a lot in such a way that it makes work more progressive and productive. It is also help the students or the graduates who want to take doctoral or mastered degree. A Web site is a related collection of World Wide Web (WWW) files that includes a beginning file called a home page. A company or an individual tells you how to get to their Web site by giving you the address of their home page. From the home page, you can get to all the other pages on their site. For example, the Web site for IBM has the home page address of http://www.ibm.com. (The home page address actually includes a specific file name like index.html but, as in IBM's case, when a standard default name is set up, users don't have to enter the file name.) IBM's home page address leads to thousands of pages. (But a Web site can also be just a few pages.) Since site implies a geographic place, a Web site can be confused with a Web server. A server is a computer that holds the files for one or more sites. A very large Web site may be spread over a number of servers in different geographic locations. IBM is a good example; its Web site consists of thousands of files spread out over many servers in world-wide locations. But a more typical example is probably the site you are looking at, whatis.com. We reside on a commercial space provider's server with a number of other sites that have nothing to do with Internet glossaries[1]. A website for the graduate school unit will help them promote and market there programs and courses offered for graduate students as well as people who wanted to take mastered degree. To keep the members of the unit updated with the recent happenings, announcements in the unit. Also letting their members know the head and staff of their organization. The present website or the existing website of our unit has a problem because they said that there are some missing documents in their website. Information about their units announcement, organizations, schedules and other related information cannot be seen on the present website since it is all about the university and not about their unit. RATIONALE Why is the project developed? the project developed because it is our project requirements in System Analysis and for us to sharpen our skills and by meeting the said requirements from the unit but some of the requirements are we cannot do or commit the said requirements.

Problem Definition The problem of the existing website some of the information are missing and some of them are not working. Unfamiliarity between the members of the unit. Opportunities Objectives To meet the said requirements and sustaining and increasing enrollment in graduate school. Specific Objectives To obtain the existence of good management of their departments. Provide a Working Website that can be used by department or use by the students and people who wants to have to take a degree or masteral. Give convenience for the viewer who needs further information such as functions of the unit. To reach the satisfaction of the unit needs.

Scope and Limitations The scopes of our website are the student who wants to take masteral and doctoral degree and also the faculty and staff of the unit. For the student they can see some information, schedules of classes and programs that the unit offered for the semester. For the Faculty and Staff they can overwrite the website and to change the schedule of classes for the semester and the organizations.

Chapter 2 Review of Related Studies and Literatures

5 Related Literatures/Study 5 Local Studies 5 Foreign Studies By: Mike Creati December 14, 2006
1. Gain a larger clientele base Everyday more people turn to the internet for their business solutions. Whether it is to research potential contractors, lawyers, or a new product, the internet introduces consumers to businesses they never would have heard of. Now people in Europe can learn about services a company in Seattle offers by the click of a mouse. Having a website introduces a business to new consumers and helps retain them as a client. 2. Educate consumers about your business Many consumers research services and products online before purchasing. By having a website, you can inform potential customers of your services or products and what separates your business from your competitors. A website will familiarize consumers with your business and make them feel comfortable doing business with you. 3. Increase customer confidence Customers can tell a lot about a company from the design of their website. An unorganized, unappealing website is a major turnoff to consumers. On the other hand, a professional looking website lets consumers know your business is serious and dedicated to their needs. 4. Cost effective promotion and marketing A website is a lowcost, effective way to market your business. Television and magazine ads are great ways to publicize, but are often too expensive and do not always provide enough information. A website does not have a page or time constraint, so there is no rush to get the required information across. Search engines allow businesses to target a marketing group more effectively than any other advertising strategy. Consumers that utilize search engines know what they are in need of and show a stronger desire in that product or service. Having high ranking search engine results, your business web traffic will dramatically increase and provide you with more customers than any other source of marketing. 5. 24 hour global presence Consumers need information 24 hours a day. The internet is always active, and consumers around the world can look up information and conduct business at their convenience. A website allows a business to always be there for their customers regardless of the time of day.

Chapter 3 System Needs Hardware LAPTOP

Manufacturer: LENOVO Processor: Intel(R) CORE(TM) i3-2330M CPU @ 2.20GHz 2.20GHz Installed Memory (RAM): 2.00GB System Type: 64-bit operating system DESKTOP

Processor: AMD Athlon(tm) II X2 240 Processor 2.80GHz Installed Memory (RAM): 2.00GB System type: 64-bit Operating System

Software Dreamweaver Photoshop Paint

Procedures In creating a website we used a CSS or the Cascading Style Sheet for us to creating a website but before we do the website we gathered some information and images from the unit that we are assigned. After that we start creating the website or prototype and then start our documentation.

Chapter 4 Modeling and Design Data Flow Diagram

Fig.4.1 DATA FLOW DIAGRAM

HTML Tags, HTML, CSS, Javascript (Descriptions) body {background-color:#b0c4de;} The background-color property specifies the background color of an element CSS properties used for background effects: background-color background-image background-repeat background-attachment background-position

body {color:blue;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);} This text is styled with some of the text formatting properties. The heading uses the text align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} The font-style property is mostly used to specify italic text. This property has three values: normal - The text is shown normally italic - The text is shown in italics oblique - The text is "leaning" (oblique is very similar to italic, but less supported)

a:link {color:#FF0000;} /* unvisited a:visited {color:#00FF00;} /* visited a:hover {color:#FF00FF;} /* mouse over a:active {color:#0000FF;} /* selected link */

link link link

*/ */ */

Links can be styled with any CSS property (e.g. color, font-family, background, etc.). In addition, links can be styled differently depending on what state they are in. The four links states are: a:link - a normal, unvisited link a:visited - a link the user has visited a:hover - a link when the user mouses over it a:active - a link the moment it is clicked ul.a ul.b {list-style-type: {list-style-type: circle;} square;}

ol.c {list-style-type: upper-roman;} ol.d {list-style-type: lower-alpha;} unordered lists - the list items are marked with bullets ordered lists - the list items are marked with numbers or letters table, { th, td

border: } Margin

1px

solid

black;

The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent. The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used, to change all margins at once. padding-top:25px; padding-bottom:25px; padding-right:50px; padding-left:50px;

Padding The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element. The top, right, bottom, and left padding can be changed independently using separate properties. A shorthand padding property can also be used, to change all paddings at once. p.pos_fixed { position:fixed; top:30px; right:5px; } .thumbnail { float:left; width:110px; height:90px; margin:5px;}

An element with fixed position is positioned relative to the browser window.

If you place several floating elements after each other, they will float next to each other if there is room. <h1> <p> <div>

A block element is an element that takes up the full width available, and has a line break before and after it.

<ul> <li><a <li><a <li><a <li><a </ul>

href="default.asp">Home</a></li> href="news.asp">News</a></li> href="contact.asp">Contact</a></li> href="about.asp">About</a></li>

A navigation bar needs standard HTML as a base.A navigation bar is basically a list of links, so using the <ul> and <li> elements makes perfect sense: Website Hierarchy (Sitemap)

Fig. 4.2 SITEMAP

Fig.4.3 Gantt chart Explain in words This Gantt chart explains the schedules and time of doing are project and follow the said schedule when we will submit our documents.

Figure 4.4 PERT The Pert Diagram is how the project can be done in earliest or late time duration.

Prototyping The kind of prototype we used is Non-operational Scale because a nonoperational scale mode is one which is not operational, except for certain features to be tested. Our website can produce input and output.

Chapter 5 Result and Discussion Interview, feedbacks and comments

Chapter 6 Summary, Conclusions and Recommendations

Bibliography

List of Appendices Appendix A Program Listing Appendix B Users Manual Appendix C Sample Form