Cara Membuat Login di Laravel 5.4

Laravel adalah salah satu framework programming yang mulai banyak dilirik, dipelajari dan didekati oleh para programmer yang mau move on dari framework CodeIgniter. Framework Laravel sendiri tidak jauh berbeda dengan framework lainnya yang menggunakan konsep MVC, jadi tidak begitu membingungkan dalam memahami kode-kode yang ada dalam laravel.

Salah satu kemudahan yang diberikan oleh laravel adalah, untuk membuat login. Laravel menyediakan cara pintas untuk membuat halaman login, register serta table-table yang dibutuhkan untuk database loginnya. Untuk membuktikannya silahkan ikuti langkah-langkah di bawah ini :

Pertama-tama, Pastikan anda sudah menginstal framework laravel di komputer ada. Tenang, bagi yang belum silahkan klik di sini.

Lalu ketikan perintah "php artisan make:auth" (tanda tanda petik) di command line. Ingat untuk mengarahkan command line ke dalam folder instalan laravel Anda. Contoh lihat gambar !

Gambar 1. arahkan cmd ke folder instalan laravel

Tunggu hingga perintah selesai di jalankan.

Gambar 2. php artisan make:auth sukses

Perintah tersebut hanyalah perintah untuk membuat koding registrasi dan login otomatis. Sehingga tidak perlu lagi untuk mengkoding manual. Agar lebih jelas lihat pada folder instalan_laravel_anda/resources/ views, maka akan bertambah 1 folder lagi yang bernama auth. folder auth ini berisi file .php yang akan menampilkan register dan login yang telah dibuat. emejing bukan !

Apakah sudah selesai? belum. Masih ada langkah-langkah yang perlu diikuti agar data user dapat tersimpan dalam database.

Langkah selanjutnya cari file .env di folder instalan laravel Anda. Buka dengan text editor. Cari koding ini :

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=homestead

DB_USERNAME=homestead

DB_PASSWORD=secret

koding tersebut adalah koding koneksi laravel dengan database MySQL, Database MySQL sendiri adalah database default laravel. Gantilah DB_DATABASE, DB_USERNAME dan DB_PASSWORD sesuai dengan konfigurasi database MySQL Anda. DB_DATABASE adalah nama database yang akan digunakan, DB_USERNAME adalah username database MySQL Anda, secara default username MySQL adalah "root" dan DB_PASSWORD adalah password database MySQL. Lihat contoh di bawah :

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=contoh

DB_USERNAME=root

DB_PASSWORD=

*untuk yang tidak menggunakan password, maka tidak perlu diisi. Ingat tidak perlu diisi !

Jangan lupa untuk menyimpan konfigurasi tadi. Setelah itu ketikkan perintah "php artisan migrate" pada command line tadi. Perintah tersebut untuk membuat table users bawaan laravel dalam database Anda.

Jika sudah, buka projek laravel Anda di browser, maka akan ada link register dan login pada pojok kanan atas halaman welcome Laravel.

Gambar 3. Welcome Laravel dengan register dan login

Sampai di sini kita sudah berhasil membuat login laravel, Untuk mencobanya silahkan klik REGISTER, akan muncul hawalan register. Isikan data-data yang dibutuhkan lalu klik tombol register. Jika berhasil Anda akan di arahkan langsung ke halaman dashboard login. Ini berarti Anda telah berhasil membuat login laravel. Selamat Mencoba ... tapi jangan Coba-Coba !

Cara Compile and Run Java di EditPlus

Java adalah salah satu bahasa pemrograman yang populer. Oleh karena itu seorang programmer pemula harus memahami dasar-dasar pemrograman java terlebih dahulu sebelum menginjak ke tingkat yang lebih tinggi.

Untuk memulai membuat program java, terlebih dahulu untuk memiliki aplikasi/software text editor terlebih dahulu. Banyak sekali text editor yang tersedia untuk memulai pemrograman. Salah satunya adalah EditPlus. Untuk menggunakan edit plus sebagai test editor untuk java, tentunya tidak bisa langsung untuk meng-compile dan meng-run program java. Kita harus men-setting EditPlus agar dapat menjalankan program java. Caranya pun mudah, ikuti langkah-langkah di bawah ini :

1. Pastikan Anda telah mendownload dan menginstal EditPlus ke komputer Anda
2. Buka program EditPlus yang telah teristal.
3. Pada baris menu EditPlus, pilih menu Tools, pilih Sub menu Configure User Tools...

