Thursday, October 13, 2016

Membuat Button

Hal yang sering ada pada sebuah aplikasi web adalah penggunaan button, pada bootstrap button bisa dibuat dengan tiga buah tag yaitu , dan

jika kamu membutuhkan button yang tidak mengirimkan nilai melalui metode post/get kamu bisa menggunakan tags

yang terakhir kamu bisa menggunakan tags input jika button yang akan dibuat akan mensubmit data berupa post/get.

berikut contoh penggunaannya :

Link




hasilnya :



untuk menampilkan warna pada button kamu tinggal mengganti classnya saja



tinggal diganti saja dengan class berikut :
warna biru --> btn-primary
warna hijau --> btn-success
warna biru muda --> btn-info
warna kuning --> btn-warning
warna merah --> btn-danger


Menggunakan Bootstrap

Setelah sebelumnya kamu membaca mengenai apa itu bootstrap , sekarang saatnya berlanjut bagaimana caranya menggunakan bootstrap. langkah pertama adalah silahkan kunjugi website resmi bootstrap di http://getbootstrap.com kemudian donwload bootstrap.

setelah download selesai silahkan kamu extract di folder project kamu , misalnya di d:\xampp\htdocs\latihan1 . maka nanti akan muncul 3 buah folder css, fonts dan js.

folder css berisi tentang file file style yang digunakan oleh bootstrap, file fonts berisi font yang dibutuhkan oleh css dan file js berisi file -file javascript.

setelah berhasil kamu extract di folder proyek kamu sekarang buatlah sebuah file dengan nama index.html kemudian ketikan kode standar berikut ini :


 lang="en">
  
     charset="utf-8">
     http-equiv="X-UA-Compatible" content="IE=edge">
     name="viewport" content="width=device-width, initial-scale=1">
    </span>Bootstrap 101 Template<span class="nt">

    
     href="css/bootstrap.min.css" rel="stylesheet">   
      
  

Hello, world!
lihat bagian yang saya beri tanda tebal adalah cara menggunakan style dan javascript dari bootstrap.




  

Mengenal PHP

Dalam dunia pemograman website ada banyak sekali bahasa pemograman yang bisa digunakan. salah satu bahasa pemograman yng sangat terkenal dan banyak selaki digunakan oleh para pembuat website adalah PHP (akronimnya hypertext preprocessor). dengannya website menjadi lebih dinamis ( karena content website tersebut dapat berbasis database ).

salah satu keunggulan PHP dibanding bahasa pemograman lainnya adalah PHP dapta diperoleh secara gratis, meskipun bukan berarti karena gratis kemampuannya menjadi pas-pasan. PHP sangat powerfull. terbukti dengna banyaknya website yang dibangun menggunakan PHP. PHP juga terkenal lebih aman daripada bahasa pemograman website yang lain. PHP juga sudah mendukung OOP (object oriented programming) sehingga maintenance kode menjadi jauh lebih mudah dibandingkan procedural.

PHP adalah bahasa scripting yang menyatu dengan HTML ( kode dasar website) dan dijalankan pada server side. artinya semua sintaks PHP yang diberikan akan sepernuh.

Kalau sudah tahu apa itu php nah sudah semangat kan mau belajar php

Mengenal Bootstrap

Apa itu bootstrap ? bootstrap merupakan framework CSS yang saat ini sedang populer, bagaimana tidak sejak kehadirannya bootstrap ini seolah menjadi dewa penyelamat bagi para developer terutama yang berhubungan dengan font end aplikasi. dahulu membuat tampilan website yang menarik kita harus menuliskan kode kode css.

Bootstrap sendiri sampai dengan saat ini sudah merelease sampai dengan versi 4. bootstrap sudah menyediakan tag tag yang sudah siap pakai misalnya saja tabel, judul, alert , button, image dan lainnya yang jelas tampilan aplikasi kita akan lebih indah jadinya.
untuk menggunakan bootstrap cukup mudah kamu bisa mendowload langsung file minifiednya yang terdiri dari folder css,font dan js lalu kamu sertakan dalam script html kamu dan perintah perintah bootstrap bisa langsung digunakan. tertarik menggunakan bootstrap ?

Keuntungan Framework Code Igniter

