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

Viewers also liked

【國中】整數乘除與四則
【國中】整數乘除與四則【國中】整數乘除與四則
【國中】整數乘除與四則王 維新
 
Heal our nations with Peace - Uni Papua.
Heal our nations with Peace - Uni Papua. Heal our nations with Peace - Uni Papua.
Heal our nations with Peace - Uni Papua. Uni Papua Football
 
Daily light on the daily path feb
Daily light on the daily path   febDaily light on the daily path   feb
Daily light on the daily path febJocelyn Koh
 
Funcionamiento básico de una computadora cast9illo
Funcionamiento básico de una computadora cast9illoFuncionamiento básico de una computadora cast9illo
Funcionamiento básico de una computadora cast9illoJime Castillo R
 
Комплексная платформа РТУ
Комплексная платформа РТУКомплексная платформа РТУ
Комплексная платформа РТУLeonid Golovanov
 
El proceso de resolución
El proceso de resoluciónEl proceso de resolución
El proceso de resoluciónjulimarontiver
 
Luke Hemmings
Luke HemmingsLuke Hemmings
Luke Hemmings18cxm
 

Viewers also liked (13)

Choice - Morning Tea
Choice - Morning TeaChoice - Morning Tea
Choice - Morning Tea
 
Who I met
Who I metWho I met
Who I met
 
【國中】整數乘除與四則
【國中】整數乘除與四則【國中】整數乘除與四則
【國中】整數乘除與四則
 
Heal our nations with Peace - Uni Papua.
Heal our nations with Peace - Uni Papua. Heal our nations with Peace - Uni Papua.
Heal our nations with Peace - Uni Papua.
 
Daily light on the daily path feb
Daily light on the daily path   febDaily light on the daily path   feb
Daily light on the daily path feb
 
Oer group2 final
Oer group2 finalOer group2 final
Oer group2 final
 
Funcionamiento básico de una computadora cast9illo
Funcionamiento básico de una computadora cast9illoFuncionamiento básico de una computadora cast9illo
Funcionamiento básico de una computadora cast9illo
 
Las tics
Las ticsLas tics
Las tics
 
Комплексная платформа РТУ
Комплексная платформа РТУКомплексная платформа РТУ
Комплексная платформа РТУ
 
DESEMPEÑOS 1
DESEMPEÑOS 1DESEMPEÑOS 1
DESEMPEÑOS 1
 
Preguntas tic
Preguntas ticPreguntas tic
Preguntas tic
 
El proceso de resolución
El proceso de resoluciónEl proceso de resolución
El proceso de resolución
 
Luke Hemmings
Luke HemmingsLuke Hemmings
Luke Hemmings
 

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 ririnefrianti

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 pembelajaranririnefrianti
 
Bahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikanBahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikanririnefrianti
 
Bahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikanBahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikanririnefrianti
 
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 pembelajaranririnefrianti
 

More from ririnefrianti (7)

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
 
Bahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikanBahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikan
 
Bahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikanBahasan 1 lingkup_alat_media_pendidikan
Bahasan 1 lingkup_alat_media_pendidikan
 
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
 
Tik kelompok 7
Tik kelompok 7Tik kelompok 7
Tik kelompok 7
 
Samporong angek
Samporong angekSamporong angek
Samporong angek
 
Presentation1
Presentation1Presentation1
Presentation1
 

Recently uploaded

393479010-POWER-POINT-MODUL-6-ppt.pdf. tugas
393479010-POWER-POINT-MODUL-6-ppt.pdf. tugas393479010-POWER-POINT-MODUL-6-ppt.pdf. tugas
393479010-POWER-POINT-MODUL-6-ppt.pdf. tugaslisapalena
 
Contoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data miningContoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data miningSamFChaerul
 
Sistem operasi adalah program yang bertindak sebagai perantara antara user de...
Sistem operasi adalah program yang bertindak sebagai perantara antara user de...Sistem operasi adalah program yang bertindak sebagai perantara antara user de...
Sistem operasi adalah program yang bertindak sebagai perantara antara user de...Shary Armonitha
 
KISI KISI PSAJ IPS KLS IX 2324.docskskkks
KISI KISI PSAJ IPS KLS IX 2324.docskskkksKISI KISI PSAJ IPS KLS IX 2324.docskskkks
KISI KISI PSAJ IPS KLS IX 2324.docskskkksdanzztzy405
 
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
 
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
 
PPT ANEMIA pada remaja maupun dewasapptx
PPT ANEMIA pada remaja maupun dewasapptxPPT ANEMIA pada remaja maupun dewasapptx
PPT ANEMIA pada remaja maupun dewasapptxsitifaiza3
 
Instrumen Penelitian dalam pengukuran fenomena .pptx
Instrumen Penelitian dalam pengukuran fenomena .pptxInstrumen Penelitian dalam pengukuran fenomena .pptx
Instrumen Penelitian dalam pengukuran fenomena .pptxZhardestiny
 
Menggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.pptxMenggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.pptxImahMagwa
 

Recently uploaded (9)

393479010-POWER-POINT-MODUL-6-ppt.pdf. tugas
393479010-POWER-POINT-MODUL-6-ppt.pdf. tugas393479010-POWER-POINT-MODUL-6-ppt.pdf. tugas
393479010-POWER-POINT-MODUL-6-ppt.pdf. tugas
 
Contoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data miningContoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data mining
 
Sistem operasi adalah program yang bertindak sebagai perantara antara user de...
Sistem operasi adalah program yang bertindak sebagai perantara antara user de...Sistem operasi adalah program yang bertindak sebagai perantara antara user de...
Sistem operasi adalah program yang bertindak sebagai perantara antara user de...
 
KISI KISI PSAJ IPS KLS IX 2324.docskskkks
KISI KISI PSAJ IPS KLS IX 2324.docskskkksKISI KISI PSAJ IPS KLS IX 2324.docskskkks
KISI KISI PSAJ IPS KLS IX 2324.docskskkks
 
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
 
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
 
PPT ANEMIA pada remaja maupun dewasapptx
PPT ANEMIA pada remaja maupun dewasapptxPPT ANEMIA pada remaja maupun dewasapptx
PPT ANEMIA pada remaja maupun dewasapptx
 
Instrumen Penelitian dalam pengukuran fenomena .pptx
Instrumen Penelitian dalam pengukuran fenomena .pptxInstrumen Penelitian dalam pengukuran fenomena .pptx
Instrumen Penelitian dalam pengukuran fenomena .pptx
 
Menggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.pptxMenggunakan Data matematika kelas 7.pptx
Menggunakan Data matematika kelas 7.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