By. Rita Wiryasaputra

Transkripsi

1 By. Rita Wiryasaputra

2 Memahami teknologi dan protokol yang mendasari World Wide Web Memahami dengan teknik dan penggunaan pengembangan aplikasi berbasis web baik dari client-side dan server-side Mengembangkan pengetahuan tentang HTML, JavaScript, Java, PHP sebagai bahasa untuk mengembangkan aplikasi web

3 Sidik, Betha, et al. Pemrograman Web dengan HTML, Bandung: Penerbit Informatika, 2007 Bryan, P., et al. HTML, XHTML, and CSS Bible 3rd Edition, Indianapolis: Wiley Publishing Inc, Deitel, et al. Internet & WWW How to Program 2nd Edition, Deitel and Associates Inc., 2004 Sebesta, R.,Programming the World Wide Web, 2nd Edition, Addison Wesley, 2002.

4 Pengenalan HTML Pengenalan PHP: variable, tipe data, pengkondisian, perulangan, fungsi, array, manipulasi string Cookies dan Sessions Pengaksesan database pada web Applet XML

5 Teori: 50% TAS : 35% TTS : 25% Quis : 20% Tugas : 20% Praktek: 50% Aktivitas 40% Tugas 60% Online dan offline secara individual meliputi kreativitas, informatif

6 Kehadiran, aktivitas Nilai Tugas bagi yang hadir saat tugas diberikan dan dikumpulkan tepat waktunya Nilai Kuis bagi yang hadir saat kuis diadakan Tidak bernilai plagiat/tugas ada yang sama

7 Penulisan karya ilmiah yang dipublish dengan topik sebagai berikut: Sistem pakar (TI) : metode Forward Chaining Riset Operasi (TI) : metode Simplex 2 Phase Sistem Pengambilan Keputusan (SI) : Entropy Pengantar Teknologi Mobile (SI)

8 Rektorat Sekretariat PDE Dengan PC Stand Alone Bank X

9 Ide dasar Komputer saling berkomunikasi Protokol (jaringan komputer)

10 Internet Services Contoh Jaringan Intranet Kampus ISP GOVERNMENT NET INT L ORG. NET Gedung D Lantai-4 Hub ROUTER Website Sistem Informasi Akademik Gedung D Lantai-3 Gedung D Lantai-2 Gedung D Lantai-1 Hub Hub Hub Sekretariat SWITCH/HUB Server Web/DNS Application Server Firewall Database Server SWITCH Hub Server Server Server APLIKASI ADM APLIKASI Umum APLIKASI Akademik SWITCH/HUB LOKASI A SWITCH/HUB LOKASI B SWITCH/HUB LOKASI C Sekretariat Gedung-A Gedung-B Gedung-C Gedung-F Hotspot Kampus

11 Backbone California USA P A L A P A Bagaimana Internet Bekerja INDOSATNET JAKARTA Telemedia Network Cakrawala (TNC) UGM KAMPUS STMIK Pelita Nusantara RS Panti Rapih ITB Dengan Pulsa Telepon Lokal Atau Menggunakan Antena Radio D P R D ITS Pemkot Jogja Kopertis PT. Sucofindo

12

13 Pemerintah Propinsi LAMPUNG

14 Tukar Menukar Data/info Secara On-line Surat-menyurat Antar Unit Kerja Secara Cepat, Kirim Mengirim Dokumen/file Secara Elektronik Sebagai Media Diskusi (Video Conference) chatting Dapat Mengakses Data/info Yang Disediakan Oleh Penyedia Informasi Baik Di Dalam Maupun Luar Negeri (browsing) Sarana Multimedia On-line E-commerce (Elektronik Perdagangan)

15 Apa yang dimaksud dengan internet? Apa yang dimaksud dengan World Wide Web (web)? Apakah web sama dengan internet? Bagaimana konsep kerjanya? Hal apa saja yang dapat dikerjakan? Apakah harus dikerjakan dengan programming?

16 Internet jaringan (physical) yang menghubungkan ratusan juta komputer menggunakan protokol yang sama untuk berbagi/mengirimkan informasi (TCP/IP) Jaringan besar dengan jaringan yang lebih kecil didalamnya Semua pengguna internet berkedudukan sejajar dan bebas.

17 Bersifat global tanpa batas (informasi bersifat bebas). Negatifnya: Tidak ada pengawasan (informasi memiliki sisi gelap) Tersedia berbagai macam informasi (cukup lengkap dan up to date) Sarana komunikasi yang efektif dan efisien untuk berbagai keperluan dengan tingkat kecepatan yang cukup tinggi Meringankan biaya operasional komunikasi Sejarah internet

18 Kategori website terbagi atas: Website company profile Shopping online Catalog online News publishing Blog (weblog) Forum Member online Sejarah web

19 Dulu : web statis dan text base Saat ini : web dinamis, interaktif dan terintegritas Data yang sifatnya penting memerlukan perancangan yang matang baik berhubungan dengan kualitas dan keamanan informasi Aplikasi web dapat diintegrasikan dengan perangkat lain, sistem portal/embedded Perkembangan tools web semakin pesat dan canggih tanpa harus bersentuhan dengan programming (CMS, templating)

