Membuat Koneksi Ke Database dan Mencek Koneksi ( Yii 2 Basic Tutorial 3 )

Tutorial Sebelumnya:
Membuat menu / halaman baru Yii 2 Basic ( Yii 2 Basic Tutorial 2 )

1. Untuk membuat koneksi ke database isi db.php pada direktori \basic\config sesuai dengan database yang kalian telah buat

source code db.php:

<?php

return [
    'class' => 'yii\db\Connection',
    'dsn' => 'mysql:host=localhost;dbname=dboddsay',
    'username' => 'root',
    'password' => '',
    'charset' => 'utf8',
];

2. Untuk mencek koneksi, ubah isi  fungsi actionHalamansatu di direktori \basic\controllers jangan lupa tambahkan use yii\db\ActiveRecord;. Sesuaikan nama tabel yang di-select dengan nama tabel yang ada dalam database anda

source code fungsi actionHalamansatu:

public function actionHalamansatu()
    {
        $connection=  Yii::$app->db;
        $sql='SELECT * FROM oddsaytable';
        $connection=  Yii::$app->db;
        $command=$connection->createCommand($sql);
        $dataReader=$command->query();  
        echo"konek";
 
    }

3. buka http://localhost/basic/web/index.php?r=site%2Fhalamansatu jika error mungkin anda belum melakukan langkah2 pada Membuat menu / halaman baru Yii 2 Basic ( Yii 2 Basic Tutorial 2 ). Jika masih error priksa kembali seting-an db anda

Jika sukses, browser akan menampilkan tampilan seperti Gambar 1.

Gambar 1. Yii 2 basic berhasil terkoneksi dengan database

Read More

Membuat menu / halaman baru Yii 2 Basic ( Yii 2 Basic Tutorial 2 )

Yii 2 Basic Tutorial 1 (Cara menginstal Yii 2 Basic ( Yii 2 Basic Tutorial 1 ))  kita telah berhasil menginstal dan menampilkan halaman depan Yii 2. Sekarang kita akan mencoba membuat halaman dan menu baru.

1. Buat halaman baru dengan menambahkan file halamansatu.php pada direktori basic\views\site\

source code halamansatu.php :

<?php

/* @var $this yii\web\View */

use yii\helpers\Html;

$this->title = 'Halaman Satu';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="site-about">
    <h1><?= Html::encode($this->title) ?></h1>

    <p>
  Hallo World!!!
    </p>

    <code><?= __FILE__ ?></code>
</div>

2. tambahkan fungsi actionHalamansatu pada SiteController.php di direktori basic\controllers

source code fungi actionHalamansatu :

    public function actionHalamansatu()
    {
        return $this->render('halamansatu');
    }

halaman baru sudah bisa dibuka dengan url http://localhost/basic/web/index.php?r=site%2Fhalamansatu

Gambar 1. Hasil buka link halaman satu

3. Sekarang kita buat menu dengan  cara menambahkan nilai pada array item

    

    Nilai yang ditambahkan pada array item :

    ['label' => 'Halaman Satu', 'url' => ['/site/halamansatu']],

    pada main.php  di direktori basic\views\layouts

4. Buka kembali http://localhost/basic/web/. Menu baru yang menghubungkan ke halaman baru sudah tampil

Gambar 2. Menu baru sudah tampil

 

Read More

Cara menginstal Yii 2 Basic ( Yii 2 Basic Tutorial 1 )

Sebelum memulai tutorial pastikan sudah terinstal xampp atau sejenisnya. Download Yii 2 basic di http://www.yiiframework.com/download/, kemudian extrak pada htdocs xampp.

url project anda http://localhost/basic/web/

Error:

Invalid Configuration – yii\base\InvalidConfigException

yii\web\Request::cookieValidationKey must be configured with a secret key.

Menandakan cookieValidationKey belum diberikan nilai

- Buka basic\config\web.php
- Isikan :
      'cookieValidationKey' => 'isikannilai'

kemudian  buka kembali http://localhost/basic/web/ dengan browser anda

Gambar 1. Halaman depan Yii 2

