WELCOME ~ SELAMAT DATANG DI MYBLOG INDRA DARI SMK WIKRAMA 1 JEPARA

Selasa, 31 Oktober 2017

Edit data di laravel

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting Edit data di laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.

B.Tahap pelaksanaan:
tahap selanjutnya adalah mengubah data yang ada di database menggunakan laravel
caranya hampir sama dengan menghapus data tapi disini kita menggunakan dua
method ikuti dan simak caranya ,
pertama buka file routes.php dan tambah route seperti gambar dibawah ini :



ini berfungsi untuk mengambil formedit dan menampilkan data berdasarkan id , dan

jangan lupa memodifikasi a href juga di read.blade.php seperti berikut :
<a href="formedit/{{ $data->id}}">Edit</a>
apabila sudah selesai sekarang buka file Crudcontroller.php dan tambah kan function
seperti gambar berikut :


first di atas itu untuk mengambil nilai pertama berdasarkan id yang kita panggil
apabila sudah menyimpan function tersebut , sekarang buat file yang bernama
form_edit.blade.php di privasi>resources>views>form_edit.blade.php apabila
file sudah di buat sekarang tambah kan code seperti gambar dibawah ini ke dalam file
form_edit.blade.php


sedikit saya jelaskan code gmabar diatas form hidden itu artinya sama dengan input type
hidden , $siswa itu mengambil dari function editdata with siswa , sedang $siswa->id , id
ini mengambil field yang ada di database cukup paham bukan ?
apabila sudah menambah code seperti gambar di atas selanjutnya menambah action route
untuk memproses mengubah data , buka kembali file routes.php dan masukan code seperti
gambar di bawah ini :


apabila sudah menambah route::post sekarang buka juga Crudcontroller untuk
menambah function proseseditdata , dan tambahkan function seperti gambar berikut :


apabila function sudah di tambahkan waktunya mencoba untuk mengedit data buka
localhost/laravel/read dan coba klik a href edit yang sudah tertera disana dan ubah data
data tersebut dan hasilnya akan seperti berikut



C.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar edit data di laravel.

D.Maksud dan tujuan:
Bisa mengerti memahami cara meng edit data di laravel.

E.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  


Senin, 30 Oktober 2017

Delete/menghapus data di laravel

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting cara menghapus data di laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.

B.Tahap pelaksanaan:
tahap selanjutnya menghapus data dari database menggunakan laravel , bagaimana
caranya ? untuk memulai silahkan buka file routes.php di file laravel anda lalu
tambahkan code seperti gambar berikut :



ini bertujuan untuk menghapus data selanjutkan buka juga file Crudcontroller dan

tambahkan function berikut di file Crudcontroller.



dan jangan lupa untuk memodifikasi a href yang ada di read tambahkan code berikut :
<a href="hapus/{{ $data->id}}">Hapus</a>
cukup di mengerti dan mudah bukan untuk membuat action hapus di laravel ? dan

hasilnya akan terlihat seperti gambar berikut :




B.Latar belakang:

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar menghapus data di laravel.

C.Maksud dan tujuan:
Bisa mengerti memahami dan bisa menghapus data di laravel.
D.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  




Jumat, 20 Oktober 2017

Read/Menampilkan data di laravel

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting cara menampilkan data di laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.

B.Tahap pelaksanaan:
step selanjutnya adalah menampilkan data yang sudah di input tadi bagaimana
caranya ?
tahap yang pertama ubah code read yang ada di routes , buka routes.php dan ubah

code read seperti gambar di bawah ini :




apabila sudah memodifikasi read tersebut sekarang buka file Crudcontroller lalu
tambah kan function lihatdata seperti gambar berikut bertujuan untuk menampilkan

data data yang ada di database:



sedikit saya perjelas Db::table(‘siswa’)->get(); sama hal nya dengan select * from siswa ,
sedangkan view::make itu menampilkan untuk route get read dan disana ada siswa
yang berarti nilai variable yang akan kita ambil untuk menampilkan data , apabila
sudah menambah function lihatdata coba jalankan localhost/laravel/read dan anda
akan menemukan eror View notfound cara untuk mengatasinya bagaimana ? sama
seperti halnya yang di atas tambahkan use view;
apabila script sudah jalan tinggal kita modifikasi file read.blade.php , buka file tersebut

dan modifikasi code tersebut seperti gambar di bawah ini :





sedikit saya jelaskan juga $siswa tersebut mengambil nilai variable yang ada di
Crudcontroller tadi , nah {{ }} sama dengan <?php echo ?> perbedaannya {{ }} agar
lebih simple dan sedikit cmiwiw :D
apabila sudah silahkan lihat localhost/laravel/read dan hasilnya kurang lebih akan
seperti gambar dibawah ini :


