Assignment1v2

SIM5212 WEB TECHNOLOGIES

Assignment 1

1

GROUP MEMBERS

Ahmad Zaki Bin Md Nor GM04091

Normadiah Binti Ismail GM04113

Noorakmar Binti Hussin GM04114

2

Q1: A Visit to Accountant General Office’s Computer Lab

3

Q2: List of Equipment in Computer LabNo Equipment Used of It Producer Version Capabilities

1. Redundant Core Switch c/w Firewall

To support power supply and connection failure

Cisco3800

2. IPS To scan IP Top Layer Networks, Inc

HW IPS5500 – 1000 EV5.31.004

3. Firewall To filter routing/gateway

NETASQ F2000

Version8.0.3

4. Processor BoardFOX0920007W

processor (revision 8) with 524288K bytes of memory

cisco WS-C4507R (MPC8245)

6 Virtual Ethernet/IEEE 802.3 interface(s)

511K bytes of non-volatile configuration memory

5. DMZ SwitchCatalyst 4000L3switch

To connect network

CISCO C4507-DMZHardware

12.2(20)EW Uptime 16 week, 1 day, 17 hours, 23 minutes

4

Q2: List of Equipment in Computer Lab

No Equipment Used of its Producer Version Capabilities

6. Web/Content Filtering

To filter access to unnecessary web

IRON Port Version S360

7. Server Antivirus To protect system from virus

LINUX 5 Ver.11 Dbase MySQL 4GB RAM

8. Email ServerWindow 2008 server

To allow send and receive message

MicrosoftExchange2010

Ver.2010 80 GB data storage2xGB erthernet

9. D-link Wireless Access Points

To allow wireless connection

D-link

10 Printer

5

Q3: Software SupportNo Software Purpose Details

1. Cisco Internetwork Operating System Software

To support C4507 DMZ hardware for switch

Copyright (c) 1986-2004 by cisco Systems, Inc.Compiled Wed 02-Jun-04 18:21 by hqluongImage text-base: 0x00000000, data-base: 0x011F88F4

2. IPS 5500 Management Application

To support IPS5500-1000E

Software V5.31.004Java Runtime Environment Version 1.6.0_19

3. NETASQ Unified Manager

To support Firewall

Support Id Client limit :5Mode Classic Version 8.0.3

6

Q4(a): Browser

• a software application that allows user to access sites on the World Wide Web. (i.e. AG uses Internet Explorer and Mozilla Firefox)

• Browsers also can be used to access information provided by Web servers in private networks or files in file systems. Some browsers can also be used to save information resources to file system.

7

Mozilla Firefox

8

Q4(b): Search Engine

• a software application that allows user to search huge databases stored whether on WWW and FTP servers.

• The search results are generally presented in a list of results and are called hits. The information may consist of web pages, images, information and other types of files.

9

Google Search Engine

10

Q4 (c): Free Email and Web site

• Free Email is a free system or service offered through a web site for sending and receiving messages electronically over a computer network, as between personal computer. (i.e. AG server using Microsoft Exchange , client: Microsoft outlook, webmail and Outlook express)

11

• A web site is a collection of related web pages containing images, video or other digital assets hosted on at least one web server, accessible via a network such as internet or a private local area network

• http://www.anm.gov.my

12

ANM Official Web mail

13

Q4 (d): FTP and Telnet Software

• 'File Transfer Protocol‘ is a standard network protocol allows users to move files from one computer to another over a Transmission Control Protocol (TCP)-based network such as the internet.

• Telnet is a software program that allows you to log into other remote computers on the Internet to which you have access. (AG using command prompt which installed in Windows Operating System) 14

Q4 (e): Internet Relay Chatting

• IRC is a form of real time internet text messaging (chat) or simultaneous communication designed for group communication in discussion forums called channels and allows one-to-one communication via private message as well as chat and data transfer including file sharing. Chatting services are blocked to be used

15

IRC

16

Q4 (f): Newsgroup, e-group

• Newsgroup and e-group can be considered as a discussion group operated through the internet. Newsgroups which also known as usenet allow people to exchange email–like message in a public forum open to millions of onlookers can be accessed and viewed on the web. (ie: GFMAS Bulletin access through internet browser PhP-MySQL database)

17

Q4(g): Freeware• Freeware is a free software like minor

program updates and small games. Freeware is made available to anyone so user can download, pass around, and distribute at no cost and with no strings attached.

