Embed Size (px)
Citation preview
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
What You Can Do on the Internet
Communicate & collaborate
Access information
Discuss
Obtain information
Entertain
Transact business
Internet Features
Forum, Newsgroup, Listserv (mailing list)
Chat, Instant Messaging
Remote Access (Telnet, SSH)
Transfer File (FTP)
World Wide Web
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, and Webpage
Person in charge is called a Webmaster
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),
File Transfer Protocol (FTP),
Firewall (filters data to & from Internet),
Network News Transfer Protocol (NNTP), etc
Communication between
User and Web Server
user
DNS server
web server
Web Forum
Web Social
Web Portal
Web Log, Weblog, Blog
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
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>
<title>Web-ku</title>
</head>
<body>
Halo, apa kabar?<br />
<script>
document.writeln(“Baik-baik saja”);
</script>
</body>
</html>
server client
Hasil
Server Side
Server Side
<html>
<head>
<title>Web-ku</title>
</head>
<body>
Halo, apa kabar?<br />
<?php
echo “Baik-baik saja”;
?>
</body>
</html>
<html>
<head>
<title>Web-ku</title>
</head>
<body>
Halo, apa kabar?<br />
Baik-baik saja
</body>
</html>
server clientserver client
Hasil?
How to make website?
Plain text editors
Text-based HTML editors
WYSIWYG editorsWhatYou See Is WhatYou 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 HTML Validator
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 Expression Web
Microsoft SharePoint Designer
Microsoft Visual Studio / ASP.NET Web Matrix
Microsoft Visual Web 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 by Adobe GoLive.
Microsoft FrontPage - Now discontinued. Replaced by Microsoft Expression Web 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-driven WYSIWYGHTML editor fork, KompoZer, maintains Nvu codebase and fixes bugs until a successor to Nvu is released.
HoTMetaL - Replaced by XMeTaL, a commercial XML editor.
Microsoft Frontpage
Adobe Dreamweaver
Adobe GoLive
GINF
Quanta
Aptana Studio
Nvu
Produce HTML Codes
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 [email protected]