sama bukan ? yeee akhirnya read atau menampilkan data dari database sudah kita
buat sekarang ke step selanjutnya yaitu menghapus data yang sudah kita buat :D
cmiwiw :D

C.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar cara menampilkan data di laravel.

D.Maksud dan tujuan:
Bisa mengerti memahami cara menampilkan data di laravel.

E.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  

Kamis, 19 Oktober 2017

Create/penambahan data di laravel

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting kelanjutan kemarin create/penambahan data di laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.

B.Tahap pelaksanaan:
pertama buka file home.blade.php ini bertujuan
untuk menampilkan form yang akan di input dan dimasukan ke database untuk
datanya ,
isikan home.blade.php seperti gambar dibawah ini :


@extends(‘template/t_index’) : ini bertujuan mendapatkan design dari template
bootstrap
@section(‘content’) : ini bertujuan untuk menampilkan content
@form::open : ini sama dengan form method post
@form:text : sama dengan dengan input type text
@stop : untuk menghentikan code tersebut
sebetulnya memakai form method juga bisa tetapi di laravel kita sudah di sediakan
untuk pembuatan yang lebih simple dan sedikit , itu tergantung lagi kepada anda ,
anda ingin memakai yang mana 
apabila sudah sama seperti gambar diatas selanjutkan kita coba tampilkan dan
hasilnya akan sama seperti gambar dibawah ini :


sudah sama bukan ? apabila form sudah di buat selanjutkan proses pembuatan create
data nya .
pada tahap ini kita akan membuat controller terlebih dahulu berfungsi untuk
menyambungkan antara routes dan controller tersebut
untuk caranya silahkan buka cmd terlebih dahulu lalu masuk ke folder laravel anda
dan masuk ke folder privasi dengan cara
cd C:\wamp\www\laravel\privasi ( tergantung folder anda disimpan )
apabila sudah masukan code ini untuk membuat controller anda di laravel :
php artisan make:controller Crudcontroller
dan hasilnya akan seperti berikut


ini artinya controller sudah di buat silahkan cek ke folder
privasi>app>http>controllers dan file yang bernama Crudcontroller sudah berhasil di
buat , tahap selanjutnya buka file routes.php di privasi>app>http>routes.php
apabila file sudah di buka tambah kan kode seperti gambar berikut :


sebelumnya saya jelaskan terlebih dahulu perbedaan get dan post
post itu untuk memproses data sedangkan get untuk menampilkan data
itu perbedannya sedangkan prosestambah yang ada di gambar itu menunjukan
class/function nya apa , dan crudcontroller@tambahdata itu proses nya akan kemana
cukup mengerti ? apabila tidak mengerti akan saya lanjutkan terlebih dahulu
sekarang coba anda buka file Crudcontroller yang sudah anda buat dan masukan data
seperti gambar berikut :


sedikit saya jelaskan input::get itu mengambil name yang ada di form yang sudah ktia
buat tadi , sedangkan db::table itu akan kemana data itu dimasukan yaitu ke table
siswa , sedangkan with message itu notifikation session yang sudah di sediakan laravel
bahwa apabila kita berhasil menambah data akan muncul message tersebut , lalu
bagaimana memuncukan notifikation diatas ?
kita buka lagi file routes.php lalu tambah kan code seperti gambar berikut :


sedikit saya jelaskan kita harus membuat route::get tersebut yang bertujuan untuk
menampilkan file read.blade.php , sekarang kita buat juga file read.blade.php di
privasi>resources>views>read.blade.php apabila file sudah di buat tambahkan code
berikut di file tersebut :


apabila sudah sesuai dengan code tersebut kita langsung membuat data di home tadi
caranya buka browser anda : localhost/laravel dan coba masukan data apakah data nya
akan masuk ke database atau tidak ,
pada saat anda mencoba memasukan data pasti akan muncul error seperti gambar
gambar dibawah ini : , input not found , db notfound , redirect not found


lalu bagaimana cara mengatasi eror berikut ? untuk mengatasi nya cukup mudah
caranya buka file Crudcontroller lalu masukan code berikut


tambahkan use input; use db; use redirect;
ini bertujuan agar eror yang tadi di alami kembali normal , nah apabila anda
menemukan eror seperti di atas lalukan hal yang sama memakai use,
sekarang coba anda praktekan localhost/laravel dan masukan data sesuai yang
anda input dan hasilnya akan seperti berikut :


