Life is an Adventure: Website

Showing posts with label Website. Show all posts

Friday, May 22, 2015 Komputer, Magento, Website 3 comments

Membuat Extension Magento

Extension magento mengikuti skema penamaan umum, Namespace_Module. Hal ini sangat penting untuk diingat dan kita perlu berhati-hati tentang bagaimana kita memberi nama kelas. Setiap extension magento akan dibuat di direktori:

/app/code/local

Tanpa perlu basa-basi, langsung aja ikuti step demi step dalam pembuatan extension magento berikut:

struktur dari extension yang akan kita buat:

/app/code/local/<Namespace>/<Module>/

Block/
controllers/
etc/
Model/
Mysql4/
<Module>/
sql/
<module>_setup/
/app/design/frontend/<interface>/<theme>/

template/
<module>/

Activate Module

/app/etc/modules/<Namespace>_<Module>.xml

<?xml version="1.0"?>
<config>
<modules>
<[Namespace]_[Module]>
<active>true</active>
<codePool>local</codePool>
</[Namespace]_[Module]>
</modules>
</config>

Create Controller

/app/code/local/<Namespace>/<Module>/controllers/IndexController.php

<?php
class <Namespace>_<Module>_IndexController extends Mage_Core_Controller_Front_Action
{
public function indexAction()
{
$this->loadLayout();
$this->renderLayout();
}
}

Create Configuration XML

Create Helper

/app/code/local/<Namespace>/<Module>/Helper/Data.php

<?php

class <Namespace>_<Module>_Helper_Data extends Mage_Core_Helper_Abstract
{

}

Create Models

/app/code/local/<Namespace>/<Module>/Model/<Module>.php

<?php

class <Namespace>_<Module>_Model_<Module> extends Mage_Core_Model_Abstract
{
public function _construct()
{
parent::_construct();
$this->_init('<module>/<module>');
}
}

/app/code/local/<Namespace>/<Module>/Model/Mysql4/<Module>.php

<?php

class <Namespace>_<Module>_Model_Mysql4_<Module> extends Mage_Core_Model_Mysql4_Abstract
{
public function _construct()
{
$this->_init('<module>/<module>', '<module>_id');
}
}

/app/code/local/<Namespace>/<Module>/Model/Mysql4/<Module>/Collection.php

<?php

class <Namespace>_<Module>_Model_Mysql4_<Module>_Collection extends Mage_Core_Model_Mysql4_Collection_Abstract
{
public function _construct()
{
//parent::__construct();
$this->_init('<module>/<module>');
}
}

SQL Setup

/app/code/local/<Namespace>/<Module>/sql/<module>_setup/mysql4-install-0.1.0.php

<?php

$installer = $this;

$installer->startSetup();