Selamat Yii 2 anda sudah terinstal dan tampil seperti Gambar 1.

Read More

Mendapatkan Browser Api Key ( Google Maps Directions Api )

Api google direction  memiliki kegunaan untuk menunjukan arah / jalan ke lokasi yang menjadi tujuan kita. Direction yang digunakan memiliki beberapa mode diantaranya mode jalan kaki dan pengendara. Selain sebagai petunjuk jalan, api ini juga dapat memperkirakan beberapa lama kita akan sampai ke lokasi.oh 

Api dapat digunakan untuk aplikasi berbasis web maupun android.

contoh:

Gambar 1. Contoh pengguna api direction  (sumber: google)

Untuk mendapatkan Api tersebut

1. buka https://console.developers.google.com/project/  (loginterlebih dahulu)

2. Pilih New Project masukan nama project lalu Create

Gambar 2. Membuat project baru

3. Pilih Credentials kemudian Add credentials pilih Api Key

Gambar 3. Menambahkan credentials

4.  Pilih Browser key

Gambar 4. Memilih browser key

5. Masukan nama bebas setelah itu create 

Gambar 5. Create  nama

6,  Kemudian kita akan mendapatkan Api key. Api key ini masih belum dapat digunakan untuk mengakses direction pada google karena kita perlu mengaktifkan fitur ini.

Gambar 6, Mendapatkan Api key

Cara mengaktifkan Api Google direction

1.  Pilih menu APIs pada yang terletak sidebar. Kemudian pilih Google Maps Directions Api pada tab  API Library

Gambar 7, Mengaktifkan Api Google direction

2. Pilih Enable API

Gambar 8.  Enable Api

Selesai..

Untuk mengetes  apakah api key tersebut sudah digunakan dengan cara masukan url pada browser

https://maps.googleapis.com/maps/api/directions/json?key=API Key Anda-gshE&origin=-6.649919,106.84452099999999&destination=-6.646100000000001,106.844472&sensor=false&units=metric&mode=driving&alternatives=true 

.

(Titik origin dan destination dapat diubah sesuai keinginan)

output:

Gambar 9, Output Api Google Maps Directions

Output inilah yang digunakan pada android dan web aplikasi. Tentunya kita harus paham bagaimana mengolah output berformat JSON tersebut  untuk mendapatkan informasi yang kita inginkan.

Selamat Bereksperimen : )

Read More

Cara Menangani Bad Request Karena Ajax Method Post di YII2

Bad request terjadi karena security yang dilakukan diYII2 security ini untuk menangani Cross-site request forgery / CSRF, ada 2 cara pada YII agar tetap bisa melakukan Ajax dengan method POST 

cara pertama dengan mendisable security . mendisable security cara yang tidak disarankan karena security jadi lemah..

cara kedua menggunakan token: (tambahkan: _csrf : csrfToken seperti dibawah)
csrfToken mempunyai nilai yang berganti2 sebagai kunci masuk ke server dari client

        $.ajax({
            url: 'url',
            type: "post",
            dataType: "json",
            data:{_csrf : csrfToken,var:'value'},
            success: function(data) {
 

           }});

Read More

Click / klik outside dropdown Scrollbar Closing Selectize.js

Tulisan in saya buat sewaktu skripsi
Saya terpaksa edit library yang Selectize.js walaupun tau bakalan susah
setelah tidak tidur semalaman debugging  akhirny tidur jam 5 pagi dan masih blum bisa
dan  bangun jam 10.00 , lalu 11.06 tadi akhirnya bisa.. hahaha

alasanny karena ud ganti2 library  (autocomplete dropdown) karena g cocok makany libary yang ini dipertahankan haha...

method ini berguna ketika dropdownny masih close kita scrollbar kita tekan..
sebenrny isi methodny ud ada, cman saya ga tau knpa bawaanny ga mau berfungsi klo digabungin ke kodingan saya.. -_____-
kopi kode ini di line 1246 ..

  $dropdown.on('mousedown click', function(e) {
     if (self.isFocused) {
     // prevent events on the dropdown scrollbar from causing the control to blur
     if (e.target === self.$dropdown[0] || e.target.parentNode === self.$dropdown[0]) {
      return false;
     }
     // blur on click outside
     if (!self.$control.has(e.target).length && e.target !== self.$control[0]) {
      self.blur(e.target);
     }
    }  });