yee akhirnya menambah data berhasil :D sekarang langkah selanjutnya kita membuat
Read data / menampilkan data yang sudah kita inputkan

C.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar penambahan data di laravel.

C.Maksud dan tujuan:
Bisa mengerti memahami dan bisa membuat penambahan data di laravel.

D.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  



Rabu, 18 Oktober 2017

Integrasi bootstrap di laravel

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting cara Integrasi bootstrap di laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.

B.Tahap pelaksanaan:
1.Untuk mengintegrasikan bootstrap dilaravel anda harus mendownload terlebih dahulu file
bootstrap , buka link berikut : http://getbootstrap.com , apabila bootstrap sudah
didownload extract file bootstrap tersebut dan ambil folder css,js,dan fonts di bootstrap ,
agar terlihat rapih buat folder assets di laravel anda lalu masukan file bootstrap kedalam

folder assets anda
2.Folder bootstrap sudah dimasukan ke laravel anda selanjut nya buka folder laravel anda

lalu masuk ke folder privasi lalu masuk lagi ke folder resource masuk lagi ke folder views dan buat lah folder template yang bertujuan untuk membuat template bootstrap dan
jangan lupa download terlebih dahulu jquery.min.js dan masukan ke folder js , apabila
anda sudah membuat folder template buat file yang bernama t_index.blade.php file ini
bertujuan untuk menyimpan link rel dan template bootstrap File sudah dibuat selanjutnya menambah code di file tersebut , tulis kode di file t_index.blade.php seperti gambar berikut :




3.Selanjutnya buka file routes.php di privasi>app>http>routes.php ubah
return view(welcome); menjadi return view('home');
ini bertujuan agar file yang di buka pertama itu adalah home.index.blade.php selanjutnya
buat file home.index.blade.php di privasi>resources>views>home.index.blade.php dan
masukin code seperti gambar dibawah ini :



extends : untuk mengambil template bootstrap ,
@section untuk memasukan data home.blade.php ke template bootstrap tersebut

apabila sudah selesai coba buka di browser anda : localhost/laravel





dan akan menemukan eror tersebut , eror tersebut adalah kita belum memasukan
illuminate di laravel , cara untuk memasukannya adalah buka file composer.json di
privasi>composer.json lalu tambahkan "illuminate/html": "5.*"


apabila composer.json sudah seperti gambar di atas lalu buka cmd kita masuk ke folder
laravel kita lalu masuk ke privasi ketik : composer update tunggu beberapa saat composer
telah terupdate , selanjutnya buka file app.php di privasi>config>app.php lalu buka file
tersebut tambah kan Illuminate\Html\HtmlServiceProvider::class,


Dan tambahkan juga


'Form' => Illuminate\Html\FormFacade::class,
'Html' => Illuminate\Html\HtmlFacade::class,
Apabila sudah selesai menambahkan coba buka localhost/laravel dan tara sudah berjalan
dengan baik.
4.Selesai.

C.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar Integrasi bootstrap di laravel.

D.Maksud dan tujuan:
Bisa mengerti memahami cara Integrasi bootstrap di laravel.

E.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  

Selasa, 17 Oktober 2017

Persiapan pembuatan CRUD di laravel

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting persiapan pembuatan CRUD di laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.

B.Tahap pelaksanaan:
1.Persiapkan file.
Apabila anda sudah menginstal laravel rename nama folder laravel anda dengan nama
‘laravel’ dan buka file laravel tersebut dengan memanggil : localhost/laravel/public
2.Pembuatan Database.
Buat sebuah database dengan nama laravel apabila database sudah dibuat selanjutnya
untuk belajar laravel kita buat tabel dengan nama ‘siswa’
Field diantaranya :

id(int)10 autoincrement,nama(varchar)50,alamat(varchar)50,kelas(varchar)50
apabila field sudah dibuat dengan benar tahap selanjut nya buka file laravel dan setting

database di laravel
3.Setting Databasenya di laravel.
Untuk penyitangan database di laravel cukup mudah buka folder laravel anda lalu buka

file yang berekstensi .env setting database
4.Menghapus/public di laravel.
Untuk tahap berikutnya kita akan mencoba menghapus /public dilaravel , karena pada
saat kita instal laravel kita harus membuka file laravel dengan cara
localhost/laravel/public , yang menjadi pertanyaan bagaimana cara public nya
dihilangkan dari url tersebut, cukup mudah untuk menghilangkan public tersebut .
Pertama yang harus anda lakukan buat folder terlebih dahulu dengan nama ‘privasi’
folder privasi ini bertujuan untuk menyimpan data data laravel anda kecuali data public ,
apabila anda sudah membuat folder public langkah berikutnya cut file laravel anda
kecuali folder ‘public’ apabila sudah di cut masukan file tersebut ke folder privasi , apabila
sudah yang tersisa hanya ada 2 folder , folder public dan folder privasi langkah
selanjutnya buka folder public dan cut semua file di folder public lalu paste kan di luar ,

