Posts

Mengatur Route di Laravel

Image
Route atau rute adalah jalur yang bisa diakses dihalaman web kita. kita sudah pernah belajar route di CI kira-kira fungsinya hampir sama. namun ketergantungan kita terhadap route di laravel lebih sering. Contoh nya kita punya tiga rute di aplikasi kita. http://localhost:8000/ http://localhost:8000/siswa http://localhost:8000/guru mari kita lihat filenya di routes/web.php ini adalah route untuk halaman utama kita "\". http:\\localhost:8000\ route di atas me return view bernama welcome. sekarang kita coba membuat route baru. Route::get('/siswa', function () {     return ('Ini adalah halaman data siswa'); }); Route yang kita buat ini me return string "ini adalah halaman data siswa". bagaimana route ini dipanggil yaitu dengan http:// localhost:8000/siswa. Selanjutnya kita gunakan route untuk me return controller. cara ini yang paling banyak gunakan nantinya. coba hapus dulu route yang kita buat tadi dan gantikan dengan route ini. Route::get('/siswa...

Cara Membuat Tabel dengan Fitur Migration di Laravel

Image
Pada tutorial sebelumnya kita sudah belajar mengenai konfigurasi laravel dengan DBMS mysql. umumnya setelah kita buat database, kita langsung membuat tabel dari phpmyadmin. tapi bagaimana cara nya membuat database lebih praktis. kita bisa menggunakan fitur migration di laravel. fitur ini akan membantu membuatkan tabel melalui file yang disimpan dalam folder database/migration. Migration ini memudahkan pengerjaan projek secara tim. kita tidak perlu mengimport sql yang berarti beralih dari editor kita ke phpmyadmin. kita cukup bekerja dengan editor dan command line. langsung saja kita bekerja dengan migration. buka command line dan masuk ke dalam folder kita. php artisan make:migration create_tbl_siswa Selanjutnya kita lihat hasilnya. Selanjutnya mari kita lihat isi file tersebut. Ada dua fungsi pada class CreateTabelSiswa diatas. yaitu fungsi up untuk membuat table dan fungsi down untuk menghapus.  Ada dua baris kode pembuatan field yang otomatis disarankan yang akan membuatkan fiel...

Cara Konfigurasi Database di Laravel

Image
Setelah kita berhasil menginstall laravel dan menjalankannya. selanjutnya kita melakukan konfugurasi database yang kita gunakan nantinya. kita tau hampir semua aplikasi tidak luput dari database. pada contoh kali ini kita menggunakan DBMS mysql. langsung saja buka file .env yang berada di folder root. Kita dapat melakukan setting database dari folder config. namun laravel akan memilih file .env sebagai setingan prioritas. di file .env semua yang kita butuhkan untuk di setting sudah ada di file ini. sesuaikan settingan database di komputer anda. Selanjutnya kita kan buat databasenya dari phpmyadmin dengan nama database sama dengan nama folder laravel kita. Setelah database dibuat kita dapat membuat tabel dari phpmyadmin ini atau melalui fitur migration yang akan dijelaskan pada tutorial selanjutnya. menggunakan migration sangat baik jika kita mengerjakan projek secara tim. untuk masukan dan tanggapan silahkan sampaikan di komentar. terimakasih.

Cara Menginstall Laravel

Image
Laravel adalah framework php yang sangat populer saat ini. Banyak pengembang yang memilih laravel sebagai framework nya. saat saya ditawarkan projek web, sering pemilik projek meminta laravel sebagai frameworknya. tentunya menjadi pertanyaan bagi saya yang terus belajar pembuatan aplikasi berbasis web. mengapa laravel begitu di idolakan banyak pengembang? ternyata banyak fitur yang ditawarkan dilaravel. mulai dari keamanan, pengolahan database, laporan, export dan import data sudah dibantu laravel untuk memudahkan pengerjaan. Sekali anda menggunakan framework anda tidak akan ingin kembali ke php native. kenapa? karena kita akan dimanjakan dengan fiturnya dan sangat lama jika dibangung sendiri. lantas jika kita ingin menggunakan php native dan kehilangan fitur misalkan untuk keamanan kita rela?, tentu tidak. itu sebabnya ketika sudah menggunakan framework sulit untuk kembali ke native. tetapi menurut saya anda harus belajar dulu php native dan oop pada php sebelum menggunakan framework....

Cara Menginstall Composer

Image
  Pada tutorial-tutorial sebelumnya kita sudah membahas php native sampai pada framework codeigniter. ada satu framework yang sangat populer saat ini yaitu laravel. laravel dikenal dengan banyaknya fitur yang ditawarkan untuk memanjakan pengembang web. nah untuk menginstall laravel kita butuh composer. yaitu sebuah aplikasi yang harus kita install terlebih dulu. untuk mengetahui secara lengkap kegunaan komposer anda dapat melihat dokumentasinya. langsung saja download di web resminya. jika anda menggunakan sistem operasi windows langsung saja download dan install. biasanya installer akan mendownload lagi. tunggu sampai install selesai.  buka command line dan ketik composer. jika tampil seperti diatas berarti installer berhasil dengan baik diinstall. tutorial selanjutnya kita akan membahas cara menginstall laravel. terima kasih 