menu Tools

4. Akan muncul kotak Preference. Pada bagian Categories, pilih User tools kemudian pilih tombol Add Tool pilih Program.
5. Pada Groups and tool items akan muncul nama program baru / New Program.

groups and tool items

6. Isikan beberapa data seperti di bawah ini :

• Pada Menu text ganti New Program dengan compile.
• Pada Command isi dengan patch javac.exe dengan cara menelusuri folder instalasi java/JDK menggunakan tombol [...] di sebelahnya. Secara default, javac.exe berada pada direktori C:\Program Files\Java\jdk1.8.0_60\bin\javac.exe.
• Pada Argument pilih File Name.
• Pada Initial directory pilih File Direktory.

program compile

7. klik tombol Apply. dan program compile untuk file java selesai. sekarang kita buat program baru untuk meng-run program java nya.

8. Ulangi langka nomor 3 sampai nomor 5.

9. Isi beberapa data seperti di bawah ini :

• Pada Menu text ganti New Program dengan run
• Pada Command isi dengan patch java.exe dengan cara menelusuri folder instalasi java/JDK menggunakan tombol [...] di sebelahnya. Secara default, javac.exe berada pada direktori C:\Program Files\Java\jdk1.8.0_60\bin\java.exe. ingat untuk compile menggunakan javac.exe untuk run menggunakan java.exe
• Pada Argument pilih File Name Without Extension
• Pada Initial directory pilih File Direktory.

program run

10. Pilih tombol Apply. dan selesai

kita telah membuat program untuk meng-compile dan meng-run program java. Untuk mencobanya silahkan pilih menu File pilih Sub menu New dan pilih java. Secara otomatis akan muncul program java menampilkan "Hello World". Gunakan file tersebut untuk mencoba program compile dan run file java yang tadi kita buat.

Helloworld.java

Sekarang simpan file java tersebut dengan nama Helloworld.java. Setelah itu kita coba compile file Helloworld.java dengan cara klik menu Tools pilih Sub menu compile atau dengan cara pintas menekan Ctlr+1.

compile dan run file java

nanti akan muncul kotak hitam yang artinya file Helloworld.java sedang di compile. setelah muncul tulisan Press any key to continue . . . artinya tidak ada masalah pada peng-compile lan program Helloworld.java tadi. klik sembarang tombol keyboard.

compile file java

Setelah di compile, jalankan program Helloworld.java dengan cara klik menu Tools pilih Sub menu run atau dengan cara pintas menekan Ctlr+2.

Akan muncul kotak hitam dan menampilkan tulisan "Hello world" itu artinya program Helloworld.java tadi berhasil dijalankan serta program compile dan run di EditPlus kita dapat berjalan sempurna tanpa kendala.

run file java

Oke sekarang Anda dapat membuat dan menjalankan program java di EditPlus. Selamat berkoding ria...

Fixes Bug Error : Aplikasi PDO CRUD OOP

Salam Kodingers...

Setelah kemarin saya melaksanakan Kerja Praktek (KP) pada sebuah perusahaan ICT, kali ini saya mendapat tugas kuliah mencari error dan memperbaiki koding pada aplikasi PDO CRUD OOP. Alhamdulillah, apa yang saya pelajari di tempat KP dapat berguna di tempat kuliah. Ya, cara mengerjakan tugas ini sama seperti di tempat KP saya. Sekarang waktunya saya untuk menuangkannya ke dalam blog ini sebagai pembelajaran. Mari kita pelajari bersama.

Pertama, download koding asli terlebih dahulu di sini. Setelah itu, ekstak file rar dalam folder C:\xampp\htdocs agar langsung dapat dipanggil lewat browser. Di dalam folder terdapat beberapa file. Hal yang perlu diingat setelah mengekstrak file rar, kita harus membuat database di MySQL terlebih dahulu dengan nama database "crud_oop" (agar sama dengan file crud_oop.sql yang tersedia)

files crud oop

Setelah itu, impor file crud_oop.sql tadi agar ke dalam database "crud oop". file crud_oop.sql berisikan table serta isinya sehingga kita tidak perlu membuatnya sendiri. Tunggu hingga proses impor selesai.

  

Import file crud_oop.sql

