Tutorial Form login menggunakan MVC

13
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

description

Form login menggunakan MVC

Transcript of Tutorial Form login menggunakan MVC

Page 1: Tutorial Form login menggunakan MVC

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

Page 2: Tutorial Form login menggunakan MVC

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

Page 3: Tutorial Form login menggunakan MVC

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

Page 4: Tutorial Form login menggunakan MVC

Nadiyatul Aynun Jariyah

Nur Laily Kartiningsih

Pilih folder xampp

Pilih folder htdocs

Page 5: Tutorial Form login menggunakan MVC

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.

Page 6: Tutorial Form login menggunakan MVC

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

Page 7: Tutorial Form login menggunakan MVC

Nadiyatul Aynun Jariyah

Nur Laily Kartiningsih

Lalu pilih menu New File

Kurang lebih tampilannya setelah kita pilih New File

Page 8: Tutorial Form login menggunakan MVC

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

Page 9: Tutorial Form login menggunakan MVC

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

Page 10: Tutorial Form login menggunakan MVC

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

Page 11: Tutorial Form login menggunakan MVC

Nadiyatul Aynun Jariyah

Nur Laily Kartiningsih

Lalu klik Enter. Dan setelah kita Enter maka hasil seperti berikut:

Page 12: Tutorial Form login menggunakan MVC

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.

Page 13: Tutorial Form login menggunakan MVC

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.....