Pertemuan : 2 Oleh : T. Khairil Ahsyar, S.Kom [email protected] Definisi …? Website ? (silahkan dibuat sendiri Definisinya, gimana caranya…???) Cara Kerja Website Pemrograman Berbasis Web Vs Pemrograman Desktop Basis Web Vs Desktop (1) Keunggulan Desktop : Dapat berjalan dengan independen, tanpa perlu menggunakan browser. Tidak perlu koneksi Internet, karena semua file yang diperlukan untuk menjalankan aplikasinya sudah terinstall sebelumnya. Dapat dengan mudah memodifikasi settingannya. Prosesnya lebih cepat. Kekurangan dari desktop based application: Kalau ingin menggunakan aplikasi tsb, harus diinstall dulu. Bermasalah dengan lisensi. Tidak bias dibuka di computer lain, jika belum diinstall. Biasanya memerlukan hardware dengan spesifikasi tinggi. Basis Web Vs Desktop (2) Ciri dan Keunggulan Basis Web : Dibuka dengan menggunakan Web Browser Dengan menggunakan URL (Uniform Resource Locator) Menggunakan Protokol HTTP Tidak membutuhkan instalasi awal Dapat diakses selagi terkoneksi Tidak memerlukan lisensi Dapat dijalankan di OS manapun Dapat diakses oleh banyak media (PC, Laptop, HP, Basis text) Tidak membutuhkan spesifikasi komputer yang tinggi Kelemahan Jika diakses di internet, kecepatan akses tergantung dari besar bandwitch yang digunakan. Perbedaan Web Base Vs Desktop web based berjalan menggunakan basis teknologi web (Internet) atau browser sedangkan based application dapat berjalan sendiri atau independen tidak menggunakan browser dan biasanya telah ditentukan dapat berjalan di flatform atau operating system tertentu, tetapi ada juga yang cross flatform. Type Website STATIS DINAMIS Type Website Statis Statis -> website yang sifatnya diam / tidak berubah- ubah. Jika terjadi perubahan, biasanya dalam jangka waktu yang lama. Ex : Website Profile. Website yang hanya dibuat dengan menggunakan script HTML Tidak memiliki halaman administrator Tidak ada interaksi antara pengguna dengan sistem Hanya menampilkan informasi saja. Biodata Pribadi, profil instansi, gallery, dll. Type Website Dinamis Dinamis dapat berubah-ubah. Bisa menginput data Bisa memproses data Bisa melakukan penyimpanan data Bisa mengubah data Bisa menampilkan informasi dari data yang diinput Berinteraksi ketikan terjadi kesalahan (error) Selalu terjadi perubahan (Update) Biasanya menggunakan bahasa Server Side Scripting. Ex : Facebook, Gmail, SISFO, YouTube, etc.. Bahasa Pemrograman Web HTML CSS JavaScript ASP PHP XML dll HTML HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. PHP Personal Home Page (PHP) adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows). ASP ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis. ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft. ASP bekerja pada web server dan merupakan server side scripting. XML Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data. XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja. XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen. WML WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (Extensible Markup Langauge). WML adalah bahasa pemrograman yang digunakan dalam aplikasi wireless. WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel. PERL Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, BeOS, VMS, EBCDIC, dan PocketPC. PERL merupakan bahasa pemograman yang mirip bahasa pemograman C. CFM CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio. Syntax coldfusion berbasis html. JavaScript Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client. JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript. CSS Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C). Tools Membangun Web Script Editor Notepad EditPlus PHP Editor Dreamwever • Image Editor – Photoshop – Corel Draw – Dll Front Page dll • Animation – Flash – dll • Video Editor – Premiere – dll • Sound Editor – SoundEditPro – dll Web Browser Aplikasi yang digunakan untuk mengakses sebuah halaman website Contoh Internet Explorer Mozilla Firefox Safari Opera Google Chrome Flock Elemen-elemen Website Text Angka Simbol Sound Video Warna Gambar Macam-macam Website Website Pribadi News Video Streaming Audio Streaming Searching Education Games E-Commerce, E-Banking dll Fungsi Website Media Promosi bagi perusahaan Media transaksi elektronik (e-banking, e-commerce) Media Komunikasi Media Silaturahmi Media bisnis Media berbagi data dan informasi Media Edukasi … ? Fungsi yg paling besar hikmahnya dan dampak buruknya ? ... Tradisional vs Elektronik Sulit promosi & akses pasar Akses pasar mudah Harus Face-to-face Penilaian independent Bersifat Paperwork Negosiasi & penawaran Biaya tinggi & Birokrasi Prosedur manual Pasar kurang kompetitif Butuh pegawai banyak Butuh lokasi fisik standard Bersifat Paperless Alur informasi transparan Anywhere-anytime Keamanan? Bisa bersifat “maya” Key: product, process, dan delivery Istilah-istilah URL Protocol Port Domain Hosting Blog CMS (Content Management System) dll Blog • Diary online • Web-based publication • Last entry first • Frequently and easily updateable • Allows you to build social networks • Modern blogs harness the power of RSS What is a Content Management System? • Sebuah sistem yang memberikan kemudahan kepada para penggunanya dalam mengelola dan mengadakan perubahan isi sebuah website dinamis tanpa sebelumnya dibekali pengetahuan tentang hal-hal yang bersifat teknis. • Setiap orang, penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk membuat, menghapus atau bahkan memperbaharui isi website tanpa campur tangan langsung dari pihak webmaster. • Sebuah tools yang terpisah antara konten dengan aplikasi Reference Wikipedia http://tengkukhairil.blogspot.com