Hello Semua,
Kali ini saya akan sharing seputar Yii Framework, Jangan bosen – bosen ya, soalnya ini berkaitan dengan project yang saya jalani, jadi gini, sebelumnya saya sudah banyak membuat cermi tutorial mengenai Yii Framework, dan sekarang saatnya saya membuat cermi tutorial mengenai Pembuatan Sebuah Site FULL, mulai dariΒ Tema, Design warna, Tulisan, Chart, dan lainyaa…, bakalan ga selesai – selesai ini kalo disebutin semuanya haha, oke langsung saja ya.
Bagian Pertama
Step 1
- Kalian Download terlebih dahulu Framework YII, *Dalam kasus ini saya memilih untuk Basic*
Bagi yang bingung dimana download Yii Framework, kunjugi link ini
Step 2
- Setelah itu Extract file yang telah di download
Pasti ini mah udah tau kan caranya?, gausah dijelasin lagi kali ya haha
Step 3
- Langsung saja edit bagian web.php,Β Letaknya di dalam folder Basic > Config.
- Dan isi querry “CookieValidation” dengan kalimat atau pun kata yang kalian inginkan, *Dalam kasus ini saya memilih kalimat Owarimonogatari*.
Step 4
- Jangan Lupa pindahkan folder Framework Yii tadi “Basic” ke dalam folder xampp > htdocs.
Step 5
- Jalankan xampp, dan ketik Localhost pada address bar browser kalian,Β Dan Inilah Hasilnya
Bagian Kedua
Step 1
- Kalian Tambahkan Variable Environtment pada Windows dengan cara klik kanan My Computer lalu klik Properties,
- Lalu Klik Advanced System Settings
- Lalu Klik Environtment Variables
- Lalu Pada bagian System Variables, kalian cari yang namanya “Path”,
- Klik Edit, dan tambahkan directory dimana kalian install Xammpp
Step 2
- Kalian install Composer terlebih dahulu, dengan cara buka folder Yii Framework tadi “Basic“, lalu klik Shift + F10, dan pilih “Open Command Window Here“
- Setelah itu masukan Script dibawah ini pada cmd (Command Prompt) dan tunggu sampai selesai
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
- Setelah itu masukan Script dibawah ini pada cmd (Command Prompt) dan tunggu sampai selesai
php composer-setup.php
Step 3
- Jika Sudah Terinstall, Selanjutnya kita akan mulai Menginstall AdminLTE nya
- Setelah itu masukan Script dibawah ini pada cmd (Command Prompt) dan tunggu sampai selesai
php composer.phar require dmstr/yii2-adminlte-asset "2.*"
Step 4
- Setelah itu copy dan paste (merge files) folder “vendor/dmstr/yii2-adminlte-asset/example-views/yiisoft/yii2-app“.
- Dan inilah Hasilnya
Bagian Ketiga
Step 1
- Jika kalian ingin mengganti warna AdminLte2, maka kalian harus mengubah file main.php pada folder views > Layouts
- Dan ubah querry ini
- Menjadi seperti ini
- Maka Hasilnya seperti ini
Bagian Ke - Empat
Step 1
- Jika kalian ingin membuat halaman baru pada Tema AdminLte2, Pertamakali yang harus dilakukan adalah Create New File dan berekstensi .php.
- Lalu setelah itu buat menu baru dengan cara edit file left.phpΒ yang berada di folder views > layouts.
- Lalu Geser kebawah sampai menemukan querry menu
- Copy paste querry bagian ini
- Lalu edit bagian label dan url, dalam hal ini label menunjukkan judul menu, sedangkan url menunjukkan letak file baru yang telah dibuat itu tersimpan.
Step 2
- Setelah itu edit bagian SiteController.php pada folder controllers
- Copy paste querry ini
- Lalu edit bagian action dan render, dalam hal ini action menunjukkan sebuah aksi / pekerjaan yang berkaitan dengan file yang baru dibuat, sedangkan render menunjukkan sebuah hasil dari aksi / pekerjaan,
- Seperti ini querry yang sudah di edit
- Dan jangan lupa, semua yang telah di edit harus di save
Bagian Kelima
Step 1
- Kunjugi webΒ Highcharts
Step 2
- Lalu Pilih Demo
Step 3
- Pilih chart, setelah itu klik Edit in JsFiddle, lalu copy javascript nya
Step 4
- Embed Javascript nya
- Jika kita ingin meng β embed javascript pertama β tama kita membutuhkan source code nya, seperti ini
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
- Lalu kita tinggal tambahkan div yang sesuai dengan javascript yang akan kita embed
<div id="container" style="min-width: 110px; height: 200px"></div>
- Setelah itu tambahkan script ini
<script type="text/javascript">
Bagian Ke - Enam
Step 1
- Buat File baru bernama index.php, dan letakkan di dalam folder Yii Framework,
- Copy dan paste querry dibawah ini
<?php
header("Location:*isi dengan directory file kamu*
?>
Bagian Ketujuh
- Berikut ini merupakan hasil dari site yang saya buat berdasarkan tutorial yang tadi sudah saya jelaskan
Visit Me
Alhamdulillah terimakasih Kevin sudah memberikan tutorial yang bermanfaat buat randy, langsung randy coba nih pastiii !!!
Good job kevin . thanks for sharing yah .
bermanfaat banget nih tutorialnya ^^
wihhhhh nice artikel kevin, plus velin agak kaget tiba2 ada lagu nya mana volume lagi full hehehe.
good sharing nya kevin, lengkap banget untuk cermi step by step nya tentang proses YII, untuk lagunya harap diganti ya karena udah terlalu overplayed
Bagus banget cerminya, sangat lengkap dan terinci dengan jelas. Good sharing vin lancar jaya ya projectnya sukses untuk VB PESSTA+nya hehe
hi kevin thanks for sharing,
btw pd saat made download gagal terus ya dengan keterangan terlarang, kevin can solving gak? π
hai made, terimakasih sudah bbc,
mohon dijelasin lebih lanjut dong, dibagian mana keterangan terlarang nya muncul? sepertinya kevin can solve it easily π
hi kevin untuk masalah instal made sudah solve nih ^^
nah skrg dibagian keduanya π
di comand tertulis ‘php is not recognize as an internal or eksternal ,,,,,,’
itu kenapa ya vin? π
Hi Made,
Perihal itu problem nya terletak di “Environment Variable”,
di bagian Ke – 2 dari tutorial diatas merupakan pemecahan masalah yang made temui, tetapi ada sedikit tambahan, yaitu directory folder PHP dalam Xampp,
contoh :
dalam system variable tambahkan
“C:\xampp\php”
jika xampp diinstal di drive C, namun jika xampp diinstal di drive D, maka
“D:\xampp\php”
dan seterusnya. π
Waaah progres yang sangat signifikan nih dari Kevin
Cerminya pun sangat lengkap dan terlihat sangat bermanfaat
Bahkan dibuat juga tutorial videonya, kereenn…. ^^
Plus, yang bikin tambah keren adalah pas diklik cerminya langsung keluar lagunya
First Time lho di postingan cermi Timur ada lagunya yang muter, jadi tambah semangat nih baca cerminya hehe
SC Skripsi Pertama yah untuk kevin
Bisa dilihat disini http://timur.ilearning.me/2017/09/20/sc-skripsi-auror/
Congratz vin π
Klo dibuat tutorialnya, akan lebih bermanfaat lagi vin hehe π
sudah dibuat ka cermi nya,
terimakasih ka atas SC yang telah kaka berikan kepada saya, sehingga dengan ini bisa membantu meningkatkan semangat saya dalam menjalani skripsi ini ka
Terimakasih banyak ka Indri π
iya ka indri,
Terimakasih Ka indri sudah memberikan SC kepada saya,
sehingga saya makin semangat dalam menjalani proses skripsi ini
Terima Kasih banyak Ka Indri π
Congratsss Kevin sc perdananya dr ka indrii
Dan terasa sangat brmanfaat sekaliπ thanks for sharingπͺ
Wew Congrats Vin SC nya, sharingnya Luar biasa sekali Vin, kapan kapan kita Belajar Bareng kali yak hehe π
lehuga nih kevin karena progressnya signifikan mendapatkan sc dari ka ind semangat terus ya kevin ^^
Artikel bagus dan keren, Lanjutkan dan tingkatkan lagi bang kevin. GOOD JOB!
Thanks for sharing vin. Dapet ilmu baru meski gak berkaitan sama project Yustin tapi ini sungguh bermanfaat^^
Congratsss buat SC nya kevin^^
Waahh cerminya lengkap banget dan juga di mudah di pahami karena di jelaskan step by step plus gak bosen bacanya walau panjang karena ada lagunya π Selamattt yaaaaah kevin buat SC nyaa
Terlengkap pokoknya mah..
Cermi yang Bermanfaat dan sangat informatif disusun dengan rapi dan menarik
dan lagu nya bikin adem pas baca ya vin
Thank You for sharing Keviiin ^^