SlideShare a Scribd company logo
1 of 18
KELOMPOK 4
WEBSITE & HOMEPAGE
INTERAKTIF
Tenang euy,
kelompok
empat mau
jelasin noh.. 

Eleh-eleh,
aing teh
liyer
WEBSITE
apaan.nya??
• Ditemukan
pertamakali oleh Sir
Timothy John Tim
Berners-Lee,
sedangkan situs web
yang tersambung
dengan jaringan
pertama kali muncul
pada tahun 1991.

Secara garis besar,
website bisa
digolongkan
menjadi 3 bagian
yaitu:
1. Website Statis
2. Website Dinamis
WWW

a) GRATIS

URL

b) GAK
GRATIS

WEBSITE

BAHASA
SKRIP

HTML /
XHTML
Website statis
Web yang mempunyai halaman tidak
berubah. Ada 3 tipe kategori software editor
:
• Elemen 1 Penyunting teks.
• Elemen 2 WYSIWYG editor.
• Elemen 3 Editor yang sudah memiliki
templat.
Website Dinamis
Website yang secara struktur diperuntukan
untuk update sesering mungkin. Biasanya
selain utama yang bisa diakses oleh user
pada umumnya, juga disediakan halaman
backend untuk mengedit kontent dari
website.
Website Interaktif
Di website ini useq
bisa beqinteqaksi
dan beqadu
aqgument mengenai
apa yang menjadi
pemikiqan meqeka.
Biasanya website
sepeqti memiliki
modeqatoq untuk
mengatuq supaya
URL (Uniform resource locator)
WWW (World Wide Web)

HTTP (Hyper Text Transfer Protocol)

HTML (Hyper Text Markup
Language)
Jenis-jenis Domain
Generic Domains(domain umum/internasional)
Merupakan domain name yang berakhiran dengan .Com .Net .Org .Edu .Mil atau
.Gov. Jenis domain ini sering juga disebut top level domain dan domain ini tidak
berafiliasi berdasarkan negara, sehingga siapapun dapat mendaftar.
ex
.gov : merupakan domain untuk pemerintahan (government) di
Amerika
.mil : merupakan domain untuk kebutuhan angkatan bersenjata
(military)
Country-Specific Domains (domain khusus)
Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering juga
disebut second level domain, seperti .id(Indonesia), .au(Australia), .jp(Jepang)
dan lain lain.
Domain ini dioperasikan dan di daftarkan dimasing negara.
ex
.co.id : Untuk Badan Usaha yang mempunyai badan hukum sah
.ac.id : Untuk Lembaga Pendidikan indonesia
.go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
.mil.id : Khusus untuk Lembaga Militer Republik Indonesia
...FUNGSI
WEBSITE??

Media komunikasi

Media pendidikan

Media informasi

Media pemasaran
Media promosi
Cara membuat homepage interaktif
A. Mempqogqam Web
1. Peqsiapan Softwaqe
Untuk membuat
homepage dinamis atau
inteqaktif
sangatlah sedeqhana.
Softwaqe yang di
butuhkan sepeqti :

System
Operasi

Microsoft
Front
Page

Internet

Information

Services
(IIS)

Microsoft
Access

Microsoft
Internet
Explorer

Komponen
Open
DataBase
Connectivity
2. Persiapan Direktori Kerja
Aktifkan Windows Explorer dalam computer.
Buat sati direktori dalam drive C dengan nama SMUKU-INT
Buat subdirektori image, css, dan database dalam direktori SMUKU
INT.
3. Persiapan Skenario User Interface
Skenario from harus dibuat untuk memberikan gambaran apa yang
akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi
sebagai form untuk memasukkan dan menampilkan data siswa dari
database.
Buat satu table dengan nama datasiswa dengan strutur table data
siswa.
Input data siswa.
Output data siswa.
44. Persiapan Komponen IIS
Terdapat 2 cara manampilkan informasi homepage melalui IIS yaitu:
a. Menggunakan port
b. Menggunakan direktori virtual
5. Pemilihan Bahasa Pemograman
a. Deklarasi Variabel
b. Blok kode ASP
c. Statement Input
d. Statement output
e. Statement Logika
f. Statement looping
g. Operasi pengakses data
h. Cara kerja ASP
Website and Homepage Interaktif
Website and Homepage Interaktif

More Related Content

What's hot (9)

