Meeting 01

Pemrograman Internet
(Internet Programming)
Fakultas Ilmu Komputer,TI-S1
Udinus
De Rosal Ign Moses S.

Internet
International network of networks that is a
collection of hundreds of thousands of
individual and public networks

Internet Address
http://www.dinus.ac.id/en/
PROTOCOL FOR THE
WEB
HOST
COMPUTER DIRECTORY
EXTENSION
DOMAIN NAME

Top Level Domains (TLDs)
= Company
= Education
= Government
= Military
= Network
= Organization
.com
.net
.mil
.gov
.edu
.org

Top Level Domains (cont’d)
= Indonesia
= Australia
= Singapore
= Thailand
= United Kingdom
= Canada
= United States
.ca
.uk
.th
.sg
.us
.au
.id
etc

WhatYou Can Do on the Internet
Communicate & collaborate
Access information
Discuss
Obtain information
Entertain
Transact business

Internet Features
Email
Forum, Newsgroup,Listserv (mailing list)
Chat, Instant Messaging
Remote Access (Telnet,SSH)
Transfer File (FTP)
WorldWideWeb

World Wide Web
A system with universally accepted
standards for storing, retrieving,
formatting, and displaying information
system using a client/server architecture
Combines text, graphics,audio, video,
hyperlink
Website,Homepage,andWebpage
Person in charge is called aWebmaster
http://info.cern.ch/ ( 6
Agustus 1991)

Client/Server
Client: the device that access to server using any
software (Web browser, etc)
Server: the computer that provide any services such
as:
Web server (HTTP),
Simple Mail Transfer Protocol (SMTP),
Domain Name Serving (DNS),
FileTransfer Protocol (FTP),
Firewall (filters data to & from Internet),
Network NewsTransfer Protocol (NNTP), etc

Communication between
User and Web Server
user
DNS server
web server

Content Management System (CMS)

Web Scripting
 Client Side Scripting
◦ Javascript
◦ VB Script
◦ Jquery
◦ Ajax
 Served Side Scripting
◦ PHP
◦ ASP
◦ JSP
◦ CFM

Client & Server Side
Client Side Server Side
All codes can be seen by
visitors
Visitor can not see the codes
is processing on the visitor’s
computer
is processing on the web
server
Can not access to the file on
the web server
Able to access the file on the
web server
Can not access to the
database
Able to access the database

Client Side
<html>
<head>
<title>Web-ku</title>
</head>
<body>
Halo, apa kabar?<br />
<script>
document.writeln(“Baik-baik saja”);
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<script>
document.writeln(“Baik-baik saja”);
</script>
</body>
</html>
server client

Server Side
<html>
<head>
</head>
<body>
<?php
echo “Baik-baik saja”;
?>
</body>
</html>
<html>
<head>
</head>
<body>
Baik-baik saja
</body>
</html>
server clientserver client

How to make website?
 Plain text editors
 Text-based HTML editors
 WYSIWYG editors
WhatYou See IsWhatYou Get (Artinya :ApaYang Anda
Lihat Adalah ApaYang Anda Dapatkan)

Plain text editors may be used to
produce webpages
 Emacs
 gedit
 jEdit
 Kate
 Notepad
 TextEdit
 UltraEdit
 Crimson Editor
 vi
 vim

Text-based HTML editors
 Aedix
 UPOhtml
 Alleycode HTML Editor
 Aptana
 Arachnophilia
 BBEdit
 BlueFish
 CoffeeCup HTML Editor
 CSE HTMLValidator
 EditPlus
 EmEditor
 Evrsoft 1st Page
 HateML Pro
 HTML-Kit
 Adobe HomeSite
 Notepad++
 NoteTab
 PSPad
 Quanta Plus
 SAPIEN PrimalScript
 SCREEM
 Siteaid
 skEdit
 TextMate
 TextPad
 TopStyle
 Weaverslave
 Kryptonite (editor)

WYSIWYG editors
 Adobe Contribute
"Dreamweaver Lite"
 Adobe Dreamweaver -
Previously Macromedia
Dreamweaver.
 Adobe GoLive
 Amaya
 Bluevoda
 Create
 BlueFish
 HotDog
 iWeb
 KompoZer
 Media Lab SiteGrinder
 Microsoft ExpressionWeb
 Microsoft SharePoint Designer
 MicrosoftVisual Studio /
ASP.NETWeb Matrix
 MicrosoftVisualWeb
Developer
 NetObjects Fusion
 Quanta Plus
 RapidWeaver
 Sandvox
 SeaMonkey Composer
 Softpress Freeway
 Virtual Mechanics SiteSpinner
 Website X5
 WorldWideWeb

Have been discontinued
 AOLpress - Now discontinued.
 Adobe PageMill - Now discontinued.Replaced byAdobe GoLive.
 Microsoft FrontPage - Now discontinued.Replaced by Microsoft
ExpressionWeb Designer
 Netscape Composer ; Mozilla Composer - Not updated or supported.
Replaced by Nvu then KompoZer,or SeaMonkey Composer
 Nvu;Developer Daniel Glazman is working on replacement,
tentatively called Mozilla Composer;a community-drivenWYSIWYG
HTML editor fork,KompoZer,maintains Nvu codebase and fixes
bugs until a successor to Nvu is released.
 HoTMetaL - Replaced by XMeTaL,a commercial XML editor.

HTML
 Hypertext Markup Language
 Containing markup tags
 Tags tell to the browser how to display
the page

HTML
<html>
<head>
<title>Judul Webpage</title>
</head>
<body>
….
….
</body>
</html>

HTML
 <b>….</b> Bold
 <i>…</i> Italic
 <u>…</u> Underlined

HTML
 <font ….>___</font> Change font
◦ Color
◦ Face
◦ Size
 <p …>___</p> Create paragraph
 <a href=…>___</a> Create link

HTML
 <ul>___</ul> Create unordered list
 <ol>___</ol> Create ordered list
 <li>___</li> Create item on the list
Sample:
<ul>
<li>Adi</li>
<li>Doni</li>
</ul>

HTML
 <img src=… /> Show an image
 <br /> Line break
 <hr /> Horizontal line

HTML
 <table …>___</table> Create table
 <tr>___</tr> Create row
 <td>___</td> Create column

HTML
 <form …>___</form> Create a form
Sample:
<form action=“save.php” method=“GET”>
<input type=“text” name=“nilai” />
<input type=“submit” />
</form>

Thank you
moses.dinus@gmail.com

Meeting 01

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (7)

Similar to Meeting 01

Similar to Meeting 01 (20)

Recently uploaded

Recently uploaded (20)

Meeting 01