October 2015 ~ Knowledge Sharing

Monday, October 5, 2015

Yii 1 - Membuat Sticky Footer

4:23 PM Framework, IT, web, Yii1 1 comment

Cara membuat agar footer tetap berada dibawah pada yii. lanjut dari tutorial mengganti tema yii default ke yii bootstrap kita akan membuat sticky footer.

Caranya buka bootstrap.css di d:\xampp\htdocs\[webapp]\protected\extensions\bootstrap\ tambahkan css berikut:

 html {  
   height: 95%;  
   //other css  
 }  
 body {  
   height: 95%;  
   //other css  
 }  
 .wrap {  
   min-height: 100%;  
   height: auto;  
   margin: 0 auto -60px;  
   padding: 0 0 60px;  
 }  
 .wrap > .container {  
   padding: 70px 15px 20px;  
 }  
 .footer {  
   height: 45px;  
   background-color: #f5f5f5;  
   border-top: 1px solid #ddd;  
   padding-top: 20px;  
 }  
 .pull-right {  
  float: right !important;  
 }  
 .pull-left {  
  float: left !important;  
 }

Setelah itu buka main.php di folder d:\xampp\htdocs\[webapp]\themes\bootstrap\views\layouts\ dibagian body ikuti penulisan seperti dibawah ini atau copy paste coding dibawah langsung.

 <body>  
     <?php  
     $this->widget('bootstrap.widgets.TbNavbar', array(  
       'items' => array(  
         array(  
           'class' => 'bootstrap.widgets.TbMenu',  
           'items' => array(  
             array('label' => 'Home', 'url' => array('/site/index')),  
             array('label' => 'About', 'url' => array('/site/page', 'view' => 'about')),  
             array('label' => 'Contact', 'url' => array('/site/contact')),  
             array('label' => 'Login', 'url' => array('/site/login'), 'visible' => Yii::app()->user->isGuest),  
             array('label' => 'Logout (' . Yii::app()->user->name . ')', 'url' => array('/site/logout'), 'visible' => !Yii::app()->user->isGuest)  
           ),  
         ),  
       ),  
     ));  
     ?>  
     <div class="wrap">  
       <div class="container">  
         <?php if (isset($this->breadcrumbs)): ?>  
           <?php  
           $this->widget('bootstrap.widgets.TbBreadcrumbs', array(  
             'links' => $this->breadcrumbs,  
           ));  
           ?><!-- breadcrumbs -->  
         <?php endif ?>  
         <?php echo $content; ?>  
         <div class="clear"></div>  
       </div>  
     </div>  
     <footer class="footer">  
       <div class="container">  
         <p class="pull-left">Copyright &copy; <?= date('Y'); ?> by CV.INDAKO TRADING CO.</p>  
         <p class="pull-right"><?= Yii::powered(); ?></p>  
       </div>  
     </footer><!-- footer -->  
   </body>

Setelah itu simpan dan refresh tampilan web anda jika tidak ada perubahan hapus semua folder di d:\xampp\htdocs\[webapp]\assets\ tidak usah takut menghapusny karena folder itu akan di generate ulang setiap anda merefresh aplikasi anda.

Selamat Mencoba.

Yii 1 - Mempercantik Tampilan URL

3:51 PM Framework, IT, web, Yii1 No comments

Ketika anda membuka sebuah url di yii akan menemukan tampilan URL yang tidak begitu bagus. Contohnya saja, untuk halaman sign-in, URL yang ditampilkan adalah www.namaweb.com/index.php?r=site/login. Bagi sebagian besar orang, tampilan URL ini tidak begitu normal. Dan bagi pemilik Web, URL demikian tidak akan disukai mesin pencari, alias tidak SEO-friendly.

Oleh karena itu, dalam artikel ini kita akan membahas teknik mengubah URL

Mengaktifkan Url Manager

Untuk mengaktifkan URL supaya lebih rapi cukup buka file di protected/config/main.php lalu cari bagian yang tertulis

 // uncomment the following to enable URLs in path-format  
      /*  
      'urlManager'=>array(  
            'urlFormat'=>'path',  
            'rules'=>array(  
            '<controller:\w+>/<id:\d+>'=>'<controller>/view',  
 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;     '<controller:\w+>/<action:\w+>/<id:\d+>'=>'<controller>/<action>',  
 &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;     '<controller:\w+>/<action:\w+>'=>'<controller>/<action>',  
            ),  
      ),  
      */

Cukup hilangkan comment, maka URL akan langsung berubah. Jika hanya sekadar mengubah lebih rapi, maka pekerjaan Anda sampai sini sudah selesai. Tetapi masalahnya umumnya kita harus mengubah bentuk URL yang lebih rumit sesuai kebutuhan User. Oleh karena itu, dalam artikel ini akan diajarkan bagaimana membuat rule sendiri.

Menghilangkan Tulisan index.php

Pertama-tama, mungkin Anda akan sangat ingin menghilangkan tulisan “index.php” dari URL. Untuk itu Anda cukup tambahkan ‘showScriptName’=>false seperti begini:

 'urlManager'=>array(  
            'urlFormat'=>'path',  
          'showScriptName'=>false,  
            'rules'=>array(  
            ....  
            ),  
      ),