Ringkasan tik kelas 9 bab 4
Ringkasan tik kelas 9 bab 4Ringkasan tik kelas 9 bab 4
Ringkasan tik kelas 9 bab 4
 
9 g = 5 mashadi arif dwi armawan
9 g = 5 mashadi   arif dwi armawan9 g = 5 mashadi   arif dwi armawan
9 g = 5 mashadi arif dwi armawan
 
2.1. mende monstrasikan akses internet sesuai dengan prosedur
2.1. mende monstrasikan akses internet sesuai dengan prosedur2.1. mende monstrasikan akses internet sesuai dengan prosedur
2.1. mende monstrasikan akses internet sesuai dengan prosedur
 
Ringkasan Bab4
Ringkasan Bab4Ringkasan Bab4
Ringkasan Bab4
 
Bab 3 teknologi informasi dan komunikasi queenzha 7 f
Bab 3 teknologi informasi dan komunikasi queenzha 7 fBab 3 teknologi informasi dan komunikasi queenzha 7 f
Bab 3 teknologi informasi dan komunikasi queenzha 7 f
 
Ringkasan tik kelas 93 bab 4
Ringkasan tik kelas 93 bab 4Ringkasan tik kelas 93 bab 4
Ringkasan tik kelas 93 bab 4
 
Tugas ujan praktek TIK
Tugas ujan praktek TIKTugas ujan praktek TIK
Tugas ujan praktek TIK
 
Ringkasan bab 4 kelas xi
Ringkasan bab 4 kelas xiRingkasan bab 4 kelas xi
Ringkasan bab 4 kelas xi
 
9 g = 6 mashadi arif dwi armawan
9 g = 6 mashadi   arif dwi armawan9 g = 6 mashadi   arif dwi armawan
9 g = 6 mashadi arif dwi armawan
 

Viewers also liked

2013 couples dinner slides
2013 couples dinner slides2013 couples dinner slides
2013 couples dinner slides
Cecile Afable
 
KhechoumianA_BurrowsB_Assignment#3(DRAFT)
KhechoumianA_BurrowsB_Assignment#3(DRAFT)KhechoumianA_BurrowsB_Assignment#3(DRAFT)
KhechoumianA_BurrowsB_Assignment#3(DRAFT)
teamarrow
 
The 4 main environmental problems in Spain
The 4 main environmental problems in SpainThe 4 main environmental problems in Spain
The 4 main environmental problems in Spain
PilarRamosh3
 

Viewers also liked (17)

Scientific nursing process
Scientific nursing processScientific nursing process
Scientific nursing process
 
2013 couples dinner slides
2013 couples dinner slides2013 couples dinner slides
2013 couples dinner slides
 
Website and Homepage Interaktif (ppt file)
Website and Homepage Interaktif (ppt file)Website and Homepage Interaktif (ppt file)
Website and Homepage Interaktif (ppt file)
 
Bouwproductie & prognoses door Jacco Ridderhof
Bouwproductie & prognoses door Jacco RidderhofBouwproductie & prognoses door Jacco Ridderhof
Bouwproductie & prognoses door Jacco Ridderhof
 
2013 couples dinner slides
2013 couples dinner slides2013 couples dinner slides
2013 couples dinner slides
 
World Curiosities
World CuriositiesWorld Curiosities
World Curiosities
 
2013 couples dinner slides
2013 couples dinner slides2013 couples dinner slides
2013 couples dinner slides
 
CSS3 Cheat-Sheet
CSS3 Cheat-SheetCSS3 Cheat-Sheet
CSS3 Cheat-Sheet
 
Nieuwe marketing door Paul Waldekker
Nieuwe marketing door Paul WaldekkerNieuwe marketing door Paul Waldekker
Nieuwe marketing door Paul Waldekker
 
KhechoumianA_BurrowsB_Assignment#3(DRAFT)
KhechoumianA_BurrowsB_Assignment#3(DRAFT)KhechoumianA_BurrowsB_Assignment#3(DRAFT)
KhechoumianA_BurrowsB_Assignment#3(DRAFT)
 
Sejarah pembentukan bumi
Sejarah pembentukan bumiSejarah pembentukan bumi
Sejarah pembentukan bumi
 
Histrionic personality disorder
Histrionic personality disorderHistrionic personality disorder
Histrionic personality disorder
 
The 4 main environmental problems in Spain
The 4 main environmental problems in SpainThe 4 main environmental problems in Spain
The 4 main environmental problems in Spain
 
