SlideShare a Scribd company logo
1 of 16
TIK DAN MEDIA PEMBELAJARAN :
“TEKNOLOGI WEBSITE”
FKIP BIOLOGI
UNIVERSITAS ISLAM RIAU
2015
OLEH :
EKA PANDU CYNTHIA, S.T., M.KOM.
1
PENGERTIAN WEBSITE
• Web/Website adalah suatu ruang informasi di
mana sumber pengguna diidentifikasi oleh
pengenal global yang disebut Uniform Resource
Identifier (URL).
• Suatu halaman website dapat kita akses melalui
browser dengan menuliskan URLnya atau
mengikuti link yang mau dituju.
2
CARA KERJA WEBSITE
• URL menunjukkan lokasi dokumen yang
dikelola oleh sebuah Server Web.
• URL diubah menjadi alamat IP Server Web
• Browser kemudian mengirimkan request HTTP
• Server Web akan menjawab dengan
memberikan dokumen yang diminta, dalam
format HTML
3
4
WEB BROWSER
• Adalah suatu program atau software yang
digunakan untuk menjelajahi internet atau
untuk mencari informasi dari suatu web yang
tersimpan didalam komputer.
• Mozilla, Chrome, IE, Safari, Opera, dll.
5
WEB SERVER
• Adalah sebuah software yang memberikan
layanan berbasis data dan berfungsi menerima
permintaan dari HTTP atau HTTPS pada klien
yang dikenal dan biasanya kita kenal dengan
nama web browser dan untuk mengirimkan
kembali yang hasilnya dalam bentuk beberapa
halaman web dan pada umumnya akan
berbentuk dokumen HTML.
6
• Apache Web Server / The HTTP Web Server
• Apache Tomcat
• Microsoft windows Server 2008 IIS (Internet
Information Services)
• Lighttpd
• Zeus Web Server
• Sun Java System Web Server
7
URL
• URL (Uniform Resource Locator) dahulu disebut
Universal Resource Locator
• Alamat unik sebuah file yang dapat diakses di
internet
• Secara umum, untuk mendapatkan website adalah
memasukkan file URL di baris alamat web browser
• URL merupakan sebuah sistem pemberian nama
pada alamat situs/website
• Alamat URL adalah alamat suatu website tertentu.
Misal : http://www.google.com
8
HTTP
• Singkatan dari HyperText Trasnfer Protocol
• Merupakan sebuah protokol yang digunakan
untuk pengaksesan suatu dokumen tertentu
yang diinginkan
9
IP Address Server Web
• Alamat IP (Internet Protocol Address atau
sering disingkat IP) adalah deretan angka
biner antara 32 bit sampai 128 bit yang dipakai
sebagai alamat identifikasi untuk tiap komputer
host dalam jaringan internet.
• Panjang dari angka ini adalah 32 bit (untuk
IIPv4 atau IP versi 4), dan 128 bit (untuk IPv6
atau IP versi 6) yang menunjukkan alamat dari
komputer tersebut pada jaringan Internet
berbasis TCP/IP.
10
Coba Anda Ketik Pada Link Browser Anda :
173.194.69.94
Situs apakah yang terbuka ???
^_^
11
12
DNS
• DNS : Domain Name System
• Adalah layanan jaringan yang menerjemahkan
nama situs web menjadi alamat internet.
13
HTML
• Hyper Text Markup Language (HTML)
adalah sebuah bahasa pemrograman yang
digunakan untuk membuat sebuah halaman
web, menampilkan berbagai informasi di dalam
sebuah penjelajah web Internet dan
pemformatan hiperteks sederhana yang ditulis
dalam berkas format ASCII agar dapat
menghasilkan tampilan wujud yang
terintegerasi.
14
<HTML>
<HEAD>
<TITLE> --- CONTOH WEBSITE --- </TITLE>
</HEAD>
<BODY>
Paragraf 1
Paragraf 2
Paragraf 3
---Ini Adalah Contoh Pembuatan Website Paling
Dasar dan Sederhana---
</BODY>
<HTML>
15
• Any Questions ???
• Terimakasih…
16

More Related Content

Similar to Bahasan 7 teknologi website

Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.pptPengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.pptNenghamidah1
 