20 Protokol web: Hypertext Transfer Protocol (HTTP) Protocol standard aturan yang digunakan untuk berkomunikasi pada jaringan komputer Address web: URL(Uniform Resource Locator) standard alamat internet. HTML untuk membuat dokumen yang dapat diakses melalui web

21 Internet jaringan (physical) yang menghubungkan ratusan juta komputer World Wide Web kumpulan dari dokumen/halaman multimedia yang saling berhubungan (hyperlink) yang disimpan pada internet dan diakses menggunakan protokol (HTTP). Multimedia informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya. Web dilihat melalui software/program browser internet (Internet Explorer, Firefox, Google Chrome, Safari, Opera, dll), Internet adalah hardware, Web adalah software

22 Browser software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Biasanya: Internet Explorer Mozilla FireFox Opera

23 Penentu kinerja aplikasi Cara aplikasi berjalan Sistem programming (aplikasi visual berbasis windows ) misalnya Visual Basic, Delphi, Kdevelop optimasi penggunaan memori manajemen proses pengaturan Input-Output aplikasi dibangun dengan menggunakan tool tertentu, kemudian dikompilasi. Hasilnya dapat langsung digunakan dalam komputer Web based programming kecepatan akses database kecepatan akses jaringan dan Internet tidak dapat dijalankan langsung di komputer dibutuhkan engine (web server)

24 Merupakan sebuah komputer induk dimana website diletakkan, sehingga dapat diakses oleh komputer client dalam jaringan. Kriteria web server: Memiliki spesifikasi hardware yang tinggi, kapasitas peyimpanan yang cukup besar, sistem pertahanan virus yang baik Terhubung ke jaringan Terinstall software web server, software database server, server, dan application server

25 Web statis Web dinamis

26 Web statis web yang berisi berisi text/links/images yang sama (tetap) setiap diakses biasanya dibentuk dengan HyperText Markup Language (HTML) sebagai text/image format pemeliharaan program harus dilakukan terus menerus. Ditekankan pada sisi tampilan yang banyak mengandung grafis, dibutuhkan kemampuan design grafis/web dan cita rasa seni Contoh online document, homepage pengunjung website statis tidak dapat menentukan informasi apa yang ingin dilihatnya, dan tetap pada informasi apa yang ditawarkan

27 Perkembangan web mendukung online service dan e-commerce Web dinamis web yang menampilkan informasi yang bersifat dinamis (berubah-ubah) Dapat berinteraksi dengan user Ditekankan pada pengolahan data dikaitkan dengan basis data Contoh amazon.com,

28 dengan pemahaman programming : Server Side Programming Client Side Programming atau tanpa pemahaman programming CMS (Content Management System)

29 Server Side Programming semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di Web Server hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming tersebut. Contoh server side programming seperti: CGI/Perl, Active Server Pages, Java Server Page, PHP, ColdFussion dan lain-lain.

30 Program ditulis untuk mendukung Common Gateway Interface ketika Web page submits, data dari page dikirim sebagai input ke program CGI Program CGI mengeksekusi di server dan mengirimkan kembali hasilnya ke browser sebagai Web page Komputasi yang besar/kompleks atau membutuhkan akses ke private data

31 Client Side Programming semua sintaks dan perintah program dijalankan di web browser Dieksekusi pada mesin client simple, generic, tapi tidak aman (insecure) client meminta dokumen yang mengandung script script tersebut akan diambil dari web server dijalankan di web browser yang bersangkutan. Contoh dari client side programming : JavaScript, VbScript, HTML.

32 Bahasa script untuk Web page, dikembangkan oleh Netscape (1995) Menggunakan sintaks C++/Java Baik digunakan untuk penambahan fitur dinamik dalam Web page, pengontrolan form and GUI

33 Program dalam Java untuk tujuan khusus applets full expressive power of Java Sesuai untuk grafik dimana memenuhi kebutuhan yang komplex

34 HTML bahasa markup(penanda) sebuah dokumen teks yang digunakan dalam pembuatan halaman web. Digunakan untuk mentransfer data atau dokumen dari web server ke browser HTML editor yang digunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad. Dalam penggunaannya sebagian besar kode HTML harus terletak di antara tag kontainer, diawali dengan <namatag> dan diakhiri dengan </namatag> Komentar : <!- - ini komentar - - >

35 Struktur HTML terdiri dari 2 bagian utama, yaitu bagian head dan bagian body. Struktur utama HTML adalah <html> <head> isi head, berupa meta tag,title dan script </head> <body> isi body akan ditampilkan pada halaman browser </body> </html>

36 <html> sebagai tanda awal dokumen HTML <head> sebagai informasi page header <title> sebagai judul halaman yang akan tampil pada bagian atas browser/title bar <body> sebagai tempat peletakan berbagai tag atribut seperti warna latar belakang, warna teks dan sebagainya