Sebelum membaca artikel ini ada baiknya anda membaca artikel sebelumnya agar anda paham mengenai apa tiu framework . Dari beberapa framework PHP yang ada yang paling mudah untuk dipelajari oleh seorang pemula adalah framework code igniter. kenapa mudah? karena helpnya cukup tersedia diwebsitenya. bahkan saat ini kita mendownload framework ini dari internet sudah disertai helpnya yang mudah dimengerti, mulai dari langkah instalasi sampai fungsi fungsinya tersedia. adanya help/dokumentasi sangat memudahkan bagi pemula dalam mempelajari lingkungan pengembangan website dengan codeigniter.

keuntungan kedua adalah framework ini gratis sehingga tidak ada biaya dalam penggunaannya.

ketiga komunitasnya dukup banyak diindonesia , dimana kita dapat bertanya apa yang kurang dimengerti dan memperoleh jawabannya dengan cepat.

keuntungan lainnya adalah framework ini berjalan dengan cepat dan ringan karena secara default, code igniter hanya berjalan dengan meload beberapa pustaka saja. dengan demikian, hanya membutuhkan resource yang sedikit sehingga ringan dan cepat djalankan . pustaka pustaka lain yang nantinya akan digunakan bisa diload sesuai kebutuhan.

terakhir code igniter dilengkapi dengan berbagai pustaka siap pakai untuk berbagai kebutuhan. misalnya saja koneksi database, email, session dan cookies, keamanan, manipulasi gambar dan banyak lagi sehingga mempermudah pekerjaan kita. dan jika tidak tersedia, kita dapat saja menambah pustaka yang ada dengan menciptakan pustaka sendiri yang diinclude kan ke dalam framework tersebut. kadangpula beberapa pustaka bisa kita dapatkan diforum maupun wikinya.

Apakah Framework ?

Dalam keseharian kita sebagai seorang developer mungkin kita sering mendengar istilah framework. namun kalau ditanya apa itu framework mungkin jawaban teman teman berbeda-beda dan jangan jangan ada yang garuk2 kepala karena emang gak bisa jelasin framework itu apa heee.

Apakah framework itu ? framework adalah kumpulan perintah atau fungsi dasar yang membentuk aturan-aturan tertentu dan saling berinteraksi satu sama lain sehingga dalam pembuatan aplikasi website, kita harus mengikuti aturan dari framework tersebut. dengan framework ( dalam hal ini framework PHP ) , kita tidak perlu memikirkan kode perintah/fungsi dasar dari aplikasi website kita. seperti bagaimana mengambil data dari database untuk ditampilkan. kita hanya memikirkan apa kode sql nya dan ditampilkan ke mana .hal hal penunjang lainnya seperti koneksi database, validasi form, GUI dan keamanan telah disediakan oleh framework sehingga jumlah baris kode yang kita buat jauh lebih sedikit dibandingkan jika semua kode dari kita. jadi keuntungan yang dapat diperoleh dari penggunaan framework adalah :
  • waktu pembuatan aplikasi website kita jauh leibh singkat
  • kode aplikasi website menjadi lebih mudah dibaca, karena sedikit dan sifatnya pokok. detailnya adalah kode dari framework dan ini mungkin tidak perlu dipilirkan
  • website kita menjadi lebih mudah di maintenance
  • tidak perlu lagi membuat kode penunjang aplikasi website seperti koneksi database, validasi form , GUI dan keamanan
  • fokus ke pada proses business aplikasi websitenya
  • jika dikerjakan team work , maka akan lebih terarah karena system framework, mengharuskan adanya keteraturan peletakan kode. seprti bagian pengambilan database terpisah dengan bagian pengaturan tampilan untuk pengunjung.
jadi intinya banyak keuntungan yang dapat diperoleh , terutama bagi developer web yang selalu dihantui waktu deadline proyek websitenya. tidak selesai waktunya sesuai target, klien akan kecewa dan mungkin akan lari ke developer lain. jika anda bresikeras membuat website dari nol kode, maka akan butuh banyak waktu dan pasti akan ketinggalan dengan teman anda yang menggunakan framework.

Berkenalan dengan Yii Framework

Yii merupakan salah satu dari sederetan PHP Framework yang bersifat open source . berdasarkan situs resminya, Yii adalah framework berbasi komponen, berkinerja tinggi untuk pengembangan aplikasi web berskala besar. Yii juga menyediakn reusability maksimum dalam pemograman web dan mampu meningkatkan kecepatan pengembangan seraca significan. nama Yii ( dieja sebagai i) singkatan dari Yes it is!!. berikut merupakan respon yang paling tepat dan akurat untuk yang baru dengan Yii. kemudian muncul pertanyaan berikut :
  •  apakah Yii cepat ?
  • apakah Yii aman ?
  • apakah Yii profesional ?
  • apakah Yii cocok untuk projek saya berikutnya ?
  • jawabannya adalah Yes It Is!! :D
