PENGENALAN REKAYASA WEB

Berada dalam Era Informasi

Internet sebagai dunia baru
Abad 21 --> Era Informasi
Perubahan masyarakat konvesional
(komunal) menjadi masyarakat informasi
(individual) --> Onno Purbo

 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.

INTERNET

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.

Fasilitas Internet
WWW (World Wide Web)
Email (Electronic Mail)
FTP (File Transfer Protocol)
IRC (Internet Relay Chat)

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

ISP
(Internet Service Provider)

INTERNET

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 telahmenja
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.637

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