Mengenal Pemanfaatan Situs Web dalam Dunia Pendidikan

PENGENALAN REKAYASA WEB
1
Berada dalam Era Informasi
• Internet sebagai dunia baru
• Abad 21 --> Era Informasi
• Perubahan masyarakat konvesional
(komunal) menjadi masyarakat informasi
(individual) --> Onno Purbo
2
• Agar bertahan di era
informasi, harus menjadi
produsen
informasi, tidak
sekadar konsumen
informasi
Situs web penting dan dibutuhkan !
3
Apa itu Internet ?
• Internet
atau
International
Networking
merupakan dua komputer atau lebih yang saling
berhubungan membentuk jaringan komputer hingga
meliputi jutaan komputer di dunia (internasional),
yang saling berinteraksi dan bertukar informasi.
• Internet adalah jaringan dari jaringan komputer.
4
INTERNET
5
Sejarah Internet
•
•
•
•
1960 Penelitian Tentang Jaringan Komputer
1969 ARPANET
1990 Internet Komersil
1994 Digital video dan audio mulai digunakan di
Internet
• Saat ini ..... Koneksi Broadband, banyak orang
menggunakan Internet.
6
Fasilitas Internet
• WWW (World Wide Web)
• Email (Electronic Mail)
• FTP (File Transfer Protocol)
• IRC (Internet Relay Chat)
7
SYARAT TERHUBUNG KE
INTERNET
• Komputer/ Laptop
• Modem (Modulasi Demodulasi)
• Telepon/ Kabel/ Wave Line/ Hotspot
• ISP (Internet Service Provider): Telkom, Indosat, ...dll.
• Software :
Browser
: Opera, Internet Explore, Netscape, Mozilla
FTP
: Cute FTp, Gozilla, WSFTP
Email : Outlook Express, Ms. Outlook, Eudora, Opera Mail
Chatting
: MiRC, Yahoo Messenger, ICQ
8
ISP
(Internet Service Provider)
INTERNET
9
ISTILAH INTERNET
• Situs Web : sekumpulan halaman web yang ditempatkan
dalam satu server dengan nama domain tertentu. Misal : Situs
pangudiluhur.org
• Homepage : Halaman pertama suatu situs web
• HTML, PHP, ASP adalah bahasa pemograman berupa kodekode tertentu yang membentuk situs web.
• Surfing atau Browsing : Sebutan orang ketika mengakses
Internet melalui browser.
• Googling : Sebutan orang ketika melakukan pencarian
menggunakan search engine google.
• Chatting : Melakukan komunikasi dua arah melalui internet
dengan berbasis text.
• Hosting : Tempat yang menyewakan server untuk web.
• Hacking /Cracking : Usaha untuk mengakses data server
secara ilegal.
10
KEKUATAN INTERNET
• Informasi mudah diakses tanpa
batasan waktu, dan tempat
• Biaya komunikasi MURAH
• Hutan Rimba Informasi
11
SITUS WEB
• Situs web pertama diperkenalkan oleh
Tim Berners-Lee pada 1991
• Tujuannya untuk mempermudah
pertukaran informasi
12
Jenis Situs Web
• Web Institusi : http://psikologi.ugm.ac.id
•
•
•
http/www/akprind.ac.id
Puskom.akprind.ac.id
Elista.akprind.ac.id
Web Komunitas : http://alumni.ugm.ac.id, http;//ikaakprind.ac.id
•
• Web Individual : http://ancok.staff.ugm.ac.id atau
•
http://kenz.web.ugm.ac.id
www.novi.com
Web Diskusi : http://forum.psikologi.ugm.ac.id.
•
• Web Pembelajaran/ E-Learning : http://elisa.ugm.ac.id dan
http://i-elisa.ugm.ac.id
13
INTERNET
14
WWW
• Pengertian WWW
WWW adalah suatu set aplikasi
komunikasi dan sistem perangkat lunak
yang memiliki karasteristik sbb:
15
Karakterikstik WWW
•
•
•
•
Umumnya terletak pada Host dan Client
Umumnya Menggunakan protokol TCP/IP
Memakai kode HTML
Mengikuti model Client/Server untuk
komunikasi dua arah
16
• Memungkinkan client untuk mengkases
server dengan berbagai protokol seperti
HTTP, FTP, Telnet dll.
• Menggunakan model alamat Uniform
Resource Locator (URL)
17
Kegunaan WEB bagi dunia
Perdagangan
• Jual Beli Lewat Internet
• Medium pembayaran onlone spt: kartu
credit
• Sebagai media promosi / iklan bagi
perusahaan
18
Jual Beli
19
Berita & Promosi
20
Kegunaan WEB bagi Dunia
Perbankan
• Transaksi Elektronik
• E-Wallet
21
Klik BCA
22
•
Berita Terkini
WEB-TV
23
Dunia Pendidikan
• Riset dan pembelajaran
• Diskusi secara online
• Sumber refrensi
24
Pendidikan Online
25
EVOLUSI WEBSITE
26
• Kata Situs itu sendiri mempunyai arti tempat,
demikian juga situs web berarti tempat (alamat)
dari dokumen web
• Informasi-informasi yang terdapat di WWW
dikemas dalam bentuk halaman-halaman web
(Webpage).
• Website
dapat diartikan sebagai kumpulan
halaman-halaman yang digunakan untuk
mempublikasikan informasi berupa teks, gambar
dan program multimedia lainnya berupa animasi
(gambar gerak, tulisan gerak), suara, dan atau
gabungan dari semuanya itu.
27
• Terminologi website adalah kumpulan dari
halaman-halaman
situs,
yang
biasanya
terangkum dalam sebuah domain atau
subdomain, yang tempatnya berada didalam
World Wide Web (WWW) di Internet
• Sebuah web page adalah dokumen yang ditulis
dalam format HTML (Hyper Text Markup
Language), yang hampir selalu bisa diakses
melalui HTTP.
28
• Halaman-halaman dari website akan bisa
diakses melalui sebuah URL yang biasa
disebut Homepage.
• Beberapa
website
membutuhkan
subskripsi agar para user bisa mengakses
sebagian atau keseluruhan isi website
tersebut.
29
Website
• website telah ada selama 15 sampai 17 tahun
• Pada 25 Desember1990 Web akhirnya online
Tentu saja momen yang paling bersejarah dalam
perkembangan web adalah hari dimana web
dilahirkan.
• situs web pertama diperkenalkan oleh Tim
Berners-lee pada tahun 1991.
• Adapun tujuan dibuatnya website yaitu untuk
mempermudah pertukaran informasi
30
• Berners Lee pada awalnya mengembangkan
sebuah sistem hypertext untuk mengawasi
ratusan proyek, software dan komputer yang
digunakan oleh departemne High Energy Physicc
di CERN. Lee dan Caillau kemudian
• menciptakan konten web pertama, yaitu: CERN
phone directory.
• bulan Agustus tahun berikutnya, Barners Lee
mengumumkan kreasinya kedunia (atau
setidaknya kepada sebagian penduduk dunia
yang terhubung ke alt.hypertext newsgroup).
Pada akhir 1992, 50 web server sudah terhubung,
dan pada akhir 1994 angkanya terus bertambah
sampai 2500.
31
- Pada April 1994 Yahoo berdiri. Yahoo adalah site
pertama yang berusaha mengatalogkan web,
menawarkan daftar direktori dari setiap site
penting.
- Maret 2003,Friendster online MySpace
telahmenjadi sangat besar dan Facebook juga
mulai populer.
- Friendster adalah pionir pertama yang berusaha
menghubungkan seluruh penggunanya, Jonathan
Abrams, pendirinya.
32
• 7 september 1998 : Google berdiri
• Google mungkin adalah aplikasi web2.0
yang pertama dan kesuksesannya dapat
dilihat dari keputusan Oxford English
Dictionary untuk memasukkan kata
“google” sebagai kata kerjayang artinya
melakukan pencarian di web.
33
•
•
Web kini menjadi kebutuhan mutlak bagi
perusahaan maupun personal yang ingin
mempublikasikan dirinya dalam media internet.
untuk dunia bisnis website dapat di jadikan
sebuah braind image bagi perusahaan, yaitu
kecangihan dan tampilan yang menarik dapat
mewakili perusaan tersebut dimata pengunjung
bahkan
website
itu
sendiri
sebagai
perusahaannya
sebut
saja
detik.com,
google.com,
34
website gratisan VS website
sendiri
• Adapun Kelebihan website gratisan tidak
mengeluarkan uang banyak, seperti mambo,
jombla, phpnuke dll, banyak memberikan
kemudahan dalam membuat situs dan pembuat
situs cukup melakukan registrasi dalam
beberapa menit sudah dapat memiliki website
• kekurangan website gratisan pada website
opensource,
dimana
script-script
yang
digunakan harus mencantumkan di website
tersebut bahwa pemilik situs mengunakan
aplikasi mereka dll
35
• Kelebihan website sendiri bisa dikatakan biaya
pembuatnya murah bahkan sangat mahal
harganya, dikatakan murah apabila pemilik situs
sudah memahami bahasa pemograman dalam
membuat sendiri struktur script-script yang kita
inginkan dan mahal apabila pemilik situs
memesan pembuatan situs perusahaan jasa
pembuatan website.
• Kekurangan dari website sendiri pemilik situs
harus melakukan promosi sendiri agar dikenal
oleh phak lain,
36
SISI TEKNIS WEB
INTERNET
http://psikologi.ugm.ac.id
SERVER
222.124.24.
6
37
Berkomunikasi Dengan Server
FTP : Filezilla, GFTP dll..
Web Base : Control Panel
http://psikologi.ugm.ac.id/cpanel
38
PEMBUATAN WEB
Menggabungkan semua unsur text, gambar, foto, animasi, suara ke
dalam suatu halaman yang saling berhubungan satu sama lain dengan
bahasa html dan bahasa pemrograman internet lainnya.
39
SOFTWARE YG DIBUTUHKAN
UNTUK MEMBUAT WEB
•
Software Pengolah Image, yaitu : Adobe Photoshop
6.0, Adobe Image Ready 3.0, GIMP
•
Software HTML editor, yaitu : Macromedia
Dreamweaver 4.1 dan UltraEdit 8.1, Bluefish
•
Software Animasi, yaitu : Jasc Animation Shop 3.0,
Macromedia Flash
40
WEB STATIS DAN DINAMIS
WEB STATIS
Sukar untuk dirubah setiap waktu
Dirubah dengan FTP, butuh keahlian bahasa program
WEB DINAMIS
Mudah dirubah setiap waktu
CMS: (content management system)
Web Base :
Tidak butuh keahlian bahasa program
41
Apa itu BLOG ?
• Blog adalah suatu bentuk
pengembangan situs web pribadi yang
mengarah pada bentuk diary online,
urutan postingan terbaru diletakkan di
bagian atas.
• CMS yang biasa digunakan :
WordPrees, B2, Textpatern, Drupal dkk.
• Banyak layanan blog gratis :
http://blogger.com, http://blogsome.com,
http://wordpress.com
42
TREN SITUS WEB DINAMIS
• Menggunakan CMS
• Buatan sendiri
+ lebih aman, sesuai kebutuhan
- pembuatan makan waktu dan biaya
• Buatan komunitas/pribadi yang digratisan
- mudah dihack, tidak sesuai
kebutuhan.
+ instan
43
CMS Gratis
CMS Sendiri
Keunggulan
+ Instan, tinggal install dan pakai
+ template desain banyak
+ populer, banyak orang pakai
+ biaya murah
+ desain mudah dirubah-rubah
Keunggulan
+ sesuai kebutuhan
+ lebih aman
+ gengsi tinggi
+ operator tidak butuh
keahlian
Kelemahan :
- Mudah dihack
- Tidak sesuai kebutuhan
Kelemahan :
- butuh waktu dan biaya
- desain tidak mudah dirubah
- trouble support tergantung
programmer
44
Situs Web Sekolah
(need assesment)
•
•
•
•
•
•
•
Informasi Profile/ Artikel /Berita
Agenda Kegiatan
Banner
Buku tamu
Galeri Photo
Menu navigasi yang bisa ditambahkan
Database : nilai siswa, keuangan, alumni
45
EVOLUSI WEBSITE
46
Etika Publikasi Web
•
•
•
•
Tidak menggunakan materi orang lain / copy paste
Tidak menggunakan gambar/ photo orang lain
Tidak merugikan orang lain
Fungsi Admin : Filtering Informasi dari luar misalnya
dari bukutamu
47
Keamanan Informasi
• Setiap program memiliki celah keamanan
(bugs) --> update program teratur
• Setiap manusia memiliki kelalaian -->
membiasakan diri untuk berperilaku hati-hati.
contohnya : selalu logout, tidak membuka
sembarang email yang tidak dikenal,
menggunakan browser yang aman, hati-hati
menekan yes.
48
49