PEMROGRAMAN WEBSILABUSSTMIK Muhammadiyah JakartaWawan Darmawan, S.Komdarmawan.wawan@gmail.com
TUJUAN Mahasiswa dapat mengetahui dan memahami  dasar konsep web. Mahasiswa dapat mengetahui dan memahami  Programming C...
MATERI PERKULIAHAN Pengenalan website Review HTML CSS Pengenalan PHP PHP Lanjut PHP dan Database Session dan Cookie...
REFERENSI   Bebas  sesuai dengan materi yang di sampaikan.
PENILAIAN Tugas       : 20% UTS         : 30% UAS         : 50% Jumlah kehadiran menentukan kebijakan dalam  nilai akhir
ATURAN PERKULIAHAN Kuliah dimulai tepat waktu, toleransi 15 menit Minimum kehadiran 75% dari total kehadiran Pakaian ra...
PENGENALAN WEBSITESTMIK Muhammadiyah JakartaWawan Darmawan, S.Komdarmawan.wawan@gmail.com
WEB APPLICATION   Dalam rekayasa perangkat lunak, suatu    aplikasi web (web application atau sering    disingkat webapp)...
WEB BROWSER PERTAMA DI DUNIA
APA ITU INTERNET?   Internet adalah jaringan komputer yang    terhubung secara global (seluruh dunia) dengan    menggunak...
PENGERTIAN WEB Website (situs, site, web) adalah sebutan  bagi sekelompok halaman web (web page),  yang umumnya merupakan...
CONTOH STRUKTUR ISI WEBSITE
UNSUR-UNSUR WEBSITE Domain Name Hosting Script/Bahasa program Desain web   Publikasi
DOMAIN NAME Alamat internet dari web (disebut juga URL) URL. Contoh sebuah URL adalah  http://www.detik.com, dapat juga ...
DOMAIN NAME (2)Pembagian Domain: Generic Domains(gTLDs) (top level domain) tak  tergantung negara   .com - Untuk kebutuh...
DOMAIN NAME (3)   Country-Specific Domains (ccTLDs)       Sering disebut sebagai second level id.           id(Indonesi...
HOSTING ruangan yang terdapat dalam harddisk  tempat menyimpan berbagai data, file-file,  gambar dan lain sebagainya yang...
PEMBAGIAN WEB   Website di bagi menjadi 2 jenis yaitu       Website Statis (HTML, Flash)           Adalah suatu website...
BAHASA PEMROGRAMAN WEB / SCRIPT Script adalah bahasa yang digunakan untuk   menerjemahkan setiap perintah dalam situs yan...
TEKNOLOGI SERVER-SIDE DAN CLIENT-SIDE                Three Tier Application
ARSITEKTUR
TEKNOLOGI SERVER-SIDE DANCLIENT-SIDE (1)   Teknologi yang digunakan dalam    pemrograman web dibagi menjadi dua    macam ...
APA ITU PHP? PHP singkatan P HP: H ypertext P reprocessor PHP adalah bahasa scripting server-side, seperti  ASP Skrip P...
MENGAPA PHP? Pemrograman web yang dinamis Konektivitasnya yang tinggi terhadap database Akses ke sistem database yang l...
PHP DIGUNAKAN   PHP banyak dipakai untuk memrogram situs    web dinamis. PHP dapat digunakan untuk    membangun sebuah CM...
APA ITU FILE PHP? File PHP dapat berisi teks, tag HTML dan skrip PHP file dikembalikan ke browser sebagai HTML biasa PH...
MENGAPA PHP? PHP berjalan pada platform yang berbeda  (Windows, Linux, Unix, dll) PHP kompatibel dengan hampir semua ser...
UNTUK MEMULAI Instal Apache (atau IIS), menginstal PHP, dan MySQL Atau menemukan rencana web hosting dengan  PHP dan MySQL
SINTAKS DASAR PHP Blok Scripting PHP selalu dimulai dengan <? php  dan diakhiri dengan ?> . Blok scripting PHP dapat dite...
KOMPATIBILITAS   Untuk kompatibilitas maksimal, di sarankan    menggunakan bentuk standar (<? php) dari pada    bentuk si...
CONTOH SCRIPT PHP SEDERHANA YANGMENGIRIMKAN TEKS "HELLO WORLD" KEBROWSER:<html><body>  <?php  echo "Hello World";  ?>  </b...
CATATAN Setiap baris kode PHP harus diakhiri dengan  titik koma. Titik koma adalah pemisah dan  digunakan untuk membedaka...
CONTOH KE 2<html><body> <?php print "Hello World"; ?> </body> </html>
KOMENTAR DALAM PHP   Dalam PHP, kita menggunakan / / untuk    membuat komentar baris tunggal atau / * dan * /    untuk me...
CONTOH KOMENTAR<html> <body> <?php // Ini blok komentar/*atau Ini blok komentar*/echo "Contoh Blok Komentar";?> </body> </...
Upcoming SlideShare
Loading in …5
×

Pengenalan web minggu pertama

764 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
764
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
58
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Pengenalan web minggu pertama

  1. 1. PEMROGRAMAN WEBSILABUSSTMIK Muhammadiyah JakartaWawan Darmawan, S.Komdarmawan.wawan@gmail.com
  2. 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. 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. 4. REFERENSI Bebas  sesuai dengan materi yang di sampaikan.
  5. 5. PENILAIAN Tugas : 20% UTS : 30% UAS : 50% Jumlah kehadiran menentukan kebijakan dalam nilai akhir
  6. 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. 7. PENGENALAN WEBSITESTMIK Muhammadiyah JakartaWawan Darmawan, S.Komdarmawan.wawan@gmail.com
  8. 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. 9. WEB BROWSER PERTAMA DI DUNIA
  10. 10. APA ITU INTERNET? Internet adalah jaringan komputer yang terhubung secara global (seluruh dunia) dengan menggunakan TCP/IP sebagai protokol pertukaran paket data.
  11. 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. 12. CONTOH STRUKTUR ISI WEBSITE
  13. 13. UNSUR-UNSUR WEBSITE Domain Name Hosting Script/Bahasa program Desain web Publikasi
  14. 14. DOMAIN NAME Alamat internet dari web (disebut juga URL) URL. Contoh sebuah URL adalah http://www.detik.com, dapat juga tanpa www
  15. 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. 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. 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. 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. 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. 20. TEKNOLOGI SERVER-SIDE DAN CLIENT-SIDE Three Tier Application
  21. 21. ARSITEKTUR
  22. 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. 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. 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. 25. PHP DIGUNAKAN PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS (Content Management System)
  26. 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. 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. 28. UNTUK MEMULAI Instal Apache (atau IIS), menginstal PHP, dan MySQL Atau menemukan rencana web hosting dengan PHP dan MySQL
  29. 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. 30. KOMPATIBILITAS Untuk kompatibilitas maksimal, di sarankan menggunakan bentuk standar (<? php) dari pada bentuk singkatan. Contoh :<?php ?>
  31. 31. CONTOH SCRIPT PHP SEDERHANA YANGMENGIRIMKAN TEKS "HELLO WORLD" KEBROWSER:<html><body> <?php echo "Hello World"; ?> </body> </html>
  32. 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. 33. CONTOH KE 2<html><body> <?php print "Hello World"; ?> </body> </html>
  34. 34. KOMENTAR DALAM PHP Dalam PHP, kita menggunakan / / untuk membuat komentar baris tunggal atau / * dan * / untuk membuat blok komentar yang besar.
  35. 35. CONTOH KOMENTAR<html> <body> <?php // Ini blok komentar/*atau Ini blok komentar*/echo "Contoh Blok Komentar";?> </body> </html>

×