Pengenalan web minggu pertama
Transcript of Pengenalan web minggu pertama
![Page 2: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/2.jpg)
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.
![Page 3: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/3.jpg)
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
![Page 4: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/4.jpg)
REFERENSI
Bebas sesuai dengan materi yang di sampaikan.
![Page 5: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/5.jpg)
PENILAIAN
Tugas : 20%
UTS : 30%
UAS : 50%
Jumlah kehadiran menentukan kebijakan dalam
nilai akhir
![Page 6: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/6.jpg)
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
![Page 8: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/8.jpg)
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.
![Page 9: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/9.jpg)
WEB BROWSER PERTAMA DI DUNIA
![Page 10: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/10.jpg)
APA ITU INTERNET?
Internet adalah jaringan komputer yang
terhubung secara global (seluruh dunia) dengan menggunakan TCP/IP sebagai protokol
pertukaran paket data.
![Page 11: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/11.jpg)
PENGERTIAN WEB
Website (situs, site, web) adalah sebutanbagi sekelompok halaman web (web page), yang umumnya merupakan bagian darisuatu nama domain (domain name) atausubdomain di World Wide Web (WWW) diInternet .
Di dalamnya terdapat kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamisyang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link.
![Page 12: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/12.jpg)
CONTOH STRUKTUR ISI WEBSITE
![Page 13: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/13.jpg)
UNSUR-UNSUR WEBSITE
Domain Name
Hosting
Script/Bahasa program
Desain web
Publikasi
![Page 14: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/14.jpg)
DOMAIN NAME
Alamat internet dari web (disebut juga URL)
URL. Contoh sebuah URL adalah
http://www.detik.com, dapat juga tanpa www
![Page 15: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/15.jpg)
DOMAIN NAME (2)
Pembagian Domain:
Generic Domains(gTLDs) (top level domain) taktergantung 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
![Page 16: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/16.jpg)
DOMAIN NAME (3)
Country-Specific Domains (ccTLDs)
Sering disebut sebagai second level id.
id(Indonesia), .au(Australia), .jp(Jepang) dll
.co.id
.ac.id
.go.id
.mil.id
.or.id
.war.net.id
.sch.id
= badan usaha sah
= pendidikan
= pemerintah RI
= militer
= organisasi
= warnet
= sekolah SD,SMP,SMA
![Page 17: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/17.jpg)
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.
![Page 18: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/18.jpg)
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 interaktivitasdidalam website itu, karena dalam website tersebut terdapatpemrograman dan unsur database. Sehingga pengupdate-an akan lebih mudah dan bisa dilakukan secara real time, atau online
![Page 19: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/19.jpg)
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 atauinteraktifnya 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
![Page 20: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/20.jpg)
TEKNOLOGI SERVER-SIDE DAN CLIENT-SIDE
Three Tier Application
![Page 21: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/21.jpg)
ARSITEKTUR
![Page 22: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/22.jpg)
TEKNOLOGI SERVER-SIDE DAN
CLIENT-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
![Page 23: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/23.jpg)
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
![Page 24: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/24.jpg)
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
![Page 25: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/25.jpg)
PHP DIGUNAKAN
PHP banyak dipakai untuk memrogram situs
web dinamis. PHP dapat digunakan untukmembangun sebuah CMS (Content Management
System)
![Page 26: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/26.jpg)
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”
![Page 27: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/27.jpg)
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 padasisi server
![Page 28: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/28.jpg)
UNTUK MEMULAI
Instal Apache (atau IIS), menginstal PHP, dan MySQL
Atau menemukan rencana web hosting dengan
PHP dan MySQL
![Page 29: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/29.jpg)
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 ?>.
![Page 30: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/30.jpg)
KOMPATIBILITAS
Untuk kompatibilitas maksimal, di sarankan
menggunakan bentuk standar (<? php) dari pada
bentuk singkatan.
Contoh :
<?php
?>
![Page 31: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/31.jpg)
CONTOH SCRIPT PHP SEDERHANA YANG
MENGIRIMKAN TEKS "HELLO WORLD" KE
BROWSER:
<html>
<body>
<?php
echo "Hello World";
?>
</body>
</html>
![Page 32: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/32.jpg)
CATATAN
Setiap baris kode PHP harus diakhiri dengan
titik koma. Titik koma adalah pemisah dandigunakan 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.
![Page 33: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/33.jpg)
CONTOH KE 2
<html>
<body>
<?php
print "Hello World";
?>
</body>
</html>
![Page 34: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/34.jpg)
KOMENTAR DALAM PHP
Dalam PHP, kita menggunakan / / untuk
membuat komentar baris tunggal atau / * dan * /
untuk membuat blok komentar yang besar.
![Page 35: Pengenalan web minggu pertama](https://reader036.fdokumen.com/reader036/viewer/2022062419/559c30c31a28abdb468b46af/html5/thumbnails/35.jpg)
CONTOH KOMENTAR
<html>
<body>
<?php
// Ini blok komentar
/*atau Ini blok komentar*/
echo "Contoh Blok Komentar";
?>
</body>
</html>