17. Memahami Web.pptx
17. Memahami Web.pptx17. Memahami Web.pptx
17. Memahami Web.pptxTantost1
 
Resume Materi WEB pemrograman dasar html
Resume Materi WEB pemrograman dasar htmlResume Materi WEB pemrograman dasar html
Resume Materi WEB pemrograman dasar htmlFaisalIdrisAlamsyah
 
Pertemuan Dasar Pemrograman Web.pdf
Pertemuan Dasar Pemrograman Web.pdfPertemuan Dasar Pemrograman Web.pdf
Pertemuan Dasar Pemrograman Web.pdfAhmadRoisSyujak
 
Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Antonius Manginsela
 
Pengenalan dunia internet dan blog
Pengenalan dunia internet dan blogPengenalan dunia internet dan blog
Pengenalan dunia internet dan blogIr. Najamudin, MT
 
Pertemuan 09 client server
Pertemuan 09   client serverPertemuan 09   client server
Pertemuan 09 client serveraingaingaing
 

Similar to Bahasan 7 teknologi website (13)

10. m 12 pertemuan 23
10. m 12 pertemuan 2310. m 12 pertemuan 23
10. m 12 pertemuan 23
 
Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.pptPengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
 
17. Memahami Web.pptx
17. Memahami Web.pptx17. Memahami Web.pptx
17. Memahami Web.pptx
 
1989249
19892491989249
1989249
 
Resume Materi WEB pemrograman dasar html
Resume Materi WEB pemrograman dasar htmlResume Materi WEB pemrograman dasar html
Resume Materi WEB pemrograman dasar html
 
TugaS II so- II
TugaS II so- II TugaS II so- II
TugaS II so- II
 
Pertemuan Dasar Pemrograman Web.pdf
Pertemuan Dasar Pemrograman Web.pdfPertemuan Dasar Pemrograman Web.pdf
Pertemuan Dasar Pemrograman Web.pdf
 
Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web
 
Pengenalan dunia internet dan blog
Pengenalan dunia internet dan blogPengenalan dunia internet dan blog
Pengenalan dunia internet dan blog
 
Pertemuan 09 client server
Pertemuan 09   client serverPertemuan 09   client server
Pertemuan 09 client server
 
Pbw week 01 basics
Pbw week 01   basicsPbw week 01   basics
Pbw week 01 basics
 
Tugas tik
Tugas tikTugas tik
Tugas tik
 
Tugas tik
Tugas tikTugas tik
Tugas tik
 

More from indri putri

Pengarapan multimed
Pengarapan multimedPengarapan multimed
Pengarapan multimedindri putri
 
Rundown perkuliahan (praktikum dan tugas) tik dan media pembelajaran
Rundown perkuliahan (praktikum dan tugas) tik dan media pembelajaranRundown perkuliahan (praktikum dan tugas) tik dan media pembelajaran
Rundown perkuliahan (praktikum dan tugas) tik dan media pembelajaranindri putri
 
Tugas multi kelompok 5
Tugas multi kelompok 5Tugas multi kelompok 5
Tugas multi kelompok 5indri putri
 
Bahasan 6 wbt cbt elearning blog
Bahasan 6 wbt cbt elearning blogBahasan 6 wbt cbt elearning blog
Bahasan 6 wbt cbt elearning blogindri putri
 
Bahasan 4 media pendidikan dan proses komunikasi pembelajaran
Bahasan 4 media pendidikan dan proses komunikasi pembelajaranBahasan 4 media pendidikan dan proses komunikasi pembelajaran
Bahasan 4 media pendidikan dan proses komunikasi pembelajaranindri putri
 
Bahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbm
Bahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbmBahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbm
Bahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbmindri putri
 
Bahasan 2 klasifikasi dan pemilihan media pembelajaran
Bahasan 2 klasifikasi dan pemilihan media pembelajaranBahasan 2 klasifikasi dan pemilihan media pembelajaran
Bahasan 2 klasifikasi dan pemilihan media pembelajaranindri putri
 
Bahasan 1 lingkup alat media pendidikan
Bahasan 1 lingkup alat media pendidikanBahasan 1 lingkup alat media pendidikan
Bahasan 1 lingkup alat media pendidikanindri putri
 

More from indri putri (8)

Pengarapan multimed
Pengarapan multimedPengarapan multimed
Pengarapan multimed
 
