~MEMBUAT FORM REGISTRASI USER~

 Pada kesempatan kali ini saya akan sedikit menjelaskan mengenai pembuatan helper, jalamn registrasi anggota, halaman my profile dan mengubah profile. Dipertemuan ini juga dibahas aturan penamaan dan penggunaan helper.

1. Membuat Helper

File helper ini dibuat untuk membuat pengecekan status login dari user. Karena akan digunakan disetiap form, agar lebih efektif maka dibuatlah helper. Aturan penamaan file helper ini harus diakhiri dengan kata helper contoh booking_helper.php, pustaka_helper.php dan lain-lain. Ketika helper ini akan digunakan atau di load, pemanggilannya cukup kata depannya saja. Seperti contoh helper diatas yaitu diload booking dan pustaka tanpa menyertakan kata _helper nya.

Buatlah file baru beri nama pustaka_helper.php kemudian simpan dalam folder application/helpers dan berikut script dari pustaka_helper.php:

pustaka_helper.php

Dari tampilan script di atas, terlihat ada duan function yaitu cek_login() untuk memastikan sudah login atau belum.

Selanjutnya buat file view blok.php dan gagal.php kedua file ini digunakan untuk menampilkan tampilan gagal dan akses di blok. Untuk membuatnya kita bisa menggunakan template yang sudah disediakan oleh sb admin 2. Cari file 404.html kemudian buka dengan edior lalu copy isi scriptnya dan paste pada file blok.php dan file gagal.php. selanjutnya samakan scriptnya seperti berikut:.

blok.php

gagal.php

Selanjutnya tambahkan method untuk mengontrol blok.php dan gagal php di atas dalam controller admin.php berikut scriptnya:

2. Membuat Form Registrasi

Setelah membuat tampilan-tampilan blok dan gagal. Barulah membuat tampilan registrasi.

Buatlah view baru beri nama registrasi.php kemudian simpan dalam folder Application/views/autentifikasi lalu buka file view login.php copy semua script login dan paste pada file registrasi.php. Selanjutnya tambahkan inputan sehingga hasilnya seperti berikut:

registrasi.php

Selanjutnya setelah membuat view registrasi. Kita tambahkan method pada controller autentifikasi. Nama methodnya registrasi() seperti berikut:

Ketik localhost/pustaka-booking/admin/registrasi

sehingga tampil seperti ini 

3. Membuat Halaman My Profile dan Ubah Profile

Halaman my profile ini akan di tampilkan setelah login. Link unutk mengaksesnya berada di pojok kanan atas tampilan halaman utama admin.

Buatlah controller baru beri nama User.php kemudian simpan dalam folder Application/controlles/ lalu buatlah script berikut:

user.php

Setelah itu, Buatlah file view baru beri nama index.php dan ubah-profile.php lalu simpan dalam folder Application/views/user/ kemudian buatlah script berikut:

index.php

ubah-profile.php

Ketik localhost/pustaka-booking/user/ubahprofil

sehingga tampil seperti ini 

NAMA : ADE TIA RAMADANTI

KELAS : 12.3B.31

NIM : 12192578

UNIVERSITAS BINA SARANA INFORMATIKA

 

~~MEMBUAT FORM LOGIN DAN PESAN NOTIFIKASI~~

 Pada kesempatan kali ini, saya akan sedikit menjelaskan bagaimana membuat halaman login dan halaman beranda admin, membuat sebuah pesan notifikasi dan implementasi penerapan framework css dari bootstrap.

hal-hal yang harus dilakukan adalah :

1. Membuat Halaman Login

    Halaman login akan dibuat menjadi halaman utama pada saat aplikasi pustaka-booking bagian admin diakses. Form login akan dibuat pada controller Autentifikasi. Controller ini akan dijadikan controller default. 

    Untuk membuat tampilan-tampilan dari aplikasi pustaka booking akan menggunakan template dari bootstrap yaitu sb admin 2 kenapa menggunakan template sb admin 2 ini, karena template sb admin 2 ini sudah menggunakan botstrap terbaru yaitu versi 4. Untuk itu kita harus mempersiapkan terlebih dahulu template sb admin 2 tersebut. Sb admin 2 sudah kami sediakan di folder tools.  

    Kembali ke pembuatan form login. Untuk membuatnya kita akan menggunakan tampilan form login yang ada di template sb admin 2. Untuk itu sekarang coba kembali ke folder hasil extract template sb admin 2, kemudian cari file login.html kemudian buka file login tersebut bisa menggunakan web browser atau menggunakan editor php atau html yang sedang kamu gunakan. Ketika sudah terbuka, copy isi script dari file login tersebut kemudian buat file view yang baru pada projek kamu dengan nama login.php, aute_header.php, aute_footer.php simpan dalam folder Application/views/admin lalu paste. Maka hasilnya seperti berikut:

