PenyairCoding (Bergerak & Kemudian Terjadi)
Latest Post
Tunggu...

Rabu, 12 Februari 2020

Cara Mengganti Tema Tampilan Pada Android Studio

Ternyata Mudah , Cara Mengganti Tema Tampilan Pada Android Studio.


Halo sobat, apa kabarnya, kami doakan selalu sehat.

Sesuai dengan judul diatas, pada kesempatan kali ini admin akan membahas bagaimana cara merubah tampilan atau tema pada Android Studio. Lalu bagaimana caranya? yuk simak ..

  1. Pada Aplikasi Android Studio Buka/Pilih File Pilih Settings (Ctrl + Alt + S)
  2. Setelah Panel Baru Terbuka, cari menu Appearance dan Behavior, pilih Appearance.
  3. Pilih tema sesuai selera sobat, ubah pengaturan lain sesuai keinginan sobat.
  4. Klik Apply atau OK.
  5. Finish.
Masih bingung?
Berikut cara yang disertai dengan gambar.

Langkah pertama, buka/pilih settings.

Setelah langkah pertama dilakukan maka akan tampil seperti pada gambar dibawah ini.

Untuk merubah tampilan, sobat cukup pilih kolom theme tepat di samping panel Appearance dan Behavior, perhatikan gambar dibawah ini.


Jika telah selesai, Klik Apply atau OK, finish. Lihat gambar dibawah ini.


Sangat mudah bukan, tetap semangat dan terus mencoba yaa.

Salam coding ....

Senin, 03 Februari 2020

Mengganti Theme Pada Yii2 Advanced

Mengganti Theme Pada Yii2 Advanced


Hai Sobat, apa kabar nya, kami doakan selalu sehat.
Sama seperti yang sudah sudah, kali ini admin akan membuat tutorial singkat, bagaimana cara merubah tampilan awal atau yang sering di sebut FRONTEND pada Framework Yii2 Advanced.
Untuk memahami apa itu framework Yii sobat dapat mengakses halaman ini ya Mengenal Framework Yii2. Oke admin rasa sobat sudah tau apa itu framework Yii, tanpa panjang lebar lagi mari kita langsung ke tkp.

Langkah pertama dalam merubah tampilan frontend pada aplikasi Yii2 Advanced adalah dengan menentukan tema apa yang akan menghiasi halaman website kita.
Pada tutorial kali ini admin secara sadar mendowload tema gratis di situs ini https://all-free-download.com/free-website-templates/butterfly_2535_download.html. Apabila sobat yang ingin menggunakan tema yang sama silahkan download atau jika sobat ingin mencoba coba, maka sobat dapat memilih tema sesuai keinginan sobat.

Langkah Selanjutanya masuk ke halaman Frontend aplikasi kita.
Yes, gambar diatas merupakan template bawaan dari framework yii2 Advanced.
Langkah untuk mengganti tema pada gambar diatas adalah sebagai berikut.
Download tema, extract hasil download, buat folder baru pada aplikasi yii2 kita copy dan masukan ke folder layout dalam folder views pada frontend pada aplikasi kita.
Untuk lebih jelas nya lihat urutan gambar dibawah ini:
1. Buat folder baru dengan nama template, perhatikan gambar diatas.

2. Copy hasil download tema ke dalam folder template kemudian extract files tersebut.

3. Buka foder hasil extract, ubah file index.html menjadi main.php.

4. Copy file yang sebelumnya kita ubah dari index.html menjadi main.php ke folder advanced\frontend\views\layouts kemudian replace.

5. Akses halaman frontend aplikasi kita pada web browser dan lihat gambar dibawah ini.

Jika sobat mendapati hal yang sama seperti pada gambar diatas, sobat cukup edit sedikit file main.php pada folder layouts.

<link href="default.css" rel="stylesheet" type="text/css" />
Cari kode diatas pada file main.php, kemudian ubah menjadi kode dibawah ini.
<link href="../../template/butterfly_2535/default.css" rel="stylesheet" type="text/css" />


Jika sudah coba sobat running kembali aplikasi sobat, jika yang terjadi seperti dibawah ini, maka sobat berhasil merubah tampilan yii2 advanced sobat.
Mudah bukan, admin rasa sobat pasti bisa. Sekian tutorial singkat ini, selamat mencoba and good luck ..