Rundown perkuliahan (praktikum dan tugas) tik dan media pembelajaran
Rundown perkuliahan (praktikum dan tugas) tik dan media pembelajaranRundown perkuliahan (praktikum dan tugas) tik dan media pembelajaran
Rundown perkuliahan (praktikum dan tugas) tik dan media pembelajaran
 
Tugas multi kelompok 5
Tugas multi kelompok 5Tugas multi kelompok 5
Tugas multi kelompok 5
 
Bahasan 6 wbt cbt elearning blog
Bahasan 6 wbt cbt elearning blogBahasan 6 wbt cbt elearning blog
Bahasan 6 wbt cbt elearning blog
 
Bahasan 4 media pendidikan dan proses komunikasi pembelajaran
Bahasan 4 media pendidikan dan proses komunikasi pembelajaranBahasan 4 media pendidikan dan proses komunikasi pembelajaran
Bahasan 4 media pendidikan dan proses komunikasi pembelajaran
 
Bahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbm
Bahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbmBahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbm
Bahasan 3 teknik perancangan dan strategi penggunaan media pendidikan dalam kbm
 
Bahasan 2 klasifikasi dan pemilihan media pembelajaran
Bahasan 2 klasifikasi dan pemilihan media pembelajaranBahasan 2 klasifikasi dan pemilihan media pembelajaran
Bahasan 2 klasifikasi dan pemilihan media pembelajaran
 
Bahasan 1 lingkup alat media pendidikan
Bahasan 1 lingkup alat media pendidikanBahasan 1 lingkup alat media pendidikan
Bahasan 1 lingkup alat media pendidikan
 

Recently uploaded

Menggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.pptxMenggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.pptxImahMagwa
 
UKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptx
UKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptxUKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptx
UKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptxzidanlbs25
 
MATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptx
MATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptxMATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptx
MATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptxrikosyahputra0173
 
Manajemen Lalu Lintas Baru Di Jalan Selamet Riyadi
Manajemen Lalu Lintas Baru Di Jalan Selamet RiyadiManajemen Lalu Lintas Baru Di Jalan Selamet Riyadi
Manajemen Lalu Lintas Baru Di Jalan Selamet RiyadiCristianoRonaldo185977
 
pertemuan-3-distribusi pada-frekuensi.ppt
pertemuan-3-distribusi pada-frekuensi.pptpertemuan-3-distribusi pada-frekuensi.ppt
pertemuan-3-distribusi pada-frekuensi.pptAhmadSyajili
 
Geologi Jawa Timur-Madura Kelompok 6.pdf
Geologi Jawa Timur-Madura Kelompok 6.pdfGeologi Jawa Timur-Madura Kelompok 6.pdf
Geologi Jawa Timur-Madura Kelompok 6.pdfAuliaAulia63
 
MARIA NOVILIA BOISALA FASILITATOR PMM.pptx
MARIA NOVILIA BOISALA FASILITATOR PMM.pptxMARIA NOVILIA BOISALA FASILITATOR PMM.pptx
MARIA NOVILIA BOISALA FASILITATOR PMM.pptxmariaboisala21
 

Recently uploaded (7)

Menggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.pptxMenggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.pptx
 
UKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptx
UKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptxUKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptx
UKURAN PENTYEBARAN DATA PPT KELOMPOK 2.pptx
 
MATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptx
MATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptxMATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptx
MATERI SESI 2 KONSEP ETIKA KOMUNIKASI.pptx
 
Manajemen Lalu Lintas Baru Di Jalan Selamet Riyadi
Manajemen Lalu Lintas Baru Di Jalan Selamet RiyadiManajemen Lalu Lintas Baru Di Jalan Selamet Riyadi
Manajemen Lalu Lintas Baru Di Jalan Selamet Riyadi
 
pertemuan-3-distribusi pada-frekuensi.ppt
pertemuan-3-distribusi pada-frekuensi.pptpertemuan-3-distribusi pada-frekuensi.ppt
pertemuan-3-distribusi pada-frekuensi.ppt
 
