Konsep Dasar Pemrograman Web

Presentasi berjudul: "Konsep Dasar Pemrograman Web"— Transcript presentasi:

1 Konsep Dasar Pemrograman Web

2 Definisi …? Website ? (silahkan dibuat sendiri
Definisinya, gimana caranya…???)

3 Cara Kerja Website

4 Pemrograman Berbasis Web Vs Pemrograman Desktop

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

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

7 Basis Web Vs Desktop (2) Kelemahan
Jika diakses di internet, kecepatan akses tergantung dari besar bandwitch yang digunakan.

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

9 Type Website STATIS DINAMIS

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

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

12 Jenis Pemrograman Web Client Side Scripting : Client Side Scripting adalah salah satu jenis bahasa pemrograman web yang proses pengolahannya dilakukan di sisi client. Proses pengolahan client side scripting dilakukan oleh web browser sebagai clientnya.  Contoh : HTML, XHTML, CSS, Javascript, XML(Extensible Markup Language). Server Side Scripting : Server Side Scripting adalah bahasa pemrograman web yang pengolahannya dilakukan di sisi server. Maksud server di sini adalah web server yang didalamnya telah mengintegrasikan komponen web engine.  Contoh : ASP(Active Server Pages), PHP(Hypertext Preprocessor, JSP(Java Server Pages)

13 Bahasa Pemrograman Web
HTML CSS JavaScript ASP PHP XML dll

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

15 PHP Personal Home Page (PHP) adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 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).

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

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

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

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

20 CFM CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio. Syntax coldfusion berbasis html.

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

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

23 Tools Membangun Web Image Editor Video Editor Sound Editor Animation
Photoshop Corel Draw Dll Animation Flash dll Script Editor Notepad EditPlus PHP Editor Dreamwever Front Page dll Video Editor Premiere dll Sound Editor SoundEditPro

24 Web Browser Aplikasi yang digunakan untuk mengakses sebuah halaman website Contoh Internet Explorer Mozilla Firefox Safari Opera Google Chrome Flock

25 Elemen-elemen Website
Text Angka Simbol Sound Video Warna Gambar

26 Macam-macam Website Website Pribadi News Video Streaming
Audio Streaming Searching Education Games E-Commerce, E-Banking dll

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

28 Tradisional vs Elektronik
Sulit promosi & akses pasar Harus Face-to-face Bersifat Paperwork Biaya tinggi & Birokrasi Prosedur manual Pasar kurang kompetitif Butuh pegawai banyak Butuh lokasi fisik Anywhere-anytime Akses pasar mudah Penilaian independent Negosiasi & penawaran standard Bersifat Paperless Alur informasi transparan Keamanan? Bisa bersifat “maya” Key: product, process, dan delivery

29 Istilah-istilah URL Protocol Port Domain Hosting Blog
CMS (Content Management System) dll

30 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

31 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

32 Reference Wikipedia