Dokumen tersebut membahas pengantar tentang internet dan teknologinya, meliputi pengertian internet, sejarah internet, keuntungan dan kerugian internet, intranet, extranet, berbagai jenis koneksi ke internet, serta pengenalan beberapa layanan internet seperti world wide web, e-mail, telnet, ftp, dan irc. Dokumen tersebut juga menjelaskan cara mempersiapkan website mulai dari persyaratan perangkat lunak, perangkat keras, penguasaan html, kone

1. FAKULTAS TEKNOLOGI INFORMASI 1DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
© 2009 Fakultas Teknologi Informasi Universitas Budi Luhur
Jl. Ciledug Raya Petukangan Utara Jakarta Selatan 12260
Website: http://fti.bl.ac.id Email: sekretariat_fti@bl.ac.id
Desain dan
Pemrograman Web 1
PG110 – 3 SKS

2. FAKULTAS TEKNOLOGI INFORMASI 2DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
PENGENALAN INTERNET &
TEKNOLOGINYA
PERTEMUAN 01

3. FAKULTAS TEKNOLOGI INFORMASI 3DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Pengertian Internet
• Internet merupakan contoh jaringan terbesar yang
menghubungkan jutaan komputer yang tersebar di
seluruh dunia
• Menggunakan protokol TCP/IP sebagai “bahasa”
• Menggunakan arsitektur client/server

4. FAKULTAS TEKNOLOGI INFORMASI 4DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Gambar Jaringan Internet

5. FAKULTAS TEKNOLOGI INFORMASI 5DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Sejarah Internet
 Tahun 1968 - DARPA (Defense Advanced Research Project
Agency) melakukan kontrak dengan BBN (Bold, Banek &
Newman) untuk membuat ARPAnet.
 Tahun 1970 - Terbentuk 5 node :
1. UCLA
2. Stanford
3. US Santa Barbara
4. U of Utah
5. BBN
 Tahun 1974 di kembangkan protokol TCP
 Tahun 1984 Internet dengan 1000 host menggunakan
protokol TCP/IP untuk pengiriman pesan

6. FAKULTAS TEKNOLOGI INFORMASI 6DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Keuntungan Internet
• Internet menghubungkan jutaan komputer yang
tersebar di seluruh dunia
• Internet tidak terikat pada organisasi apapun
• Dengan Internet, organisasi dapat bertukar informasi
baik secara internal maupun eksternal
• Internet dapat digunakan untuk semua platform
• Internet dapat digunakan siapa saja untuk melakukan
akses informasi apa saja dan bahkan untuk melakukan
transaksi bisnis

7. FAKULTAS TEKNOLOGI INFORMASI 7DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Kerugian Internet
• Penipuan, perusakan informasi atau
pengetahuan yang ada di internet
• Pemasaran produk atau layanan yang ilegal di
internet
• Pornografi

8. FAKULTAS TEKNOLOGI INFORMASI 8DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Intranet  Extranet  Internet
Intranet
Extranet
Internet
Perusahaan Partner/Pelanggan

9. FAKULTAS TEKNOLOGI INFORMASI 9DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Pengertian Intranet
 Adalah jaringan komputer dalam sebuah
perusahaan/organisasi yang menggunakan teknologi
internet sehingga terbentuk lingkungan yang seperti
internet tetapi bersifat privat bagi perusahaan yang
bersangkutan
 Biasanya Intranet dihubungkan ke jaringan Internet
dengan dilengkapi firewall
Internet
Perusahaan/Organisasi

10. FAKULTAS TEKNOLOGI INFORMASI 10DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Pengenalan Extranet
Adalah jaringan privat yang menggunakan teknologi Internet
dan sistem telekomunikasi publik untuk membentuk
hubungan yang aman antara pemasok, vendor, mitra kerja,
pelanggan, dan pihak bisnis lainnya dalam rangka mendukung
operasi bisnis atau pengaksesan informasi bisnis
Perusahaan/Organisasi Partner/Pelanggan
Internet

11. FAKULTAS TEKNOLOGI INFORMASI 11DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Koneksi Ke Internet (1)
 Menggunakan modem yang dihubungkan dengan kabel
telepon untuk akses internet
 Mempunyai account ke ISP yang disebut shell account
 Koneksi berlangsung dengan men-dial nomor telepon ISP
 Kecepatan : 14 Kbps s/d 56 Kbps