• Freeware that comes from a reputable software site is most likely can satisfy user, but there is always no guarantee. Freeware has possibility carrying computer viruses

18

Q4 (h): Blogs• Blogs is a type of website which has frequent,

chronological publication of personal thoughts and web links

• People maintained blogs long before the term was used, but the trend of creating blogs became popular with the introduction of automated published systems, most notable Blogger at blogger.com.

19

Blogs

20

Q4 (i) : Common Gateway Interaction

• A method or convention for passing data back and forth between the server and the application. It is a standard way for a server to pass a web user’s request to an application program and to receive data back to forward to the user.

• AG using WEBMethod (EAI Enterprise Application Interface)

21

Q4 (j): Protocol

• The term ‘Protocol’ in computer circles refers to formalities and conventions observed by computers during cross-computers communication.

• For computers to share data, each computer must use the same data transfer rules, or otherwise communication cannot exist.

22

Q4 (j): IP and DNS• Internet Protocol (IP) is the standard that allows

different hosts to connect to each other through the internet. This protocol defines the IP datagram as the basic unit of information sent over the internet

• Domain Name System is a service that stores, translates, and retrieves the numerical address equivalents of familiar host names that user use every day. Each host name corresponds to a numerical address required by standard internet protocol that the DNS retrieves in order to allow user to remember addresses with names, not numbers

23

Q4 (k): Extension file

• These types of extension refer to high level domain names or domain names in the final suffix in the full domain name to identify the type of site where the host machine resides.

• .gov: AG as one of government agency• .com: company or commercial organization• .edu:means education, used mostly for

educational institution such as schools• .au: Australia• .ml : Mali 24

Q5: By using the UPM homepage, list all the instructions used in order to publish the information via

the WWW To know the instructions used in UPM homepage, go to

www.upm.edu.my Select view and click page source, notepad file with HTML

code will appear. The followings are a few instructions used in the homepage:

1. The HTML head Element• The head element is a container for all the head

elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information , and more.

• The following tags can be added to the head section: <title>, <base>, <link>, <meta>, <script>, and <style>.

25

http://www.upm.edu.my/

Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW

• Example from UPM homepage:-<head> <title>UNIVERSITI PUTRA MALAYSIA</title> <meta name="keywords" content="UPM,universiti,university, putra, malaysia,

research"> <meta name="description" content="laman web universiti putra malaysia"> <link href=js_css/global_upm.css rel=stylesheet type=text/css> <link href="js_css/menuBI.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js_css/anylinkvertical.js"> var ns4class='' </script> 

</head>

26

view-source:http://www.upm.edu.my/js_css/global_upm.css

view-source:http://www.upm.edu.my/js_css/global_upm.css

view-source:http://www.upm.edu.my/js_css/menuBI.css

view-source:http://www.upm.edu.my/js_css/menuBI.css

view-source:http://www.upm.edu.my/js_css/anylinkvertical.js

view-source:http://www.upm.edu.my/js_css/anylinkvertical.js


2. The HTML title Element• The <title> tag defines the title of the document.• The title element is required in all HTML/XHTML documents.• The title element:

-defines a title in the browser toolbar -provides a title for the page when it is added to favorites -displays a title for the page in search-engine results

• A simplified HTML document:<html><head><title>Title of the document</title></head><body>The content of the document......</body></html>

Example from UPM homepage:-<title>UNIVERSITI PUTRA MALAYSIA</title> 27


3. HTML Hyperlinks (Links)• A hyperlink (or link) is a word, group of words, or image that you can click on to

jump to a new document or a new section within the current document.• When you move the cursor over a link in a Web page, the arrow will turn into a

little hand.• Links are specified in HTML using the <a> tag.• The <a> tag can be used in two ways:

i. To create a link to another document, by using the href attribute ii. To create a bookmark inside a document, by using the name attribute

4. HTML Link Syntax• The HTML code for a link is simple. It looks like this:• <a href="url">Link text</a> • The href attribute specifies the destination of a link.Example UPM home page• <a href="http://www.penerbit.upm.edu.my/"> Penerbit UPM</a>

28


5. HTML Tables• Tables are defined with the <table> tag.• A table is divided into rows (with the <tr> tag), and each row is divided into data

cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.

Table Example• <table border="1">

<tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr></table>