Geologi Jawa Timur-Madura Kelompok 6.pdf
Geologi Jawa Timur-Madura Kelompok 6.pdfGeologi Jawa Timur-Madura Kelompok 6.pdf
Geologi Jawa Timur-Madura Kelompok 6.pdf
 
MARIA NOVILIA BOISALA FASILITATOR PMM.pptx
MARIA NOVILIA BOISALA FASILITATOR PMM.pptxMARIA NOVILIA BOISALA FASILITATOR PMM.pptx
MARIA NOVILIA BOISALA FASILITATOR PMM.pptx
 

Bahasan 7 teknologi website

  • 1. TIK DAN MEDIA PEMBELAJARAN : “TEKNOLOGI WEBSITE” FKIP BIOLOGI UNIVERSITAS ISLAM RIAU 2015 OLEH : EKA PANDU CYNTHIA, S.T., M.KOM. 1
  • 2. PENGERTIAN WEBSITE • Web/Website adalah suatu ruang informasi di mana sumber pengguna diidentifikasi oleh pengenal global yang disebut Uniform Resource Identifier (URL). • Suatu halaman website dapat kita akses melalui browser dengan menuliskan URLnya atau mengikuti link yang mau dituju. 2
  • 3. CARA KERJA WEBSITE • URL menunjukkan lokasi dokumen yang dikelola oleh sebuah Server Web. • URL diubah menjadi alamat IP Server Web • Browser kemudian mengirimkan request HTTP • Server Web akan menjawab dengan memberikan dokumen yang diminta, dalam format HTML 3
  • 4. 4
  • 5. WEB BROWSER • Adalah suatu program atau software yang digunakan untuk menjelajahi internet atau untuk mencari informasi dari suatu web yang tersimpan didalam komputer. • Mozilla, Chrome, IE, Safari, Opera, dll. 5
  • 6. WEB SERVER • Adalah sebuah software yang memberikan layanan berbasis data dan berfungsi menerima permintaan dari HTTP atau HTTPS pada klien yang dikenal dan biasanya kita kenal dengan nama web browser dan untuk mengirimkan kembali yang hasilnya dalam bentuk beberapa halaman web dan pada umumnya akan berbentuk dokumen HTML. 6
  • 7. • Apache Web Server / The HTTP Web Server • Apache Tomcat • Microsoft windows Server 2008 IIS (Internet Information Services) • Lighttpd • Zeus Web Server • Sun Java System Web Server 7
  • 8. URL • URL (Uniform Resource Locator) dahulu disebut Universal Resource Locator • Alamat unik sebuah file yang dapat diakses di internet • Secara umum, untuk mendapatkan website adalah memasukkan file URL di baris alamat web browser • URL merupakan sebuah sistem pemberian nama pada alamat situs/website • Alamat URL adalah alamat suatu website tertentu. Misal : http://www.google.com 8
  • 9. HTTP • Singkatan dari HyperText Trasnfer Protocol • Merupakan sebuah protokol yang digunakan untuk pengaksesan suatu dokumen tertentu yang diinginkan 9
  • 10. IP Address Server Web • Alamat IP (Internet Protocol Address atau sering disingkat IP) adalah deretan angka biner antara 32 bit sampai 128 bit yang dipakai sebagai alamat identifikasi untuk tiap komputer host dalam jaringan internet. • Panjang dari angka ini adalah 32 bit (untuk IIPv4 atau IP versi 4), dan 128 bit (untuk IPv6 atau IP versi 6) yang menunjukkan alamat dari komputer tersebut pada jaringan Internet berbasis TCP/IP. 10
  • 11. Coba Anda Ketik Pada Link Browser Anda : 173.194.69.94 Situs apakah yang terbuka ??? ^_^ 11
  • 12. 12
  • 13. DNS • DNS : Domain Name System • Adalah layanan jaringan yang menerjemahkan nama situs web menjadi alamat internet. 13
  • 14. HTML • Hyper Text Markup Language (HTML) adalah sebuah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. 14
  • 15. <HTML> <HEAD> <TITLE> --- CONTOH WEBSITE --- </TITLE> </HEAD> <BODY> Paragraf 1 Paragraf 2 Paragraf 3 ---Ini Adalah Contoh Pembuatan Website Paling Dasar dan Sederhana--- </BODY> <HTML> 15
  • 16. • Any Questions ??? • Terimakasih… 16