Sample Methodology and Design

Design

The major processes involved in Annual Website, namely opening Home page, reading on what’s new, accessing the CS Bits Page, information about our college, and accessing links such as Opening Home Page, Read on What’s New, Access the CS Bits Page, Access the Information about college, Access the links.

In the first process (opening the home page), you can avail with the following pages: What’s new, CS Bits Page, about our College, and links.  Upon opening, there you can see a banner displaying “Welcome to CompSci Website”.

In the second process (read on what’s new), the procedure is very simple.  You have one option, just to click on CompSci activities and there you go, you can see their activities covered by that school year.
In the third process (accessing the CS Bits Page), you can avail in the following pages: CompSci Faculty, CompSci Curriculum, ACSS Dept., and 2001 CompSci Graduates.

In the fourth process (accessing information about BHMC), it only display the information about our college.
In the last process (accessing on links), you can link to different sites like in the field of sports, entertainment / television and news and technology.

Materials Uses

Hardware
–    Pentium III Personal Computer
–    At least 64Mb Hard Disk
–    HP Deskjet 8140C Printer

Software
–    Microsoft FrontPage for System Integration
–    Corel Draw 8 for System Integration
–    Internet Explorer as the Application Software

Sample of Operational Definition

Access – The ability to locate, grains entry to, and use a directory, file or device on a computer system or over a network.

Chat – To communicate in real-time on a computer network using keyed messages.  A person chatiing with another person or group of people on the network keys in a message and wait for the other party to key in a response.  As one person keys in a message, the other participants can usually see the characters appear on their screen immediately.

Communication Protocol – A standard that defines the way in which data is passed between to or more pieces of computer equipment over a telephone line or other communication link.

Computer – A programmable machine that performs high speed processing of numbers, as well as of text, graphics, symbols and sound.
Download – To transfer a copy of a file from a central source to a peripheral device or computer.

Email address – The address to which an email message is sent.  An email usually takes the form of username@networkaddress.domain name; for example Jsmith@bigbusiness.com

Forms – Text fields, check boxes, scrolling text fields, and radio button elements allow the browsing visitor to submit information to the web site either through the database or directly to a predefined email address.

Graphic Images – Pictures or graphics can be used as links to take you to other web pages or sites.  Animated GIFs  (graphics that have multiple layers) can also provide for some rudimentary animations.  Background graphics display behind the text throughout the length and width of a Web page.

Home Page – The first screen containing information you see when you arrive at a World Wide Web Site. The home page usually contains general information about an organization, plus options or links to other sites.

HTML (Hypertext Mark Up Language) – A coding system used on a World Wide Web to format text and set up hyperlinks between documents.

HTTP (Hypertext Transfer Protocol)  – A client server protocol used on the World Wide Web to govern the transfer of data.

Hyperlink – Is represented as underlined text.  In a hypertext document, a cross-reference that takes you directly to another related document or to another location within the same document.

Hypertext – A format for presenting text that is heavily cross-referenced through hyperlinks.  A document presented in hypertext may have links to other documents.

Hypertext Links – Can be text or graphics that, when clicked, take the browsing visitor to other Web pages or sites, or to the Email address of the person to contact with comments or questions about the site.
Internet – A matrix of networks that interconnects millions of supercomputers, mainframes, workstations, personal computers, laptops and even pocket radios.  The networks that make up the internet all use a standard set of communications protocols, thus allowing computers with distinctive software and hardware to communicate.

Internet Explorer – A trademark for a World Wide Web browsers.  Internet explorer is provided free by Microsoft and runs on Microsoft Windows, Windows 95, Windows NT, and Macintosh computers.
IRC (Internet Relay Chart) – A network of Internet server’s world wide through which individual users can hold real time online conversations.  In an IRC, users can talk to each other as part of a group discussion on any of a number of specified topics.
ISP (Internet Service Provider) – An organization that provides other organizations or individuals with access to the Internet.  America Online and CompuServe are example of ISP’s.

Intranet – A private network that provides services similar to those found on the Internet.

Java – A trademark for a simple object-oriented programming language developed by Sun Microsystem.  Java is similar to C++ without some of the more complex features.  Java is designed to run over the Internet, and it provides a secure environment for writing and executing World Wide Web applications.

JPEG (Joint Photographic Experts Group) – The standard algorithm for image compression. JPEG can compress color or black and white digital images using lossy compression.

