1 / 49

PENGENALAN REKAYASA WEB

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.

shaina
Télécharger la présentation

PENGENALAN REKAYASA WEB

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 Networkingmerupakan 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 http://psikologi.ugm.ac.id SERVER 222.124.24.6

  38. Berkomunikasi Dengan Server FTP : Filezilla, GFTP dll.. Web Base : Control Panel http://psikologi.ugm.ac.id/cpanel

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

  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. CMS Gratis CMS Sendiri Keunggulan + sesuai kebutuhan + lebih aman + gengsi tinggi + operator tidak butuh keahlian Kelemahan : - butuh waktu dan biaya - desain tidak mudah dirubah - trouble support tergantung programmer 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

  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.

More Related