Read More

Koneksi YII2 ke POSTGRESQL / PGSQL

1. Atur database sesuai database yang dimiliki

2. buat fungsi actionAbout sesuaikan dengan database yang dimiliki

Lalu panggil
localhost/sesuaikan directory yang ada/basic/web/index.php?r=site/hallo



Jika muncul error PDO
kemungkinan Extension PDO belum di enable
cocokan seperti gambar berikut (perhatikan tanda titik koma dan sesuaikan)

Read More

Cara instal / Menginstal YII2 pada windows

Kali ini saya akan berbagi bagaimana cara menginstal
cman saya sediakan screenshot semoga mengerti

1. setting path php

2. buka cmd lalu lakukan seperti gambar berikut

Read More

Membuat Halaman Blog Baru pada YII

Buka protected/views/sites/pages
lalu tambahkan file php bisa copas dari defaultny about (nanti diedit2)

setelah itu buka protected/views/layout/main.php
cari id main menu seperti gambar dibawah
tambahkan array seperti about (klo gambar dibawah saya membuat halaman baru berjudul portofolio)

bila sudah halaman baru telah dibuat jngan lupa save
trimakasih...

Read More

Tutorial YII Blog part 2

dari tutorial sebelumnya didapat:
loginlah

Pilih model generator
lalu isikan seperti dibawah

lalu preivew dan lalu generate hasilnya akan seperti dibawah

Pilih CRUD generator
lalu isikan seperti dibawah
 

lalu preivew dan lalu generate hasilnya akan seperti dibawah

lakukan hal yang sama "Category" sebelumnya "Post" di model Generator dan CRUD Generator

lihat buka capaian yang telah anda lakukan

http://localhost/yiiBlog/index.php?r=post
http://localhost/yiiBlog/index.php?r=category

error2 :
1.

 berarti nama database salah. sesuaikan database pada phpmyadmin dengan yang ada difile config (seperti tutorial part 1)
2. link Category tidak bisa dibuka.
pastikan sudah menginput Category sama seperti Post pada tutorial ini
 
nantikan tutorial selanjutnya :-)

Read More

Tutorial YII Blog part 1

*Dalam tutorial ini saya menggunakan netbeans sebagai IDE nya.
*Dan saya menggunakan paket phpmyadmin untuk mengelola databasenya

1. Buat database di menggunakan phpmyadmin
kopi sourcecode dibawah ini ..

SET FOREIGN_KEY_CHECKS=0; DROP TABLE IF EXISTS `category`; CREATE TABLE `category` ( `ID` int(11) NOT NULL AUTO_INCREMENT, `category` varchar(255) DEFAULT NULL, PRIMARY KEY (`ID`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1; DROP TABLE IF EXISTS `post`; CREATE TABLE `post` ( `post_ID` int(11) NOT NULL AUTO_INCREMENT, `post_title` varchar(255) DEFAULT NULL, `post_content` TEXT, `category_id` int(11) DEFAULT NULL, `date` datetime DEFAULT NULL, PRIMARY KEY (`post_ID`), KEY `FK_post_cat` (`category_id`), CONSTRAINT `FK_post_cat` FOREIGN KEY (`category_id`) REFERENCES `category` (`ID`) ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

kesini.

2.cari lah source seperti gambar dibawah di protected/config/main.php. (untuk menghilangkan pembuat komen). lalu isikan spesifikasi db anda ke db array  tersebut. Defaultnya sama seperti dibawah hanya diganti dbname saja.

3. maasih pada folder yang sama cari kode seperti dibawah lalu hilangkan tanda pembuat komennya.
Isikan password terserah anda yang nanti akan digunakan untuk masuk ke blog membuat struktur  blog.



lalu buka blog anda login dengan password yang anda inginkan tadi
http://localhost/yiiBlog/index.php?r=gii

atau

alamat blog anda+/index.php?r=gii

nantikan part selanjutnya :-)

Read More