Form login menggunakan MVC

1. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
LAPORAN
FORM LOGIN PHP MENGGUNAKAN MVC
Oleh :
- Nadiyatul Aynun Jariyah 1200631020
- Nur Laily Kartiningsih 1200631014
Prodi Manajemen Informatika
Fakultas Tehnik
Universitas Muhammadiyah Jember
2014

2. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Cara membuat Form Login PHP Mnggunakan MVC
Langkah pertama kitainstal terlebih dahulu program XAMPP pada komputer atau laptop
kita. Setelah itu, jika program XAMPP sudah terinstal. Kita instal program Sublime pada
laptop atau komputer kita. Jika sudah, aktifkan terlebih dahulu xampp kita yang sudah kita
instal tadi.
Klik pada icon xampp
Lalu kita klik star pada bagian Apache dan MySQL

3. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Jika sudh kita klik star pada dua bagian tersebut, kurang lebih tampilannya seperti berikut :
Langkah Kedua kita buat folder terlebih dahulu pada folder htdocs. Fungsinya, untuk
menyimpan file program html yang akan kita buat.
Buka Document pada windows
Pilih Documen pada menubarnya. Lalu klik Local Disk C

4. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Pilih folder xampp
Pilih folder htdocs

5. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Buatlah sebuah folder baru yang berfungsi sebagai tempat induk penyimpanan file
program html kita. Kali ini fodel saya, saya beri nama NadiyaLaily.
lalu klik folder yang kita buat tadi, dan buat tiga folder kembali di dalam folder induk tadi
( Nadiyaaily ) yaitu Controller , Model , View.

6. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
langkah selanjutnya yaitu Langkah KeTiga kita buka program Sublime yang sudah kita
instal tadi. Kurang lebih tampilannya seperti ini
Setelah itu pilih menu File

7. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Lalu pilih menu New File
Kurang lebih tampilannya setelah kita pilih New File

8. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Lalu kita ketikkan code program Controller.php seperti pada gambar berikut
Jika sudah klik File -> pilih Save As -> lalu simpan pada folder Controller yang terdapat di
dalam folder NadiyaLaily pada htdocs dengan nama Controller.php
Selanjutnya kembali pada aplikasi Sublime, klik menu File dan pilih New File. Lalu ketikan
kode program Model.php seperti pada gambar berikut

9. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Jika sudah, pilih menu File -> Save As dan simpan project pada folder Model yang terdapat
di dalam folder NadiyaLaily pada folder htdocs dengan nama Model.php
Selanjutnya kembali pada aplikasi Sublime, klik menu File dan pilih New File. Lalu ketikan
kode program login.php seperti pada gambar berikut
Jika sudah, pilih menu File -> Save As dan simpan project pada folder View yang terdapat di
dalam folder NadiyaLaily pada folder htdocs dengan nama login.php
Selanjutnya kembali pada aplikasi Sublime, klik menu File dan pilih New File. Lalu ketikan
kode program Afterlogin.php seperti pada gambar berikut

10. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Jika sudah, pilih menu File -> Save As dan simpan project pada folder View yang terdapat di
dalam folder NadiyaLaily pada folder htdocs dengan nama Afterlogin.php
Selanjutnya kembali pada aplikasi Sublime, klik menu File dan pilih New File. Lalu ketikan
kode program index.php seperti pada gambar berikut
Jika sudah, pilih menu File -> Save As dan simpan project pada folder NadiyaLaily pada
folder htdocs dengan nama index.php
Kurang lebih daftar foldernya seperti pada gambar dibawah ini
Sekarang kita coba untuk memanggil login.php. pertama tama kita harus mengaktivkan
xampp seperti pada langkah pertama tadi. Karna jika kita tidak mengaktivkannya, maka
program tidak akan dapat kita coba.
Buka mozila atau google crome. Lalu tuliskan localhost/NadiyaLaily/View/login.php

11. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Lalu klik Enter. Dan setelah kita Enter maka hasil seperti berikut:

12. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Pengertian MVC
Model-View-Controller atau MVC
adalah sebuah metode untuk membuat sebuah aplikasi dengan memisahkan data (Model) dari
tampilan (View) dan cara bagaimana memprosesnya (Controller).
Dalam implementasinya kebanyakan framework dalam aplikasi website adalah
berbasis arsitektur MVC. MVC memisahkan pengembangan aplikasi berdasarkan komponen
utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan
bagian yang menjadi kontrol dalam sebuah aplikasi web.
Model View Controller pertama sekali dipublikasikan oleh peneliti XEROX PARC yang
bekerja dalam pembuatan bahasa pemrograman Smalltalk sekitar tahun 1970-1980.
Jenis jenis MVC yaitu seperti berikut :
 Server Side MVC, Server Side MVC biasa terjadi pada aplikasi web tradisional, yang
tidak melibatkan client side seperti Javascript, Java applet, Flash, dan lain-lain. Server
Side MVC menyerahkan keseluruhan proses bisnis pada server, aplikasi pada sisi
pengguna hanya dapat menerima. MVC jenis ini kadang-kadang disebut juga dengan
namaThin Client.
 Mixed Client Side and Server Side MVC, Pada Mixed Client Side and Server Side MVC
1 client tidak menggunakan model sebagai jembatan untuk melakukan komunikasi pada
server, dibandingkan dengan Server Side MVC, arsitektur ini memiliki tingkat
kompleksitas yang lebih tinggi karena lebih banyak komponen yang terlibat. Untuk
selanjutnya arsitektur ini disebut, dengan Mixed MVC 1. Pada Mixed Client Side and
Server Side MVC 2, client menggunakan model sebagai jembatan untuk
melakukankomunikasi pada server, dibandingkan dengan arsitektur MVC yang lain,
arsitektur ini memiliki tingkat kompleksitas yang paling tinggi karena lebih banyak
komponen yang terlibat, sehingga membutuhkan sumber daya yang lebih besar pula.
Untuk selanjutnya arsitektur ini disebut dengan Mixed MVC 2.
 Rich Internet Application MVC, Application MVC Rich Internet Application (RIA)
disebut juga dengan nama Fat Client, merupakan aplikasi web yang memiliki
kemampuan dan fungsi hampir seperti aplikasi desktop. RIA pada sisi client,
memiliki mesin untuk mengambil data yang berada pada server, sehingga pada client
terdapat bagian MVC sendiri dan hanya membutuhkan bagian model pada sisi server.
Bagian dari MVC adalah :
1. Model, Model mewakili struktur data. Biasanya model berisi fungsi-fungsi yang
membantu seseorang dalam pengelolaan basis data seperti memasukkan data ke basis
data, pembaruan data dan lain-lain.

13. Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
2. View, View adalah bagian yang mengatur tampilan ke pengguna. Bisa di katakan
berupa halaman web.
3. Controller, Controller merupakan bagian yang menjembatani model dan view.
Controller berisi perintah-perintah yang berfungsi untuk memproses suatu data dan
mengirimkannya ke halaman web.[2]
Dengan menggunakan metode MVC maka aplikasi akan lebih mudah untuk dirawat dan
dikembangkan. Untuk memahami metode pengembangan aplikasi menggunakan MVC
diperlukan pengetahuan tentang pemrograman berorientasi objek (Object Oriented
Programming).
Demikian tutorial yang dapat saya sampaikan.....