Nurse patient relationship and johari window
Nurse patient relationship and johari windowNurse patient relationship and johari window
Nurse patient relationship and johari window
 
Toxic shock syndrome
Toxic shock syndromeToxic shock syndrome
Toxic shock syndrome
 
Experimental research design
Experimental research designExperimental research design
Experimental research design
 
Nursing records & reports
Nursing records & reportsNursing records & reports
Nursing records & reports
 

Similar to Website and Homepage Interaktif

Mengelola isi halaman web 5
Mengelola isi halaman web 5Mengelola isi halaman web 5
Mengelola isi halaman web 5
Eko Supriyadi
 
Pengenalan Dasar Internet Dan Website
Pengenalan Dasar Internet Dan WebsitePengenalan Dasar Internet Dan Website
Pengenalan Dasar Internet Dan Website
guest86c4c95
 
mendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedurmendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedur
Marliani Devita
 
Web 1 Semester 3.docx
Web 1 Semester 3.docxWeb 1 Semester 3.docx
Web 1 Semester 3.docx
intansiatono
 
Tugas besar (pbw) web sekolah
Tugas besar (pbw)   web sekolahTugas besar (pbw)   web sekolah
Tugas besar (pbw) web sekolah
rizqipratama15
 
9 i = 5 singgih santoso budi sutedjo dharma oetomo
9 i = 5 singgih santoso   budi sutedjo dharma oetomo9 i = 5 singgih santoso   budi sutedjo dharma oetomo
9 i = 5 singgih santoso budi sutedjo dharma oetomo
Eka Dhani
 
Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3
Ocim Nationalism
 
Mendemonstrasikan akses internet sesuai dengan prosedur
Mendemonstrasikan akses internet sesuai dengan prosedurMendemonstrasikan akses internet sesuai dengan prosedur
Mendemonstrasikan akses internet sesuai dengan prosedur
dhini211
 

Similar to Website and Homepage Interaktif (20)

Mengelola isi halaman web 5
Mengelola isi halaman web 5Mengelola isi halaman web 5
Mengelola isi halaman web 5
 
Pengenalan Dasar Internet Dan Website
Pengenalan Dasar Internet Dan WebsitePengenalan Dasar Internet Dan Website
Pengenalan Dasar Internet Dan Website
 
akses web
akses webakses web
akses web
 
Laporan pembuatan desain web joomla
Laporan pembuatan desain web joomlaLaporan pembuatan desain web joomla
Laporan pembuatan desain web joomla
 
mendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedurmendemonstrasikan akses internet sesuai prosedur
mendemonstrasikan akses internet sesuai prosedur
 
Web 1 Semester 3.docx
Web 1 Semester 3.docxWeb 1 Semester 3.docx
Web 1 Semester 3.docx
 
PresentasiPTI.pptx
PresentasiPTI.pptxPresentasiPTI.pptx
PresentasiPTI.pptx
 
Tugas besar (pbw) web sekolah
Tugas besar (pbw)   web sekolahTugas besar (pbw)   web sekolah
Tugas besar (pbw) web sekolah
 
Makalah search engine
Makalah search engineMakalah search engine
Makalah search engine
 
9 i = 5 singgih santoso budi sutedjo dharma oetomo
9 i = 5 singgih santoso   budi sutedjo dharma oetomo9 i = 5 singgih santoso   budi sutedjo dharma oetomo
9 i = 5 singgih santoso budi sutedjo dharma oetomo
 
Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3Tutorial joomla versi 1.5.3
Tutorial joomla versi 1.5.3
 
Mengakses situs untuk memperoleh informasi
Mengakses situs untuk memperoleh informasiMengakses situs untuk memperoleh informasi
Mengakses situs untuk memperoleh informasi
 
Basic Pemrograman.pptx
Basic Pemrograman.pptxBasic Pemrograman.pptx
Basic Pemrograman.pptx
 
Modul web design - studi kasus website portal berita
Modul web design - studi kasus website portal beritaModul web design - studi kasus website portal berita
Modul web design - studi kasus website portal berita
 
Cms
CmsCms
Cms
 
Pengenalan Dasar Web
Pengenalan Dasar WebPengenalan Dasar Web
Pengenalan Dasar Web
 