Surat Masuk dan Surat Keluar

Image
Salam semangat, kali ini kami akan membahas tentang projek aplikasi surat masuk dan surat keluar. Aplikasi yang kami kembangakan ini menggunakan framework CodeIgniter 3. Langsung saja kita lihat databasenya. Tabel User Tabel Unit Kedua tabel di atas berelasi pada field id_user pada tbl_unit sebagai kunci tamu. Tabel Surat Masuk Tabel Surat Keluar Tabel Disposisi Pada tabel disposisi ini semua tabel beresasi. Berelasi dengan tabel surat masuk atau tabel surat keluar. Pada aplikasi ini ada tiga level pengguna. Manager Administrator Unit Manager memiliki hak akses full pada aplikasi. Administrator hanya dapat mengelola unit dan user baru serta mengupload surat. Unit hanya dapat menilahat surat masuk dan surat keluar, membaca disposisi, mengubah profil dan mengganti password . Halaman Login Halaman Home Manager Menu yang tersedia untuk level manager Home Surat Masuk Tambah Edit Hapus Disposisi Tambah Edit Hapus Surat Keluar Tambah Edit Hapus Disposisi Tambah Edit Hapus Master Data Unit Tam...

Cara Membuat Efek Berubah Dengan CSS3 (Transition)

Tidak bosan-bosannya kita belajar css semoga kita bisa menjadi desainer web yang handal. Mau bagaimana pun cara belajar anda, belajarlah terus dan jangan pernah lelah. Semoga rasa lelah kita berbuah hasil.  Transisi diartikan sebagai peralihan atau perubahan dari keadaan. Seiring dengan bertambahnya kemampuan css sekarang ini semakin banyak yang bisa kita buat, salah satunya transisi yang membuat tampilan lebih hidup. Kenapa hidup ? karena tampilan bisa merespon user dengan perubahan seperti bentuknya dan lain-lain. Sederhananya transisi itu adalah cara membuat efek perubahan menggunakan css, dengan efek tersebut tampilan tampak hidup. #file html <!DOCTYPE html> <html> <head> <title>Transisi</title> <link rel="stylesheet" type="text/css" href="transisi.css"> </head> <body> <div class="box1...

Cara Membuat Efek Bayangan BOX menggunakan CSS3

Image
Tutuorial kali ini berbicara tentang box shadow salah satu properti yang ada di css3. Banyak skill yang harus dipelajari untuk membuat tampilan yang baik, salah satunya box-shadow. Masih seputar box, materi kali ini membahas cara membuat efek bayang pada box. Tujuannya untuk membuat box tersebut tampak nyata. Kita tau sebuah desain tanpa efek, adalah gambar dua dimensi yang kurang enak dilihat. Efek bayangan membuat benda tampak seperti nyata atau terlihat seperti tiga dimensi karena objek tiga dimensi biasanya memiliki bayangan. #file html <!DOCTYPE html> <html> <head> <title>Box Shadow</title> <link rel="stylesheet" type="text/css" href="box-shadow.css"> </head> ...

Cara Membuat Sudut Melengkung (border-radius) CSS3

Image
Pada tutorial css sebelumnya saya tidak pernah menyinggung versi css, css2 dan css3. Karena sebenarnya sama seperti  sofware lainnya, kenaikan versi intinya ada penambahan dan pembaharuan. Contohnya seperti PHP sekarang sudah versi 7 keatas, kalau kita bahas setiap versinya bisa menambah waktu untuk belajar. Bagian terpenting dari kenaikan versi yang harus kita tahu adalah ada tidaknya perubahan syntax atau penghapusan. Kalau tidak ada maka tidak ada masalah. Kabar baiknya kenaikan versi indentik dengan penambahan fitur dan sedikit sekali perubahan dan kalau berubah bisanya masih bisa berjalan dengan versi yang disesuaikan. Baik langsung saja kita bahas cara membuat sudut melengkung dengan css3. Sudut melengkung bisa dibuat dengan properti border-radius di css. Border radius ini termasuk properti baru yang dikenalkan di css versi 3. Jika anda hobi desain misalnya di photoshop, corel draw dan lain-lain, pasti kata radius tidak asing lagi. Misalnya kita mendesain sebuah t...

Static Relative Absolute Fixed Position CSS

Image
Sekarang kita mulai mempelajari mengenai posisi dan cara mengaturnya menggunakan css. Secara default posisi elemen atau tampilan adalah static yaitu mengikuti alur html. Umumnya alur html ada dua arah yaitu ke kanan dan lalu ke bawah. Properti position ini dapat mengubah alur tampilan yang diatur html menjadi seperti yang kita butuhkan. Materi position ini masih berkaitan dengan materi tentang box atau kotak yaitu bagaimanan kita dapat mengatur posisinya baik mengikuti alur atau seperti yang kita butuhkan. Pada materi ini kita membahas empat posisi yang ada pada css di properti position. Static Static ini adalah tampilan default saat kita tidak mengatur posisinya. width dan height masih menjadi properi yang sangat penting disini. Relative Pada posisi relatif kita dapat menentukan (top atau bottom) atau (left atau right). width dan height masih menjadi properi yang sangat penting disini. Pada posisi relative box sudah bis...