Showing posts with label Pemrograman web desain. Show all posts
Showing posts with label Pemrograman web desain. Show all posts

Monday 14 April 2014

Install WordPress offline localhost xampp pada komputer sendiri


Hari ini saya kepikiran pengen membuat toko online dengan wordpress, dalam hal ini saya membuat website toko online dengan cara offline dilocalhost dengan menggunakan xampp, hal pertama yang harus dilalukan adalah :
1. Download xampp di website resmi :  https://www.apachefriends.org
2. Download CMS WordPress di website resmi : http://wordpress.org/

Langkah Berikutnya cara installasi CMS WordPress sebagai berikut :
  1. Buka folder XAMPP di komputer Anda. Lalu bukalah folder htdocs. Copy-kan file WordPress ke dalam folder ini. Lebih mudahnya, buka Windows Explorer, lalu ketik C:\xampp\htdocs pada bagian folder address seperti terlihat pada gambar di bawah ini. 
  2. Jika file download masih dalam bentuk compress, maka ekstrak terlebih dahulu. Default folder hasil ekstrak biasanya bernama ‘wordpress’. Jika mau, nantinya Anda bisa mengganti nama folder ini menjadi nama yang Anda sukai. Katakanlah nama website Anda. Di sini saya menggantinya dengan nama ‘blogku’. Jika diakses, hasilnya akan terlihat seperti gambar di bawah ini :
  3. Buka browser yang ada dikomputer anda. Untuk membuka situs wordpress offline ini, nantinya kita bisa mengaksesnya dengan alamat http://localhost/nama_folder. Kalau milik saya ya bukanya pakai alamat http://localhost/blogku. Jika milik Anda tetap memakai folder default, maka alamatnya http://localhost/wordpress. Ketikkan di address bar. Lalu klik Create a Configuration File. dan install wordpress di localhost, setelah itu maka muncul kotak dialog seperti pada gambar di bawah ini :
    Kemudian Kik Let's Go, maka akan menuju proses selanjutnya.
  4. Isikan nama database, user name, dan password yang sudah Anda buat sebelumnya. Pada bagian Database Host isikan dengan localhost saja. Klik Submit. Kemudian muncul kotak dialog Klik Run, seperti pada gambar dibawah ini :
  5. Isikan data-data yang dibutuhkan untuk admin dan nama website. Setelah itu klik install wordpress
  6. Masukkan username dan password yang telah Anda buat pada langkah diatas untuk login ke Dashboard. Cara lain bisa langsung mengetikkan alamat di browser http://localhost/nama_folder/wp-admin. Jika di tempat saya berarti menggunakan alamat http://localhost/blogku/wp-admin. Jika Berhasil Maka Tampilan nya seperti ini :
  7. Setelah itu tinggal settingan template dan content yang lain,,, untuk mengetehui caranya ikuti terus blog ini :)
Hmmm Pembuatan Toko Online dengan CMS WordPress offline localhost di xampp sudah jalan, tinggal otak atik yang lain.. :)

Sumber :
wordpress.org
http://webhostmu.com

Friday 22 November 2013

Membangun Aplikasi Web PHP Dengan Framework Yii

Membangun Aplikasi Web PHP Dengan Framework Yii

Setelah mengetahui Definisi Framework Yii saat nya kita nyoba,,hehe sedikit curhat, saya pertama kali dikenalkan framework ini oleh bos saya ditempat kerja praktek https://www.beeaccounting.com/ hehe, saya dan tempat saya dapet tugas buat web base dengan yii, aduh berat juga,,, hehe. Kembali ke topik, kali ini saya ingin berbagi pengalaman Membangun Aplikasi Web PHP dengan framework Yii, langkah awal nya yaitu installasi Yii Framework di Windows :

Sunday 20 October 2013

Menambahkan Framework YII di Netbeans

Menambahkan Framework YII di Netbeans



