1

PENGENALAN REKAYASA WEB

2

Berada dalam Era Informasi• Internet sebagai dunia baru• Abad 21 --> Era Informasi• Perubahan masyarakat konvesional

(komunal) menjadi masyarakat informasi (individual) --> Onno Purbo

3

• Agar bertahan di era informasi, harus menjadi

produsen informasi, tidak sekadar konsumen informasi

Situs web penting dan dibutuhkan !

4

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.

5

INTERNET

6

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.

7

Fasilitas Internet

• WWW (World Wide Web)

• Email (Electronic Mail)

• FTP (File Transfer Protocol)

• IRC (Internet Relay Chat)

8

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

9

ISP (Internet Service Provider)

INTERNET

10

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 kode-kode 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.

11

KEKUATAN INTERNET

• Informasi mudah diakses tanpa batasan waktu, dan tempat

• Biaya komunikasi MURAH

• Hutan Rimba Informasi

12

SITUS WEB

• Situs web pertama diperkenalkan oleh Tim Berners-Lee pada 1991

• Tujuannya untuk mempermudah pertukaran informasi

13

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

14

INTERNET

15

WWW

• Pengertian WWW

WWW adalah suatu set aplikasi komunikasi dan sistem perangkat lunak yang memiliki karasteristik sbb:

16

Karakterikstik WWW

• Umumnya terletak pada Host dan Client

• Umumnya Menggunakan protokol TCP/IP

• Memakai kode HTML

• Mengikuti model Client/Server untuk komunikasi dua arah

17

• Memungkinkan client untuk mengkases server dengan berbagai protokol seperti HTTP, FTP, Telnet dll.

• Menggunakan model alamat Uniform Resource Locator (URL)

18

Kegunaan WEB bagi dunia Perdagangan

• Jual Beli Lewat Internet

• Medium pembayaran onlone spt: kartu credit

• Sebagai media promosi / iklan bagi perusahaan

19

Jual Beli

20

Berita & Promosi

21

Kegunaan WEB bagi Dunia Perbankan

• Transaksi Elektronik

• E-Wallet

22

Klik BCA

23

WEB-TV• Berita Terkini

24

Dunia Pendidikan

• Riset dan pembelajaran

• Diskusi secara online

• Sumber refrensi

25

Pendidikan Online

26

EVOLUSI WEBSITE

27

• 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.

28

• 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.

29

• 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.

30

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

31

• 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.

32

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

33

• 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.

34

• 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,

35

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

36

• 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,

37

SISI TEKNIS WEB

INTERNET

SERVER

http://psikologi.ugm.ac.id

222.124.24.6

38

Berkomunikasi Dengan Server

Web Base : Control Panelhttp://psikologi.ugm.ac.id/cpanel

FTP : Filezilla, GFTP dll..

39

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.

40

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

41

WEB STATIS DAN DINAMIS

WEB STATISSukar untuk dirubah setiap waktuDirubah dengan FTP, butuh keahlian bahasa program

WEB DINAMISMudah dirubah setiap waktuCMS: (content management system)Web Base : Tidak butuh keahlian bahasa program

42

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

43

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

44

Keunggulan + Instan, tinggal install dan pakai+ template desain banyak+ populer, banyak orang pakai+ biaya murah+ desain mudah dirubah-rubah

Kelemahan :- Mudah dihack- Tidak sesuai kebutuhan

CMS Gratis CMS SendiriKeunggulan + sesuai kebutuhan+ lebih aman+ gengsi tinggi+ operator tidak butuh keahlian

Kelemahan :- butuh waktu dan biaya- desain tidak mudah dirubah- trouble support tergantung programmer

45

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

46

EVOLUSI WEBSITE

47

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

48

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.

49