Kemudian tambahkan file .htaccess di folder D:\xampp\htdocs\[aplikasi web] dengan isi seperti berikut:

 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

Cara Menulis Aturan URL Manager

Misalnya, Anda ingin membuat halaman login dapat diakses dengan URL www.namaweb.com/sign-in. Maka Anda cukup menulis begini

 'urlManager'=>array(  
            'urlFormat'=>'path',  
            'rules'=>array(  
              'sign-in' => 'site/login',  
            ),  
      ),

Penjelasannya begini. Biasanya untuk mengakses login kita akses dengan www.namaweb.com/index.php?r=site/login. Jadi di bagian kanan, kita tulis bentuk pada biasanya, yakni “site/login”. Lalu karena kita ingin halaman login bisa dibuka dengan www.namaweb.com/sign-in, maka di sebelah kiri cukup masukkan “sign-in”.

Anda bisa memasukkan satu per satu jika Anda mau. Tetapi masalahnya halaman Web kadang bisa sangat banyak. Akan sangat merepotkan jika menulis rule satu per satu.

Jadi terkadang kita perlu sesuatu yang lebih fleksibel. Contohnya, seperti kasus di bawah ini:
www.namaweb.com/index.php?r=site/signup berubah menjadi www.namaweb.com/signup
www.namaweb.com/index.php?r=site/contact berubah menjadi www.namaweb.com/contact dan seterusnya.

Kita bisa menulis sintaks begini:

 'urlManager'=>array(  
            'urlFormat'=>'path',  
            'rules'=>array(  
              '<nama>'=>'site/<nama>',  
            ),  
      ),

Sesuai peraturan sebelumnya. Di sebelah kanan merupakan bentuk URL biasanya. Karena biasanya kita mengakses dengan menulis www.namaweb.com/index.php?r=site/halaman1 atau index.php?r=site/halaman2 dan seterusnya, maka kita pasang yang berubah-berubah itu dengan tanda kurung siku. Pada contoh atas, penulis menggunakan ““. Pemberian nama terserah asal alfabet.

Kita ingin URL baru menjadi www.namaweb.com/halaman1 atau www.namaweb.com/halaman2 dan seterusnya. Jadi kita cukup tulis “” pada sebelah kiri. Ingat, jika sebelah kanan menggunakan “” maka kiri harus sama.

Mungkin ada satu pertanyaan yang terbesit di dalam pikiran, bagaimana jika ada perkecualian? Maksudnya begini. Tadi kita sudah membuat aturan supaya semua halaman yang ber-URL www.namaweb.com/index.php?r=site/xyz akan menjadi www.namaweb.com/xyz, tetapi untuk URL www.namaweb.com/index.php?r=site/login justru ingin diubah menjadi www.namaweb.com/sign-in. Bagaimana dong?

Untuk ini kita cukup tulis begini saja:

 'urlManager'=>array(  
            'urlFormat'=>'path',  
            'rules'=>array(  
            'sign-in' => 'site/login',  
              '<nama>'=>'site/<nama>',  
            ),  
      ),

Dua aturan ini, harus diperhatikan urutannya. Yii membaca aturan dari paling atas ke bawah. Ketika aturan pertama sudah memenuhi syarat, Yii tidak akan membaca URL di bawah lagi. Itu sebabnya mengapa kita harus menaruh ‘sign-in’=> ‘site/login’ di atas.

Selamat mencoba.

Mengganti Tema Default Yii Dengan Yii Bootstrap

2:38 PM Framework, IT, web, Yii1 2 comments

Hai para Yii mania, pokok bahasan kita kali ini adalah mengganti tema default dari yii. Secara pribadi tema default dari yii tidak menarik sama sekali (saya tidak tahu pendapat anda). Oleh karena itu kita akan mengganti temanya dengan tema yii bootstrap yang dapat anda download disini.

Untuk penginstallannya:

- Buat folder baru di D:\xampp\htdocs\[aplikasi web anda]\protected\extensions dengan nama bootstrap

- Ekstrak file yii bootstrap ke dalam folder bootstrap

- Copy folder theme yang ada di D;\xampp\htdocs\[aplikasi web anda]\protected\extensions\bootstrap dan paste ke dalam folder themes yang di D:\xampp\[aplikasi web anda]\argems\ dan rename menjadi bootstrap.

- Edit file main.php di folder config :

 Yii::setPathOfAlias('bootstrap', dirname(__FILE__).'/../extensions/bootstrap');  
 return array(  
   ....  
   'modules' => array(  
     .....  
     'gii' => array(  
       'class' => 'system.gii.GiiModule',  
       'password' => 'admin',  
       'ipFilters' => array(  
         '127.0.0.1',  
         '::1',  
       ),  
       'generatorPaths' => array(  
         'bootstrap.gii',  
       ),  
     ),  
     .....  
   ),  
   'theme'=>'bootstrap',  
    ....  
   'components' => array(  
     ....  
     'bootstrap' => array(  
       'class' => 'application.extensions.bootstrap.components.Bootstrap',  
     ),

Silakan menikmati tampilan yii baru yang lebih fresh dan menarik (Setidaknya itu menurut saya ^_^ )