pengenalan web minggu pertama

35
PEMROGRAMAN WEB SILABUS STMIK Muhammadiyah Jakarta Wawan Darmawan, S.Kom [email protected]

Upload: w4n5d

Post on 08-Jul-2015

507 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Pengenalan web minggu pertama

PEMROGRAMAN WEB

SILABUS

STMIK Muhammadiyah Jakarta

Wawan Darmawan, S.Kom

[email protected]

Page 2: Pengenalan web minggu pertama

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

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

REFERENSI

Bebas sesuai dengan materi yang di sampaikan.

Page 5: Pengenalan web minggu pertama

PENILAIAN

Tugas : 20%

UTS : 30%

UAS : 50%

Jumlah kehadiran menentukan kebijakan dalam

nilai akhir

Page 6: Pengenalan web minggu pertama

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 7: Pengenalan web minggu pertama

PENGENALAN WEBSITE

STMIK Muhammadiyah Jakarta

Wawan Darmawan, S.Kom

[email protected]

Page 8: Pengenalan web minggu pertama

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

WEB BROWSER PERTAMA DI DUNIA

Page 10: Pengenalan web minggu pertama

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

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

CONTOH STRUKTUR ISI WEBSITE

Page 13: Pengenalan web minggu pertama

UNSUR-UNSUR WEBSITE

Domain Name

Hosting

Script/Bahasa program

Desain web

Publikasi

Page 14: Pengenalan web minggu pertama

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

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

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

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

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

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

TEKNOLOGI SERVER-SIDE DAN CLIENT-SIDE

Three Tier Application

Page 21: Pengenalan web minggu pertama

ARSITEKTUR

Page 22: Pengenalan web minggu pertama

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

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

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

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

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

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

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

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

KOMPATIBILITAS

Untuk kompatibilitas maksimal, di sarankan

menggunakan bentuk standar (<? php) dari pada

bentuk singkatan.

Contoh :

<?php

?>

Page 31: Pengenalan web minggu pertama

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

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

CONTOH KE 2

<html>

<body>

<?php

print "Hello World";

?>

</body>

</html>

Page 34: Pengenalan web minggu pertama

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

CONTOH KOMENTAR

<html>

<body>

<?php

// Ini blok komentar

/*atau Ini blok komentar*/

echo "Contoh Blok Komentar";

?>

</body>

</html>