Selasa, 07 Januari 2020

Mempercantik alamat URL pada Framework Yii2

Mempercantik alamat URL pada Framework Yii2


Halo sobat coding, bagaimana kabarnya, kami doakan selalu sehat ya.
Kali ini admin akan mecoba memberikan tutorial Yii2 sesuai dengan judul. Admin beranggapan sobat sudah pada tau apa itu framework yii2 ya, agar mudah mengikuti tutorial ini.

Sesuai dengan judul, mempercantik alamat URL pada Framework Yii2. Secara default saat kita mengakses aplikasi yii maka url pada web browser akan sepeti ini http://localhost/advanced/frontend/web/index.php?r=about . Lantas bagaimana cara mempecantik alamat url pada aplikasi yii2 kita, simak penjelasannya.

Pada tutorial ini admin menggunakan template advanced, jika sobat menggunakan Yii2 advanced template sama seperti admin, konfigurasi sangatlah mudah.

Buat file .htaccess copy file dibawah ini dan simpan didalam folder advanced/frontend/web.

# use mod_rewrite for pretty URL support
RewriteEngine on
 
# if a directory or a file exists, use it directly
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
 
# otherwise forward it to index.php
RewriteRule . index.php

Kemudian buat kembali file .htaccess, copy file dibawah ini dan letakan di dalam folder advanced

Note - advaced adalah nama folder pada web root tutorial ini.

