CARA MEMBUAT MEGA MENU DENGAN YAMM BOOTSTRAP 3

Oke pada kesempatan kali ini saya akan memberikan tutorial singkat tentang cara membuat mega menu di bootstrap 3 dengan Yamm (Yet Another Megamenu). Mega menu sangat dibutuhkan bagi website ecommerce maupun website yang memiliki banyak produk dan jasa yang di tawarkan, sebenarnya tutorial ini saya buat berdasarkan pengalaman saya menggarap project toko online dimana banya kategori dan barang yang di jual sehingga membutuhkan banyak link kategori dan sub link untuk produk, nah untuk mengatasi hal tersebut kita bisa menggunakan yamm (Yet Another Megamenu) sebagai jawaban dari kegalauan membuat mega menu. berikut ini adalah contoh yang saya buat menggunakan yamm yang sudah saya buat sesuai yang saya inginkan, beriku ini adalah screenshootnya :

Ketika di hover kursor maka otomatis megamenu dropdown muncul, lihat gambar berikut :

untuk melihat demo dan download source codenya silahkan klik link berikut

DEMO

DOWNLOAD

Bagaimana.? mudah bukan untuk membuat mega menu dengan yamm.? pastinya ya, silahkan dikembangkan ya, semoga apa yang saya share bisa bermanfaat.

ss : http://www.hakkoblogs.com/

READ MORE - CARA MEMBUAT MEGA MENU DENGAN YAMM BOOTSTRAP 3

Aplikasi Web Pencatat Transaksi Toko Sederhana dengan PHP dan Mysql

Halo gan pengunjung setia SedotPHP share lagi nih aplikasi sederhana untuk pencatat transaksi toko sederhana dengan php dan mysql, template menggunakan bootstrap. sama seperti aplikasi desktop pada umumnya , aplikasi ini berfungsi sebagai pencatat transaksi baik jual beli atau jasa pada toko kecil.

Cara Instalasi :

1. Buat database baru di server lokal anda dengan nama innes_tour
2. Import file sql innes_tour.sql
3. Ubah konfigurasi database pada Connection/innes_tour.php

 $hostname_innes_tour = "localhost"; // biarkan saja
$database_innes_tour = "innes_tour"; // nama database
$username_innes_tour = "root"; // user database
$password_innes_tour = "mysql"; // password mysql anda jika menggunakan xampp biarkan kosong

          Jika anda menggunakan domain silahkan ubah

 $url = "http://localhost/innes"; 

          di  Connection/innes_tour.php

Demo

1. Halaman Transaksi

2. Halaman Jasa / Barang

3. Halaman Laporan Harian

Silahkan Sedot disini http://sedotphp.blogspot.co.id/

Download File Transaksi

Download Database

READ MORE - Aplikasi Web Pencatat Transaksi Toko Sederhana dengan PHP dan Mysql

Cara Membuat Database MySQL Dengan PHP

Cara membuat database MySQL dengan PHP — Sudah lama tidak posting tentang bahasa pemrograman ya, kali ini kita akan mempelajari sedikit tentang bagaimana cara membuat database baru di MySQL dengan menggunakan PHP.

PHP MySQL (Image:iniod.com)

Membuat tabel MySQL sebenarnya bisa saja dilakukan dengan menggunakan PHPMyAdmin misalnya, namun untuk keperluan pemrograman, misalnya Anda membuat CMS sendiri, tentu proses instalasi CMS tersebut perlu menyertakan script untuk pembuatan database.

Berikut script singkat untuk membuat database MySQL dengan PHP. Proses pembuatan database ini menggunakan ekstensi MySQLi, karena ekstensi MySQL sebelumnya sudah tidak digunakan lagi sejak 2012.

<?php
# Variables
$servername = "localhost";
$username = "root";
$password = "password";

# Check Database
$db = new mysqli($servername, $username, $password);

if($db->connect_error){
 die('Koneksi Gagal: ' . $db->connect_error);
}

# Query SQL to create a new database
$sql = "CREATE DATABASE PerusahaanXYZ";

if ($db->query($sql) === TRUE) {
    echo "Database Sukses Dibuat";
} else {
    echo "Database Gagal Dibuat: " . $db->error;
}
?>

Disitu terlihat bagaima script pertama mencoba melakukan pengecekan database, apakah berhasil terkoneksi atau tidak. Jika koneksi berhasil maka akan dilanjutkan dengan mengeksekusi query MySQL.

Jika proses berhasil maka akan ditampilkan pemberitahuan bahwa database sukses dibuat.