Buka tab browser baru, kita  akan memanggil file index.php yang telah kita download tadi lewat localhost, contoh "http://localhost/pemrograman_web/el_tugas/pdo/index.php". Tulisan berwarna merah merupakan folder tempat index.php disimpan, sesuaikan dengan folder tempat Anda menyimpan file index.php. Maka akan Tampil halaman input data Tambah Mahasiswa Baru.  Isikan data-datanya. Ingat, untuk pengisian Tanggal Lahir menggunakan format YYYY-MM-DD, Contoh lihat gambar !

form tambah mahasiswa baru

Klik tombol  maka data yang diinputkan akan tampil di halaman Daftar Nama Mahasiswa (jika data berhasil diinputkan :D ).

daftar nama mahasiswa

Oke sejauh ini tidak ada masalah. Sekarang kita akan coba fungsi edit data. klik di sebelah kanan nama mahasiswa (jangan salah memilih tombol Delete yah.. )

Setelah kita klik , akan muncul tampilan kosong / blank. Kok bisa?! Apa yang terjadi ?! Tenang, sekarang kita menghadapi cobaannya. Persiapkan diri untuk menghadapi cobaan tersebut ! Sekarang waktunya untuk mengotak-atik kodingnya.

Oke, lihat pada address bar, terlihat nama file phpnya yang perlu di otak-atik, yaitu edit.php. Sekarang kita buka file edit.php nya.

Setelah itu perhatikan kodingnya. Bikin pusing kan?... Coba cari koding yang menurut Anda salah. Pahami juga di aplikasi PDO CRUD OOP ini menggunakan file library.php untuk fungsi-fungsi CRUD nya. Jadi file edit.php berhubungan dengan file library.php karena fungsi edit / update data berapa di library.php.

Kembali ke file edit.php tadi. Mainkan logika Anda. Kenapa tombol  tidak berfungsi sedangkan tombol tadi berfungsi? Merujuk pada hal tersebut, sebaiknya kita lihat koding tombol  di file index.txt. Pada koding tersebut terukir koding :

koding tombol tambah

Koding name="tambahMhs" tersebut sesuai dengan method tambah data di library.php.

koding method tambahMhs

Kita lihat koding tombol Edit pada file edit.php, terdapat perbedaan yang mencolok ! Perbedaan ini yang membuat tombol Edit tidak berfungsi.

koding tombol edit

Maka dari itu, dalam koding name="updates" kita ganti dengan name=" updateMhs". Lihat Gambar!

koding tombol edit fix

Sekarang kita refresh halaman Daftar Nama Mahasiswa, lalu klik tombol Edit lagi. Apa yang terjadi. Ternyata masih menampilkan halaman kosong! Kenapa yah..? Oke sekarang kita tempatkan kursor / pointer pada address bar. Lihat alamat link yang ada. Kenapa menampilkan nim namun tidak sesuai dengan nim yang pertama kali kita inputkan.

address bar

Jelas ini suatu kesalahan. Untuk mencari penyebabnya, kita menuju ke koding list.php karena koding tombol Edit berada pada file list.php. Cari kodingnya dan perhatikan dengan seksama. Kenapa nim=$data->id, seharusnya jika merujuk pada $data->id, maka parameter yang dipakai haruslah id juga. Sehingga menjadi id=$data->id. Lihat Gambar.

nim=$data->id

id=$data->id

Setelah itu refresh kembali halaman Daftar Nama Mahasiswa, lalu klik Edit dijamin berhasil dan muncul halaman form edit.

Jika ada kesalahan data yang ditampilkan (misal yang di klik edit data A namun yang tampil data B), maka carilah koding method editMhs disana harus ditulis jelas query SQL nya. Pada query SQL di method editMhs harus ditambahkan WHERE id='id'. Hal ini agar data yang akan ditampilkan sesuai dengan nomer id yang dipilih. Lihat gambar!

method editMhs

Yeeeaah. Coba lagi tombol editnya. Data yang ditampilkan sudah benar sekarang. Lihat juga address bar nya, sudah benar kan. Karena nomer itu adalah nomer id yang auto_increment pada database.

form edit

Tapi kenapa ada yang janggal di tampilan form editnya. Kenapa data nama dan tempat lahir menampilkan data yang sama? Tentu ini harus segera di luruskan. Langsung saja buka file edit.php. Ternyata ada kesalahan penulisan koding pada value atau nilai yang ditampilkan pada halaman form edit.  Seharusnya penulisan value tidak boleh sama, karena data yang ditampilkan harusnya berbeda.

koding edit.php

