video tutorial codeigniter

August 23, 2017

apa itu codeigniter – codeigniter merupakan sebuah framework atau kerangka kerja untuk membuat pekerjaan membangun website lebih cepat dan aman,kenapa harus framework ,karena frameworksudah di lengkapi fitur keamanan website jadi kita tidak perlu banyak membuat settingan ,akan tetapi yang namanya website pasti saja ada celah yang dapat di jebol atau di rusak oleh hacker,maka dari itu perlu sedikit tambahan di framework codeigniter agar lebih aman

saya yakin jika anda membaca artikel ini dan memlihat video ini ,anda berada di level dimana anda ,baru atau ingin belajar framework codeigniter,maka dari itu saya melampikarkan video bagaimana cara setting framework codeigniter

sebelum anda meliha video setting codeigniter kita akan membuat database inventory dulu sebagai studi kasus nya

-- Adminer 4.2.4 MySQL dump

SET NAMES utf8;
SET time_zone = '+00:00';
SET foreign_key_checks = 0;
SET sql_mode = 'NO_AUTO_VALUE_ON_ZERO';

DROP TABLE IF EXISTS `barang`;
CREATE TABLE `barang` (
  `id_barang` int(11) NOT NULL AUTO_INCREMENT,
  `nama_barang` varchar(100) NOT NULL,
  `stok` int(100) NOT NULL,
  `status` int(1) NOT NULL,
  PRIMARY KEY (`id_barang`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `barang` (`id_barang`, `nama_barang`, `stok`, `status`) VALUES
(1,	'Baju',	9,	1),
(2,	'Celana',	200,	1);

DROP TABLE IF EXISTS `customer`;
CREATE TABLE `customer` (
  `id_customer` int(11) NOT NULL AUTO_INCREMENT,
  `nama_customer` varchar(100) NOT NULL,
  `alamat` varchar(100) NOT NULL,
  `no_telpon` varchar(100) NOT NULL,
  PRIMARY KEY (`id_customer`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `customer` (`id_customer`, `nama_customer`, `alamat`, `no_telpon`) VALUES
(1,	'Fahmi Tamvan',	'USA',	'008');

DROP TABLE IF EXISTS `login`;
CREATE TABLE `login` (
  `id_akun` int(11) NOT NULL AUTO_INCREMENT,
  `nama_lengkap` varchar(50) NOT NULL,
  `username` varchar(20) NOT NULL,
  `password` varchar(32) NOT NULL,
  `terakhir_login` date NOT NULL,
  PRIMARY KEY (`id_akun`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;

INSERT INTO `login` (`id_akun`, `nama_lengkap`, `username`, `password`, `terakhir_login`) VALUES
(1,	'fahmi nugraha',	'fahmi',	'202cb962ac59075b964b07152d234b70',	'2017-04-03'),
(2,	'fahmi rizky',	'rizky99',	'897c8fde25c5cc5270cda61425eed3c8',	'2014-07-17'),
(3,	'nugraha',	'nugraha',	'202cb962ac59075b964b07152d234b70',	'2017-04-01'),
(4,	'orang tamvan',	'tamvan',	'd41d8cd98f00b204e9800998ecf8427e',	'0000-00-00');

DROP TABLE IF EXISTS `stok_keluar`;
CREATE TABLE `stok_keluar` (
  `id_stok_keluar` int(11) NOT NULL AUTO_INCREMENT,
  `id_customer` int(11) NOT NULL,
  `id_barang` int(11) NOT NULL,
  `qty` int(11) NOT NULL,
  `tanggal` varchar(100) NOT NULL,
  PRIMARY KEY (`id_stok_keluar`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `stok_keluar` (`id_stok_keluar`, `id_customer`, `id_barang`, `qty`, `tanggal`) VALUES
(2,	1,	1,	9,	'1');

DROP TABLE IF EXISTS `stok_masuk`;
CREATE TABLE `stok_masuk` (
  `id_stok_masuk` int(11) NOT NULL AUTO_INCREMENT,
  `id_suplier` int(11) NOT NULL,
  `id_barang` int(11) NOT NULL,
  `qty` int(11) NOT NULL,
  `tanggal` varchar(100) NOT NULL,
  PRIMARY KEY (`id_stok_masuk`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `stok_masuk` (`id_stok_masuk`, `id_suplier`, `id_barang`, `qty`, `tanggal`) VALUES
(2,	2,	2,	10,	'2');

DROP TABLE IF EXISTS `suplier`;
CREATE TABLE `suplier` (
  `id_suplier` int(11) NOT NULL AUTO_INCREMENT,
  `nama_suplier` varchar(100) NOT NULL,
  `alamat` varchar(100) NOT NULL,
  `no_telpon` varchar(100) NOT NULL,
  PRIMARY KEY (`id_suplier`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `suplier` (`id_suplier`, `nama_suplier`, `alamat`, `no_telpon`) VALUES
(2,	'Fahmi Tamvan',	'Roma',	'08780917682');

-- 2017-04-02 23:11:16

-- Adminer 4.2.4 MySQL dump

SET NAMES utf8;

SET time_zone = '+00:00';

SET foreign_key_checks = 0;

SET sql_mode = 'NO_AUTO_VALUE_ON_ZERO';

DROP TABLE IF EXISTS `barang`;

CREATE TABLE `barang` (

`id_barang` int(11) NOT NULL AUTO_INCREMENT,

`nama_barang` varchar(100) NOT NULL,

`stok` int(100) NOT NULL,

`status` int(1) NOT NULL,

PRIMARY KEY (`id_barang`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `barang` (`id_barang`, `nama_barang`, `stok`, `status`) VALUES

(1, 'Baju', 9, 1),

(2, 'Celana', 200, 1);

DROP TABLE IF EXISTS `customer`;

CREATE TABLE `customer` (

`id_customer` int(11) NOT NULL AUTO_INCREMENT,

`nama_customer` varchar(100) NOT NULL,

`alamat` varchar(100) NOT NULL,

`no_telpon` varchar(100) NOT NULL,

PRIMARY KEY (`id_customer`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `customer` (`id_customer`, `nama_customer`, `alamat`, `no_telpon`) VALUES

(1, 'Fahmi Tamvan', 'USA', '008');

DROP TABLE IF EXISTS `login`;

CREATE TABLE `login` (

`id_akun` int(11) NOT NULL AUTO_INCREMENT,

`nama_lengkap` varchar(50) NOT NULL,

`username` varchar(20) NOT NULL,

`password` varchar(32) NOT NULL,

`terakhir_login` date NOT NULL,

PRIMARY KEY (`id_akun`)

) ENGINE=MyISAM DEFAULT CHARSET=latin1;

INSERT INTO `login` (`id_akun`, `nama_lengkap`, `username`, `password`, `terakhir_login`) VALUES

(1, 'fahmi nugraha', 'fahmi', '202cb962ac59075b964b07152d234b70', '2017-04-03'),

(2, 'fahmi rizky', 'rizky99', '897c8fde25c5cc5270cda61425eed3c8', '2014-07-17'),

(3, 'nugraha', 'nugraha', '202cb962ac59075b964b07152d234b70', '2017-04-01'),

(4, 'orang tamvan', 'tamvan', 'd41d8cd98f00b204e9800998ecf8427e', '0000-00-00');

DROP TABLE IF EXISTS `stok_keluar`;

CREATE TABLE `stok_keluar` (

`id_stok_keluar` int(11) NOT NULL AUTO_INCREMENT,

`id_customer` int(11) NOT NULL,

`id_barang` int(11) NOT NULL,

`qty` int(11) NOT NULL,

`tanggal` varchar(100) NOT NULL,

PRIMARY KEY (`id_stok_keluar`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `stok_keluar` (`id_stok_keluar`, `id_customer`, `id_barang`, `qty`, `tanggal`) VALUES

(2, 1, 1, 9, '1');

DROP TABLE IF EXISTS `stok_masuk`;

CREATE TABLE `stok_masuk` (

`id_stok_masuk` int(11) NOT NULL AUTO_INCREMENT,

`id_suplier` int(11) NOT NULL,

`id_barang` int(11) NOT NULL,

`qty` int(11) NOT NULL,

`tanggal` varchar(100) NOT NULL,

PRIMARY KEY (`id_stok_masuk`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `stok_masuk` (`id_stok_masuk`, `id_suplier`, `id_barang`, `qty`, `tanggal`) VALUES

(2, 2, 2, 10, '2');

DROP TABLE IF EXISTS `suplier`;

CREATE TABLE `suplier` (

`id_suplier` int(11) NOT NULL AUTO_INCREMENT,

`nama_suplier` varchar(100) NOT NULL,

`alamat` varchar(100) NOT NULL,

`no_telpon` varchar(100) NOT NULL,

PRIMARY KEY (`id_suplier`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `suplier` (`id_suplier`, `nama_suplier`, `alamat`, `no_telpon`) VALUES

(2, 'Fahmi Tamvan', 'Roma', '08780917682');

-- 2017-04-02 23:11:16

kedua membuat setting codeigniter

1	$config['base_url'] = 'http://localhost/CI_inventory/';

Setting koneksi database ke codeiginiter

$active_group = 'default';

$query_builder = TRUE;

$db['default'] = array(

'dsn' => '',

'hostname' => 'localhost',

'username' => 'root',

'password' => '',

'database' => 'Ci_inventory',

'dbdriver' => 'mysqli',

'dbprefix' => '',

'pconnect' => FALSE,

'db_debug' => (ENVIRONMENT !== 'production'),

'cache_on' => FALSE,

'cachedir' => '',

'char_set' => 'utf8',

'dbcollat' => 'utf8_general_ci',

'swap_pre' => '',

'encrypt' => FALSE,

'compress' => FALSE,

'stricton' => FALSE,

'failover' => array(),

'save_queries' => TRUE

);

ketiga kita akan membuat controller codeigniter file welcome

<?php

class Welcome extends CI_Controller {

public function index()

{

$this->load->view('design/header');

$this->load->view('design/home');

$this->load->view('design/footer');

}

jangan dulu di running karena kita belum membuat view di codeigniter

kita aka membuat view berinama header.php

<!DOCTYPE html>

<head>
    <meta charset="utf-8" />
    <title>Dashboard</title>

<link href="<?php echo base_url();?>assets/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="#" rel="stylesheet" />
    <link href="<?php echo base_url();?>assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>assets/css/weather-icons.min.css" rel="stylesheet" />

<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,600,700,300" rel="stylesheet" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
    
    <link href="<?php echo base_url();?>assets/css/beyond.min.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo base_url();?>assets/css/demo.min.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>assets/css/typicons.min.css" rel="stylesheet" />
    <link href="<?php echo base_url();?>assets/css/animate.min.css" rel="stylesheet" />
    <link id="skin-link" href="#" rel="stylesheet" type="text/css" />

<script src="<?php echo base_url();?>assets/js/skins.min.js"></script>
</head>


<body>
    
    <div class="loading-container">
        <div class="loader"></div>
    </div>
    
    
    <div class="navbar">
        <div class="navbar-inner">
            <div class="navbar-container">
                
                <div class="navbar-header pull-left">
                    <a href="#" class="navbar-brand">
                        <small>
                            <img src="<?php echo base_url();?>assets/img/logo.png" alt="" />
                        </small>
                    </a>
                </div>
                
                
                <div class="sidebar-collapse" id="sidebar-collapse">
                    <i class="collapse-icon fa fa-bars"></i>
                </div>
                
                
                <div class="navbar-header pull-right">
                    <div class="navbar-account">
                        <ul class="account-area">
                            <li>
                                <a class=" dropdown-toggle" data-toggle="dropdown" title="Notifications" href="#">
                                    <i class="icon fa fa-warning"></i>
                                </a>
                                
                                <ul class="pull-right dropdown-menu dropdown-arrow dropdown-notifications">
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <div class="notification-icon">
                                                    <i class="fa fa-phone bg-themeprimary white"></i>
                                                </div>
                                                <div class="notification-body">
                                                    <span class="title">Skype meeting with Patty</span>
                                                    <span class="description">01:00 pm</span>
                                                </div>
                                                <div class="notification-extra">
                                                    <i class="fa fa-clock-o themeprimary"></i>
                                                    <span class="description">office</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <div class="notification-icon">
                                                    <i class="fa fa-check bg-darkorange white"></i>
                                                </div>
                                                <div class="notification-body">
                                                    <span class="title">Uncharted break</span>
                                                    <span class="description">03:30 pm - 05:15 pm</span>
                                                </div>
                                                <div class="notification-extra">
                                                    <i class="fa fa-clock-o darkorange"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <div class="notification-icon">
                                                    <i class="fa fa-gift bg-warning white"></i>
                                                </div>
                                                <div class="notification-body">
                                                    <span class="title">Kate birthday party</span>
                                                    <span class="description">08:30 pm</span>
                                                </div>
                                                <div class="notification-extra">
                                                    <i class="fa fa-calendar warning"></i>
                                                    <i class="fa fa-clock-o warning"></i>
                                                    <span class="description">at home</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <div class="notification-icon">
                                                    <i class="fa fa-glass bg-success white"></i>
                                                </div>
                                                <div class="notification-body">
                                                    <span class="title">Dinner with friends</span>
                                                    <span class="description">10:30 pm</span>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="dropdown-footer ">
                                        <span>
                                            Today, March 28
                                        </span>
                                        <span class="pull-right">
                                            10°c
                                            <i class="wi wi-cloudy"></i>
                                        </span>
                                    </li>
                                </ul>
                                
                            </li>
                            <li>
                                <a class="dropdown-toggle" data-toggle="dropdown" title="Mails" href="#">
                                    <i class="icon fa fa-envelope"></i>
                                    <span class="badge">3</span>
                                </a>
                                
                                <ul class="pull-right dropdown-menu dropdown-arrow dropdown-messages">
                                    <li>
                                        <a href="#">
                                            <img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" class="message-avatar" alt="Divyia Austin">
                                            <div class="message">
                                                <span class="message-sender">
                                                    Divyia Austin
                                                </span>
                                                <span class="message-time">
                                                    2 minutes ago
                                                </span>
                                                <span class="message-subject">
                                                    Here's the recipe for apple pie
                                                </span>
                                                <span class="message-body">
                                                    to identify the sending application when the senders image is shown for the main icon
                                                </span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="<?php echo base_url();?>assets/img/avatars/bing.png" class="message-avatar" alt="Microsoft Bing">
                                            <div class="message">
                                                <span class="message-sender">
                                                    Bing.com
                                                </span>
                                                <span class="message-time">
                                                    Yesterday
                                                </span>
                                                <span class="message-subject">
                                                    Bing Newsletter: The January Issue‏
                                                </span>
                                                <span class="message-body">
                                                    Discover new music just in time for the Grammy® Awards.
                                                </span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="<?php echo base_url();?>assets/img/avatars/adam-jansen.jpg" class="message-avatar" alt="Divyia Austin">
                                            <div class="message">
                                                <span class="message-sender">
                                                    Nicolas
                                                </span>
                                                <span class="message-time">
                                                    Friday, September 22
                                                </span>
                                                <span class="message-subject">
                                                    New 4K Cameras
                                                </span>
                                                <span class="message-body">
                                                    The 4K revolution has come over the horizon and is reaching the general populous
                                                </span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                                
                            </li>
                            <li>
                                <a class="dropdown-toggle" data-toggle="dropdown" title="Tasks" href="#">
                                    <i class="icon fa fa-tasks"></i>
                                    <span class="badge">4</span>
                                </a>
                                
                                <ul class="pull-right dropdown-menu dropdown-tasks dropdown-arrow ">
                                    <li class="dropdown-header bordered-darkorange">
                                        <i class="fa fa-tasks"></i>
                                        4 Tasks In Progress
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <span class="pull-left">Account Creation</span>
                                                <span class="pull-right">65%</span>
                                            </div>

<div class="progress progress-xs">
                                                <div style="width:65%" class="progress-bar"></div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <span class="pull-left">Profile Data</span>
                                                <span class="pull-right">35%</span>
                                            </div>

<div class="progress progress-xs">
                                                <div style="width:35%" class="progress-bar progress-bar-success"></div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <span class="pull-left">Updating Resume</span>
                                                <span class="pull-right">75%</span>
                                            </div>

<div class="progress progress-xs">
                                                <div style="width:75%" class="progress-bar progress-bar-darkorange"></div>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <span class="pull-left">Adding Contacts</span>
                                                <span class="pull-right">10%</span>
                                            </div>

<div class="progress progress-xs">
                                                <div style="width:10%" class="progress-bar progress-bar-warning"></div>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="dropdown-footer">
                                        <a href="#">
                                            See All Tasks
                                        </a>
                                        <button class="btn btn-xs btn-default shiny darkorange icon-only pull-right"><i class="fa fa-check"></i></button>
                                    </li>
                                </ul>
                                
                            </li>
                            <li>
                                <a class="wave in" id="chat-link" title="Chat" href="#">
                                    <i class="icon glyphicon glyphicon-comment"></i>
                                </a>
                            </li>
                            <li>
                                <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                    <div class="avatar" title="View your public profile">
                                        <img src="<?php echo base_url();?>assets/img/avatars/adam-jansen.jpg">
                                    </div>
                                    <section>
                                        <h2><span class="profile"><span>David Stevenson</span></span></h2>
                                    </section>
                                </a>
                                
                                <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                    <li class="username"><a>David Stevenson</a></li>
                                    <li class="email"><a>David.Stevenson@live.com</a></li>
                                    
                                    <li>
                                        <div class="avatar-area">
                                            <img src="<?php echo base_url();?>assets/img/avatars/adam-jansen.jpg" class="avatar">
                                            <span class="caption">Change Photo</span>
                                        </div>
                                    </li>
                                    
                                    <li class="edit">
                                        <a href="profile.html" class="pull-left">Profile</a>
                                        <a href="#" class="pull-right">Setting</a>
                                    </li>
                                    
                                    <li class="theme-area">
                                        <ul class="colorpicker" id="skin-changer">
                                            <li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="<?php echo base_url();?>assets/css/skins/blue.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="<?php echo base_url();?>assets/css/skins/azure.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="<?php echo base_url();?>assets/css/skins/teal.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="<?php echo base_url();?>assets/css/skins/green.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="<?php echo base_url();?>assets/css/skins/orange.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="<?php echo base_url();?>assets/css/skins/pink.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="<?php echo base_url();?>assets/css/skins/darkred.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="<?php echo base_url();?>assets/css/skins/purple.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="<?php echo base_url();?>assets/css/skins/darkblue.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="<?php echo base_url();?>assets/css/skins/gray.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="<?php echo base_url();?>assets/css/skins/black.min.css"></a></li>
                                            <li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="<?php echo base_url();?>assets/css/skins/deepblue.min.css"></a></li>
                                        </ul>
                                    </li>
                                    
                                    <li class="dropdown-footer">
                                        <a href="<?php echo base_url();?>login/logout">
                                            Sign out
                                        </a>
                                    </li>
                                </ul>
                                
                            </li>
                            
                            
                            
                        </ul><div class="setting">
                            <a id="btn-setting" title="Setting" href="#">
                                <i class="icon glyphicon glyphicon-cog"></i>
                            </a>
                        </div><div class="setting-container">
                            <label>
                                <input type="checkbox" id="checkbox_fixednavbar">
                                <span class="text">Fixed Navbar</span>
                            </label>
                            <label>
                                <input type="checkbox" id="checkbox_fixedsidebar">
                                <span class="text">Fixed SideBar</span>
                            </label>
                            <label>
                                <input type="checkbox" id="checkbox_fixedbreadcrumbs">
                                <span class="text">Fixed BreadCrumbs</span>
                            </label>
                            <label>
                                <input type="checkbox" id="checkbox_fixedheader">
                                <span class="text">Fixed Header</span>
                            </label>
                        </div>
                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    
    
    <div class="main-container container-fluid">
        
        <div class="page-container">

<div class="page-sidebar" id="sidebar">
                
                <div class="sidebar-header-wrapper">
                    <input type="text" class="searchinput" />
                    <i class="searchicon fa fa-search"></i>
                    <div class="searchhelper">Search Reports, Charts, Emails or Notifications</div>
                </div>
                
                
                <ul class="nav sidebar-menu">
                    
                    <li class="active">
                        <a href="index-2.html">
                            <i class="menu-icon glyphicon glyphicon-home"></i>
                            <span class="menu-text"> Dashboard </span>
                        </a>
                    </li>
                    
                    <li>
                        <a href="<?php echo base_url();?>barang">
                            <i class="menu-icon glyphicon glyphicon-tasks"></i>
                            <span class="menu-text"> Data Barang </span>
                        </a>
                    </li>
					 <li>
                        <a href="<?php echo base_url();?>suplier">
                            <i class="menu-icon glyphicon glyphicon-tasks"></i>
                            <span class="menu-text"> Data Suplier </span>
                        </a>
                    </li>
					 <li>
                        <a href="<?php echo base_url();?>customer">
                            <i class="menu-icon glyphicon glyphicon-tasks"></i>
                            <span class="menu-text"> Data Customer </span>
                        </a>
                    </li>
					 <li>
                        <a href="<?php echo base_url();?>stok_masuk">
                            <i class="menu-icon glyphicon glyphicon-tasks"></i>
                            <span class="menu-text"> Data Stok Masuk </span>
                        </a>
                    </li>
                   <li>
                        <a href="<?php echo base_url();?>stok_keluar">
                            <i class="menu-icon glyphicon glyphicon-tasks"></i>
                            <span class="menu-text"> Data Stok Keluar </span>
                        </a>
                    </li>
					 <li>
                        <a href="<?php echo base_url();?>stok">
                            <i class="menu-icon glyphicon glyphicon-tasks"></i>
                            <span class="menu-text"> Data Stok</span>
                        </a>
                    </li>
					<li>
                        <a href="<?php echo base_url();?>user">
                            <i class="menu-icon glyphicon glyphicon-tasks"></i>
                            <span class="menu-text">Pengaturan</span>
                        </a>
                    </li>
                  
                </ul>
                
            </div>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

<!DOCTYPE html>

<!--

BeyondAdmin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.6

Version: 1.6.0

Purchase: https://wrapbootstrap.com/theme/beyondadmin-adminapp-angularjs-mvc-WB06R48S4

-->

<head>

<title>Dashboard</title>

</head>

<body>

</div>

<small>

<img src="<?php echo base_url();?>assets/img/logo.png" alt="" />

</small>

</a>

</div>

</div>

<li>

</a>

<li>

</div>

<span class="title">Skype meeting with Patty</span>

</div>

<span class="description">office</span>

</div>

</a>

</li>

<li>

</div>

<span class="title">Uncharted break</span>

</div>

</div>

</a>

</li>

<li>

</div>

<span class="title">Kate birthday party</span>

</div>

</div>

</a>

</li>

<li>

</div>

<span class="title">Dinner with friends</span>

</div>

</a>

</li>

<span>

Today, March 28

</span>

10°c

</span>

</li>

</ul>

</li>

<li>

</a>

<li>

<img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" class="message-avatar" alt="Divyia Austin">

Divyia Austin

</span>

2 minutes ago

</span>

Here's the recipe for apple pie

</span>

to identify the sending application when the senders image is shown for the main icon

</span>

</div>

</a>

</li>

<li>

<img src="<?php echo base_url();?>assets/img/avatars/bing.png" class="message-avatar" alt="Microsoft Bing">

Bing.com

</span>

Yesterday

</span>

Bing Newsletter: The January Issue‏

</span>

Discover new music just in time for the Grammy® Awards.

</span>

</div>

</a>

</li>

<li>

<img src="<?php echo base_url();?>assets/img/avatars/adam-jansen.jpg" class="message-avatar" alt="Divyia Austin">

Nicolas

</span>

Friday, September 22

</span>

New 4K Cameras

</span>

The 4K revolution has come over the horizon and is reaching the general populous

</span>

</div>

</a>

</li>

</ul>

</li>

<li>

</a>

4 Tasks In Progress

</li>

<li>

<span class="pull-left">Account Creation</span>

</div>

</div>

</a>

</li>

<li>

<span class="pull-left">Profile Data</span>

</div>

</div>

</a>

</li>

<li>

<span class="pull-left">Updating Resume</span>

</div>

</div>

</a>

</li>

<li>

<span class="pull-left">Adding Contacts</span>

</div>

</div>

</a>

</li>

See All Tasks

</a>

</li>

</ul>

</li>

<li>

</a>

</li>

<li>

<img src="<?php echo base_url();?>assets/img/avatars/adam-jansen.jpg">

</div>

<h2><span class="profile"><span>David Stevenson</span></span></h2>

</section>

</a>

<li class="username"><a>David Stevenson</a></li>

<li class="email"><a>David.Stevenson@live.com</a></li>

<li>

<img src="<?php echo base_url();?>assets/img/avatars/adam-jansen.jpg" class="avatar">

<span class="caption">Change Photo</span>

</div>

</li>

<a href="profile.html" class="pull-left">Profile</a>

<a href="#" class="pull-right">Setting</a>

</li>

<li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="<?php echo base_url();?>assets/css/skins/blue.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="<?php echo base_url();?>assets/css/skins/azure.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="<?php echo base_url();?>assets/css/skins/teal.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="<?php echo base_url();?>assets/css/skins/green.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="<?php echo base_url();?>assets/css/skins/orange.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="<?php echo base_url();?>assets/css/skins/pink.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="<?php echo base_url();?>assets/css/skins/darkred.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="<?php echo base_url();?>assets/css/skins/purple.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="<?php echo base_url();?>assets/css/skins/darkblue.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="<?php echo base_url();?>assets/css/skins/gray.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="<?php echo base_url();?>assets/css/skins/black.min.css"></a></li>

<li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="<?php echo base_url();?>assets/css/skins/deepblue.min.css"></a></li>

</ul>

</li>

<a href="<?php echo base_url();?>login/logout">

Sign out

</a>

</li>

</ul>

</li>

<!--Note: notice that setting div must start right after account area list.

no space must be between these elements-->

</ul><div class="setting">

</a>

</div><div class="setting-container">

<label>

<span class="text">Fixed Navbar</span>

</label>

<label>

<span class="text">Fixed SideBar</span>

</label>

<label>

<span class="text">Fixed BreadCrumbs</span>

</label>

<label>

<span class="text">Fixed Header</span>

</label>

</div>

</div>

</div>

<div class="searchhelper">Search Reports, Charts, Emails or Notifications</div>

</div>

<span class="menu-text"> Dashboard </span>

</a>

</li>

<li>

<a href="<?php echo base_url();?>barang">

<span class="menu-text"> Data Barang </span>

</a>

</li>

<li>

<a href="<?php echo base_url();?>suplier">

<span class="menu-text"> Data Suplier </span>

</a>

</li>

<li>

<a href="<?php echo base_url();?>customer">

<span class="menu-text"> Data Customer </span>

</a>

</li>

<li>

<a href="<?php echo base_url();?>stok_masuk">

<span class="menu-text"> Data Stok Masuk </span>

</a>

</li>

<li>

<a href="<?php echo base_url();?>stok_keluar">

<span class="menu-text"> Data Stok Keluar </span>

</a>

</li>

<li>

</a>

</li>

<li>

<span class="menu-text">Pengaturan</span>

</a>

</li>

</ul>

</div>

itu merupakan template yang sudah di sesuaikan dengan codeigniter

kita akan buat juga footer.php masih di view yah

<div id="chatbar" class="page-chatbar">
                <div class="chatbar-contacts">
                    <div class="contacts-search">
                        <input type="text" class="searchinput" placeholder="Search Contacts" />
                        <i class="searchicon fa fa-search"></i>
                        <div class="searchhelper">Search Your Contacts and Chat History</div>
                    </div>
                    <ul class="contacts-list">
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Divyia Philips</div>
                                <div class="contact-status">
                                    <div class="online"></div>
                                    <div class="status">online</div>
                                </div>
                                <div class="last-chat-time">
                                    last week
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/Nicolai-Larson.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Adam Johnson</div>
                                <div class="contact-status">
                                    <div class="offline"></div>
                                    <div class="status">left 4 mins ago</div>
                                </div>
                                <div class="last-chat-time">
                                    today
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/John-Smith.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">John Smith</div>
                                <div class="contact-status">
                                    <div class="online"></div>
                                    <div class="status">online</div>
                                </div>
                                <div class="last-chat-time">
                                    1:57 am
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/Osvaldus-Valutis.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Osvaldus Valutis</div>
                                <div class="contact-status">
                                    <div class="online"></div>
                                    <div class="status">online</div>
                                </div>
                                <div class="last-chat-time">
                                    today
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/Javi-Jimenez.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Javi Jimenez</div>
                                <div class="contact-status">
                                    <div class="online"></div>
                                    <div class="status">online</div>
                                </div>
                                <div class="last-chat-time">
                                    today
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/Stephanie-Walter.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Stephanie Walter</div>
                                <div class="contact-status">
                                    <div class="online"></div>
                                    <div class="status">online</div>
                                </div>
                                <div class="last-chat-time">
                                    yesterday
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/Sergey-Azovskiy.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Sergey Azovskiy</div>
                                <div class="contact-status">
                                    <div class="offline"></div>
                                    <div class="status">offline since oct 24</div>
                                </div>
                                <div class="last-chat-time">
                                    22 oct
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/Lee-Munroe.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Lee Munroe</div>
                                <div class="contact-status">
                                    <div class="online"></div>
                                    <div class="status">online</div>
                                </div>
                                <div class="last-chat-time">
                                    today
                                </div>
                            </div>
                        </li>
                        <li class="contact">
                            <div class="contact-avatar">
                                <img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" />
                            </div>
                            <div class="contact-info">
                                <div class="contact-name">Divyia Philips</div>
                                <div class="contact-status">
                                    <div class="online"></div>
                                    <div class="status">online</div>
                                </div>
                                <div class="last-chat-time">
                                    last week
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="chatbar-messages" style="display: none;">
                    <div class="messages-contact">
                        <div class="contact-avatar">
                            <img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" />
                        </div>
                        <div class="contact-info">
                            <div class="contact-name">Divyia Philips</div>
                            <div class="contact-status">
                                <div class="online"></div>
                                <div class="status">online</div>
                            </div>
                            <div class="last-chat-time">
                                a moment ago
                            </div>
                            <div class="back">
                                <i class="fa fa-arrow-circle-left"></i>
                            </div>
                        </div>
                    </div>
                    <ul class="messages-list">
                        <li class="message">
                            <div class="message-info">
                                <div class="bullet"></div>
                                <div class="contact-name">Me</div>
                                <div class="message-time">10:14 AM, Today</div>
                            </div>
                            <div class="message-body">
                                Hi, Hope all is good. Are we meeting today?
                            </div>
                        </li>
                        <li class="message reply">
                            <div class="message-info">
                                <div class="bullet"></div>
                                <div class="contact-name">Divyia</div>
                                <div class="message-time">10:15 AM, Today</div>
                            </div>
                            <div class="message-body">
                                Hi, Hope all is good. Are we meeting today?
                            </div>
                        </li>
                        <li class="message">
                            <div class="message-info">
                                <div class="bullet"></div>
                                <div class="contact-name">Me</div>
                                <div class="message-time">10:14 AM, Today</div>
                            </div>
                            <div class="message-body">
                                Hi, Hope all is good. Are we meeting today?
                            </div>
                        </li>
                        <li class="message reply">
                            <div class="message-info">
                                <div class="bullet"></div>
                                <div class="contact-name">Divyia</div>
                                <div class="message-time">10:15 AM, Today</div>
                            </div>
                            <div class="message-body">
                                Hi, Hope all is good. Are we meeting today?
                            </div>
                        </li>
                        <li class="message">
                            <div class="message-info">
                                <div class="bullet"></div>
                                <div class="contact-name">Me</div>
                                <div class="message-time">10:14 AM, Today</div>
                            </div>
                            <div class="message-body">
                                Hi, Hope all is good. Are we meeting today?
                            </div>
                        </li>
                        <li class="message reply">
                            <div class="message-info">
                                <div class="bullet"></div>
                                <div class="contact-name">Divyia</div>
                                <div class="message-time">10:15 AM, Today</div>
                            </div>
                            <div class="message-body">
                                Hi, Hope all is good. Are we meeting today?
                            </div>
                        </li>
                    </ul>
                    <div class="send-message">
                        <span class="input-icon icon-right">
                            <textarea rows="4" class="form-control" placeholder="Type your message"></textarea>
                            <i class="fa fa-camera themeprimary"></i>
                        </span>
                    </div>
                </div>
            </div>

</div>

<script src="<?php echo base_url();?>assets/js/jquery.min.js"></script>
    <script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url();?>assets/js/slimscroll/jquery.slimscroll.min.js"></script>

<script src="<?php echo base_url();?>assets/js/beyond.js"></script>

<script src="<?php echo base_url();?>assets/js/charts/sparkline/jquery.sparkline.js"></script>
    <script src="<?php echo base_url();?>assets/js/charts/sparkline/sparkline-init.js"></script>

<script src="<?php echo base_url();?>assets/js/charts/easypiechart/jquery.easypiechart.js"></script>
    <script src="<?php echo base_url();?>assets/js/charts/easypiechart/easypiechart-init.js"></script>

<script src="<?php echo base_url();?>assets/js/charts/flot/jquery.flot.js"></script>
    <script src="<?php echo base_url();?>assets/js/charts/flot/jquery.flot.resize.js"></script>
    <script src="<?php echo base_url();?>assets/js/charts/flot/jquery.flot.pie.js"></script>
    <script src="<?php echo base_url();?>assets/js/charts/flot/jquery.flot.tooltip.js"></script>
    <script src="<?php echo base_url();?>assets/js/charts/flot/jquery.flot.orderBars.js"></script>

/*Sets Themed Colors Based on Themes*/
            themeprimary = getThemeColorFromCss('themeprimary');
            themesecondary = getThemeColorFromCss('themesecondary');
            themethirdcolor = getThemeColorFromCss('themethirdcolor');
            themefourthcolor = getThemeColorFromCss('themefourthcolor');
            themefifthcolor = getThemeColorFromCss('themefifthcolor');

//Sets The Hidden Chart Width
            $('#dashboard-bandwidth-chart')
                .data('width', $('.box-tabbs')
                    .width() - 20);

//-------------------------Visitor Sources Pie Chart----------------------------------------//
            var data = [
                {
                    data: [[1, 21]],
                    color: '#fb6e52'
                },
                {
                    data: [[1, 12]],
                    color: '#e75b8d'
                },
                {
                    data: [[1, 11]],
                    color: '#a0d468'
                },
                {
                    data: [[1, 10]],
                    color: '#ffce55'
                },
                {
                    data: [[1, 46]],
                    color: '#5db2ff'
                }
            ];
            var placeholder = $("#dashboard-pie-chart-sources");
            placeholder.unbind();

$.plot(placeholder, data, {
                series: {
                    pie: {
                        innerRadius: 0.45,
                        show: true,
                        stroke: {
                            width: 4
                        }
                    }
                }
            });

//------------------------------Visit Chart------------------------------------------------//
            var data2 = [{
                color: themesecondary,
                label: "Direct Visits",
                data: [[3, 2], [4, 5], [5, 4], [6, 11], [7, 12], [8, 11], [9, 8], [10, 14], [11, 12], [12, 16], [13, 9],
                [14, 10], [15, 14], [16, 15], [17, 9]],

lines: {
                    show: true,
                    fill: true,
                    lineWidth: .1,
                    fillColor: {
                        colors: [{
                            opacity: 0
                        }, {
                            opacity: 0.4
                        }]
                    }
                },
                points: {
                    show: false
                },
                shadowSize: 0
            },
                {
                    color: themeprimary,
                    label: "Referral Visits",
                    data: [[3, 10], [4, 13], [5, 12], [6, 16], [7, 19], [8, 19], [9, 24], [10, 19], [11, 18], [12, 21], [13, 17],
                    [14, 14], [15, 12], [16, 14], [17, 15]],
                    bars: {
                        order: 1,
                        show: true,
                        borderWidth: 0,
                        barWidth: 0.4,
                        lineWidth: .5,
                        fillColor: {
                            colors: [{
                                opacity: 0.4
                            }, {
                                opacity: 1
                            }]
                        }
                    }
                },
                {
                    color: themethirdcolor,
                    label: "Search Engines",
                    data: [[3, 14], [4, 11], [5, 10], [6, 9], [7, 5], [8, 8], [9, 5], [10, 6], [11, 4], [12, 7], [13, 4],
                    [14, 3], [15, 4], [16, 6], [17, 4]],
                    lines: {
                        show: true,
                        fill: false,
                        fillColor: {
                            colors: [{
                                opacity: 0.3
                            }, {
                                opacity: 0
                            }]
                        }
                    },
                    points: {
                        show: true
                    }
                }
            ];
            var options = {
                legend: {
                    show: false
                },
                xaxis: {
                    tickDecimals: 0,
                    color: '#f3f3f3'
                },
                yaxis: {
                    min: 0,
                    color: '#f3f3f3',
                    tickFormatter: function (val, axis) {
                        return "";
                    },
                },
                grid: {
                    hoverable: true,
                    clickable: false,
                    borderWidth: 0,
                    aboveData: false,
                    color: '#fbfbfb'

},
                tooltip: true,
                tooltipOpts: {
                    defaultTheme: false,
                    content: " <b>%x May</b> , <b>%s</b> : <span>%y</span>",
                }
            };
            var placeholder = $("#dashboard-chart-visits");
            var plot = $.plot(placeholder, data2, options);

//------------------------------Real-Time Chart-------------------------------------------//
            var realTimedata = [],
                realTimedata2 = [],
                totalPoints = 300;

// Do a random walk

while (realTimedata.length < totalPoints) {

var prev = realTimedata.length > 0 ? realTimedata[realTimedata.length - 1] : 50,
                        y = prev + Math.random() * 10 - 5;

if (y < 0) {
                        y = 0;
                    } else if (y > 100) {
                        y = 100;
                    }
                    realTimedata.push(y);
                }

// Zip the generated y values with the x values

var res = [];
                for (var i = 0; i < realTimedata.length; ++i) {
                    res.push([i, realTimedata[i]]);
                }

return res;
            }
            function getRandomData2() {
                if (realTimedata2.length > 0)
                    realTimedata2 = realTimedata2.slice(1);

// Do a random walk

while (realTimedata2.length < totalPoints) {

var prev = realTimedata2.length > 0 ? realTimedata[realTimedata2.length] : 50,
                        y = prev - 25;

if (y < 0) {
                        y = 0;
                    } else if (y > 100) {
                        y = 100;
                    }
                    realTimedata2.push(y);
                }

var res = [];
                for (var i = 0; i < realTimedata2.length; ++i) {
                    res.push([i, realTimedata2[i]]);
                }

return res;
            }
            // Set up the control widget
            var updateInterval = 500;
            var plot = $.plot("#dashboard-chart-realtime", getSeriesObj(), {
                yaxis: {
                    color: '#f3f3f3',
                    min: 0,
                    max: 100,
                    tickFormatter: function (val, axis) {
                        return "";
                    }
                },
                xaxis: {
                    color: '#f3f3f3',
                    min: 0,
                    max: 100,
                    tickFormatter: function (val, axis) {
                        return "";
                    }
                },
                grid: {
                    hoverable: true,
                    clickable: false,
                    borderWidth: 0,
                    aboveData: false
                },
                colors: ['#eee', themeprimary],
            });

function update() {

plot.setData(getSeriesObj());

plot.draw();
                setTimeout(update, updateInterval);
            }
            update();

//-------------------------Initiates Easy Pie Chart instances in page--------------------//
            InitiateEasyPieChart.init();

//-------------------------Initiates Sparkline Chart instances in page------------------//
            InitiateSparklineCharts.init();
        });

</script>

</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

516

517

518

519

520

521

522

523

524

525

526

527

528

529

530

531

532

533

534

535

536

537

538

539

540

541

542

543

544

545

546

547

548

549

550

551

552

553

554

555

556

557

558

559

560

561

562

563

564

565

566

567

568

569

570

571

572

573

574

575

576

<div class="searchhelper">Search Your Contacts and Chat History</div>

</div>

<img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" />

</div>

<div class="contact-name">Divyia Philips</div>

<div class="status">online</div>

</div>

last week

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/Nicolai-Larson.jpg" />

</div>

<div class="contact-name">Adam Johnson</div>

</div>

today

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/John-Smith.jpg" />

</div>

<div class="contact-name">John Smith</div>

<div class="status">online</div>

</div>

1:57 am

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/Osvaldus-Valutis.jpg" />

</div>

<div class="contact-name">Osvaldus Valutis</div>

<div class="status">online</div>

</div>

today

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/Javi-Jimenez.jpg" />

</div>

<div class="contact-name">Javi Jimenez</div>

<div class="status">online</div>

</div>

today

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/Stephanie-Walter.jpg" />

</div>

<div class="contact-name">Stephanie Walter</div>

<div class="status">online</div>

</div>

yesterday

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/Sergey-Azovskiy.jpg" />

</div>

<div class="contact-name">Sergey Azovskiy</div>

<div class="status">offline since oct 24</div>

</div>

22 oct

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/Lee-Munroe.jpg" />

</div>

<div class="contact-name">Lee Munroe</div>

<div class="status">online</div>

</div>

today

</div>

</li>

<img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" />

</div>

<div class="contact-name">Divyia Philips</div>

<div class="status">online</div>

</div>

last week

</div>

</li>

</ul>

</div>

<img src="<?php echo base_url();?>assets/img/avatars/divyia.jpg" />

</div>

<div class="contact-name">Divyia Philips</div>

<div class="status">online</div>

</div>

a moment ago

</div>

</div>

<div class="message-time">10:14 AM, Today</div>

</div>

Hi, Hope all is good. Are we meeting today?

</div>

</li>

<div class="contact-name">Divyia</div>

<div class="message-time">10:15 AM, Today</div>

</div>

Hi, Hope all is good. Are we meeting today?

</div>

</li>

<div class="message-time">10:14 AM, Today</div>

</div>

Hi, Hope all is good. Are we meeting today?

</div>

</li>

<div class="contact-name">Divyia</div>

<div class="message-time">10:15 AM, Today</div>

</div>

Hi, Hope all is good. Are we meeting today?

</div>

</li>

<div class="message-time">10:14 AM, Today</div>

</div>

Hi, Hope all is good. Are we meeting today?

</div>

</li>

<div class="contact-name">Divyia</div>

<div class="message-time">10:15 AM, Today</div>

</div>

Hi, Hope all is good. Are we meeting today?

</div>

</li>

</ul>

</span>

</div>

</div>

// If you want to draw your charts with Theme colors you must run initiating charts after that current skin is loaded

$(window).bind("load", function () {

/*Sets Themed Colors Based on Themes*/

themeprimary = getThemeColorFromCss('themeprimary');

themesecondary = getThemeColorFromCss('themesecondary');

themethirdcolor = getThemeColorFromCss('themethirdcolor');

themefourthcolor = getThemeColorFromCss('themefourthcolor');

themefifthcolor = getThemeColorFromCss('themefifthcolor');

//Sets The Hidden Chart Width

$('#dashboard-bandwidth-chart')

.data('width', $('.box-tabbs')

.width() - 20);

//-------------------------Visitor Sources Pie Chart----------------------------------------//

var data = [

{

data: [[1, 21]],

color: '#fb6e52'

{

data: [[1, 12]],

color: '#e75b8d'

{

data: [[1, 11]],

color: '#a0d468'

{

data: [[1, 10]],

color: '#ffce55'

{

data: [[1, 46]],

color: '#5db2ff'

}

];

var placeholder = $("#dashboard-pie-chart-sources");

placeholder.unbind();

$.plot(placeholder, data, {

series: {

pie: {

innerRadius: 0.45,

show: true,

stroke: {

width: 4

}

});

//------------------------------Visit Chart------------------------------------------------//

var data2 = [{

color: themesecondary,

label: "Direct Visits",

data: [[3, 2], [4, 5], [5, 4], [6, 11], [7, 12], [8, 11], [9, 8], [10, 14], [11, 12], [12, 16], [13, 9],

[14, 10], [15, 14], [16, 15], [17, 9]],

lines: {

show: true,

fill: true,

lineWidth: .1,

fillColor: {

colors: [{

opacity: 0

}, {

opacity: 0.4

}]

}

points: {

show: false

shadowSize: 0

{

color: themeprimary,

label: "Referral Visits",

data: [[3, 10], [4, 13], [5, 12], [6, 16], [7, 19], [8, 19], [9, 24], [10, 19], [11, 18], [12, 21], [13, 17],

[14, 14], [15, 12], [16, 14], [17, 15]],

bars: {

order: 1,

show: true,

borderWidth: 0,

barWidth: 0.4,

lineWidth: .5,

fillColor: {

colors: [{

opacity: 0.4

}, {

opacity: 1

}]

}

{

color: themethirdcolor,

label: "Search Engines",

data: [[3, 14], [4, 11], [5, 10], [6, 9], [7, 5], [8, 8], [9, 5], [10, 6], [11, 4], [12, 7], [13, 4],

[14, 3], [15, 4], [16, 6], [17, 4]],

lines: {

show: true,

fill: false,

fillColor: {

colors: [{

opacity: 0.3

}, {

opacity: 0

}]

}

points: {

show: true

}

];

var options = {

legend: {

show: false

xaxis: {

tickDecimals: 0,

color: '#f3f3f3'

yaxis: {

min: 0,

color: '#f3f3f3',

tickFormatter: function (val, axis) {

return "";

grid: {

hoverable: true,

clickable: false,

borderWidth: 0,

aboveData: false,

color: '#fbfbfb'

tooltip: true,

tooltipOpts: {

defaultTheme: false,

content: " <b>%x May</b> , <b>%s</b> : <span>%y</span>",

}

};

var placeholder = $("#dashboard-chart-visits");

var plot = $.plot(placeholder, data2, options);

//------------------------------Real-Time Chart-------------------------------------------//

var realTimedata = [],

realTimedata2 = [],

totalPoints = 300;

var getSeriesObj = function () {

return [

{

data: getRandomData(),

lines: {

show: true,

lineWidth: 1,

fill: true,

fillColor: {

colors: [

{

opacity: 0

}, {

opacity: 1

}

]

steps: false

shadowSize: 0

}, {

data: getRandomData2(),

lines: {

lineWidth: 0,

fill: true,

fillColor: {

colors: [

{

opacity: .5

}, {

opacity: 1

}

]

steps: false

shadowSize: 0

}

];

};

function getRandomData() {

if (realTimedata.length > 0)

realTimedata = realTimedata.slice(1);

// Do a random walk

while (realTimedata.length < totalPoints) {

var prev = realTimedata.length > 0 ? realTimedata[realTimedata.length - 1] : 50,

y = prev + Math.random() * 10 - 5;

if (y < 0) {

y = 0;

} else if (y > 100) {

y = 100;

}

realTimedata.push(y);

}

// Zip the generated y values with the x values

var res = [];

for (var i = 0; i < realTimedata.length; ++i) {

res.push([i, realTimedata[i]]);

}

return res;

}

function getRandomData2() {

if (realTimedata2.length > 0)

realTimedata2 = realTimedata2.slice(1);

// Do a random walk

while (realTimedata2.length < totalPoints) {

var prev = realTimedata2.length > 0 ? realTimedata[realTimedata2.length] : 50,

y = prev - 25;

if (y < 0) {

y = 0;

} else if (y > 100) {

y = 100;

}

realTimedata2.push(y);

}

var res = [];

for (var i = 0; i < realTimedata2.length; ++i) {

res.push([i, realTimedata2[i]]);

}

return res;

}

// Set up the control widget

var updateInterval = 500;

var plot = $.plot("#dashboard-chart-realtime", getSeriesObj(), {

yaxis: {

color: '#f3f3f3',

min: 0,

max: 100,

tickFormatter: function (val, axis) {

return "";

}

xaxis: {

color: '#f3f3f3',

min: 0,

max: 100,

tickFormatter: function (val, axis) {

return "";

}

grid: {

hoverable: true,

clickable: false,

borderWidth: 0,

aboveData: false

colors: ['#eee', themeprimary],

});

function update() {

plot.setData(getSeriesObj());

plot.draw();

setTimeout(update, updateInterval);

}

update();

//-------------------------Initiates Easy Pie Chart instances in page--------------------//

InitiateEasyPieChart.init();

//-------------------------Initiates Sparkline Chart instances in page------------------//

InitiateSparklineCharts.init();

});

</script>

</html>

hehhehe pusing ga belajar codeigniter nya ,biar santai sejenak saya kasih lihat deh hasil jadi nya gimana tapi berupa video tutorial codeigniter yah

Dan saya pun akan mencontohkan aplikasi yang di buat oleh framework codeigniter,yang dimna aplikasi ini di buat menggunakan framework codeigniter 3 yaitu aplikasi inventory ,aplikasi ini menggunakan codeigniter dan boostrap