# prevent directory listings
Options -Indexes
IndexIgnore */*
 
# follow symbolic links
Options FollowSymlinks
RewriteEngine on
RewriteRule ^administrator(/.+)?$ backend/web/$1 [L,PT]
RewriteRule ^(.+)?$ frontend/web/$1

Tambahkan kode dibawah ini pada backend\config\main.php dan frontend\config\main.php.
'components' => [
'urlManager' => [
'enablePrettyUrl' => true,
'showScriptName' => false,
],

Masih pada file main.php pada frontend, tambahkan kode baris berikut.
'homeUrl' => '/advanced',
'components' => [
....
],
Masih pada file main.php pada backend tambahkan kode baris berikut.
'homeUrl' => '/advanced/administrator',
'components' => [
....
],
Selesai maka URL yang sebelumnya http://localhost/advanced/frontend/web/index.php?r=about, menjadi http://localhost/advanced/frontend/web/about mudah bukan, jika sobat mengikuti dengan baik pasti tidak terjadi error.

Selamat mencoba and good luck..

Minggu, 05 Januari 2020

CRUD Kilat Menggunakan Fitur GII pada Yii2

CRUD Kilat Menggunakan  Fitur GII pada Yii2 Advanced


Halo halo sobat, kali ini admin akan memberikan cara atau informasi yang mungkin sobat sekalian sudah pernah dengar atau memang sudah tau, Yak cara ngoding kilat menngunakan fitur Gii pada Yii2. Pada tutorial kali ini admin menggunakan Yii2 advanced, mau tau gimana kilat nya menggunakan fitur ini, yuk simak.

Pada tutorial sebelumnya, admin telah memberikan tutorial bagaimana cara install yii2 kalo belum dibaca silakan kunjungi laman ini Cara Install Yii2.
Sekarang masuk ke pembahasan, untuk mempermudah metode pembelajaran, sobat dapat mengcopy tabel pada database di bawah ini, agar dapat mengikuti tutorial ini dengan cepat. Admin menggunakan database MySql, admin rasa sobat sudah paham bagaimana cara mengimport atau mengeksport database dari aplikasi XAMPP.
Langkah pertama, sobat buat database sesuai keinginan sobat, dalam tutorial ini, admin membuat database dengan nama yii2advanced yang kemudian membuat tabel dengan nama tabel_crud, sobat dapat bereksplorasi yaaa.
CREATE TABLE `tabel_crud` (
  `id_tabel` int(11) NOT NULL,
  `nama_tabel` varchar(255) DEFAULT NULL,
  `alamat_tabel` varchar(255) DEFAULT NULL,
  `agama_tabel` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
Kita tidak akan membahas bagaimana cara import dan eksport database pada XAMPP, namun jika sobat ingin membaca kunjungi halaman ini Cara Import dan Export Database pada XAMPP.
Ketika sudah membuat database dan tabel, sekarang saatnya mengoneksikan aplikasi Yii2 dengan database.
Buka folder yii2 yang telah sobat download, kemudian buka folder common, config, dan pilih file main-local.php , ubah koneksi database dengan database yang sebelumnya telah kita buat. Perhatikan kode dibawah ini.
<?php
return [
    'components' => [
        'db' => [
            'class' => 'yii\db\Connection',
            'dsn' => 'mysql:host=localhost;dbname=yii2advanced',
            'username' => 'root',
            'password' => '',
            'charset' => 'utf8',
        ],
        'mailer' => [
            'class' => 'yii\swiftmailer\Mailer',
            'viewPath' => '@common/mail',
            // send all mails to a file by default. You have to set
            // 'useFileTransport' to false and configure a transport
            // for the mailer to send real emails.
            'useFileTransport' => true,
        ],
    ],
];
Perhatikan kode di atas, ubah nama database, username dan password sesuai dengan database kalian.
Jika sudah, saatnya kita running aplikasi Yii2 kita di web browser dengan mengakses link localhost/advanced/frontend/web/index.php?r=gii. Lihat gambar dibawah ini.

Terdapat menu pilihan terlihat seperti pada gambar diatas
Model Generator berfungsi untuk membuat Model
CRUD Generator berfungsi untuk menggenerate file controllers dan view pada aplikasi kita
Pada tutorial ini kita akan membahas kedua tolls tersebut, karena dari kedua tolls tersebut kita sudah dapat membuat CRUD singkat pada aplikasi Yii2 kita.

Langkah selanjutnya masuk ke Model generator, lihat gambar dibawah ini.
Pada tabel name isikan sesuai dengan tabel yang sebelumnya kita buat sedangakan untuk Model Class Name field akan otomatis terisi, kemudian klik preview kemudian klik generate.
Oke langkah pertama telah selesai, untuk membuktikan bahwa model telah dibuat, cari folder models pada folder frontend kemudian otomatis ada file baru dengan nama TabelCrud.php.
Langkah selanjutnya, masuk ke CRUD Generator maka akan tampil tampilan seperti gambar dibawah ini.

Pada field pertama isikan sesuai dengan folder dimana kita membuat model dengan contoh sebagai berikut.
app\models\TabelCrud maksud dari kode tersebut, maka kita akan menggenerate Model Class kita kedalam folder frontend dimana kita membuka link Gii pada halaman frontend, lalu bagaimana dengan backend, jika ingin membuat CRUD pada backend menggunakan fitur Gii maka langkah awal kita dengan cara masuk ke halaman backend dengan cara akses ke link localhost/advanced/backend/web/index.php?r=gii.
Kemudian isi field Search Model Class ->  frontend\models\TabelCrudSearch
Isi juga field Controller Class  -> frontend\controllers\TabelCrudController
Cukup isi ketiga field diatas seperti pada gambar kemudian klik preview, maka akan tampil seperti pada gambar dibawah ini.
Lihat gambar diatas, perhatikan setiap file yang di generate, setiap file yang akan kita generate akan otomatis masuk kedalam folder controllers, models dan juga views. Oke langkah selanjutnya klik generate jangan lupa semua file harus di ceklis, langkah selanjutnya kita buktikan hasil CRUD kilat kita dengan cara panggil hasil CRUD kita ke web browser dengan cara masukan link ini kedalam web browser kita http://localhost/advanced/frontend/web/index.php?r=tabel-crud , atau sobat dapat langsung memanggil folder baru hasil generate yang terdapat pada folder views dengan cara ketik link ini di web browser sobat http://localhost/advanced/frontend/web/index.php?r=IsiDenganNamaFolderHasilGeneratepadaFolderViews. Lihat gambar dibawah ini.


Jika berhasil akan tampil gambar diatas, dan sobat dapat membuat proses CRUD pada halaman tersebut.
Mudah bukan, admin yakin sobat dapat melakukan tutorial ini dengan mudah, semoga tutorial ini dapat membatu sobat dalam mempelajari framework Yii2.

Pada tutorial selanjutnya, admin akan membuat tutorial untuk menambahkan elemen ajax pada Gii, agar hasil CRUD kita terlihat lebih interaktif.
Sekian Terima Kasih.

Kamis, 02 Januari 2020

Tutorial Cara Membuat Virtual Host di Apache (XAMPP)

Tutorial Cara Membuat Virtual Host





Halo sobat, bagaimana kabarnya, admin doakan selalu sehat dan tetap semangat.
Oke kali ini kita akan membahas bagaimana cara membuat Virtual Host pada XAMPP.

Oke langsung saja pada materi, karena mimin rasa sobat sudah tau apa itu virtual host. Untuk yang belum tau apa itu XAMPP bisa baca disini ya.

Lanjut:
Langkah pertama, sobat masuk ke dalam folder ke directory C kemudian cari file host yang terletak di folder etc.

C:\Windows\System32\drivers\etc\host .

Langkah kedua buka file host dengan Text Editor kemudian tambahkan baris berikut, lihat pada gambar:


Dalam tutorial kali ini, mimin memberikan nama Virtual Host nya adalah puribetikhati.dev. Untuk pemberian nama virtual host buatlah sesuka sobat ya.

Langkah ketiga buka file httpd-vhosts.conf dengan Text Editor, yang terletak di C:\xampp\apache\conf\extra. Kemudian tambahkan baris berikut, lihat pada gambar.


Atau bisa langsung copy-paste kode dibawah ini. Fungsi kode dibawah ini adalah untuk memanggil folder yang terletak di web root aplikasi kita.

<VirtualHost *:1240>
ServerAdmin puribetikhati.dev
DocumentRoot "C:/xampp/htdocs/puribetikhati"
ServerName puribetikhati.dev
ServerAlias puribetikhati.dev
ErrorLog "logs/dummy-host2.example.com-error.log"
CustomLog "logs/dummy-host2.example.com-access.log" common

</VirtualHost>
Langkah terakhir:
Edit file httpd.conf cara mencari file nya mudah, lihat gambar dibawah:


Kemudian tambahkan baris berikut, pada file httpd.conf, lihat pada gambar.

Sekarang saatnya kita memanggil aplikasi Virtual ke web browser.

Restart XAMPP kalian, kemudian jalankan, ketikan localhost:1240 pada web browser kalian lihat gambar dibawah ini.

Oke tampilan diatas hanya merupakan contoh dari folder yang sebelumnya telah kita panggil di file httpd-vhosts.conf.

Jika proses di ikuti dengan benar, insyaallah pasti benar.

Sekian tutorial kali ini, semangat belajar dan tetap semangat .


BACA JUGA-----> Cara instal composer di windows

Senin, 09 Desember 2019

Cara Membuat Bookmark di Google Chrome

Cara Membuat Bookmark di Google Chrome


Halo halo sobat, kali ini saya akan memberikan cara atau informasi yang mungkin sobat sekalian sudah pernah dengar atau memang sudah tau. Oke deh untuk yang belum tau simak cara nya.

Cara Membuat Bookmark di Google Chrome

Caranya sangat mudah, buka Google Chrome kalian, terus masuk kedalam situs favorit kalian, oke disini saya memberikan contoh masuk ke dalam https://www.penyaircoding.com/ lihat pada gambar:


Oke setelah masuk kedalam web/situs favorit kalian, klik bintang pada ujung bar, lihat pada gambar dibawah ini.

Setelah bintang pada ujung bar di klik maka urutannya seperti pada gambar diatas.
Maka otomatis situs/web favorit kalian akan ada di bar google chrome.

Pertanyaannya, bagaimana jika setelah kita add bookmark tapi tidak muncul di bar? berikut caranya....
Pilih settings, lihat contoh gambar dibawah ini.

Perhatikan gambar dibawah. Setelah masuk halaman settings pilih menu Privacy and Security.

Oke setelah tampil halaman seperti gambar diatas, pilih Show Bookmarks bar, maka halaman yang sebelumnya sudah kita add kedalam bookmarks otomatis akan tampil.


Mudah bukan, tetap semangat yaaa
Salam coding ....