untuk lebih jelasnya silahkan lihat gambar berikut.



Apabila folder laravel anda sudah dibuat percis seperti gambar di atas langkah selanjutnya

adalah mengubah index.php di file tersebut menjadi seperti gambar berikut



Ubahlah konfigurasi index.php anda seperti gambar diatas , apabila sudah buka browser
anda dan coba untuk membuka url : localhost/laravel dan tara url anda sudah berganti

menjadi localhost/laravel tidak lagi menjadi localhost/laravel/public
5.Selesai.


C.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar bagaiman persiapan pembuatan CRUD di laravel.

D.Maksud dan tujuan:
Bisa mengerti memahami bagaiman persiapan pembuatan CRUD di laravel.

E.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Senin, 16 Oktober 2017

Installasi Laravel linux/ubuntu

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting tentang installasi laravel di linux/ubuntu menggunakan XAMPP dari linux dan sudah terinstal di direktori/opt/lampp.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),

dan mungkin seumuran dengan PhalconPHP.





B.Tahap pelaksanaan:
1.Langkah installa pertama.
Saya akan menggunakan PHP dan Curl yang terdapat pada bundelan paket web
server dari XAMPP tadi, nah PHP dan Curl tersebut belum terdeteksi di sistem Linux
Ubuntu saya, namun apabila sahabat sudah punya instalasi web server dengan PHP dan
Curl terdeteksi di sistem silahkan lewati langkah ini menuju langkah 2. Oke, supaya PHP
dan Curl terdeteksi di sistem Linux maka ketikan perintah berikut di terminal:
$ sudo update-alternatives --install "/usr/bin/php" "php" "/opt/lampp/bin/php" 1
$ sudo update-alternatives --install "/usr/bin/curl" "curl" "/opt/lampp/bin/curl" 1
2.langkah install kedua.
Sekarang waktunya instal Composer, ketikan perintah berikut di terminal:
$ curl -ksS https://getcomposer.org/installer | php
$ sudo mv composer.phar /usr/local/bin/composer
3.Langkah install ke tiga.
Sekarang waktunya instal Laravel, terlebih dahulu pindah ke direktori htdocs, pada
terminal dengan ketik cd htdocs (silahkan sesuaikan dengan lokasi htdocs atau lokasi
virtual host sahabat). Ketikan perintah berikut untuk memulai instalasi Laravel versi
terbaru:
composer create-project laravel/laravel nama-proyek --prefer-dist
Silahkan ganti nama-proyek sesuai dengan keinginan sahabat, sekali lagi saya ingatkan
bahwa sahabat perlu terkoneksi ke internet untuk melakukan instalasi. Setelah instalasi

maka Laravel sudah terinstal di htdocs dengan nama folder nama-proyek.
4.Langkah install ke empat.
Langkah terakhir adalah mengubah permisi direktori storage, ketik di terminal perintah
berikut (silahkan disesuaikan dengan direktori sahabat):
chmod 777 -R nama-proyek/app/storage
Catatan: Jika sahabat sudah melakukan langkah 1-4, untuk berikutnya bila mau instalasi
Laravel cukup lakukan langkah 3 dan 4 saja.

Catatan : Laravel 5.1 harus sudah instal PHP Terbaru
5.Selesai


C.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar installasi laravel.

D.Maksud dan tujuan:
Bisa mengerti memahami cara installasi laravel.

E.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  








Sabtu, 14 Oktober 2017

Apa itu laravel

Apa Itu Laravel
 
Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting apa itu laravel.

A.Pengertian:
Laravel adalah sebuah framework yang digunakan untuk web development di PHP.
Umur framework ini, terbilang masih baru (walaupun sudah mulai beranjak ke versi 5),
dan mungkin seumuran dengan PhalconPHP.






B.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar apa itu laravel.

C.Maksud dan tujuan:
Bisa mengerti memahami apa itu laravel.

D.Referensi:
Repository blc telkom ebook rpl belajar laravel untuk pemula.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  

Jumat, 13 Oktober 2017

Apa itu framework CSS

Apa Itu Framework  CSS 

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari Ini saya akan memposting apa itu framework CC.

