1. SIM5212 WEB TECHNOLOGIES Assignment 1 1

2. GROUP MEMBERS Ahmad Zaki Bin Md Nor GM04091 NormadiahBinti Ismail GM04113 NoorakmarBintiHussin GM04114 2

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

4. Q2: List of Equipment in Computer Lab 4

5. Q2: List of Equipment in Computer Lab 5

6. Q3: Software Support 6

7. 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

8. Mozilla Firefox 8

9. 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

10. Google Search Engine 10

11. 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

12. 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

13. ANM Official Web mail 13

14. 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

15. 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

16. IRC 16

17. 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

18. 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

19. 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

20. Blogs 20

22. AG using WEBMethod (EAI Enterprise Application Interface)21

23. 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

24. 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

26. .gov: AG as one of government agency

27. .com: company or commercial organization

28. .edu:means education, used mostly for educational institution such as schools

29. .au: Australia

30. .ml : Mali24

32. Select view and click page source, notepad file with HTML code will appear.

33. The followings are a few instructions used in the homepage: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

34. 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 universitiputramalaysia"> <link href=js_css/global_upm.cssrel=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> <!--[if lte IE 7]> <style>#menuwrapper, #upmmenubar, #upmmenubar1, #upmmenubar0 ul a {height: 1%;} a:active {width: auto;}</style> <![endif]--> </head> 26

35. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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

36. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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: To create a link to another document, by using the href attribute 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/">&nbsp;&nbsp;Penerbit UPM</a> 28

37. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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

38. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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

39. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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">&nbsp;</td> <td width="580" valign="top"> <!--START KOTAK MAKLUMAT--> <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"><imgsrc="image/bgkotak_tepi.jpg" border="0"></td> <td background="image/bgkotak_tjk.jpg" border="0"><divid="menuaktif">BeritadanPeristiwa</div></td> <td width="1" height="21"><imgsrc="image/bgkotak_tepi.jpg" border="0"></td> <td background="image/bgkotak_tjk0.jpg" border="0"><a href="?akt=aktiviti"><div id="menupilih">KalendarAktiviti</div></a></td> <td width="1" height="21"><imgsrc="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"><imgsrc="image/bgkotak_tepi.jpg" border="0"></td> <td background="image/bgkotak_tjk0.jpg" border="0"><a href="?akt=fakta"><div id="menupilih">PencapaiandanPengiktirafan</div></a></td> <td width="1" height="21"><imgsrc="image/bgkotak_tepi.jpg" border="0"></td> </tr> </table> </td></tr> 31

40. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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"><imgsrc="image/h.jpg"></td></tr> <tr> <td width="5" height="100%" background="image/1.jpg" valign="top"><imgsrc="image/t1.jpg"></td> <td width="734" bgcolor="#FDFDFD" valign="top"> 32

41. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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: <imgsrc="url" alt="some_text"/> Example from UPM Home Page <tr><td width="4"><imgsrc="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

42. Q5: By using the UPM homepage, list all the instructions used in order to publish the information via the WWW 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 <!-- END MENU --> <!-- START IMAGE --> <!-- START HEAD --> 34

43. Q6: Please visit our blog 35

44. Thank You 36