Disela-sela ngerjakan Tugas Akhir, iseng iseng ngepost cara menambahkan plugin yii framework di netbeans, sedikit curcol,,hehe tugas akhir sama membuat website, disini saya menggunakan yii dan xampp 1.7.3 dan netbeans 7.3.1, angka nya hampir sama,, hehe ah gak penting,, langsung saja ke TKP, langkah pertama yang harus di lakukan adalah
1. Download xampp disini https://www.apachefriends.org/download.html
2. Download netbeans disini https://netbeans.org/downloads/
3. Download plugin yii framework nya disini http://plugins.netbeans.org/plugin/47246/php-yii-framework-netbeans-phpcc
#waktu download plugin sesuaikan netbeans yang digunakan.
4. Buka Tools pilih Plugin, Seperti gambar berikut

5. Browse lokasi plugin yii yang telah anda download, seperti gambar berikut :
Setelah dipilih hasil downlaod, kemudian anda klik open dan klik next hingga finish

6. Aturlah lokasi yiic.php pada folder yii/framework/yiic.php
 untuk mengatur lokasi,pilih tools dan options seperti gambar berikut :


7. Setting lokasi php.exe pada folder xampp/php/php.exe . Klik OK

8. Sekarang anda dapat membuat project PHP baru menggunakan Yii Framework.


 Installasi plugin sudah selesai, tinggal saatnya buat web aplikasi,,, hehe

Sumber :
http://www.yiiframework.com/wiki/83/netbeans-ide-and-yii-projects
http://phpsabila.wordpress.com/2013/07/12/cara-menginstall-plugin-yii-di-ide-netbeans/
AutoComplete CodeIgniter di NetBeans

AutoComplete CodeIgniter di NetBeans

Menambahkan Framework CodeIgniter di Netbeans, Beberapa hari kemarin saya mendapatkan tugas untuk mencoba CodeIgniter (salah satu framework PHP yang terkenal), biasanya saya menggunakan framework yii sekarang mencoba belajar codeIgniter.Pada tugas ini ane membuat data mahasiswa yang terdiri dari nrp, nama mahasiswa, jenis kelamin, kelas mahasiswa.Setelah googling saya nemu plugin untuk Netbeans di Project Kenai.
Plugin ini membantu saya untuk membuat new project berupa PHP Project Wizard hingga auto-complete yang menyenangkan. Langsung saja, untuk memulainya pastikan kamu sudah menginstal Netbeans dengan PHP support (bisa didownload di sini). Kemudian….
1. Buka Netbean, kemudian pilih Tools -> Plugins. Kemudian pilih tab Settings.
2. Klik tombol Add.
Add Plugin
3. Kemudian masukkan Name (misal: CI atau CodeIgniter atau sesuai keinginan), kemudian untuk URL masukan URL berikut:
Catatan : URL diatas sesuaikan versi netbeans yang kamu gunakan dan cek pada browser, apakah ada atau tidak. Misalnya http://kenai.com/downloads/nbphpci/Latest_NetBeans{Versi di sini}/updates.xml
Tampilan diatas Jika dibuka di browser, kayak bentuk xml,,hehe

4.  Kemudian buka tab Available Plugins dan cari CodeIgniter, dan akan keluar dua plugin yaitu Framework dan Framework Repository. Cek keduanya, kemudian klik Install.
Catatan : Jangan Lupa butuh koneksi Internet saat install berjalan

5. Setelah sudah Buka Tools -> Pilih Settings. Kemudian pilih tab PHP, Pastikan ada Tab CodeIgniter dan buka tab tersebut.

6. Pada Base Files, Klik Add Zip … Kemudian masukan file zip CodeIgniter. Kemudian klik OK.
Add file zip CodeIgniter
Catatan : download terlebih dahulu file codeigniter nya..hehe
 7.  Pindah ke tab General, Pada PHP 5 Interpreter, Pilih Browse, kemudian cari File php.exe pada web server kamu, misal pada xampp, ada pada \xampp\php\php.exe. Kemudian klik OK untuk menyimpan.
 
