• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
676
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
5
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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
  • 21. 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.
    • 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
  • 25. 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.
    • 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 : Mali
    24
  • 31. 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
    • 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