RWD(Responsive Web Design)

Responsive Web Design

(RWD)

assalamualaykum :),.

apa kabar sobat semua, mudah-mudahan selalu dalam keadaan Sehat :D Aamiin ya Robbal Alamin :D.

kali ini kita akan membahas sedikit tentang responsive web desain,.. wow apa itu responsive web desain, yuk baca sedikit tulisan dibawah sini :D. 

apa sih responsive desain ?

yaitu Cara praktis membuat konten web anda agar tampil optimal dan sama baiknya ketika diakses oleh bermacam-macam devices.

Ethan marcotte adalah orang yang memperkenalkan responsive web desain. Dimana responsive ini bisa digunakan diberbagai macam devices misalkan smartphone, TV dll.

Contoh site yang responsive adalah http://www.nurulfikri.ac.id (seperti gambar diatas) atau www.worldwildlife.org.

Responsive web ini juga bukan hanya terhadap ukuran saja, tetapi juga terhadap orientasi dari devices yang kita gunakan, misalkan pada perangkat android memiliki landscape dan portrait.

Teknik pengembangan RWD menggunakan HTML5 dengan aturannya ada:

CSS3 Media Queries :

memungkinkan halaman web menggunakan aturan CSS yang berbeda sesuai karakteristik devices.

Fluid Grid Layouts :

CSS disesuaikan dengan desain partisi ukuran.

Fluid Images (flexible images):

dimana gambar akan menyesuaikan ukuran devices yang digunakan. Dimana bayangannya image itu responsive dengan device yang digunakan.

Proses untuk membuat RWD utamakan lah buat untuk ukuran mobile terlebih dahulu, dan jangan juga menggunakan hardScript misal dipatok untuk ukuran dari image atau lebarnya dengan sekian piksel.

yupps itu saja perkenalan tentang RWD atau responsive web design,. semoga bermanfaat dan bermakna :D. terima kasih

membuat project laravel dengan laragon

Bagi pemula yang ingin belajar framework Laravel, cara termudah untuk menyiapkan environment aplikasi laravel adalah dengan menggunakan tools pengembangan Laragon. Laragon berisi environment siap pakai untuk develop aplikasi web menggunakan framework Laravel terbaru, diantaranya laragon telah dilengkapi dengan : apache web server, mysql database, dan composer. Lebih detail cara membuat project web pertama anda dengan laravel 5.x bisa ikuti tutorial ini:

Laragon saat ini hanya tersedia untuk sistem operasi windows, yang bisa didownload di sinihttp://sourceforge.net/projects/laragon

Berikut langkah-langkahnya:

1. Jalankan laragon pada komputer anda
2. Pastikan anda sudah terhubung ke internet karena source program laravel akan didownload langsung, untuk membuat project cukup jalankan Create Project, seperti gambar dibawah ini:
   
3. Setelah window project muncul beri nama project laravel yang akan dibuat, misal : laraweb
4. Setelah proses download selesai, buka shell program dengan menekan button shell pada control panel laragon anda
5. Generate Key Artisan dengan menjalankan perintah berikut pada window shell

   1 2	cd www\laraweb php artisan key:generate

6. Berikutnya jalankan aplikasi pada web server dengan perintah berikut ini

   1	php artisan serve

   Berikut detail isi perintah diatas dalam windown shell laragon:
   
7. Berikutnya web aplikasi laragon pertama anda bisa diakses dengan browser di URL : http://localhost/laraweb/
   

disadur dari : http://dev.xbata.com/framework/install-weblaravel-laragon

Tips Triks Instalasi Yii2

Ada beberapa cara untuk instalasi Yii2 Framework, mulai dari fitur basic hingga advanced template aplikasi. Selain beberapa cara instalasi yang dikeluarkan oleh situs resmi Yii2 Framework, beberapa developer Yii 2 memberikan tutorial cara instalasi Yii 2 yang dikemas sesuai kebutuhan. Berikut ini beberapa tips dan triks instalasi Yii 2 

Sebelum melakukan instalasi pastikan anda sudah install composer, program composer digunakan untuk kemudahan instalasi dependensi pustaka program (library). Berikut contoh membuat project webku, dan perintah-perintah berikut dijalankan didalam dokumen root web server anda.

1. Instalasi melalui composer , pilih salah satu sesuai kebutuhan project anda !! , pastikan plugin composer pendukung Yii2 telah diinstall dengan perintah berikut ini:

   composer global require "fxp/composer-asset-plugin:1.0.0"
   

   • Instalasi Yii :: Basic Template

     composer create-project --prefer-dist yiisoft/yii2-app-basic webku
     

   • Instalasi Yii :: Advanced Template

     composer create-project --prefer-dist yiisoft/yii2-app-advanced webku
     

   • Nenad Basic Template :: freetuts.org

     composer create-project nenad/yii2-basic-template webku
     

   • Nenad Advanced Template :: freetuts.org

     composer create-project nenad/yii2-advanced-template webku
     

   • Instalasi Yii :: Practical Template Complex Application : by demos.krajee.com

     composer create-project --prefer-dist --stability=dev kartik-v/yii2-app-practical webku
     

   • Instalasi Yii :: Practical Template Multi Tier Application : by demos.krajee.com

     composer create-project --prefer-dist --stability=dev kartik-v/yii2-app-practical-a webku
     

   • Instalasi Yii :: Practical Template Small Project: by demos.krajee.com

     composer create-project --prefer-dist --stability=dev kartik-v/yii2-app-practical-b webku
     

2. Inisialisasi aplikasi

   php webku/init
   

3. Seting koneksi database dengan mengedit konfigurasi dsn pada file webku/common/config/main-local.php. Kemudian jalankan perintah migrate

   shell> cd webku
   shell> yii migrate
   

   Khusus untuk yang nenad basic/advanced template, tambahkan perintah berikut

   shell> yii rbac/init
   

4. Akses aplikasi di browser anda : http://localhost/webku/

Happy Coding !!!

disadur dari : http://dev.xbata.com/framework/php-yii/yii2-tips-triks-instalasi