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 (12)

Samporong angek
Samporong angekSamporong angek
Samporong angek
 
30 Ideas to Amplify Your Millennial Participation
30 Ideas to Amplify Your Millennial Participation30 Ideas to Amplify Your Millennial Participation
30 Ideas to Amplify Your Millennial Participation
 
Edwin perez, Resume, 1-11-16
Edwin perez, Resume, 1-11-16Edwin perez, Resume, 1-11-16
Edwin perez, Resume, 1-11-16
 
Youtube & Instagram - ESCS - LCAD - 2015/16
Youtube & Instagram - ESCS - LCAD - 2015/16Youtube & Instagram - ESCS - LCAD - 2015/16
Youtube & Instagram - ESCS - LCAD - 2015/16
 
Psychology seminar vygotky.
Psychology seminar vygotky.Psychology seminar vygotky.
Psychology seminar vygotky.
 
HTML
HTMLHTML
HTML
 
Ghufron
GhufronGhufron
Ghufron
 
VMS Updated - Sept-2016
VMS Updated - Sept-2016VMS Updated - Sept-2016
VMS Updated - Sept-2016
 
Euromaint
EuromaintEuromaint
Euromaint
 
Junk food
Junk foodJunk food
Junk food
 
5 tips for a Successful EDI Implementation
5 tips for a Successful EDI Implementation5 tips for a Successful EDI Implementation
5 tips for a Successful EDI Implementation
 
VMS Updated - 19th Jan-2017
VMS Updated - 19th Jan-2017VMS Updated - 19th Jan-2017
VMS Updated - 19th Jan-2017
 

Similar to Teknologi Website dan Pembelajaran

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 Teknologi Website dan Pembelajaran (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
 

Recently uploaded

514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptx
514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptx514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptx
514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptxAbidinMaulana
 
Contoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data miningContoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data miningSamFChaerul
 
Salinan PPT TATA BAHASA Bahasa Indonesia
Salinan PPT TATA BAHASA Bahasa IndonesiaSalinan PPT TATA BAHASA Bahasa Indonesia
Salinan PPT TATA BAHASA Bahasa Indonesiasdn4mangkujayan
 
Perlindungan Anak Dalam Hukum Perdata (2).pdf
Perlindungan Anak Dalam Hukum Perdata (2).pdfPerlindungan Anak Dalam Hukum Perdata (2).pdf
Perlindungan Anak Dalam Hukum Perdata (2).pdfjeffrisovana999
 
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
 
KONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHAN
KONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHANKONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHAN
KONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHANDevonneDillaElFachri
 
ASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.pptx
ASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.pptxASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.pptx
ASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.pptxAdrimanMulya
 
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
 

Recently uploaded (11)

514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptx
514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptx514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptx
514034136-Tugas-Modul-4-5-Komputer-Dan-Media-Pembelajaran.pptx
 
Abortion pills in Jeddah+966543202731/ buy cytotec
Abortion pills in Jeddah+966543202731/ buy cytotecAbortion pills in Jeddah+966543202731/ buy cytotec
Abortion pills in Jeddah+966543202731/ buy cytotec
 
Contoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data miningContoh Algoritma Asosiasi pada data mining
Contoh Algoritma Asosiasi pada data mining
 
Salinan PPT TATA BAHASA Bahasa Indonesia
Salinan PPT TATA BAHASA Bahasa IndonesiaSalinan PPT TATA BAHASA Bahasa Indonesia
Salinan PPT TATA BAHASA Bahasa Indonesia
 
Perlindungan Anak Dalam Hukum Perdata (2).pdf
Perlindungan Anak Dalam Hukum Perdata (2).pdfPerlindungan Anak Dalam Hukum Perdata (2).pdf
Perlindungan Anak Dalam Hukum Perdata (2).pdf
 
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
 
Abortion pills in Kuwait salmiyah [+966572737505 ] Get Cytotec in Kuwait city...
Abortion pills in Kuwait salmiyah [+966572737505 ] Get Cytotec in Kuwait city...Abortion pills in Kuwait salmiyah [+966572737505 ] Get Cytotec in Kuwait city...
Abortion pills in Kuwait salmiyah [+966572737505 ] Get Cytotec in Kuwait city...
 
KONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHAN
KONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHANKONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHAN
KONSEP DASAR ADVOKASI GIZI KEBIJAKAN PEMERINTAHAN
 
ASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.pptx
ASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.pptxASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.pptx
ASUMSI DAN KARAKTERISTIK AKUNTANSI SYARIAH.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
 

Teknologi Website dan Pembelajaran

  • 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