Modem/Dial up

12. FAKULTAS TEKNOLOGI INFORMASI 12DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Koneksi Ke Internet (2)
 Menggunakan modem yang dihubungkan dengan kabel TV
untuk akses internet
 Menawarkan kecepatan, grafik, streaming audio, video
dan multimedia hingga TV interaktif
 Memungkinkan menonton TV sambil berinternet
 Kecepatan :
 Untuk download : 1000 Kbps
 Untuk upload :128 Kbps s/d 500 Kbps
Kabel Broadband

13. FAKULTAS TEKNOLOGI INFORMASI 13DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Koneksi Ke Internet (3)
 Menggunakan Digital Subcriber Line yang
dioperasikan lewat jalur telepon dan
dapat digunakan secara simultan dengan
jalur telepon
 Mampu mengirim dan menerima
informasi digital dengan kecepatan tinggi
 Kecepatan : 354 Kbps s/d 1000 Kbps
DSL

14. FAKULTAS TEKNOLOGI INFORMASI 14DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Koneksi Ke Internet (4)
 Menggunakan satelit broadband untuk
mengirim dan menerima data kecepatan
tinggi dengan menggunakan antena
 Kecepatan :
 Untuk download : 400 Kbps
 Untuk upload : 128 Kbps
Satelite Broadband

15. FAKULTAS TEKNOLOGI INFORMASI 15DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Koneksi Ke Internet (5)
 ISDN : menyediakan data dan suara
secara digital untuk koneksi ke internet
 Memiliki “error” dalam transmisi lebih sedikit,
mendownload grafik, halaman web, sound,
multimedia lebih cepat dibanding dial-up
modem
 Kecepatan : 128 Kbps
 T-line : menyediakan akses langsung ke
internet menggunakan sirkuit digital pada
telepon standar yang disediakan oleh ISP
ISDN dan T-line

16. FAKULTAS TEKNOLOGI INFORMASI 16DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Koneksi Ke Internet (6)
 Menyediakan koneksi yang sangat cepat
ke internet tanpa kabel
 Dikenal dengan istilah Wi-Fi
 Menggunakan IEEE 802.11 sebagai
standar
 Kecepatan : 11.000 Kbps s/d 54.000 Kbps
Wireless

17. FAKULTAS TEKNOLOGI INFORMASI 17DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Internet Service (1)
 Dikembangkan tahun 1989 oleh Tim Barners- Lee
 Disebut juga web (www) merupakan sebuah sistem dari
server internet yang men-support hypertext
 Mempunyai protokol sendiri yang disebut http
 Dapat mengakses berbagai protokol di internet seperti ftp,
telnet, usenet, e-mail , juga http
 Mampu membuat dokumen HTML yang dapat berisi grafik,
sound, video serta bahasa pemrograman dan databse
 Terdiri dari 3 komponen yaitu homepage, link ke dokumen
dan sumber/resources internet
World Wide Web (WWW)

18. FAKULTAS TEKNOLOGI INFORMASI 18DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Internet Service (2)
 Electonic mail /e-mail memungkinkan user lokal dan global
(worldwide) saling bertukar informasi/pesan
 Setiap user yang mempunyai e-mail mempunyai alamat
mailbox dimana pesan dikirim
 File non-ASCII (binary) dapat di attach(lampirkan) pada pesan
e-mail
 Juga ada MIME (Multimedia Internet Mail Extention) yang
dikembangkan untuk aplikasi e-mail menangani berbagai
jenis file attachment
 Contoh aplikasi/program e-mail : MS.Outlook, Eudora,
Netscape messenger, yahoo dll
E-Mail

19. FAKULTAS TEKNOLOGI INFORMASI 19DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Internet Service (3)
 Adalah program yang memungkinkan user log ke
suatu komputer server
 Perintahnya memerlukan 2 argumen : nama
komputer dan nomor port komputer server yang
akan diakses
 Hanya menampilkan teks
Telnet

20. FAKULTAS TEKNOLOGI INFORMASI 20DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Internet Service (4)
 Singkatan dari File Transfer Protokol
 Adalah protokol yang berfungsi untuk men-
transfer file dari satu komputer ke komputer
lainnya
 Anonymous ftp memungkinkan user men-transfer
file dari ribuan komputer host di internet ke
dalam account user
FTP