$installer->run("

-- DROP TABLE IF EXISTS {$this->getTable('<module>')};
CREATE TABLE {$this->getTable('<module>')} (
`<module>_id` int(11) unsigned NOT NULL auto_increment,
`title` varchar(255) NOT NULL default '',
`content` text NOT NULL default '',
`status` smallint(6) NOT NULL default '0',
`created_time` datetime NULL,
`update_time` datetime NULL,
PRIMARY KEY (`<module>_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

");

$installer->endSetup();

Template Design

/app/design/frontend/<interface>/<theme>/layout/<module>.xml

<?xml version="1.0"?>
<layout version="0.1.0">
<[module]_index_index>
<reference name="content">
<block type="[module]/[module]" name="[module]" />
</reference>
</[module]_index_index>
</layout>

/app/design/frontend/<interface>/<theme>/layout/<module>.xml

<?xml version="1.0"?>
<layout version="0.1.0">
<[module]_index_index>
<reference name="content">
<block type="core/template" name="[module]" template="[module]/[module].phtml" />
</reference>
</[module]_index_index>
</layout>

/app/design/frontend/<interface>/<theme>/template/<module>/<module>.phtml

<h4><?php echo $this->__('Module List') ?></h4>

<?php
/*
This will load one record from your database table.
load(<module>_id) will load whatever ID number you give it.
*/
/*
$news = Mage::getModel('<module>/<module>')->load(1);
echo $news->get<Module>Id();
echo $news->getTitle();
echo $news->getContent();
echo $news->getStatus();
*/

/*
This block of code loads all of the records in the database table.
It will iterate through the collection and the first thing it will do
is set the Title to the current value of $i which is incremented each
iteration and then echo that value back out. At the very end it will
save the entire collection.
*/
/*
$i = 0;

$collection = Mage::getModel('<module>/<module>')->getCollection();
$collection->setPageSize(5);
$collection->setCurPage(2);
$size = $collection->getSize();
$cnt = count($collection);
foreach ($collection as $item) {
$i = $i+1;
$item->setTitle($i);
echo $item->getTitle();
}

$collection->walk('save');
*/

/*
This shows how to load one value, change something and save it.
*/

/*
$object = Mage::getModel('<module>/<module>')->load(1);
$object->setTitle('This is a changed title');
$object->save();
*/
?>

Directory Additions

Untuk kebutuhan di halaman backend:

/app/code/local/<Namespace>/<Module>/

Block/
Adminhtml/
<Module>/
Edit/
Tab/
controllers/
Adminhtml/
etc/
Helper/
Model/
Mysql4/
<Module>/
sql/
<module>_setup/
Blocks

/app/code/local/<Namespace>/<Module>/Block/Adminhtml/<Module>.php

<?php

class <Namespace>_<Module>_Block_Adminhtml_<Module> extends Mage_Adminhtml_Block_Widget_Grid_Container
{
public function __construct()
{
$this->_controller = 'adminhtml_<module>';
$this->_blockGroup = '<module>';
$this->_headerText = Mage::helper('<module>')->__('Item Manager');
$this->_addButtonLabel = Mage::helper('<module>')->__('Add Item');
parent::__construct();
}
}

/app/code/local/<Namespace>/<Module>/Block/Adminhtml/<Module>/Edit.php

<?php

class <Namespace>_<Module>_Block_Adminhtml_<Module>_Edit extends Mage_Adminhtml_Block_Widget_Form_Container
{
public function __construct()
{
parent::__construct();

$this->_objectId = 'id';
$this->_blockGroup = '<module>';
$this->_controller = 'adminhtml_<module>';

$this->_updateButton('save', 'label', Mage::helper('<module>')->__('Save Item'));
$this->_updateButton('delete', 'label', Mage::helper('<module>')->__('Delete Item'));
}

public function getHeaderText()
{
if( Mage::registry('<module>_data') && Mage::registry('<module>_data')->getId() ) {
return Mage::helper('<module>')->__("Edit Item '%s'", $this->htmlEscape(Mage::registry('<module>_data')->getTitle()));
} else {
return Mage::helper('<module>')->__('Add Item');
}
}
}

/app/code/local/<Namespace>/<Module>/Block/Adminhtml/<Module>/Grid.php

<?php

class <Namespace>_<Module>_Block_Adminhtml_<Module>_Grid extends Mage_Adminhtml_Block_Widget_Grid
{
public function __construct()
{
parent::__construct();
$this->setId('<module>Grid');
// This is the primary key of the database
$this->setDefaultSort('<module>_id');
$this->setDefaultDir('ASC');
$this->setSaveParametersInSession(true);
$this->setUseAjax(true);
}

protected function _prepareCollection()
{
$collection = Mage::getModel('<module>/<module>')->getCollection();
$this->setCollection($collection);
return parent::_prepareCollection();
}

protected function _prepareColumns()
{
$this->addColumn('<module>_id', array(
'header' => Mage::helper('<module>')->__('ID'),
'align' =>'right',
'width' => '50px',
'index' => '<module>_id',
));

$this->addColumn('title', array(
'header' => Mage::helper('<module>')->__('Title'),
'align' =>'left',
'index' => 'title',
));

/*
$this->addColumn('content', array(
'header' => Mage::helper('<module>')->__('Item Content'),
'width' => '150px',
'index' => 'content',
));
*/

$this->addColumn('created_time', array(
'header' => Mage::helper('<module>')->__('Creation Time'),
'align' => 'left',
'width' => '120px',
'type' => 'date',
'default' => '--',
'index' => 'created_time',
));

$this->addColumn('update_time', array(
'header' => Mage::helper('<module>')->__('Update Time'),
'align' => 'left',
'width' => '120px',
'type' => 'date',
'default' => '--',
'index' => 'update_time',
));

$this->addColumn('status', array(

'header' => Mage::helper('<module>')->__('Status'),
'align' => 'left',
'width' => '80px',
'index' => 'status',
'type' => 'options',
'options' => array(
1 => 'Active',
0 => 'Inactive',
),
));

return parent::_prepareColumns();
}

public function getRowUrl($row)
{
return $this->getUrl('*/*/edit', array('id' => $row->getId()));
}

public function getGridUrl()
{
return $this->getUrl('*/*/grid', array('_current'=>true));
}

}

/app/code/local/<Namespace>/<Module>/Block/Adminhtml/<Module>/Edit/Form.php

<?php

class <Namespace>_<Module>_Block_Adminhtml_<Module>_Edit_Form extends Mage_Adminhtml_Block_Widget_Form
{
protected function _prepareForm()
{
$form = new Varien_Data_Form(array(
'id' => 'edit_form',
'action' => $this->getUrl('*/*/save', array('id' => $this->getRequest()->getParam('id'))),
'method' => 'post',
)
);

$form->setUseContainer(true);
$this->setForm($form);
return parent::_prepareForm();
}
}

/app/code/local/<Namespace>/<Module>/Block/Adminhtml/<Module>/Edit/Tabs.php

<?php

class <Namespace>_<Module>_Block_Adminhtml_<Module>_Edit_Tabs extends Mage_Adminhtml_Block_Widget_Tabs
{

public function __construct()
{
parent::__construct();
$this->setId('<module>_tabs');
$this->setDestElementId('edit_form');
$this->setTitle(Mage::helper('<module>')->__('News Information'));
}

protected function _beforeToHtml()
{
$this->addTab('form_section', array(
'label' => Mage::helper('<module>')->__('Item Information'),
'title' => Mage::helper('<module>')->__('Item Information'),
'content' => $this->getLayout()->createBlock('<module>/adminhtml_<module>_edit_tab_form')->toHtml(),
));

return parent::_beforeToHtml();
}
}

/app/code/local/<Namespace>/<Module>/Block/Adminhtml/<Module>/Edit/Tab/Form.php

<?php

class <Namespace>_<Module>_Block_Adminhtml_<Module>_Edit_Tab_Form extends Mage_Adminhtml_Block_Widget_Form
{
protected function _prepareForm()
{
$form = new Varien_Data_Form();
$this->setForm($form);
$fieldset = $form->addFieldset('<module>_form', array('legend'=>Mage::helper('<module>')->__('Item information')));

$fieldset->addField('title', 'text', array(
'label' => Mage::helper('<module>')->__('Title'),
'class' => 'required-entry',
'required' => true,
'name' => 'title',
));

$fieldset->addField('status', 'select', array(
'label' => Mage::helper('<module>')->__('Status'),
'name' => 'status',
'values' => array(
array(
'value' => 1,
'label' => Mage::helper('<module>')->__('Active'),
),

array(
'value' => 0,
'label' => Mage::helper('<module>')->__('Inactive'),
),
),
));

$fieldset->addField('content', 'editor', array(
'name' => 'content',
'label' => Mage::helper('<module>')->__('Content'),
'title' => Mage::helper('<module>')->__('Content'),
'style' => 'width:98%; height:400px;',
'wysiwyg' => false,
'required' => true,
));

if ( Mage::getSingleton('adminhtml/session')->get<Module>Data() )
{
$form->setValues(Mage::getSingleton('adminhtml/session')->get<Module>Data());
Mage::getSingleton('adminhtml/session')->set<Module>Data(null);
} elseif ( Mage::registry('<module>_data') ) {
$form->setValues(Mage::registry('<module>_data')->getData());
}
return parent::_prepareForm();
}
}

Controller

/app/code/local/<Namespace>/<Module>/controllers/Adminhtml/<Module>Controller.php

<?php

class <Namespace>_<Module>_Adminhtml_<Module>Controller extends Mage_Adminhtml_Controller_Action

{

protected function _initAction()

{

$this->loadLayout()

->_setActiveMenu('<module>/items')

->_addBreadcrumb(Mage::helper('adminhtml')->__('Items Manager'), Mage::helper('adminhtml')->__('Item Manager'));

return $this;

}

public function indexAction() {

$this->_initAction();

$this->_addContent($this->getLayout()->createBlock('<module>/adminhtml_<module>'));

$this->renderLayout();

}

public function editAction()

{

$<module>Id = $this->getRequest()->getParam('id');

$<module>Model = Mage::getModel('<module>/<module>')->load($<module>Id);

if ($<module>Model->getId() || $<module>Id == 0) {

Mage::register('<module>_data', $<module>Model);

$this->loadLayout();

$this->_setActiveMenu('<module>/items');

$this->_addBreadcrumb(Mage::helper('adminhtml')->__('Item Manager'), Mage::helper('adminhtml')->__('Item Manager'));

$this->_addBreadcrumb(Mage::helper('adminhtml')->__('Item News'), Mage::helper('adminhtml')->__('Item News'));

$this->getLayout()->getBlock('head')->setCanLoadExtJs(true);

$this->_addContent($this->getLayout()->createBlock('<module>/adminhtml_<module>_edit'))

->_addLeft($this->getLayout()->createBlock('<module>/adminhtml_<module>_edit_tabs'));

$this->renderLayout();

} else {

Mage::getSingleton('adminhtml/session')->addError(Mage::helper('<module>')->__('Item does not exist'));

$this->_redirect('*/*/');

}

public function newAction()

{

$this->_forward('edit');

}

public function saveAction()

{

if ( $this->getRequest()->getPost() ) {

try {

$postData = $this->getRequest()->getPost();

$<module>Model = Mage::getModel('<module>/<module>');

$<module>Model->setId($this->getRequest()->getParam('id'))

->setTitle($postData['title'])

->setContent($postData['content'])

->setStatus($postData['status'])

->save();

Mage::getSingleton('adminhtml/session')->addSuccess(Mage::helper('adminhtml')->__('Item was successfully saved'));

Mage::getSingleton('adminhtml/session')->set<Module>Data(false);

$this->_redirect('*/*/');

return;

} catch (Exception $e) {

Mage::getSingleton('adminhtml/session')->addError($e->getMessage());

Mage::getSingleton('adminhtml/session')->set<Module>Data($this->getRequest()->getPost());

$this->_redirect('*/*/edit', array('id' => $this->getRequest()->getParam('id')));

return;

}

$this->_redirect('*/*/');

}

public function deleteAction()

{

if( $this->getRequest()->getParam('id') > 0 ) {

try {

$<module>Model = Mage::getModel('<module>/<module>');

$<module>Model->setId($this->getRequest()->getParam('id'))

->delete();

Mage::getSingleton('adminhtml/session')->addSuccess(Mage::helper('adminhtml')->__('Item was successfully deleted'));

$this->_redirect('*/*/');

} catch (Exception $e) {

Mage::getSingleton('adminhtml/session')->addError($e->getMessage());

$this->_redirect('*/*/edit', array('id' => $this->getRequest()->getParam('id')));

}

$this->_redirect('*/*/');

}

/**

* Product grid for AJAX request.

* Sort and filter result for example.

public function gridAction()

{

$this->loadLayout();

$this->getResponse()->setBody(

$this->getLayout()->createBlock('<module>/adminhtml_<module>_grid')->toHtml()

);

}

XML Configuration Changes

/app/code/local/<Namespace>/<Module>/etc/config.xml

<?xml version="1.0"?>
<config>
<modules>
<[Namespace]_[Module]>
<version>0.1.0</version>
</[Namespace]_[Module]>
</modules>
<frontend>
<routers>
<[module]>
<use>standard</use>
<args>
<module>[Namespace]_[Module]</module>
<frontName>[module]</frontName>
</args>
</[module]>
</routers>
<layout>
<updates>
<[module]>
<file>[module].xml</file>
</[module]>
</updates>
</layout>
</frontend>
<admin>
<routers>
<[module]>
<use>admin</use>
<args>
<module>[Namespace]_[Module]</module>
<frontName>[module]</frontName>
</args>
</[module]>
</routers>
</admin>
<adminhtml>
<menu>
<[module] module="[module]">
<title>[Module]</title>
<sort_order>71</sort_order>
<children>
<items module="[module]">
<title>Manage Items</title>
<sort_order>0</sort_order>
<action>[module]/adminhtml_[module]</action>
</items>
</children>
</[module]>
</menu>
<acl>
<resources>
<all>
<title>Allow Everything</title>
</all>
<admin>
<children>
<[module]>
<title>[Module] Module</title>
<sort_order>200</sort_order>
</[module]>
</children>
</admin>
</resources>
</acl>
<layout>
<updates>
<[module]>
<file>[module].xml</file>
</[module]>
</updates>
</layout>
</adminhtml>
<global>
<models>
<[module]>
<class>[Namespace]_[Module]_Model</class>
<resourceModel>[module]_mysql4</resourceModel>
</[module]>
<[module]_mysql4>
<class>[Namespace]_[Module]_Model_Mysql4</class>
<entities>
<[module]>
<table>[module]</table>
</[module]>
</entities>
</[module]_mysql4>
</models>
<resources>
<[module]_setup>
<setup>
<module>[Namespace]_[Module]</module>
</setup>
<connection>
<use>core_setup</use>
</connection>
</[module]_setup>
<[module]_write>
<connection>
<use>core_write</use>
</connection>

</[module]_write>
<[module]_read>
<connection>
<use>core_read</use>
</connection>
</[module]_read>
</resources>
<blocks>
<[module]>
<class>[Namespace]_[Module]_Block</class>
</[module]>
</blocks>
<helpers>
<[module]>
<class>[Namespace]_[Module]_Helper</class>
</[module]>
</helpers>
</global>
</config>

XML Layout

/app/design/adminhtml/<interface>/<theme>/layout/<module>.xml

<?xml version="1.0"?>

<[module]_adminhtml_[module]_index>

</reference>

</[module]_adminhtml_[module]_index>

</layout>

Seperate Adminhtml Configuration

/app/code/local/<Namespace>/<Module>/etc/adminhtml.xml

<?xml version="1.0"?>

<menu>

<[module] module="[module]">

<title>[Module]</title>

<sort_order>71</sort_order>

<title>Manage Items</title>

<sort_order>0</sort_order>

<action>[module]/adminhtml_[module]</action>

</items>

</children>

</[module]>

</menu>

<acl>

<all>

<title>Allow Everything</title>

</all>

<admin>

<[module]>

<title>[Module] Module</title>

<sort_order>200</sort_order>

</[module]>

</children>

</admin>

</resources>

</acl>

<[module]>

<file>[module].xml</file>

</[module]>

</updates>

</layout>

</config>

Standard Magento Admin URLs, no rewrite needed

/app/code/local/<Namespace>/<Module>/etc/config.xml

...

<admin>

<args>

<[module] before="Mage_Adminhtml">[Namespace]_[Module]_Adminhtml</[module]>

</modules>

</args>

</adminhtml>

</routers>

</admin>

<menu>

<[module] module="[module]">

<title>[Module]</title>

<sort_order>71</sort_order>

<title>Manage Items</title>

<sort_order>0</sort_order>

<action>adminhtml/[module]</action>

</items>

</children>

</[module]>

</menu>

...

»» Selengkapnya...

Tuesday, November 4, 2014 Komputer, laravel, Website 0 comments

Laravel Controller Subfolder

Disini saya akan sedikit menjelaskan bagaimana membuat subfolder pada controller, ini biasanya digunakan untuk membuat sebuah halaman admin. langsung aja tanpa banyak basa-basi...

# Pertama masuk ke folder app -- controllers, dan buat sebuah folder (untuk nama terserah, misalkan: admin)

app
--controllers
----admin
------AdminController.php

jadinya seperti berikut ini:

# Kemudian pada composer.json, tambahkan folder baru pada line classmap ("app/controllers/admin")

"autoload": {
"classmap": [
"app/commands",
"app/controllers",
"app/controllers/admin",
"app/models",
"app/database/migrations",
"app/database/seeds",
"app/tests/TestCase.php"
]
},

# Setelah itu jalankan "composer dump-autoload" pada command prompt dan kemudian "php artisan dump-autoload"

# Terakhir, pada routes.php masukan controller seperti berikut:

Route::controller('admin', 'AdminController');

»» Selengkapnya...

Sunday, July 13, 2014 Komputer, Website 2 comments

Instalasi Laravel di Windows

Mungkin kalian pernah mendengar framework ini dan framework itu. Dan mungkin juga ada diantara kalian yang pernah mendengar framework laravel. Ya... Laravel sebuah framework baru yang muncul sekitar tahun 2012 yang dibuat oleh Taylor Otwell dengan mengusung ideologi “clean code” dan “expressiveness”. Framework ini mengaku “clean and classy”, kodenya lebih singkat, mudah dimengerti, dan ekspressif, jadi hanya dengan membaca sekilas kode yang ditulis Anda sudah bisa menduga apa maksudnya tanpa perlu membaca dokumentasi.

Tidak seperti framework PHP kebanyakan, dimana Anda bisa download satu set folder, taruh di web server, dan aplikasi siap dijalankan, Laravel sedikit berbeda dalam hal instalasi. Laravel memiliki dependensi (ketergantungan) terhadap beberapa library PHP lainnya, dimana library tersebut tidak disertakan dalam source laravel yang tersedia untuk didownload. Oleh karena itu Anda haru mendownload library yang dibutuhkan tersebut secara terpisah. Merepotkan? hmm.. tidak juga...

Untuk dapat menjalankan Laravel maka ada beberapa persyaratan hardware maupun software sebagai berikut :

Komputer / Laptop
IDE (Integrated Development Environment)
Webserver
PHP versi >= 5.3
Composer

Untuk memenuhi persyaratan tersebut anda dapat menggunakan sebuah software yang sudah membundle PHP, Apache, MySQL dll yaitu xampp versi terbaru (saat ini adalah versi 1.8.3). Adapun untuk keperluan kita menginstall Laravel 4 dan library-library lain yang kita butuhkan anda harus mengunduh dan menginstall Composer terlebih dahulu.

Setelah semuanya siap dan aplikasi yang dibutuhkan sudah terinstall semua, lakukan langkah-langkah dibawah ini untuk menginstall Laravel 4 di Windows:

Buka http://laravel.com
Klik pada menu “Github”
Anda akan diarahkan ke halaman github laravel
Klik tombol “Download ZIP” disamping kanan
Extract file “laravel-master.zip“ yang tadi anda unduh
Rename folder “laravel-master” menjadi “laravel” (tanpa tanda kutip)
Pindahkan ke direktori htdocs anda (misal C:\xampp\htdocs)
Buka command prompt windows
Arahkan ke direktori laravel dengan perintah “cd c:\xampp\htdocs\laravel”
Ketikkan perintah berikut pada command prompt “composer install”
Tunggu hingga proses installasi selesai

Berikut ini merupakan screenshot saat proses installasi Laravel 4 :

Jika proses installasi selesai sekarang coba anda ketikkan http://localhost/laravel/public/ pada URL web browser anda maka akan tampil halaman seperti berikut ini yang menunjukkan Laravel 4 berhasil diinstall di komputer anda:

Sumber: http://id-laravel.com/post/instalasi-laravel-4

»» Selengkapnya...

Wednesday, April 10, 2013 typo3, Website 0 comments

Blank (empty) page in TYPO3

Banyak beberapa pertanyaan di mailinglist Typo3. mereka banyak bertanya tentang, "Aku melihat blank (empty) page setelah xxx. bagaimana untuk memeperbaiki error tersebut?". Disini aka di jelaskan cara-cara / langkah-langkah untuk menjawab itu :

Go to the Install tool
Select "All configuration"
Set displayErrors to 2
Add your IP address to devIPmask

Sekarang Anda akan melihat kesalahan PHP yang terjadi. Secara default kesalahan ini disembunyikan oleh TYPO3 untuk alasan keamanan dan hal itu menyebabkan halaman kosong. Mengubah setting di atas memungkinkan untuk melihat kesalahan pada alamat IP Anda saja. Error tersebut biasanya akan di tampilkan pada error_log pada hosting anda.

Selamat memperbaiki error pada website anda.. ! :d

»» Selengkapnya...

Tuesday, April 9, 2013 css, Website 0 comments

Box Sizing

Box model dalam sebuah css bekerja seperti ini :

width + padding + border = actual visible/rendered width of box
height + padding + border = actual visible/rendered height of box

Ini kelihatan aneh, tapi kita terbiasa dengan hal itu. Dalam IE 6 dan sebelumnya, ketika dalam "quirks mode" box model diperlakukan berbeda.

width = actual visible/rendered width of box
height = actual visible/rendered height of box

Nilai-nilai border dan padding pindah ke dalam, memotong lebar / tinggi dari kotak daripada mengembangkannya. Berikut ini adalah contoh dari perbedaan itu:

Untuk mengatasi hal ini, kita bisa menggunakan property dari css 3, yaitu "box-sizing". Dengan box-sizing, padding maupun border tidak akan melebihi kotak pembungkusnya. sehingga, seolah-olah padding maupun border tidak di anggap, walaupun di anggap tapi keduanya tidak akan melebihi dari kotak pembungkusnya.

berikut contoh untuk penggunaan box-sizing :

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */

Box-sizing tidak bekerja dengan min-width / max-width / min-height / max-height tetapi dengan satu pengecualian : firefox. Di firefox modern seperti versi 11, box-sizing tidak di anggap. Lihat fiddle ini oleh Beau Smith untuk ilustrasi masalah ini. Bugs ini telah di ketahui sejak 2005.

ket :
Chrome (any) : box-sizing
Opera 8.5+ : box-sizing
Firefox (any) : -moz-box-sizing
Safari 3 : -webkit-box-sizing (unprefixed in 5.1+ versions)
IE8+ : box-sizing

referensi : css tricks (box-sizing)

»» Selengkapnya...

Tuesday, April 2, 2013 Komputer, typo3, Website 0 comments

Blank Page In typo3

Mungkin anda pernah menemui kasus dimana di halaman admin typo3, beberapa page seperti extension manager, install tool->basic configuration, configuration, dan beberapa page lainnya di bagian admin blank (blank page). Dan saya pernah menemui kasus seperti ini, blank page penyebabnya base64 disable. untuk mengatasi masalah ini, coba check disable_function, exclude exec dan base64_decode, jika anda tidak mengetahui cara mengenablenya coba klik

http://bit.ly/Z7wFQa

atau, jika anda masih menemui kendala untuk konfigurasinya, coba anda tanyakan ke bagian support hosting anda.

»» Selengkapnya...

Tuesday, November 6, 2012 Komputer, Kuliah, Website 0 comments

Search Engine dengan Sphinx

Pernah kepikiran untuk membuat search engine? atau pernah kepikiran ingin menyamai kesuksesan google dalam mengusai dunia search engine. Rasanya, raksasa yang satu ini agak susah untuk disamai. tapi tidak menutup kemungkinan kita bisa melebihi kesuksesan google. Bukti nyata, kompetitor dia sekarang adalah facebook, yang bisa di bilang sang anak bawang. Karena facebook terlahir setelah google sudah sukses seperti sekarang ini. Facebook sekarang menjadi momok kompetitor nyata bagi sang raksasa search engine. Karena sebagian besar pengguna internet sekarang pengakses facebook. Tapi, kalau urusan search engine... Google bisa di bilang "seng ada lawan...". Eh Kok, jadi ngurusin kesuksesan google.. hahaha.. yang mau kita bahas disini kan tentang serach engine.

Tenang-tenang.. sabar coy.. itu cuma selingan.. Ok, kali ini saya akan membahas bagaimana caranya membuat search engine sederhana. Tapi, disini kita akan menggunakan sebuah framework yang sudah cukup familiar.. yaitu.. Sphinx Serach. Mungkin disini saya tidak akan membahasa bagaimana sistem kerja dari Sphinx Search ini, yang akan saya bahas disini yaitu bagaimana membuat search engine sederhana menggunakan framework ini. Ok, langsung saja ikuti step by stepnya...

Download SphinxSearch ( Download Sphinx Search ), kemudian pilih versi yang sesuai dengan OS Anda.
Kemudian ekstrak file hasil download tadi sehingga menghasilkan folder “sphinx”
Copy-kan folder sphinx tadi ke drive mana saja, tetapi disarankan ke drive C: agar lebih mudah mengikuti langkah-langkah di postingan ini. :d
Buat file corpus (koleksi dokumen) dengan format xml, isinya bebas, atau Anda dapat meng-copy berikut ini :

Kemudian buka folder sphinx dan buat 3 folder baru dengan nama “data”, “corpus” dan “log”. Kemudian copy file corpus.xml yang telah dibuat tadi ke dalam folder corpus.
Kemudian edit file sphinx.conf yang ada di dalam folder C:sphinx (bisa dibuka dengan notepad++ biar lebih mudah editnya), kemudian ganti semua isinya dengan kode di bawah ini.

Langkah selanjutnya adalah mengindex corpus yang telah kita buat dengan menggunakan command prompt. Bagi pengguna Windows Vista/7/8 harus menjalankan command prompt sebagai Administrator (Run As Administrator), setelah jendela command prompt terbuka jalankan perintah ini:
c:\sphinx\bin\indexer.exe --config c:\sphinx\sphinx.conf --all
Apabila sukses langkah selanjutnya adalah dengan membuat service, masih lewat command prompt ketikan perintah ini:
c:\sphinx\bin\searchd --install --config c:\sphinx\sphinx.conf --servicename MySphinx

Nama service di atas dicontohkan dengan “MySphinx” tapi nama service tersebut dapat terserah Anda.
Langkah terakhir adalah, copy file “sphinxapi.php” dari folder sphinx->apikedalam htdoc (contohnya saya menggunakan XAMPP) Kemudian buat file php sederhana sebagai antar muka sistem.

index.php

result.php

style.css

»» Selengkapnya...

Monday, February 6, 2012 Kuliah, Website 5 comments

Website yang Futuristik

Artikel ini saya persembahkan untuk memenuhi tugas mata kuliah Interaksi Manusia dan Komputer (IMK). Mata kuliah tersebut merupakan salah satu mata kuliah yang saya suka, karena mata kuliah tersebut mengandung banyak interaktifitas, kreativitas dan inovasi baru yang disampaikan, sehingga suasana di dalam ruang kuliah tidak terasa membosankan. Lho, kok jadi membahas mata kuliah IMK?? hehehe... Padahal yang mau dibahas kan "User Interface / Antarmuka Website yang Menarik".
Ok, langsung "to the point" saja.
Dan siapakah yang menjadi korbannya?
http://id.blackberry.com/ (Blackberry Indonesia) yang menjadi "korban" saya. Ini merupakan salah satu website provider gadget terkenal di dunia.

Berikut ini adalah tampilan ketika saya mengetikkan "id.blackberry.com" di address bar browser saya :

Kesan pertama begitu menggoda, selanjutnya terserah anda... hehehe..

Pertama kali kita membuka website ini, kesan futuristik dan elegan pun terlihat pada website ini. Perpaduan warna hitam dan warna lainnya pun selaras, sehingga menambah elegannya tampilan website ini.

Berikut adalah tampilan-tampilan ketika saya menjelajah di website tersebut :

Smartphones

Tablet

Aplikasi & Perangkat Lunak

Dukungan

Lokasi Penjualan

Selain tampilan-tampilan pada menu utama di atas. Website ini pun memiliki interaksi antar pengguna dan sistem. Halaman yang memungkinkan pengguna berinteraksi dengan sistem, yaitu halaman perbandingan. Pada halaman tersebut pengguna dapat memilih gadget apa yang akan mereka bandingkan. Berikut adalah contoh interaksi pengguna dengan sistem.

Halaman Perbandingan

Halaman Untuk Memilih Gadget yang akan dibandingkan

Pengguna Memilih Gadget yang akan dibandingkan

Hasil Perbandingan

Saya rasa sudah cukup kita mangaduk-aduk isi website ini. Setiap ada kelebihan pasti ada kekurangan, begitu juga dengan website ini. Dari hasil pengamatan dan analisa saya, berikut saya sampaikan sedikit kekurangan dari website ini :

Menu "tablet" pada menu utama tidak konsisten dengan menu-menu lainnya. pada saat cursor mouse di dekati (hover) / aktif, warna menu tidak sama dengan menu-menu lainnya saat aktif maupun hover

2. Tidak ada fasilitas "search" atau pencarian.

3. Loading halaman, terutama halaman yang menampilkan banyak gambar cukup lambat.

Mungkin hanya itu yang bisa saya bahas mengenai website Blackberry Indonesia ini. Kurang lebihnya, saya hanyalah seorang pengguna biasa yang berusaha mengutarakan pendapat saya... Cieee.. bahasanya... hehe..

"BUKAN BENAR ATAU SALAH TETAPI YANG TERPENTING ADALAH RESPON".

»» Selengkapnya...

Monday, January 9, 2012 Website 0 comments

Hack Css

Mungkin kalian yang pernah berkecimpung didunia perwebsite-an.. *Bukan per-web-setan*. pernah mengalami kasus saat buat css/style template, di browser yang 1 stylenya udah bagus dan rapi, tapi pas di buka di browser lain malah berantakan. Terutama pada browser yang berikon "e". Browser ini ("e"), mang agak sedikit rusuh terutama dalam masalah margin, khususnya double margin. untuk mengakalinya kita gunakan berbagai macam cara salah satunya, klo orang bilang sih hack css. ya.. apalah namanya terserah...

Berikut ane kasih contoh cara penggunaan hack css, ini bwt yang browser "e" tadi :

#header { margin-top:100px } <- buat all browser

kadang margin suka ngaco di browser "e" tadi, jd klo buat browser "e" tambahin tag di depannya. jadi :

* html #header { margin-top:0; padding-top:100px; } <- ini buat "e" yang versi 6, marginnya di matiin trs diganti sama padding

Itu ga kebaca sama browser lain.

*+html #header { margin-top:0; padding-top:100px; } <- buat "e" versi 7

kalo bwt yang versi 8 nya ga perlu tambah tag, tapi di masukin ke

@media \0screen {
#header { margin-top:0; padding-top:100px; }
}

»» Selengkapnya...

Life is an Adventure

Membuat Extension Magento

Activate Module

Create Controller

Create Configuration XML

Create Helper

Create Models

SQL Setup

Template Design

Directory Additions

Controller

XML Configuration Changes

XML Layout

Seperate Adminhtml Configuration

Standard Magento Admin URLs, no rewrite needed

Laravel Controller Subfolder

Instalasi Laravel di Windows

Blank (empty) page in TYPO3

Box Sizing

Blank Page In typo3

Search Engine dengan Sphinx

Website yang Futuristik

Hack Css

Label

Blogger

Arsip Blog

Followers

Twitter