pemrograman web pertemuan 2 bahasa indonesia

48
Dasar Pemrograman Web dengan PHP 3 Pemrograman Web Adam Hendra Brata

Upload: irfan-celestial-exalted

Post on 18-Dec-2015

236 views

Category:

Documents


1 download

DESCRIPTION

Pertemuan 2 Pemrograman Web di universitas brawijaya

TRANSCRIPT

  • Dasar Pemrograman Web dengan PHP 3Pemrograman Web

    Adam Hendra Brata

  • Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Dasar Pemrograman PHPWebsite Statis vs Website

    Dinamis

    Definisi PHP

    Dasar Pemrograman PHP

    Variabel Aliran Kontrol Program

    Percabangan

    Perulangan

    Fungsi

    Form

    Pokok Bahasan

  • Web Development

  • HTML + CSS = Well Designed Web

    Web yang dibangun menggunakan HTML dan CSS memiliki konsep desain yang apik

    Namun belum mempunyai fitur fitur yang menjadikan sebuah web dikatakan hidup

    Penggunaan HTML + CSS dalam pembangunan sebuah website masih memiliki banyak keterbatasan

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Website Statis

  • Diskusi Misalkan, kita memiliki sebuah website

    yang dibangun dari HTML dan CSS

    Dalam website tersebut kita memiliki 100 halaman web

    Kemudian apabila kita ingin merubah isi informasi yang ada dalam 100 halaman web tersebut, apa yang akan kita lakukan ?

    Merubah isi halaman tersebut satu-satu sampai 100 halaman web tersebut dirubah semua ?

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Website Statis

  • Untuk membangun website yang utuh dan hidup, diperlukan adanya pemrograman yang lebih lanjut

    Pemrograman ini memungkinkan sebuah webiste menjadi lebih dinamis dalam pengelolaan informasi, mudah dalam penggunaan dan menjadikan sebuah website menjadi lebih hidup

    Pemrograman ini umumnya dilakukan pada sisi server atau sering disebut server side scripting

    PHP, ASP dan JSP menjadi bahasa yang populer untuk kategori ini

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Website Dinamis

  • PHP

  • PHP adalah kependekan dari Hypertext Preprocessor

    PHP diciptakan oleh Rasmus Lerdorf pada tahun 1994

    Fungsi utama PHP adalah digunakan untuk membuat situs web yang dinamis

    Bisa memiliki isi yang berbeda tergantung konteks (tidak statis)

    Bisa melakukan antarmuka dengan servis lain, misalnya: database, email, xml dll

    Bisa meng-autentifikasi user

    Bisa memproses informasi dari form

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    PHP

  • PHP merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses dan mengolah data secara dinamis

    PHP dapat dikatakan sebagai sebuah server-side embedded script language, artinya semua sintaks dan perintah program yg ditulis akan sepenuhnya dijalankan oleh server, tetapi dapat disertakan pada halaman HTML biasa

    Pada umumnya semua aplikasi yang dibangun menggunakan PHP akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan pada server

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    PHP

  • PHP merupakan bahasa pemrograman yang mirip dengan bahasa C / C++, Java dan varian bahasa turunan C lainnya

    PHP diciptakan untuk memberikan sebuah website fitur dan fungsi yang menjadikannya sebuah program komputer yang dinamis dan utuh karena disertai dengan logika dan algoritma pemrograman

    Sebagai bahasa pemrograman yang sifatnya server side scripting, PHP dikompilasi dan dieksekusi dalam web server Apache

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP

  • XAMPP merupakan sebuah aplikasi web server yang terintegrasi

    Apache Cgi Bin PHP MySQL FTP Mercury Mail (SMTP) PHP MyAdmin perl Webalizer Dll

    https://www.apachefriends.org/index.html

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP - XAMPP

  • Script PHP disimpan sebagai plain text dalam format ASCII, yang memungkinkan script PHP dapat ditulis di hampir semua text editor seperti : Notepad, Wordpad, adobe Dreamweaver dll

    Script PHP adalah kode yang disertakan di sebuah halaman HTML & kode tersebut dijalankan oleh server yang akan dieksekusi sebelum dikirim ke browser

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP

  • Jika Browser meminta file HTML (halaman statis), maka :

    server hanya langsung mengirimkan file HTML tersebut.

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP

    BrowserMinta HTML via HTTP

    Web Server

    KODE HTML

  • Jika Browser meminta file PHP, maka : Server membaca file, menjalankan

    kode-kode script PHP yang ada didalamnya, kemudian mengirimkan hasilnya ke browser

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP

    BrowserMinta PHP via HTTP Web

    Server

    KODE HTML

    Skrip PHP

    MesinPHP

    Tanggapan via HTTP

  • Script PHP ditulis dengan cara yang sama seperti pada bahasa pemrograman yang lain, yaitu ditandai dengan tanda pembuka dan penutup script

    PHP karena berjalan bersama dengan HTML, maka menggunakan tag sebagai penanda

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP

  • Hello World

    PHP Test

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP

  • Ada kalanya kita sebagai pemrogram, karena banyaknya kode program atau variabel dalam program, perlu menandai atau memberi komentar pada program

    Komentar pada program merupakan tulisan pada program yang tidak dieksekusi

    Pada PHP, ada 3 macam cara penulisannya : /* komentar */

    Sesuai untuk komentar dengan banyak baris

    // komentar

    # komentar

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Pemrograman PHP

  • Dalam PHP, penulisan variabel diawali dengan karakter $, kemudian diikuti dengan huruf sebagai karakter pertama. Setelah itu, dapat dilajutkan dengan kombinasi huruf dan angka

    Variabel tidak boleh mengandung spasi maupun tanda baca di dalamnya, kecuali underscore (_)

    Variabel pada PHP bersifat case sensitif, yang berarti Anda harus memperhatikan penulisan huruf besar dan huruf kecil. Variabel $jumlah berbeda dengan $Jumlah

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel

  • Contoh penamaan variabel yang salah : $nama pemakai

    $3kota

    $us\er1

    Contoh penamaan variabel yang benar : $nama_pemakai

    $kota_3

    $user1

    $kodeHuruf

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel

  • Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel Tipe DataData type

    Description

    Boolean Scalar; either True or False

    Integer Scalar; a whole number

    Float Scalar; a number which may have a decimal place

    String Scalar; a series of characters

    ArrayCompound; an ordered map (contains names mapped to values)

    ObjectCompound; a type that may contain properties and methods

    ResourceSpecial; contains a reference to an external resource, such as a handler to an open file

    NULLSpecial; may only contain NULL as a value, meaning the variable; explicitly does not contain any value

  • Assignment =

    Arithmetic +, -, /, *, %

    Concatenation .

    Negation !

    Logic ||, &&, >, =,

  • Variabel Lokal Variabel yang digunakan di dalam 1

    fungsi tertentu

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel Scope Variabel

  • Variabel Global Variabel yang dapat digunakan di

    semua fungsi atau di luar fungsi

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel Scope Variabel

  • Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel Built-In Variable

    Array Description

    $GLOBALS Has a reference to every variable that has global scope in a PHP program. Many of the variables in it are also in other superglobal arrays

    $_SERVER Includes everything sent by server in the HTTP response, such as the name of the currently executing script, server name, version of HTTP, remote IP address, and so on. Although most Web server software produces the same server variables, not all do, and not all server variables necessarily have data in them

    $_GET Contains all the querystring variables that were attached to the URL, or produced as a result of using the GET method

    $_POST Contains all the submitted form variables and their data. You use variables from the $_POST or $_REQUEST arrays extensively in most of your PHP programs. For example, to make use of a username or password (or any other data) submitted as part of a form, you'll use PHP variables from the $_REQUEST array

  • Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel Built-In Variable

    Array Description

    $_COOKIE Contains all cookies sent to the server by the browser. They are turned into variables you can read from this array, and you can write cookies to the user's browser using the setcookie() function. Cookies provide a means of identifying a user across page requests (or beyond, depending upon when the cookie expires) and are often used automatically in session handling

    $_FILES Contains any items uploaded to the server when the POST method is used. It's different from the $_POST array because it specifically contains items uploaded (such as an uploaded image file), not the contents of submitted form fields

    $_ENV Contains data about the environment the server and PHP are operating in, such as the computer name, operating system, and system drive

    $_REQUEST Contains the contents of the $_GET, $_POST, and $COOKIE arrays, all in one

  • Mencetak nilai variabel

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel Print Variabel

  • Array Dalam PHP , Array bisa diciptakan

    dengan menggunakan konstruksi array

    Untuk menambahkan menggunakankurung kotak tanpa isi index ( [] )

    Tipe element tidak perlu di sebutkan, bisa berisi tipe macam-macam

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Variabel Array

  • Percabangan Dalam PHP, untuk percabangan sama

    seperti di bahasa pemrograman C dan turunannya

    If

    If....Else

    If...Else If .... Else

    Switch Case

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Percabangan

  • Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Percabangan If Else

  • Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Percabangan Switch Case

  • Perulangan Dalam PHP, untuk perulangan jampir

    sama seperti di bahasa pemrograman C dan turunannya

    While

    For

    Do.... While

    Foreach biasanya dipakai untuk array

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Perulangan

  • // will prints 10 to 1

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Perulangan While

  • // will prints 1 to 10

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Perulangan For

  • // will prints 10, why?

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Perulangan Do...While

  • // will prints:

    // name=John

    // age=20

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Perulangan Foreach

  • Fungsi Sama seperti bahasa pemrograman

    lain, pada PHP secara umum juga dikenal 2 jenis fungsi :

    System-defined Function

    User-defined Function

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Fungsi

  • Fungsi System-defined Seperti bahasa pemrograman yang lain,

    di PHP juga terdapat banyak system-defined function yang siap dipakai untuk mempermudah kita dalam membuat program

    Contoh

    Fungsi explode() untuk memecah string yang berupa kalimat menjadi sebuah array yang berisi kata per kata

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Fungsi

  • Fungsi User-defined Dalam PHP, untuk fungsi sama seperti

    di bahasa pemrograman C dan turunannya, hanya saja harus diawali dengan keyword function sebelum mendefinisikan nama fungsi

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Fungsi

  • Dalam pemrograman web, kita selalu bertemu dengan model interaksi menggunakan form

    Pada HTML, form didesain untuk memberikan masukan pada web

    Namun tanpa adanya pemrograman yang mengatur pemrosesan data yang dikirimkan melalui form, maka website akan menjadi statis dan hambar

    PHP dengan salah satu kelebihannya yang memiliki skenario form handling yang simpel, membuat pemrosesan data yang dikirimkan melalui form menjadi sangat mudah

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Form

  • Text Fields

    Password Field

    Radio Buttons

    Checkboxes

    Submit Button

    Hidden fields

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Standar HTML untuk Form

  • Dalam pengiriman data melalui form di PHP, terdapat 2 metode dasar yang digunakan, yaitu :

    POST

    Sending request variables through the POST body. Variable name and its value will not be shown on the URL

    GET

    Sending request variables through an URL as a Query String

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Form - Request

  • Menangani form HTML menggunakan PHP merupakan proses yang paling penting pada website dinamis

    Terdapat dua proses dasar pada penanganan form :

    Membuat HTML form itu sendiri

    Membuat script PHP yang akan menerima dan memproses data yang dikirim dari form

    HTML form dibuat menggunakan tag form dan beberapa element untuk mengambil inputan.

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Teknik Penanganan Form

  • Tag form terlihat seperti berikut :

    script 1script 2script n

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Teknik Penanganan Form

  • Terdapat 3 bagian utama pada pembuatan form di web, yaitu :

    1. Method

    Method dari sebuah form menentukan bagaimana data inputan form dikirim. Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan bagaimana data inputan dikirim dan diproses oleh PHP.

    2. Action

    Method dari sebuah form menentukan bagaimana data inputan form dikirim. Method ini ada dua macam, yaitu GET dan POST. Method ini menentukan bagaimana data inputan dikirim dan diproses oleh PHP.

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Teknik Penanganan Form

  • 3. Submit Button

    Submit button merupakan sebuah tombol (pada umumnya) yang berfungsi sebagai trigger pengiriman data dari form inputan. Jika tombol ini ditekan, maka data form akan dikirimkan (diproses) di halaman yang sudah ditentukan pada atribut action.

    Pokok Bahasan

    Web Development- Website Statis

    dan Website Dinamis

    PHP - Definisi PHP- Pemrograman

    PHP- Variabel- Percabangan- Perulangan- Fungsi- Form

    Teknik Penanganan Form

  • Sintax dasar form terlihat seperti berikut :

    Form

  • Perhatian Dikarenakan materi yang disampaikan

    pada presentasi kuliah ini hanya sebagai pengantar dasar saja, maka diharapkan membaca dan mencari referensi lain sebagai pengayaan pengetahuan tentang dasar dasar pemrograman web dengan PHP

    Cari dan baca artikel / tutorial dari internet atau buku tentang desain web

    Lihat video-video tutorial dari Youtube atau website lain tentang tutorial dasar pemrograman web dengan PHP

    Explorasi kembali materi tentang pemrograman web dengan PHP

    Perhatian

  • Terimakasih dan Semoga

    Bermanfaat ^^