Pengenalan web minggu pertama

  • 413 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
413
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
34
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. PEMROGRAMAN WEBSILABUSSTMIK Muhammadiyah JakartaWawan Darmawan, S.Komdarmawan.wawan@gmail.com
  • 2. TUJUAN Mahasiswa dapat mengetahui dan memahami dasar konsep web. Mahasiswa dapat mengetahui dan memahami Programming Client Side (HTML, CSS) dan Programming Server Side (PHP) serta Mysql. Mahasiswa dapat menerapkan teknologi pemrograman web dengan baik dan benar dalam mengembangkan perangkat lunak berbasis web.
  • 3. MATERI PERKULIAHAN Pengenalan website Review HTML CSS Pengenalan PHP PHP Lanjut PHP dan Database Session dan Cookies Upload File Pengenalan PHP Framework (CodeIgniter) Study Kasus
  • 4. REFERENSI Bebas  sesuai dengan materi yang di sampaikan.
  • 5. PENILAIAN Tugas : 20% UTS : 30% UAS : 50% Jumlah kehadiran menentukan kebijakan dalam nilai akhir
  • 6. ATURAN PERKULIAHAN Kuliah dimulai tepat waktu, toleransi 15 menit Minimum kehadiran 75% dari total kehadiran Pakaian rapi dan sopan (sepatu, kemeja, atau kaos berkerah) Tugas harus dikumpulkan tepat waktu, selebihnya akan di anggap tidak mengumpulkan (maksimal 1 hari keterlambatan) Dilarang copy-paste tugas ! Menjaga ketenangan suasana kuliah Handphone di dalam kelas harap di „silent‟ atau dimatikan
  • 7. PENGENALAN WEBSITESTMIK Muhammadiyah JakartaWawan Darmawan, S.Komdarmawan.wawan@gmail.com
  • 8. WEB APPLICATION Dalam rekayasa perangkat lunak, suatu aplikasi web (web application atau sering disingkat webapp) adalah suatu aplikasi yang diakses menggunakan penjelajah web (web browser) melalui suatu jaringan seperti Internet atau intranet.
  • 9. WEB BROWSER PERTAMA DI DUNIA
  • 10. APA ITU INTERNET? Internet adalah jaringan komputer yang terhubung secara global (seluruh dunia) dengan menggunakan TCP/IP sebagai protokol pertukaran paket data.
  • 11. PENGERTIAN WEB Website (situs, site, web) adalah sebutan bagi sekelompok halaman web (web page), yang umumnya merupakan bagian dari suatu nama domain (domain name) atau subdomain di World Wide Web (WWW) di Internet . Di dalamnya terdapat kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link- link.
  • 12. CONTOH STRUKTUR ISI WEBSITE
  • 13. UNSUR-UNSUR WEBSITE Domain Name Hosting Script/Bahasa program Desain web Publikasi
  • 14. DOMAIN NAME Alamat internet dari web (disebut juga URL) URL. Contoh sebuah URL adalah http://www.detik.com, dapat juga tanpa www
  • 15. DOMAIN NAME (2)Pembagian Domain: Generic Domains(gTLDs) (top level domain) tak tergantung negara  .com - Untuk kebutuhan “commercial”  .edu - untuk kebutuhan pendidikan (education)  .gov - untuk pemerintahan (government)  .mil - angkatan bersenjata (military)untuk  .org - organisasi non profit (Organization).  .etc
  • 16. DOMAIN NAME (3) Country-Specific Domains (ccTLDs)  Sering disebut sebagai second level id.  id(Indonesia), .au(Australia), .jp(Jepang) dll  .co.id = badan usaha sah  .ac.id = pendidikan  .go.id = pemerintah RI  .mil.id = militer  .or.id = organisasi  .war.net.id = warnet  .sch.id = sekolah SD,SMP,SMA
  • 17. HOSTING ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di situs Hosting juga diperoleh dengan menyewa Komputer untuk menyewa data-data situs tersebut.
  • 18. PEMBAGIAN WEB Website di bagi menjadi 2 jenis yaitu  Website Statis (HTML, Flash)  Adalah suatu website yang didalamnya tidak terdapat suatu campur tangan dari pengunjung selain melihat saja, dimana biasanya dalam website statis tidak dibutuhkan bahasa pemrograman dan tidak berhubungan dengan database. Dalam pengupdate-an tiap halamannya juga dilakukan tidak secara langsung dalam website tetapi penulisan contentnya secara manual.  Website Dinamis (PHP, JSP, ASP, etc)  Adalah website yang didalamnya terdapat campur tangan dari sisi pengunjung, dengan kata lain terdapat interaktivitas didalam website itu, karena dalam website tersebut terdapat pemrograman dan unsur database. Sehingga pengupdate-an akan lebih mudah dan bisa dilakukan secara real time, atau online
  • 19. BAHASA PEMROGRAMAN WEB / SCRIPT Script adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses. Jenis scripts sangat menentukan statis, dinamis atau interaktifnya sebuah situs. Semakin banyak scripts digunakan maka akan terlihat situs semakin dinamis, dan interaktif serta terlihat bagus Bahasa dasar yang dipakai setiap situs adalah HTML ASP, PHP, JSP, Java Scripts, Java applets, VBScript Server sideScript : ASP,PHP,JSP Browser sideScript : JavaScript, SVScript dan Applet
  • 20. TEKNOLOGI SERVER-SIDE DAN CLIENT-SIDE Three Tier Application
  • 21. ARSITEKTUR
  • 22. TEKNOLOGI SERVER-SIDE DANCLIENT-SIDE (1) Teknologi yang digunakan dalam pemrograman web dibagi menjadi dua macam pengelompokan, yaitu:  Teknologi pada sisi klien (client-side technology).  Teknologi web pada sisi client diimplementasikan dengan mengirimkan kode HTML atau program tersendiri dan HTML ke client. Client-lah yang bertanggung jawab dalam melakukan proses terhadap seluruh kode yang diterima.  Teknologi pada sisi server (server-side technology).  Teknologi web pada server-side memungkinkan pemrosesan kode di dalam server sehingga kode yang sampai pada client berbeda dengan kode asli pada server
  • 23. APA ITU PHP? PHP singkatan P HP: H ypertext P reprocessor PHP adalah bahasa scripting server-side, seperti ASP Skrip PHP dijalankan di server PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll) PHP merupakan perangkat lunak open source PHP gratis untuk didownload dan digunakan
  • 24. MENGAPA PHP? Pemrograman web yang dinamis Konektivitasnya yang tinggi terhadap database Akses ke sistem database yang lebih fleksibel Software yang dapat berjalan pada web server (contoh Apache) Logika pemrograman yang mudah dimengerti Mendukung komunikasi dengan layanan protokol seperti smtp, pop3, http Tingkat keamanan yang cukup tinggi Eksekusi yang relatif cepat
  • 25. PHP DIGUNAKAN PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS (Content Management System)
  • 26. APA ITU FILE PHP? File PHP dapat berisi teks, tag HTML dan skrip PHP file dikembalikan ke browser sebagai HTML biasa PHP file memiliki ekstensi file “.php”
  • 27. MENGAPA PHP? PHP berjalan pada platform yang berbeda (Windows, Linux, Unix, dll) PHP kompatibel dengan hampir semua server yang digunakan hari ini (Apache, IIS, dll) PHP adalah GRATIS untuk men-download dari sumber resmi PHP: www.php.net PHP mudah dipelajari dan berjalan efisien pada sisi server
  • 28. UNTUK MEMULAI Instal Apache (atau IIS), menginstal PHP, dan MySQL Atau menemukan rencana web hosting dengan PHP dan MySQL
  • 29. SINTAKS DASAR PHP Blok Scripting PHP selalu dimulai dengan <? php dan diakhiri dengan ?> . Blok scripting PHP dapat ditempatkan di manapun dalam dokumen. Pada server dengan dukungan singkatan diaktifkan, bisa memulai blok scripting dengan <? dan diakhiri dengan ?>.
  • 30. KOMPATIBILITAS Untuk kompatibilitas maksimal, di sarankan menggunakan bentuk standar (<? php) dari pada bentuk singkatan. Contoh :<?php ?>
  • 31. CONTOH SCRIPT PHP SEDERHANA YANGMENGIRIMKAN TEKS "HELLO WORLD" KEBROWSER:<html><body> <?php echo "Hello World"; ?> </body> </html>
  • 32. CATATAN Setiap baris kode PHP harus diakhiri dengan titik koma. Titik koma adalah pemisah dan digunakan untuk membedakan satu set instruksi dari yang lain. Ada dua pernyataan dasar untuk teks output dengan PHP: echo dan print . Pada contoh di atas kita telah menggunakan echo pernyataan ke output teks "Hello World". File harus memiliki ekstensi (.php). Jika file yang memiliki ekstensi .html, Kode PHP tidak akan dieksekusi.
  • 33. CONTOH KE 2<html><body> <?php print "Hello World"; ?> </body> </html>
  • 34. KOMENTAR DALAM PHP Dalam PHP, kita menggunakan / / untuk membuat komentar baris tunggal atau / * dan * / untuk membuat blok komentar yang besar.
  • 35. CONTOH KOMENTAR<html> <body> <?php // Ini blok komentar/*atau Ini blok komentar*/echo "Contoh Blok Komentar";?> </body> </html>