Ukk 2016 - pemrograman web menggunakan wordpress - ilham fiqih
Ukk 2016 - pemrograman web menggunakan wordpress - ilham fiqihUkk 2016 - pemrograman web menggunakan wordpress - ilham fiqih
Ukk 2016 - pemrograman web menggunakan wordpress - ilham fiqih
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
 
Mendemonstrasikan akses internet sesuai dengan prosedur
Mendemonstrasikan akses internet sesuai dengan prosedurMendemonstrasikan akses internet sesuai dengan prosedur
Mendemonstrasikan akses internet sesuai dengan prosedur
 
Desain web
Desain webDesain web
Desain web
 

Website and Homepage Interaktif

  • 1. KELOMPOK 4 WEBSITE & HOMEPAGE INTERAKTIF
  • 2. Tenang euy, kelompok empat mau jelasin noh..  Eleh-eleh, aing teh liyer WEBSITE apaan.nya??
  • 3.
  • 4. • Ditemukan pertamakali oleh Sir Timothy John Tim Berners-Lee, sedangkan situs web yang tersambung dengan jaringan pertama kali muncul pada tahun 1991. Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu: 1. Website Statis 2. Website Dinamis
  • 6. Website statis Web yang mempunyai halaman tidak berubah. Ada 3 tipe kategori software editor : • Elemen 1 Penyunting teks. • Elemen 2 WYSIWYG editor. • Elemen 3 Editor yang sudah memiliki templat.
  • 7. Website Dinamis Website yang secara struktur diperuntukan untuk update sesering mungkin. Biasanya selain utama yang bisa diakses oleh user pada umumnya, juga disediakan halaman backend untuk mengedit kontent dari website.
  • 8. Website Interaktif Di website ini useq bisa beqinteqaksi dan beqadu aqgument mengenai apa yang menjadi pemikiqan meqeka. Biasanya website sepeqti memiliki modeqatoq untuk mengatuq supaya
  • 9.
  • 10. URL (Uniform resource locator) WWW (World Wide Web) HTTP (Hyper Text Transfer Protocol) HTML (Hyper Text Markup Language)
  • 11. Jenis-jenis Domain Generic Domains(domain umum/internasional) Merupakan domain name yang berakhiran dengan .Com .Net .Org .Edu .Mil atau .Gov. Jenis domain ini sering juga disebut top level domain dan domain ini tidak berafiliasi berdasarkan negara, sehingga siapapun dapat mendaftar. ex .gov : merupakan domain untuk pemerintahan (government) di Amerika .mil : merupakan domain untuk kebutuhan angkatan bersenjata (military) Country-Specific Domains (domain khusus) Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering juga disebut second level domain, seperti .id(Indonesia), .au(Australia), .jp(Jepang) dan lain lain. Domain ini dioperasikan dan di daftarkan dimasing negara. ex .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah .ac.id : Untuk Lembaga Pendidikan indonesia .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia .mil.id : Khusus untuk Lembaga Militer Republik Indonesia
  • 12. ...FUNGSI WEBSITE?? Media komunikasi Media pendidikan Media informasi Media pemasaran Media promosi
  • 13.
  • 14. Cara membuat homepage interaktif A. Mempqogqam Web 1. Peqsiapan Softwaqe Untuk membuat homepage dinamis atau inteqaktif sangatlah sedeqhana. Softwaqe yang di butuhkan sepeqti : System Operasi Microsoft Front Page Internet Information Services (IIS) Microsoft Access Microsoft Internet Explorer Komponen Open DataBase Connectivity
  • 15. 2. Persiapan Direktori Kerja Aktifkan Windows Explorer dalam computer. Buat sati direktori dalam drive C dengan nama SMUKU-INT Buat subdirektori image, css, dan database dalam direktori SMUKU INT. 3. Persiapan Skenario User Interface Skenario from harus dibuat untuk memberikan gambaran apa yang akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi sebagai form untuk memasukkan dan menampilkan data siswa dari database. Buat satu table dengan nama datasiswa dengan strutur table data siswa. Input data siswa. Output data siswa.
  • 16. 44. Persiapan Komponen IIS Terdapat 2 cara manampilkan informasi homepage melalui IIS yaitu: a. Menggunakan port b. Menggunakan direktori virtual 5. Pemilihan Bahasa Pemograman a. Deklarasi Variabel b. Blok kode ASP c. Statement Input d. Statement output e. Statement Logika f. Statement looping g. Operasi pengakses data h. Cara kerja ASP