ada beberapa keunggulan yang ditawarkan oleh Yii framework diantaranya :
  • Yii adalah PHP framework yang bersifat open source, sehingga menggunakannya tidak perlu membayar.
  • Yii sudah menggunakan konsep MVC yang merupakan konsep modern saat ini dalam pengembangan apliasi yang memisahkan tampilan, logic program dan mode.
  • Yii mendukung ajax, yang membuat website bekerja lebih cepat dengan tanpa merefresh halaman dari awal, terutama sangat dibutuhkan untuk back end atau halaman admin.
  • Yii memiliki fungsi otomatis ( built in ) yang sudah siap pakai yang sangat dibutuhkan dalam pembuatan website, seperti validasi data input, ajax validasi, paging , CRUD dan lain llain
  • Yii terhubung otomatis dengan JQuery sehingga jika kita bekerja dengan widgets yang ada pada yii maka kita dapat langsung menggunakan fitur jquery seperti datepicker, cgridview dan lain lain.
kira kira seperti itulah gambaran Yii , tertarik untuk pindah framework ?? Yes It Is

Membuat button berbagai ukuran dengan bootstrap

Sebelum membaca artikel ini ada baiknya anda membaca artikel sebelumnya yaitu membuat button dengan bootstrap. pada artikel ini kita akan membuat button dengan berbagai ukuran dengan menggunakan bootstrap .

ada 3 buah ukuran button dalam bootstrap yaitu extra large, larger dan small. hal ini bisa kita lihat pada class nya yaitu btn-large, btn-sm dan btn xs.

cara penggunaannya sama seperti kita membuat button seperti artikel kita sebelumnya hanya saja dalam classnya ditambahkan class ukuran button , agar tidak bingung kita langsung saja kepada contohnya :

membuat button berbagai ukuran dengan menggunakan perintah :

 
 


 
 


 
 


 
 

 

Hasilnya adalah sebagai berikut :



 
 

Wednesday, October 12, 2016

Cara pemasangan laravel Scout

Sebelum melanjutkan membaca artikel ini ada baiknya anda yang belum mengetahui apa itu laravel scout bisa membaca artikel sebelumnya mengenai keterangan laravel scout.

Pada artikel ini saya akan menjelaskan bagaimana caranya menggunakan scout atau lebih tepatnya cara pemasangannya pada laravel.

  Pertama silahkan buka file composer.json pada editor kamu . tambahkan depedency untuk scout ini seperti ini :

"require": {
        "php"              : ">=5.6.4",
        "laravel/framework": "5.3.*",
        "laravel/scout": "1.1.*",
  ...
 
jalankan composer update  pada terminal atau command prompt pada project laravel kamu ( note : harus ada koneksi internet ). setelah proses instalasi selesai , jalankan perintah

php artisan vendor:publish 

perintah diatas digunakan untuk menghasilkan file konfigurasi untuk scout . selanjutnya buka file config/app.php lalu tambahkan Laravel\Scout\ScoutServiceProvider::class pada bagian provider.

sampai disini proses installasi sudah selesai. ...




Apa itu laravel Scout ?

Setelah kamu membaca artikel tentang new home page yang ada pada laravel 5.3, sekarang kita akan lanjutkan penjelasan hal yang baru pada laravel versi 5.3. kalau kamu liat didaftar isi pembahasan kita akan mengarah pada laravel scout .

Apa sih laravel scout itu ? jadi laravel scout adalah salah satu fitur pencarian full-text via package scout. implementasi package ini sangat mudah karena sudah terintegrasi dengan eloquent ORM . laravel scout sendiri sudah mendukung search engine Algolia dan Elasticsearch. tapi tidak menutup kemungkinan kedepannya akan ditambahkan lagi search engine yang lainnya untuk memenuhi kebutuhan penggunanya..klo saya sih nungguin support ke search engine google juga heee.

Untuk lebih paham mengenai scout dan penggunaanya ada baiknya kamu baca juga artikel terkait berikut ini :
  • Cara pemasangan Scout
  • Cara menggunakan scout pada model
  • Cara Melakukan Pencarian pada Scout 
  • Cara mengintegrasikannya dengan search engine ElasticSearch
  • Cara testing laravel scout


Referensi  :
- hxxps://mattstauffer.co/blog/introducing-laravel-scout