• How the HTML code above looks in a browser:• row 1, cell 1 row 1, cell 2• row 2, cell 1 row 2, cell 2

29


6. HTML Tables and the Border Attribute• If you do not specify a border attribute, the table will be displayed without borders. Sometimes this can be

useful, but most of the time, we want the borders to show. • To display a table with borders, specify the border attribute:• <table border="1">

<tr><td>Row 1, cell 1</td><td>Row 1, cell 2</td></tr></table>

7. HTML Table Headers• Header information in a table are defined with the <th> tag.• All major browsers will display the text in the <th> element as bold and centered.• <table border="1">

<tr><th>Header 1</th><th>Header 2</th></tr><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr></table>

30

• Example from UPM home page :• <table topmargin="0" leftmargin="0" border="0" cellpadding="0" cellspacing="0" width="734">• <tr><td height="15"></td></tr>• <tr>• <td width="15"> </td>• <td width="580" valign="top">• • • <table topmargin="0" leftmargin="0" border="0" cellpadding="0" • cellspacing="0" width="624" height="211">• <tr><td colspan="3" width="624" height="21">•

• <table topmargin="0" leftmargin="0" border="0" cellpadding="0" cellspacing="0" idth="624">• <tr><td colspan="3" bgcolor="#9D1506" height="5"></td><td colspan="2" bgcolor="#FFFFFF"></td><td

colspan="2" bgcolor="#FFFFFF"></td><td colspan="2" bgcolor="#FFFFFF"></td></tr>• <tr>• <td width="1" height="21"><img src="image/bgkotak_tepi.jpg" border="0"></td>• <td background="image/bgkotak_tjk.jpg" border="0"><divid="menuaktif">Berita dan

Peristiwa</div></td>• • <td width="1" height="21"><img src="image/bgkotak_tepi.jpg" border="0"></td>• <td background="image/bgkotak_tjk0.jpg" border="0"><a href="?akt=aktiviti"><div

id="menupilih">Kalendar Aktiviti</div></a></td>• <td width="1" height="21"><img src="image/bgkotak_tepi.jpg" border="0"></td>• <td background="image/bgkotak_tjk0.jpg" border="0"><a href="?akt=audio"><div

id="menupilih">Pandang & Dengar</div></a></td>• <td width="1" height="21"><img src="image/bgkotak_tepi.jpg" border="0"></td>• <td background="image/bgkotak_tjk0.jpg" border="0"><a href="?akt=fakta"><div

id="menupilih">Pencapaian dan Pengiktirafan</div></a></td>• <td width="1" height="21"><img src="image/bgkotak_tepi.jpg" border="0"></td>• </tr>• </table>• </td></tr> 31


8. HTML Color - Example from UPM homepage• <body topmargin="0" leftmargin="0">• <font size=1 color=cccccc>2</font>• <CENTER>• • <table border="0" cellpadding="0" cellspacing="0" width="744" height="72">• <tr><td colspan="3"><img src="image/h.jpg"></td></tr>• <tr>• <td width="5" height="100%" background="image/1.jpg" valign="top"><img

src="image/t1.jpg"></td>• <td width="734" bgcolor="#FDFDFD" valign="top">

32


9. HTML Images - The <img> Tag and the Src Attribute • In HTML, images are defined with the <img> tag. • The <img> tag is empty, which means that it contains attributes only, and has no

closing tag. • To display an image on a page, need to use the src attribute. Src stands for

"source". The value of the src attribute is the URL of the image that want to display.

• Syntax for defining an image:• <img src="url" alt="some_text"/> Example from UPM Home Page• <tr><td width="4"><img src="image/dotkhas.jpg"></td><td width="100%"><a

class="one" href="?kat=D&aktvt="><span id="khas1">Inspirasi NC</span></a></td></tr>

• The URL points to the location where the image is stored. An image named " dotkhas.jpg ", located in the "images" directory on "www.upm.edu" has the URL: http://www.upm.edu/images/boat.gif.

• The browser displays the image where the <img> tag occurs in the document. If you put an image tag between two paragraphs, the browser shows the first paragraph, then the image, and then the second paragraph.

33

10. HTML Comments• Comments can be inserted into the HTML code to make it more readable and

understandable. Comments are ignored by the browser and are not displayed.

Example from UPM Home Page• Example UPM Home Page



34

Q6: Please visit our blog

35

Thank You

36

Assignment1v2

Business

Transcript of Assignment1v2