1 / 30

Konsep Dasar Pemrograman Web

Konsep Dasar Pemrograman Web. Pertemuan : 2 Oleh : T. Khairil Ahsyar , S.Kom tengkukhairil@gmail.com. Definisi …?. Website ? ( silahkan dibuat sendiri Definisinya , gimana caranya …??? ). Cara Kerja Website. Pemrograman Berbasis Web Vs Pemrograman Desktop.

marina
Download Presentation

Konsep Dasar Pemrograman 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. KonsepDasarPemrograman Web Pertemuan : 2 Oleh : T. KhairilAhsyar, S.Kom tengkukhairil@gmail.com

  2. Definisi …? • Website ? (silahkan dibuatsendiri Definisinya, gimanacaranya…???)

  3. Cara Kerja Website

  4. PemrogramanBerbasis Web Vs Pemrograman Desktop

  5. Basis Web Vs Desktop (1) • Keunggulan Desktop : • Dapatberjalandenganindependen, tanpaperlumenggunakanbrowser. • Tidakperlukoneksi Internet, karenasemua file yang diperlukanuntukmenjalankanaplikasinyasudahterinstallsebelumnya. • Dapatdenganmudahmemodifikasisettingannya. • Prosesnyalebihcepat. • Kekurangandari desktop based application: • Kalauinginmenggunakanaplikasitsb, harusdiinstalldulu. • Bermasalahdenganlisensi. • Tidakbias dibukadi computer lain, jikabelumdiinstall. • Biasanyamemerlukan hardware denganspesifikasitinggi.

  6. Basis Web Vs Desktop (2) • CiridanKeunggulan Basis Web : • Dibukadenganmenggunakan Web Browser • Denganmenggunakan URL (Uniform Resource Locator) • MenggunakanProtokol HTTP • Tidakmembutuhkaninstalasiawal • Dapatdiaksesselagiterkoneksi • Tidakmemerlukanlisensi • Dapatdijalankandi OS manapun • Dapatdiaksesolehbanyak media (PC, Laptop, HP, Basis text) • Tidakmembutuhkanspesifikasikomputer yang tinggi • Kelemahan • Jikadiaksesdi internet, kecepatanaksestergantungdaribesarbandwitchyang digunakan.

  7. Perbedaan Web Base Vs Desktop • web based berjalanmenggunakan basis teknologi web (Internet) atau browser sedangkan based application dapatberjalansendiriatauindependentidakmenggunakan browser danbiasanyatelahditentukandapatberjalandiflatformatau operating system tertentu, tetapiadajuga yang cross flatform.

  8. Type Website • STATIS • DINAMIS

  9. Type Website Statis • Statis-> website yang sifatnyadiam / tidakberubah-ubah. Jikaterjadiperubahan, biasanyadalamjangkawaktu yang lama. Ex : Website Profile. • Website yang hanyadibuatdenganmenggunakan script HTML • Tidakmemilikihalaman administrator • Tidakadainteraksiantarapenggunadengansistem • Hanyamenampilkaninformasisaja. BiodataPribadi, profilinstansi, gallery, dll.

  10. Type Website Dinamis Dinamis dapatberubah-ubah. • Bisamenginput data • Bisamemproses data • Bisamelakukanpenyimpanan data • Bisamengubah data • Bisamenampilkaninformasidari data yang diinput • Berinteraksiketikanterjadikesalahan (error) • Selaluterjadiperubahan (Update) • BiasanyamenggunakanbahasaServer Side Scripting. Ex : Facebook, Gmail, SISFO, YouTube, etc..

  11. BahasaPemrograman Web • HTML • CSS • JavaScript • ASP • PHP • XML • dll

  12. HTML • HyperText Markup Language (HTML) adalahsebuahbahasa markup yang digunakanuntukmembuatsebuahhalaman web danmenampilkanberbagaiinformasididalamsebuahbrowser. HTML saatinimerupakanstandar Internet yang didefinisikandandikendalikanpenggunaannyaoleh World Wide Web Consortium (W3C). • HTML berupakode-kode tag yang menginstruksikan browser untukmenghasilkantampilansesuaidengan yang diinginkan.

  13. PHP • Personal Home Page (PHP) adalahbahasapemrograman script yang paling banyakdipakaisaatini. PHP pertama kali dibuatolehRasmusLerdorfpadatahun 1995. Padawaktuitu PHP masihbernama FI (Form Interpreted), yang wujudnyaberupasekumpulan script yang digunakanuntukmengolah data form dari web. PHP banyakdipakaiuntukmembuatsitus web yang dinamis, walaupuntidaktertutupkemungkinandigunakanuntukpemakaian lain. PHP biasanyaberjalanpadasistemoperasilinux (PHP jugabisadijalankandengan hosting windows).

  14. ASP • ASP adalahsingkatandariActive Server Pages yang merupakansalahsatubahasapemograman web untukmenciptakanhalaman web yang dinamis. ASP merupakansalahsatuprodukteknologi yang disediakanolehMicrosoft. ASP bekerjapada web server danmerupakan server side scripting.

  15. XML • Extensible Markup Language (XML) adalahbahasa markupserbaguna yang direkomendasikan W3C untukmendeskripsikanberbagaimacam data. • XML menggunakan markup tags sepertihalnya HTML namunpenggunaannyatidakterbataspadatampilanhalaman web saja. • XML merupakansuatumetodedalammembuatpenanda/markup padasebuahdokumen.

  16. WML • WML adalahkepanjangandariWireless Markup Language, yaitubahasapemrograman yang digunakandalamaplikasiberbasis XML (Extensible Markup Langauge). • WML adalahbahasapemrograman yang digunakandalamaplikasi wireless. • WML merupakananalogidari HTML yang berjalanpada protocol nirkabel.

  17. PERL • Perladalahbahasapemrogramanuntukmesindengansistemoperasi Unix (SunOS, Linux, BSD, HP-UX), jugatersediauntuksistemoperasisepertiDOS, Windows, BeOS, VMS, EBCDIC, danPocketPC. • PERL merupakanbahasapemograman yang miripbahasapemograman C.

  18. CFM • CFM dibuatmenggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio. Syntax coldfusionberbasis html.

  19. JavaScript • Javascriptadalahbahasa scripting yang handal yang berjalanpadasisi client. • JavaScript merupakansebuahbahasa scripting yang dikembangkanoleh Netscape. Untukmenjalankan script yang ditulisdengan JavaScript kitamembutuhkan JavaScript-enabled browser yaitu browser yang mampumenjalankan JavaScript.

  20. CSS • Cascading Style Sheets (CSS) adalahsuatubahasastylesheet yang digunakanuntukmengaturtampilansuatudokumen yang ditulisdalambahasa markup. • Penggunaanyang paling umumdari CSS adalahuntukmemformathalaman web yang ditulisdengan HTML dan XHTML. Walaupundemikian, bahasanyasendiridapatdipergunakanuntuksemuajenisdokumen XML termasuk SVG dan XUL. Spesifikasi CSS diaturoleh World Wide Web Consortium (W3C).

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

  22. Web Browser • Aplikasi yang digunakanuntukmengaksessebuahhalaman website • Contoh • Internet Explorer • Mozilla Firefox • Safari • Opera • Google Chrome • Flock

  23. Elemen-elemen Website • Text • Angka • Simbol • Sound • Video • Warna • Gambar

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

  25. Fungsi Website • Media Promosibagiperusahaan • Media transaksielektronik (e-banking, e-commerce) • Media Komunikasi • Media Silaturahmi • Media bisnis • Media berbagi data daninformasi • Media Edukasi • … ? Fungsiyg paling besarhikmahnyadandampakburuknya ? ...

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

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

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

  29. What is a Content Management System? • Sebuahsistem yang memberikankemudahankepadaparapenggunanyadalammengeloladanmengadakanperubahanisisebuah website dinamistanpasebelumnyadibekalipengetahuantentanghal-hal yang bersifatteknis. • Setiaporang, penulismaupun editor, setiapsaatdapatmenggunakannyasecaraleluasauntukmembuat, menghapusataubahkanmemperbaharuiisi website tanpacampurtanganlangsungdaripihak webmaster. • Sebuah tools yang terpisahantarakontendenganaplikasi

  30. Reference • Wikipedia • http://tengkukhairil.blogspot.com

More Related