21. FAKULTAS TEKNOLOGI INFORMASI 21DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Internet Service (5)
 Singkatan dari Internet Relay Chat
 Adalah layanan yang memungkinkan user/participant
berkomunikasi satu sama lain pada ratusan saluran/channel
 User yang log ke internet dapat langsung berbicara dengan
user lain dalam “chat room” untuk bertukar komentar atas
suatu topik yang ada
 Dikenal dengan instant messenging
 Untuk akses IRC diperlukan software pendukung seperti ICQ,
yahoo messenger, AOL messenger, dll
IRC

22. FAKULTAS TEKNOLOGI INFORMASI 22DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
TEKNIK SEARCHING
• Mencari informasi apapun melalui internet
• Apabila berupa artikel bisa di save dalam bentuk
web, atau copy paste di editor
• Apabila dalam bentuk file bisa di download
• Contoh search engine :
 http://www.google.com
 http://www.altavista.com
 http://www.yahoo.com

23. FAKULTAS TEKNOLOGI INFORMASI 23DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Mempersiapkan Website
Untuk membuat website diperlukan beberapa hal,
antara lain :
1) Web browser
2) Hardware
3) Menguasai HTML
4) Koneksi Internet
5) Web space
6) Domain Name

24. FAKULTAS TEKNOLOGI INFORMASI 24DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
1. Web Browser
Web browser berfungsi untuk menampilkan
halaman-halaman web dan mencoba seluruh fungsi
navigasi serta fungsi lainnya di dalam sebuah
website.
Web browser yang bisa digunakan, antara lain :
Microsoft Internet Explorer, Netscape Navigator,
Mozilla, Opera, Mozaic, dll.
Mempersiapkan website (1)

25. FAKULTAS TEKNOLOGI INFORMASI 25DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Mempersiapkan website (2)
2. Hardware
Selanjutnya (mungkin) juga diperlukan hardware
khusus (selain satu unit komputer yang digunakan)
untuk melakukan koneksi dengan internet,
misalnya : modem telepon, modem ISDN, kartu
jaringan, dll.

26. FAKULTAS TEKNOLOGI INFORMASI 26DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Mempersiapkan website (3)
3. Menguasai HTML
Diperlukan untuk memasukkan perintah-perintah
dalam HTML ke halaman web yang sesungguhnya.
Dapat menggunakan aplikasi yang sudah
dikembangkan, misalnya : Microsoft Frontpage,
Macromedia Dreamweaver, Adobe GoLive,
Microvision WebExpress, dll.

27. FAKULTAS TEKNOLOGI INFORMASI 27DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Mempersiapkan website (4)
4. Koneksi Internet
Koneksi ke internet diperlukan untuk meletakkan
(upload) seluruh file-file halaman web yang telah
dibuat. Koneksi ini dapat berupa hubungan
langsung dengan ISP.

28. FAKULTAS TEKNOLOGI INFORMASI 28DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
5. Web Space
Web space adalah ruang harddisk yang telah
secara khusus disediakan untuk meletakkan semua
file setiap halaman web. Web space ini berada
pada harddisk sebuah web server di Internet.
Mempersiapkan website (5)

29. FAKULTAS TEKNOLOGI INFORMASI 29DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Mempersiapkan website (6)
6. Domain Name
Digunakan ketika manusia sulit mengingat alamat IP
address (angka numerik)
Setiap nama komputer terdiri dari urutan alpha numeric
yang dipisahkan oleh titik (dot), contoh:
 www.bl.ac.id
 www.detik.com

30. FAKULTAS TEKNOLOGI INFORMASI 30DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
DOMAIN NAME SYSTEM (1)
3 karakter :
Domain name Arti
com Commercial organization
edu Education institution
gov Government organization
mil Military group
net Major network support center
org Organization other than above
arpa Temporary ARPA domain
Int International organization

31. FAKULTAS TEKNOLOGI INFORMASI 31DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
DOMAIN NAME SYSTEM (2)
2 karakter :
Domain name Arti
ch Switzerland
jp Jepang
us United States
uk United Kingdom
id Indonesia
de Germany

32. FAKULTAS TEKNOLOGI INFORMASI 32DESAIN DAN PEMROGRAMAN WEB 1 – PG110 – 3 SKS
Terima Kasih
Fakultas Teknologi Informasi
Universitas Budi Luhur
http://fti.bl.ac.id