8. Restart Netbean mu. Kemudian coba buat project baru, klik menu File New Project.

9. Ikut New PHP Project Wizardnya, Kemudian pada Wizard terakhir pilih CodeIgniter PHP Web Framework.
New PHP Project Wizard halaman terakhir, pilih CodeIgniter PHP Web Framework
Berikut contoh auto-compete atau yang biasa disebut intellisense untuk CodeIgniter PHP Web Framework:


 Sumber : https://kenai.com/projects/nbphpci/pages/NBInstall

Sunday 13 October 2013

Menghilangkan Jumlah Barang atau Nomor di Kategori Produk Opencart

Menghilangkan Jumlah Barang atau Nomor di Kategori Produk Opencart

Sudah lama menghilang dari kehidupan blogging, jadi kangen ni.. hehe, kali ini akan membahas tentang Opencart, nah udah pada tau belum Opencart itu apa ?, langsung saja deh, opencart itu sistem online shopping open source cart berbasis PHP, seperti toko online, bisnis online, dan berpartisipasi dalam e-commerce dengan biaya yang minimal. menurut saya Opencart ini sangat ringan dan mudah untuk di Oprek, kali ini saya akan menshare kan apa yang saya dapet yaitu tetang Trik dan tips Menghilangkan Jumlah Barang atau Nomor di Kategori Produk Opencart.

Langkah Menghilangkan jumlah barang di kategori Opencart di kateogori sidebar:
Buka file:
catalog/controller/modul/category.php
Kemudian cari source:

$children_data[] = array(
'category_id' => $child['category_id'],
'name'        => $child['name'] . ' (' . $product_total . ')',
'href'        => $this->url->link('product/category', 'path=' . 
           $category['category_id'] . '_' . $child['category_id'])
);

Kemudian rubah source tersebut menjadi :

$children_data[] = array(
'category_id' => $child['category_id'],
'name'        => $child['name'],
'href'        => $this->url->link('product/category', 'path=' . 
         $category['category_id'] . '_' . $child['category_id'])
);
 
Setelah dirubah seperti pada contoh diatas, refresh browser temen temen, apa yang terjadi.. hehe

nah selanjut nya kita akan Menghilangkan jumlah barang di kategori header Opencart, langkahnya:
Buka File:
catalog/controller/common/header.php
Kemudian cari source

$children_data[] = array(
'category_id' => $child['category_id'] . ' (' . $product_total . ')',
'name'        => $child['name'] . ' (' . $product_total . ')',
'href'        => $this->url->link('product/category', 'path=' . 
             $category['category_id'] . '_' . $child['category_id'])
);
 
Kemudian rubahlah source tersebut pada source diatas ada tulisan yang 
tercetak tebal, nah itu yang yg di hilangkan, menjadi:
 
$children_data[] = array(
'category_id' => $child['category_id'],
'name'        => $child['name'] . ' (' . $product_total . ')',
'href'        => $this->url->link('product/category', 'path=' . 
           $category['category_id'] . '_' . $child['category_id'])
);
 

Setelah semua langkah menghilangkan jumlah barang di kategori Opencart di atas dilakukan, resfresh browser lihat apa yang terjadi.. hehe



Thursday 21 June 2012

Tutorial membuat menu/submenu drop down css jquery dan source code

Tutorial membuat menu/submenu drop down css jquery dan source code

Tutorial tentang cara membuat menu atau submenu drop down dengan css dan jquery pada website atau blog, setelah saya mencoba dengan css dan jquery akhir nya memperoleh hasil yang lumayan menarik,.,hehe,. sebelum mengikuti langkah-langkah dari ebook atau tutorial ini sebaiknya mengetahu tentang penjelasan css dan jquery, ok langsung saja mengenai css singkatan dari (Cascading Style Sheet) merupakan cara mempercantik tampilan website yang diruba pada bagian Background, Text, Fonts, Links, Lists, dan Tables serta tag-tag yang lain. kemudian penjelasan jquery yaitu