Link – A connection between computers, devices, programs or files over which data is transmitted.

Lossy Compression – Data compression with some loss of information.  Lossy compression can occur, for example, when data is prepared for transmission over a relatively small bandwidth.  A common form of data that undergoes lossy compression is audio and video data and the data that is lost is usually fine-resolution data whose absence is not noticeable.

Multimedia Objects – This includes background music and video files.

Netscape Navigator – A trademark for a World Wide Web browser.  Netscape Navigator runs on many platforms, including UNIX, Microsoft Windows, Windows 95, Windows NT, and Macintosh computers.

Notepad. A desk accessory in the Microsoft Windows and Macintosh operating environments.  Notepad is a text editor that allows the user to jot down notes, wrote short memos and create and edit batch files.

Protocol – A standard procedure for regulating data transmission between computers or between devices such as modems.

Tables – Much like columns in a spreadsheet, tables let you line up text in rows and columns or allow you to control the placement of graphics on a page.

Text – Text is used on the web pages as content or as link to take you to other web pages or sites.

Web Boot Component – These are dynamic elements that change or are automatically displayed when a browsing visitor opens the page.

Web browser – A program, such as Netscape Navigator and Internet Explorer, that allows the user to access hypertext links to different sites on the World WideWeb.

Webmaster – A person responsible for creating and maintaining a Web server site.

Webpage – A file on the World Wide Web that is accessible using a Web browser.

WWW (World Wide Web) An internet information server that uses hypertext as its primary navigation tool.  WWW utilities  HTTP for data transfer and documents may feature not just text but also multimedia elements such as graphics, audio and video.

Sample Purpose, Scope and Objective of the Project

Purpose of the Project

This study gives us an opportunity to have our Comp Sci Web page seen in the internet, to have our files shown through out the world.  The study also helps us boost our economy by letting people know that we can catch up with the advancing world.  It is a way of updating ourselves and enjoying the blessings that this new technology gives us.  We can upgrade our knowledge by being exposed in the world of computer and letting us know how to explore the internet and other computer aspects.  And the best significance of this study is that it makes life easier and lighten our burden.

Scope of the Project

The study is focused mainly on the designing of webpages, particularly a Computer Science WebPages, particularly a Computer Science WebPage where you can find information about the graduating students with the scanning and editing of his pictures.  This would include some features and activities that the ACSS had during the school year.  The scope will include a project in actual Internet making to enable actual testing to make sure of the preciseness of the project’s application.

Objectives of the Project

General Objective

To create and develop a system that will immediately access the information about the graduating students or the yearbook thru Website.

Specific Objectives

–    To construct and code programs that will access a yearbook
–    To test and debug the designed system

Sample Background of the Project

Yearly, Bataan Heroes Memorial College releases it Annual for Graduates.  It consists of different information about graduates same with faculty members.  It also includes the student’s achievement for school year.

Did you happen to see your elder’s brothers and sisters as well as your parents with their classical yearbook?  They had the difficulty of scanning book pages, working for them; they’re past activities and organizations.

So why be contented with this old style of yearbook when we can have a better and a viewer friendly one?

To reduce the above mentioned problems, the group designed Computer Science Web Page in the Internet or we can call it as an Annual Website.

Today, Internet is very popular; using the internet is a lot like using a computer for anything.  You sit in front of the monitor and look at words and pictures; you use the keyboard to type words, commands and other information; and you use the mouse to click on particular objects and to make selections.

The web is an information delivery system.  You can use the web to look at many different types of information and to access a variety of services.  Like all internet resources, the web is based on a client/server system.  You use a client program, called a browser, to access the information on web servers ( of which there are millions around the world).  The two most widely used browsers are Internet Explorer (from Microsoft ) and Netscape.

Information on the web is organized into web pages (although they are not real pages like in a book).  A website is a collection of related web pages.

Web pages can contain all types of information including text (characters, graphics, pictures and photographs) and multimedia (animation, video and sounds).  The defining characteristics of web pages are that they can contain links to other pages or resources.  This type of information is called hypertext.

As you read a web page, you will see the links.  If you click on a link using mouse, your browser will fetch and display the web pages to which that link points.

Excerpt from a Project Study  for Annual Website prepared by Mamalateo, Hipolito and Equiban.