SlideShare a Scribd company logo
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
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
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
Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Pilih folder xampp
Pilih folder htdocs
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.
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
Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Lalu pilih menu New File
Kurang lebih tampilannya setelah kita pilih New File
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
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
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
Nadiyatul Aynun Jariyah
Nur Laily Kartiningsih
Lalu klik Enter. Dan setelah kita Enter maka hasil seperti berikut:
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.
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.....

More Related Content

DOCX
Karya Ilmiah Hukum Kepler I,II Dan III
DOCX
Tutorial membuat form login dengan php mvc dan my sql
PDF
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)
PDF
Edwinprassetyo-1100631028-tugas1
DOCX
Tugas topik khusus
PDF
1100631021_YiiFramework
PDF
Tutorial ci
PDF
Frame work php
Karya Ilmiah Hukum Kepler I,II Dan III
Tutorial membuat form login dengan php mvc dan my sql
Cara Membuat Program Chatting Sederhana Dengan Visual Basic (Program 4)
Edwinprassetyo-1100631028-tugas1
Tugas topik khusus
1100631021_YiiFramework
Tutorial ci
Frame work php

Similar to Tutorial Form login menggunakan MVC (20)

PDF
Laporan tutorial form login php menggunakan mvc
PPTX
Tugas individu rekweb4
PDF
Modul 05 Framework CodeIgniter.pdf
PDF
Jamal aplikasicrud
PDF
0301_Pertemuan 1.pdf
DOCX
E commerce dengan php mysql
PDF
Tutorial web service (web & client) with spring web services
PDF
Tutorial ci
DOCX
Tugas 5 1300631006
DOCX
Tugas pbw
PDF
Pengertian yii framework
PPTX
Tugas 4 rekayasa web (0916)
DOCX
Laporan akhir
PDF
Codeigneter | Annisa Nur Fitriyani
DOCX
Membangun aplikasi berbasis web dengan menggunakan framework
PDF
Memasang aplikasi phpindonesia_di_windows_7
PDF
Modul 02 CRUD CI 3.pdf
PDF
Modul 02 CRUD CI 3.pdf
PDF
Tutorial php membuat Aplikasi Inventaris
PDF
Tutorial spring web app
Laporan tutorial form login php menggunakan mvc
Tugas individu rekweb4
Modul 05 Framework CodeIgniter.pdf
Jamal aplikasicrud
0301_Pertemuan 1.pdf
E commerce dengan php mysql
Tutorial web service (web & client) with spring web services
Tutorial ci
Tugas 5 1300631006
Tugas pbw
Pengertian yii framework
Tugas 4 rekayasa web (0916)
Laporan akhir
Codeigneter | Annisa Nur Fitriyani
Membangun aplikasi berbasis web dengan menggunakan framework
Memasang aplikasi phpindonesia_di_windows_7
Modul 02 CRUD CI 3.pdf
Modul 02 CRUD CI 3.pdf
Tutorial php membuat Aplikasi Inventaris
Tutorial spring web app
Ad

Recently uploaded (10)

PPTX
Modul 2. Pengoperasian Pengaplikasian dan Kolaborasi Perangkat Kecerdasan Art...
PDF
Aksara nglagena_20250726_094730_0000.pdf
DOCX
623175210-PROSEM-KELAS-X-SEM-GANJIL.docx
PDF
Labuan4D situs Exclusive Game S 1 0 t & T O 9 E 1 dari server NO 01 Gaming Asia.
PPTX
Modul 1. Pengenalan Koding-KA di Dikdasmen.pptx
PPTX
saya adalah seorang penulis awalann.pptx
PPT
Firewall dalam Jaringan - Kelas 12 TKJ 2025/2026
PPTX
MATERI Literasi digital ASN TAHUN 2025.pptx
PPTX
materi mata pelajaran koding dan kecerdasan artifisial
PDF
IdREN Multi Access Edge Computing dan bangun ruang
Modul 2. Pengoperasian Pengaplikasian dan Kolaborasi Perangkat Kecerdasan Art...
Aksara nglagena_20250726_094730_0000.pdf
623175210-PROSEM-KELAS-X-SEM-GANJIL.docx
Labuan4D situs Exclusive Game S 1 0 t & T O 9 E 1 dari server NO 01 Gaming Asia.
Modul 1. Pengenalan Koding-KA di Dikdasmen.pptx
saya adalah seorang penulis awalann.pptx
Firewall dalam Jaringan - Kelas 12 TKJ 2025/2026
MATERI Literasi digital ASN TAHUN 2025.pptx
materi mata pelajaran koding dan kecerdasan artifisial
IdREN Multi Access Edge Computing dan bangun ruang
Ad

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