ss : http://www.jurnalweb.com/

READ MORE - Cara Membuat Database MySQL Dengan PHP

Membuat Katalog Produk dengan PHP MySQL

Kali ini, kita akan membuat katalog produk dengan menggunakan Twitter Bootsrap, PHP dan MySQL. Bagi yang belum tahu, Twitter bootstrap adalah CSS framework (template CSS) yang didesain secara modern, cantik dan cocok untuk aplikasi web2.0 tanpa harus susah payah belajar CSS. Untuk praktik kali ini kita akan menggunakan tabel produk dengan data smartphone terbaru beserta gambar dan harganya.

Katalog yang akan kita buat ada 3 variasi yaitu simple tabel, list dan thumbnail. Sebelum lebih lanjut, perlu diketahui bahwa membuat katalog sebenarnya sama dengan menampilkan data seperti biasa, peredaannya pada tata letaknya saja.

Simple tabel

Cocok dipakai untuk data yang sangat banyak namun tampilan gambar tidak terlalu penting.

Teknik membuat katalog sederhana dengan format tabel

Source code

?

source code

<?php $query=" SELECT * from  produk ";   $result=mysql_query($query) or die(mysql_error()); $no=1; //proses menampilkan data while($rows=mysql_fetch_object($result)){       ?> <tr> <td><?=$no;?></td> <td><?=$rows -> merek;?></td> <td><?=$rows -> nama;?></td> <td><span class="label label-success">Rp. <?=$rows -> harga;?>,00</span></td> <td><a href="index.php?mod=chart&pg=chart&action=add&id=<?=$rows->idproduk?>" class=btn > <i class='icon-shopping-cart'></i>beli</a></td> </tr> <? $no++; }?>

Tampilan List

Tampilan ini berisi gambar disisi kiri dan deskripsi di sisi kanan. Cocok dipakai untuk menampilkan spesifikasi produk secara detail.

source code

<?php $query=" SELECT * from  produk "; $result=mysql_query($query) or die(mysql_error()); $no=1; //proses menampilkan data while($rows=mysql_fetch_object($result)){ ?> <div class="row">   <div class="span8">     <div class="row">       <div class="span8">         <h4><strong><a href="#"><?=$rows -> nama;?></a></strong></h4>       </div>     </div>     <div class="row">       <div class="span2"> <a href="#" class="thumbnail"> <img src="image/<?=$rows -> foto;?>" alt=""> </a>       </div>       <div class="span6">       <p align='justify'>       <?=$rows -> deskripsi;?>       </p> <p><span class="label label-success"> <i class="icon-star icon-white"></i><?=$rows -> merek;?></span>&nbsp; <span class="label label-success">Harga:<i class="icon-chart"></i><?=$rows -> harga;?></span> <a href="index.php?mod=chart&pg=chart&action=add&id=<?=$rows->idproduk?>" class='btn' >  <i class='icon-shopping-cart'></i>beli</a>         </p>       </div>     </div>   </div> </div> <? } ?>

Tampilan Thumbnail

Katalog jenis ini cocok untuk menampilkan produk yang menekankan pada aspek visual atau desainnya.

source code

?

source code

<div class="row">   <ul class='thumbnails'>        <?php        //bata paging   require_once('inc/config.php');    $query="SELECT * from produk order by idproduk desc"; $result=mysql_query($query) or die(mysql_error()); $no=1; //proses menampilkan data while($rows=mysql_fetch_object($result)){ ?>   <li class="span3">   <div class="thumbnail pagination-centered">   <h4><a href="#"><?=$rows -> merek;?>&nbsp;<?=$rows -> nama;?></a></h4>   <hr class="lessspace" />          <img src="image/<?=$rows->foto?>" alt=""/> <p><a class="btn btn-large btn-block btn-primary" href="index.php?mod=chart&pg=chart&action=add&id=<?=$rows->idproduk?>"> <i class="icon-shopping-cart icon-white"></i> Harga Rp.<?=$rows -> harga;?>,00 </a>         </p>       </div>     </li>     <? $no++; }?> </ul> </div>

Demo Dan source code

Demo bisa anda lihat secara live disini, dan anda bisa mendownload source code lengkapnya disini. Sebagai kejutan, katalog ini juga sudah saya beri kode untuk melakukan proses transaksi, silahkan dicoba langsung di halaman demonya. Proses transaksi akan saya bahas diartikel selanjutnya.

CR : http://www.candra.web.id/

READ MORE - Membuat Katalog Produk dengan PHP MySQL