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

Evaluacion de la administracion por Andres Infante
Evaluacion de la administracion por Andres InfanteEvaluacion de la administracion por Andres Infante
Evaluacion de la administracion por Andres InfanteAndres Infante
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled PresentationJebin Jacob
 
гімназійний калейдоскоп
гімназійний калейдоскопгімназійний калейдоскоп
гімназійний калейдоскопYura8222
 
Anomalias de compresion y el activador o monoblock
Anomalias de compresion y el activador o monoblockAnomalias de compresion y el activador o monoblock
Anomalias de compresion y el activador o monoblockJulio Bravo Guerrero
 
Prejuicios lingüísticos (Ideas previas)
Prejuicios lingüísticos (Ideas previas)Prejuicios lingüísticos (Ideas previas)
Prejuicios lingüísticos (Ideas previas)CEDEC
 
Laser ignition system (3) (1)
Laser ignition system (3) (1)Laser ignition system (3) (1)
Laser ignition system (3) (1)gajellitejas
 
Getting the best out of a Global Workforce
Getting the best out of a Global WorkforceGetting the best out of a Global Workforce
Getting the best out of a Global WorkforceQualtrics
 
Variedades diafásicas
Variedades diafásicasVariedades diafásicas
Variedades diafásicasTeresaLosada
 

Viewers also liked (10)

Evaluacion de la administracion por Andres Infante
Evaluacion de la administracion por Andres InfanteEvaluacion de la administracion por Andres Infante
Evaluacion de la administracion por Andres Infante
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
гімназійний калейдоскоп
гімназійний калейдоскопгімназійний калейдоскоп
гімназійний калейдоскоп
 
Anomalias de compresion y el activador o monoblock
Anomalias de compresion y el activador o monoblockAnomalias de compresion y el activador o monoblock
Anomalias de compresion y el activador o monoblock
 
Prejuicios lingüísticos (Ideas previas)
Prejuicios lingüísticos (Ideas previas)Prejuicios lingüísticos (Ideas previas)
Prejuicios lingüísticos (Ideas previas)
 
Laser ignition system (3) (1)
Laser ignition system (3) (1)Laser ignition system (3) (1)
Laser ignition system (3) (1)
 
ICICI Bank - A SWOT Analysis
ICICI Bank - A SWOT AnalysisICICI Bank - A SWOT Analysis
ICICI Bank - A SWOT Analysis
 
Getting the best out of a Global Workforce
Getting the best out of a Global WorkforceGetting the best out of a Global Workforce
Getting the best out of a Global Workforce
 
vaccum braking system
vaccum braking systemvaccum braking system
vaccum braking system
 
Variedades diafásicas
Variedades diafásicasVariedades diafásicas
Variedades diafásicas
 

Similar to Materi Bahasan 7

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 Materi Bahasan 7 (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 irmaayunda_riadini (10)

Tugas ke-1
Tugas ke-1Tugas ke-1
Tugas ke-1
 
Tugas ke-3
Tugas ke-3Tugas ke-3
Tugas ke-3
 
Rundown Perkuliahan
Rundown Perkuliahan Rundown Perkuliahan
Rundown Perkuliahan
 
Materi Bahasan 7
Materi Bahasan 7 Materi Bahasan 7
Materi Bahasan 7
 
Materi Bahasan 6
Materi Bahasan 6 Materi Bahasan 6
Materi Bahasan 6
 
Materi Bahasan 3
Materi Bahasan 3 Materi Bahasan 3
Materi Bahasan 3
 
Materi Bahasan 2
Materi Bahasan 2 Materi Bahasan 2
Materi Bahasan 2
 
Materi 1
Materi 1Materi 1
Materi 1
 
Tugas Pertama
Tugas PertamaTugas Pertama
Tugas Pertama
 
Tugas Kedua
Tugas Kedua Tugas Kedua
Tugas Kedua
 

Recently uploaded

Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfEniNuraeni29
 
668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdf
668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdf668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdf
668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdfAfriYani29
 
Contoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxContoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxIvvatulAini
 
power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"baimmuhammad71
 
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptxPPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptxMaskuratulMunawaroh
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaAndreRangga1
 
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...nuraji51
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfAndiCoc
 
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...pipinafindraputri1
 
Konseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaKonseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaharnosuharno5
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfIwanSumantri7
 
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]Abdiera
 
Program Kerja Public Relations - Perencanaan
Program Kerja Public Relations - PerencanaanProgram Kerja Public Relations - Perencanaan
Program Kerja Public Relations - PerencanaanAdePutraTunggali
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptnovibernadina
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
PPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptxPPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptxDEAAYUANGGREANI
 
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...Kanaidi ken
 
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 

Recently uploaded (20)

Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
 
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
 
668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdf
668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdf668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdf
668579210-Visi-Gp-Berdasarkan-Tahapan-Bagja.pdf
 
Contoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptxContoh PPT Seminar Proposal Teknik Informatika.pptx
Contoh PPT Seminar Proposal Teknik Informatika.pptx
 
power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"
 
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptxPPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
PPT SOSIALISASI PENGELOLAAN KINERJA GURU DAN KS 2024.pptx
 
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 5 KURIKULUM MERDEKA.pdf
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, Figma
 
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
Aksi Nyata Menyebarkan (Pemahaman Mengapa Kurikulum Perlu Berubah) Oleh Nur A...
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
 
Konseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaKonseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusia
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
 
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
Modul Ajar IPAS Kelas 4 Fase B Kurikulum Merdeka [abdiera.com]
 
Program Kerja Public Relations - Perencanaan
Program Kerja Public Relations - PerencanaanProgram Kerja Public Relations - Perencanaan
Program Kerja Public Relations - Perencanaan
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
 
PPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptxPPT Mean Median Modus data tunggal .pptx
PPT Mean Median Modus data tunggal .pptx
 
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
RENCANA & Link2 Materi Pelatihan_ "Teknik Perhitungan TKDN, BMP, Preferensi H...
 
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 6 KURIKULUM MERDEKA.pdf
 

Materi Bahasan 7

  • 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