Maka dari itu, ganti value=”’. $edit->nama.’” pada input text tempat lahir menjadi value=”’.$edit->tempat_lahir’”. Sehingga menjadi seperti pada gambar.

koding edit.php fix

Refresh kembali halaman form edit. Maka akan tertampil data yang benar. Sekarang edit data tersebut sesuai kebutuhan. Jika sudah klik tombol  .

form edit fix

Setelah kita ubah datanya, akan langsung di tampilkan halaman List Data Nama Mahasiswa. Tapi kenapa datanya masih sama. Hal ini bisa terjadi karena ada kesalahan dalam koding yang mengirimkan data yang telah diedit ke database. Untuk memperbaiki dapat kita telusuri melalui file edit.php pada bagian memanggil method update data dan membandingkannya dengan method yang telah ada di library.php. Cek it Out!

method update edit.php

library.php mothod update

Perhatikan kedua gambar tersebut. Terlihat sedikit perbedaan pada parameter di gambar 1 dengan parameter pada gambar 2. Hal ini yang menyebabkan data yang telah diedit  tidak dapat masuk dan disimpan di database. Coba ubah parameter updateMhs pada file edit.php agar sesuai dengan parameter updateMhs pada file library.php. Jangan sebaliknya. Pokoknya jangan !

Coba kembali, Edit data nya lalu tekan tombol . Lalu lihat pada Daftar Nama Mahasiswa dan data yang tadi diedit telah muncul di halaman tersebut.

Nah selesai sudah. Untuk menambahkan data lagi, klik tombol. Selamat mencoba dan tetap berusaha yaaah.

Cara Mengganti Template Blog

Bagi Anda para Blogger yang kurang puas dengan tampilan blog Anda, entah itu kurang enak dilihat atau kurang menarik pasti ingin mengganti template blog Anda sekarang. Kali ini saya menulis bagaimana cara mengganti template blog di blogger.

Pertama-tama anda harus sudah mendownload template blog yang Anda inginkan. Banyak sekali template blog yang gratis di internet. Anda tinggal cari dan pilih template blog yang andda inginkan lalu ikuti langkah-langkah di bawah ini.

1. Login ke akun blog Anda.
2. Pilih menu Template pada menu blog Anda.
3. Pilih tombol Cadangkan/Pulihkan di sebelah kanan atas.

4. Akan muncul jendela pop up. Untuk membackup template anda yang sedang digunakan, klik tombol UNDUH TEMPLATE LENGKAP untuk jaga-jaga jika ada kesalahan.
5. Untuk mengganti template, klik tombol Telusuri dan cari file .xml yang sudah Anda download.

6. Setelah itu klik tombol Unggah untuk mengunggah dan memasang template baru di blog Anda.

7. Tunggu beberapa saat dan template blog Anda sudah terpasang. Selamat !

CARA MEMBUAT LABEL DI BLOG

8. Jika template baru Anda tidak dapat terpasang / terjadi kesalahan ulangi langkah-langkah nomer 2,3,5,6 dan 7. Jika masih terjadi kesalahan sebaiknya pasang kembali template lama blog anda yang telah anda backup tadi (langkah no 4) dan ulangi langkah-langkahnya.

Mungkin cukup sekian Cara Mengganti Template Blog kali ini. Jika ada pertanyaan tulis di kolom komentar saja. Semoga dapat membantu. Terima kasih.

Cara Membuat Label di Blog

Label merupakan komponen penting pada blog, karena dapat digunakan sebagai link/URL sebuah menu. Kali ini saya akan menjelaskan cara bagaimana membuat label di blog. Silahkan ikuti petunjuk di bawah.

Untuk membuat Label, pertama kali yaitu Anda harus Punya Sebuah Blog ! karena postingan ini menjelaskan cara membuat Label di Blog ! Sekarang Anda login ke Blog anda. Di sini saya menggunakan blogger. Setelah login, klik menu POS. Ceklist entri atau postingan yang akan di beri label, klik tombol yang bergambar pensil lalu pilih Label Baru

Akan muncul kotak penamaan Label, Isikan nama label sesuai kebutuhan. sebagai contoh saya menggunakan nama testing, Klik Oke.

 

Sekarang Label baru yang Anda Buat sudah jadi. Alamat URL dari label yang telah dibuat dapat dijadikan link/URL untuk menu blog Anda, ketika menu tersebut di klik, maka postingan dengan label tersebut akan muncul. Selamat Mencoba :D.