aute_header.php

login.php

aute_footer.php

Setelah selesai membuat tampilan form login, seperti yang sudah disinggung di atas. Kita akan membuat controller Autentifikasi.php. caranya yakni 

Buatlah controller Autentifikasi.php simpan dalam folder Application/controllers lalu buat scriptnya seperti berikut:

Kemudian tambahkan method cekData() dalam ModelUser.php yang sebelumnya sudah dibuat. Di bawah ini script tambahan methode cekData()

Sebelum melihat hasilnya, ubah pengaturan controller default terlebih dahulu yang sebelum controller welcome ubah mejadi controller autentifikasi.

                                 

Untuk melihat hasilnya silahkan ketik URL seperti ini localhost/pustaka-booking/, maka hasilnya seperti dibawah ini:

 

2. Membuat Halaman Admin

Halaman admin adalah halaman backend yang digunakan untuk mengelola data-data master seperti buku, kategori buku dll. Unutk membuatnya kita akan melibatkan controller autentifikasi.php

Dalam pembuatan halaman admin, template yang digunakan tetep template dari sb admin 2. Untuk itu coba kita buka index.html dari sb admin 2 menggunakan editor yang kamu miliki. Selanjutnya copy isi script dari index.html, kemudian buat view baru dalam folder Application/views/admin/ beri nama index.php lalu paste scriptnya. Selanjutnya file index ini akan dipecah menjadi 5 file view yaitu: header.php, index.php, footer.php, sidebar.php, dan topbar.php yang di simpan pada Application/view/templates. jadi isi dari file index.php yang baru saja di buat, disesuaikan dengan 5 file di bawah ini:

 

header.php

footer.php

footer.php

index.php

sidebar.php

topbar.php

Setelah membuat file view pecahan dari tampilan admin, maka selanjutnya kita harus membuat controller Admin.php simpan dalam folder Application/controllers lalu buatlah scriptnya seperti berikut::

admin.php

Setelah itu, bisa kita lihat hasilnya dengan mengetik url localhost/pustaka-booking/admin. Dan beginilah hasilnya :

Sekian penjelasan dari saya,semoga mudah di mengerti dan dapat bermanfaat untuk kita semua.aamiin

NAMA : ADE TIA RAMADANTI

NIM : 12192578

KELAS : 12.3B.31

UNIVERSITAS BINA SARANA INFORMATIKA

~~ STUDI KASUS TOKO SEPATU ~~

Pada Kesempatan ini, saya akan sedikit menjelaskan bagaimana proses untuk membuat aplikasi berbasis web. dimana database tersebut saya beri nama Toko Sepatu. Aplikasi Toko Sepatu dibuat untuk membeli sebuah sepatu dimana harga sepatu tersebut ditentukan berdasarkan merknya. Tujuan dibuatkannya aplikasi ini agar memudahkan para pelanggan dalam membeli sepatu.

Hal-Hal yang harus dilakukan dalam pembuatan Toko Sepatu adalah Membuat sebuah controller dan model untuk memproses inputan form sehingga hasilnya di tampilkan ke file view yang berisi hasil dari proses submit dari form input.

Langkah-langkahnya adalah :

1. Membuat file di dalam Models dengan nama file M_transaksi.php

TAMPILAN INPUT

2. Membuat file di dalam Controller dengan nama file Transaksi.php

3. Membuat file di dalam View dengan nama file v_transaksi.php

TAMPILAN INPUT

TAMPIL OUTPUT

4. Membuat file di dalam view dengan nama file v_data_transaksi.php

TAMPILAN INPUT

 

TAMPILAN OUTPUT

Jika kita klik Pesan Maka akan muncul seperti berikut ini :

 Jika Sudah seperti ini berarti data tersebut sudah tersimpan di database Toko Sepatu. lalu akan di proses dan hasiLnya menjadi seperti ini

Sekian Penjelasan dari saya, semoga Mudah dimengerti dan dapat Bermanfaat untuk kita semua. aamiin.

NAMA : ADE TIA RAMADANTI

KELAS : 12.3B.31

NIM : 12192578

UNIVERSITAS BINA SARANA INFORMATIKA