A.Pengertian:
Apa itu CSS Framework? Berbicara CSS Framework, tak lepas kaitannya dengan tampilan website. Bisa dibilang, CSS Framework ini merupakan sebuah kerangka kerja yang penggunaannya digunakan untuk standirisasi tampilan desain website, meliputi layout dan tema. 
Untuk lebih jelasnya, kita harus tahu dulu pengertian CSS. CSS merupakan singkatan dari Cascading Stylesheet. Berdasarkan Wikipedia, CSS bukanlah sebuah bahasa pemograman tetapi CSS ini serupa aturan yang fungsinya mengatur komponen-komponen web sehingga lebih tersetruktur dan seragam. 

Kalau diibaratkan CSS ini serupa dengan aplikasi pengolah kata yang didalamnya berfungsi untuk mengubah bentuk huruf seperti ukuran huruf, kemiringan huruf, dan sebagainya. Bedanya, CSS ini digunakan bukan untuk pengolah kata melaikan sebagai sarana untuk mengubah atau mengatur tampilan halaman web memakai bahasa HTML dan XHTML. 
Dalam PHP Framework,  pengembang bertugas untuk mempercepat proses  pengembangan dari logic bisnis aplikasi. Sementara CSS Framework, pengembang akan lebih mudah dalam pembuatan layout yang rapih, dan tampilan harus dipastikan sempurna jika nantinya situs diakses di berbagai browser atau berbagai perangkat. 
Sama seperti PHP Framework yang punya beragam penerbit yang bisa didapatkan siapapun, CSS Framework juga punya banyak penerbit. Yang umum dan populer adalah sebagai berikut. 
1. Blueprint CSS
Blueprint CSS termasuk CSS Framework  yang cukup lampau. Meskipun sudah lampau tapi CSS Framework ini masih banyak digunakan oleh para pengembang web. Bahkan, boleh dibilang Blueprint CSS ini yang kemudian menginspirasi pengembang untuk menciptakan CSS Framework lain. Boleh lah CSS Framework ini sebagai perintis. 
Untuk mengetahui CSS Framework ini lebih lanjut, bisa klik http://blueprintcss.org
2. Bootstrap
Bootstrap adalah CSS Framework yang sedang naik daun. Digunakan oleh Twitter dan dibagikan pula oleh situs microblogging tersebut ke umum.  Karena itu, CSS Framework ini punya lisensi Free Public Open Source. Lisensi tersbeut memungkinkan para pengembang untuk menggunakan bootstrap  untuk berbagai keperluan, termasuk keperluan komersil. 
Fitur Bootstrap sudah terbilang lengkap. CSS Framework ini sudah dilengkapi dengan fitur seperti UI, grid system, responsiveness, dropdown menu, dan lain sebagainya. Untuk mengetahui lebih lanjut terkait Bootstrap bisa klik http://getbootstrap.com
3. Less Framework
Less Framework hadir sebagai CSS Framework dengan konsep sederhana dan efisien. Hal ini dapat dilihat dari fitur dan tool yang memungkinkan penulisan CSS menjadi lebih sederhana layaknya menulis kode PHP maupun Javascript.  Penulisan kode untuk Grid System dan Responsiveness juga dibuat lebih simpel berkat Less Framework ini.  Informasi terkait CSS Framework ini terdapat pada situs https://angrycreative.se/less-framework/
4.  Foundation 
Zurb, sebuah perusahaan web desain, cukup berkontribusi besar dalam kehadiran CSS framework ini. Berkat mereka, CSS Foundation hadir dengan fitur yang tidak kalah dengan CSS Framework lain. Hal ini dapat dilihat dari berbagai fitur didalamnya yang sudah memenuhi fitur standar sebuah CSS Framework. Informasi terkait CSS Framework bisa didapat dengan mengklik http://foundation.zurb.com
5. Gumby
Jika menginginkan CSS Framework alternatif Bootstrap, maka Gumby bisa jadi jawabannya. Sebabnya, fitur yang ada di CSS Framework  ini terbilang mirip dengan Bootstrap seperti grid system, responsiveness, dan UI.
CSS Framework ini terbilang cukup menarik. Apalagi CSS Framework ini hadir dengan desain yang lebih khas dibandingkan yang lain. Untuk mengetahui CSS Framework ini lebih lanjut, bisa klik http://gumbyframework.com


B.Latar belakang:
Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik dan hari ini saya belajar apa itu framework CSS.

C.Maksud dan tujuan:
Bisa mengerti dan memahami apa itu framework CSS.

D.Referensi:
http://www.plimbi.com/article/166276/mengenal-css-framework.

Sekian terimakasih semoga bermanfaat selamat mencoba.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.  


luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com tipscantiknya.com