Selasa, 17 Oktober 2017

Tutorial Membuat Tampilan Chat dengan Html dan CSS

Assalamualaikum sahabat lupacode semuanya...

Bagaimana kabar kalian sekarang ? Semoga kita tetap berada didalam perlindungan allah swt.

lama rasanya admin tidak uodate tutorial maupun source code diblog kesayangan ini hihii...

Berhubung pada akhir - akhir ini admin banyak sekali kesibukan diluar sana jadi belum sempet update lagi ..

Namun sekarang admin akan mencoba kembali menyempatkan waktu untuk dapat berbagi kepada sahabat lupacode semuanya yang senantiasa menantikan update materi terbaru dari blog lupacode - Tutorial pemrograman

Tutorial Cara Membuat Tampilan Chat dengan Html dan CSS

Tutorial Cara Membuat Tampilan Chat dengan Html dan CSS

Pada kesempatan kali ini admin akan memberikan sebuah tutorial cara membuat tampilan chatting yang dapat kalian buat dengan menggunakan html dan css saja.

Chatting merupakan sebuah istilah yang sering kali terdengar sangat tidak asing lagi di telinga kita...

Tentu saja, karena pada saat sekarang ini pastinya setiap orang telah mengetahui apa itu istilah chatting ...

Nah bagi sahabat lupacode yang saat ini penasaran bagaimana cara membuat sebuah halaman chatting dengan menggunakan Html dan css ...

Maka tidak ada salahnya jika sahabat semuanya mencoba untuk membuatnya pada localhost sahabat masing-masing.

Baiklah sekarang kita langsung saja kepada inti pembahasan dari tutorial kali ini yaitu Belajar membuat tampilan halaman chatting dengan menggunakan Html dan css.

Silahkan sahabat semua ikuti tutorialnya dibawah ini :

  1. Pertama kita buat dulu sebuah folder didalam HTDOCS jika sahabat semua menggunakan Xampp.. Buat sebuah folder dengan Nama Simple-Chat
  2. Kemudian selanjutnya kita buat 3 buah file didalam folder tersebut diantaranya :
  • index.html
  • style.css
  • app.js
Setelah sahabat semua membuat sebuah folder serta ke-tiga file yang admin sebutkan diatas, maka saatnya sekarang kita memasukan codingan kita kedalam masing-masing file tersebut.

Untuk file yang pertama yaitu index.html silahkan sahabat semua masukan code dibawah ini :

<!DOCTYPE html>
<html>
    <head>
        <title>SImple Chat</title>
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body style="background-color: #F3F3F3">
        <div class="col-md-3 col-sm-offset-4 frame" style="margin-top: 100px">
            <ul></ul>
            <div>
                <div class="msj-rta macro" style="margin:auto;margin-bottom: 10px">                        
                    <div class="text text-r" style="background:whitesmoke !important">
                        <input class="mytext" placeholder="Type a message"/>
                    </div> 
                </div>
            </div>
        </div>    
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
        <script type="text/javascript" src="app.js"></script>    
    </body>
</html>


Kemudian jangan lupa untuk menyimpan code yang telah masukan tersebut.

Selanjutnya pada file yang ke-dua yaitu style.css dimana pada file ini kita akan mengatur desain pada tampilan chatting kita nantinya...
Sahabat semua juga bisa untuk memodifikasi kembali kode css pada file tersebut.

Silahkan masukan kode berikut pada file style.css :

.mytext{
    border:0;padding:10px;background:whitesmoke;
}
.text{
    width:75%;display:flex;flex-direction:column;
}
.text > p:first-of-type{
    width:100%;margin-top:0;margin-bottom:auto;line-height: 13px;font-size: 12px;
}
.text > p:last-of-type{
    width:100%;text-align:right;color:silver;margin-bottom:-7px;margin-top:auto;
}
.text-l{
    float:left;padding-right:10px;
}        
.text-r{
    float:right;padding-left:10px;
}
.avatar{
    display:flex;
    justify-content:center;
    align-items:center;
    width:25%;
    float:left;
    padding-right:10px;
}
.macro{
    margin-top:5px;width:85%;border-radius:5px;padding:5px;display:flex;
}
.msj-rta{
    float:right;background:whitesmoke;
    margin-bottom: 10px;
    margin-top: 10px;
}
.msj{
    float:left;background:white;
        margin-bottom: 10px;
    margin-top: 10px;
}
.frame{
    background:#e0e0de;
    height:450px;
    overflow:hidden;
    padding:0;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.frame > div:last-of-type{
    position:absolute;bottom:5px;width:100%;display:flex;
}
ul {
    width:100%;
    list-style-type: none;
    padding:18px;
    position:absolute;
    bottom:32px;
    display:flex;
    flex-direction: column;

}
.msj:before{
    width: 0;
    height: 0;
    content:"";
    top:-5px;
    left:-14px;
    position:relative;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent #ffffff transparent transparent;            
}
.msj-rta:after{
    width: 0;
    height: 0;
    content:"";
    top:-5px;
    left:14px;
    position:relative;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: whitesmoke transparent transparent transparent;           
}  
input:focus{
    outline: none;
}        
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d4d4d4;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #d4d4d4;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #d4d4d4;
}
:-moz-placeholder { /* Firefox 18- */
    color: #d4d4d4;
}   

Jangan lupa kembali untuk menyimpan kode yang telah masukan tersebut.

Selanjutnya untuk file yang ke-tiga atau yang terakhir didalam folder simple-chat diatas...

Silahkan sahabat semua masukan kode berikut pada file app.js :


xvar me = {};
me.avatar = "https://avatars2.githubusercontent.com/u/11194525?s=460&v=4?sz=48";

var you = {};
you.avatar = "https://a11.t26.net/taringa/avatares/9/1/2/F/7/8/Demon_King1/48x48_5C5.jpg";

function formatAMPM(date) {
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var ampm = hours >= 12 ? 'PM' : 'AM';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 10 ? '0'+minutes : minutes;
    var strTime = hours + ':' + minutes + ' ' + ampm;
    return strTime;
}            

//-- No use time. It is a javaScript effect.
function insertChat(who, text, time = 0){
    var control = "";
    var date = formatAMPM(new Date());

    if (who == "me"){

        control = '<li style="width:100%">' +
                        '<div class="msj macro">' +
                        '<div class="avatar"><img class="img-circle" style="width:100%;" src="'+ me.avatar +'" /></div>' +
                            '<div class="text text-l">' +
                                '<p>'+ text +'</p>' +
                                '<p><small>'+date+'</small></p>' +
                            '</div>' +
                        '</div>' +
                    '</li>';                    
    }else{
        control = '<li style="width:100%;">' +
                        '<div class="msj-rta macro">' +
                            '<div class="text text-r">' +
                                '<p>'+text+'</p>' +
                                '<p><small>'+date+'</small></p>' +
                            '</div>' +
                        '<div class="avatar" style="padding:0px 0px 0px 10px !important"><img class="img-circle" style="width:100%;" src="'+you.avatar+'" /></div>' +                                
                  '</li>';
    }
    setTimeout(
        function(){                        
            $("ul").append(control);

        }, time);

}

function resetChat(){
    $("ul").empty();
}

$(".mytext").on("keyup", function(e){
    if (e.which == 13){
        var text = $(this).val();
        if (text !== ""){
            insertChat("me", text);              
            $(this).val('');
        }
    }
});

//-- Clear Chat
resetChat();

//-- Print Messages
insertChat("me", "Selamat Pagi...", 0);  
insertChat("you", "Selamat Pagi, Juga Pak", 1500);
insertChat("me", "Apakah hari ini bisa ketemu sebentar?", 3500);
insertChat("you", "Bisa, kita ketemu dimana pak?",7000);
insertChat("me", "di Kantor Lupacode !", 9500);
insertChat("you", "Oke, Siap Pak", 12000);

//-- NOTE: No use time on insertChat.

Baiklah ketiga file tersebut sekarang sudah ada isinya hihih...

Maka saatnya sekarang kita cek hasil yang telah kita buat ... yaitu dengan mengakses http://localhost/simple-chat pada addres bar kita secara langsung ...

Silahkan sahabat semua kembangkan lagi ... ini hanya untuk atau sekedar latihan saja ...

Jangan takut untuk selalu berkreasi ...

Sering-sering lah kita ngoprek karna dengan begitu kita akan lebih cepat tau akan kesalahan - kesalahan yang kita dapat ambil hikmah nya.

Baiklah mungkin itu saja materi tutorial pada kesempatan kali ini ...

Sampai berjumpa kembali pada materi tutorial selanjutnya dari blog lupacode ...

jangan lupa untuk selalu berkunjung kedalam blog lupacode guna untuk mendapatkan materi - materi terbaru yang dapat sahabat semua pelajari.

Saya admin dari blog lupacode undur diri, see you ...

Wassalamualaium Wr. Wb.

Selasa, 12 September 2017

Download Sistem Informasi Klinik dengan Framework CodeIgniter

Download Sistem Informasi Klinik dengan Framework CodeIgniter - Hallo sahabat lupacode semuanya, berjumpa lagi bersama saya admin dari blog lupacode - Tutorial pemrograman

Mohon maaf sebelumnya dalam beberapa hari kebelakang admin belum sempet untuk update kembali pada blog ini.

Dikarenakan ada beberapa kepentingan..

Alhamdulilah pada hari ini admin dapat kembali melanjutkan update materi terbaru untuk sahabat lupacode semuanya.

Sistem Informasi Klinik dengan Framework CodeIgniter
Sistem Informasi Klinik dengan Framework CodeIgniter

Pada kesempatan kali ini admin ingin share sebuah source code sistem informasi klinik yang dibuat dengan menggunakan framework codeigniter kepada sahabat semuanya.

dengan menggunakan sistem informasi klinik ini sahabat semua dapat mengakses informasi yang terdapat didalam klinik secara online.

Sahabat semua juga dapat menginformasikan serta memanagement  dalam mengelola sebuah klinik dengan menggunakan aplikasi yang admin share kali ini.

Bagi sahabat yang saat ini sedang belajar membuat sebuah aplikasi berbasis web. Maka tidak ada salahnya untuk mencoba mengembangkan kembali source code klinik ini.

Install Sistem Informasi Klinik

Sahabat semua dapat langsung memasang aplikasi klinik ini didalam web server sahabat semua masing - masing.

Sebelum sahabat semua mencoba memasang source code sistem informasi klinik ini...

Pastikan sahabat semua sudah mengecek terlebih dahulu file database.php 

Yang ada didalam direktori application/config/database.php 

Ini adalah scriptnya :

<?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed');


$active_group = 'default';
$active_record = TRUE;

$db['default']['hostname'] = 'localhost';
$db['default']['username'] = 'root';
$db['default']['password'] = '';
$db['default']['database'] = 'dental';
$db['default']['dbdriver'] = 'mysql';
$db['default']['dbprefix'] = '';
$db['default']['pconnect'] = TRUE;
$db['default']['db_debug'] = TRUE;
$db['default']['cache_on'] = FALSE;
$db['default']['cachedir'] = '';
$db['default']['char_set'] = 'utf8';
$db['default']['dbcollat'] = 'utf8_general_ci';
$db['default']['swap_pre'] = '';
$db['default']['autoinit'] = TRUE;
$db['default']['stricton'] = FALSE;

Silahkan sahabat semua sesuaikan settingan nya sendiri .. seperti nama databsenya.. atau jika tidak sesuaikan saja seperti yang ada diatas.

Buatlah sebuah database baru dengan nama dental lalu dumping script sql dibawah ini :

CREATE TABLE IF NOT EXISTS `foto_checkup` (
  `poto_id` int(11) NOT NULL AUTO_INCREMENT,
  `pasien_id` int(11) NOT NULL,
  `tanggal` date NOT NULL,
  `foto` varchar(250) NOT NULL,
  `keterangan` text NOT NULL,
  PRIMARY KEY (`poto_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=6 ;

--
-- Dumping data for table `foto_checkup`
--

INSERT INTO `foto_checkup` (`poto_id`, `pasien_id`, `tanggal`, `foto`, `keterangan`) VALUES
(1, 1, '2012-12-14', '9eb29-017.jpg', '<p>\r\n pemasangan pertama</p>\r\n'),
(2, 1, '2012-12-20', 'bcb0e-jasapembuatanbehelgigidijakarta.jpg', '<p>\r\n pemasangan kedua</p>\r\n'),
(3, 1, '2012-12-24', '35475-Behel-gigi.jpg', '<p>\r\n pemasangan ketiga</p>\r\n'),
(4, 2, '2012-12-19', '247df-behel-gigi-4.jpg', '<p>\r\n pemasangan pertama</p>\r\n'),
(5, 2, '2012-12-26', '26482-jasapembuatanbehelgigidijakarta.jpg', '<p>\r\n pemsangan kedua</p>\r\n');

-- --------------------------------------------------------

--
-- Table structure for table `pasien`
--

CREATE TABLE IF NOT EXISTS `pasien` (
  `pasien_id` int(11) NOT NULL AUTO_INCREMENT,
  `nama` varchar(100) NOT NULL,
  `alamat` text NOT NULL,
  `no_hp` varchar(15) NOT NULL,
  `keterangan` text NOT NULL,
  PRIMARY KEY (`pasien_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

--
-- Dumping data for table `pasien`
--

INSERT INTO `pasien` (`pasien_id`, `nama`, `alamat`, `no_hp`, `keterangan`) VALUES
(1, 'Lina', '<p>\r\n JL.Duren Tiga</p>\r\n', '084555654354', '<p>\r\n pemasangan Metal Bracket&nbsp;</p>\r\n'),
(2, 'Daiva', '<p>\r\n Jl.Mampang XVI</p>\r\n', '08137435676', '<p>\r\n pemasangan pertama</p>\r\n');

-- --------------------------------------------------------

--
-- Table structure for table `pembukuan`
--

CREATE TABLE IF NOT EXISTS `pembukuan` (
  `pembukuan_id` int(11) NOT NULL AUTO_INCREMENT,
  `tanggal` date NOT NULL,
  `pemasukan` varchar(100) NOT NULL,
  `pengeluaran` varchar(100) NOT NULL,
  `keterangan` varchar(250) NOT NULL,
  PRIMARY KEY (`pembukuan_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

--
-- Dumping data for table `pembukuan`
--

INSERT INTO `pembukuan` (`pembukuan_id`, `tanggal`, `pemasukan`, `pengeluaran`, `keterangan`) VALUES
(1, '2012-12-10', '105000000', '20000000', 'makan, transport'),
(2, '2012-12-02', '20000000', '15000000', 'makan, transport'),
(3, '2012-12-21', '1000', '500', 'baik');

-- --------------------------------------------------------

--
-- Table structure for table `schedule_checkup`
--

CREATE TABLE IF NOT EXISTS `schedule_checkup` (
  `schedule_checkup_id` int(11) NOT NULL AUTO_INCREMENT,
  `pasien_id` int(11) NOT NULL,
  `tanggal_checkup` date NOT NULL,
  `keterangan` text NOT NULL,
  PRIMARY KEY (`schedule_checkup_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

--
-- Dumping data for table `schedule_checkup`
--

INSERT INTO `schedule_checkup` (`schedule_checkup_id`, `pasien_id`, `tanggal_checkup`, `keterangan`) VALUES
(1, 1, '2012-12-20', '<p>\r\n Cek Ke-dua</p>\r\n'),
(2, 1, '2012-12-26', '<p>\r\n Cek Ke-Tiga</p>\r\n'),
(3, 1, '2012-12-31', '<p>\r\n Cek Ke-Empat</p>\r\n'),
(4, 2, '2012-12-26', '<p>\r\n Cek Ke-dua</p>\r\n');

-- --------------------------------------------------------

--
-- Table structure for table `transaksi`
--

CREATE TABLE IF NOT EXISTS `transaksi` (
  `id_transaksi` int(11) NOT NULL AUTO_INCREMENT,
  `pasien_id` int(11) NOT NULL,
  `tanggal` date NOT NULL,
  `type_bracket` varchar(50) NOT NULL,
  `harga` varchar(50) NOT NULL,
  `keterangan` text NOT NULL,
  PRIMARY KEY (`id_transaksi`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;

--
-- Dumping data for table `transaksi`
--

INSERT INTO `transaksi` (`id_transaksi`, `pasien_id`, `tanggal`, `type_bracket`, `harga`, `keterangan`) VALUES
(1, 1, '2012-12-21', 'sd', '1000', 'asd');

-- --------------------------------------------------------

--
-- Table structure for table `user`
--

CREATE TABLE IF NOT EXISTS `user` (
  `user_id` int(11) NOT NULL AUTO_INCREMENT,
  `user_nama` varchar(100) NOT NULL,
  `user_username` varchar(100) NOT NULL,
  `user_password` varchar(100) NOT NULL,
  PRIMARY KEY (`user_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=22 ;

--
-- Dumping data for table `user`
--

INSERT INTO `user` (`user_id`, `user_nama`, `user_username`, `user_password`) VALUES
(21, 'admin', 'admin', '21232f297a57a5a743894a0e4a801fc3');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

References and Credit
https://github.com/bahrie127

Download sistem informasi klinik dengan CodeIgniter

Bagi sahabat semua yang ingin mendownload source code sistem informasi klinik dibawah ini telah saya sediakan button untuk mendownload nya.

kemudian sahabat semua akan dibawa kehalaman facebook lupacode

Silahkan sahabat semua hanya tinggal kirim pesan saja untuk meminta link downloadnya

Kemudian admin akan memberikannya secara gratis
Baiklah mungkin itu saja yang dapat admin sampaikan untuk materi pembahasan kali ini..

Sampai berjumpa kembali didalam pembahasan materi yang akan admin share selanjutnya.

Jangan lupa untuk selalu berkunjung kedalam blog lupacode untuk mendapatkan materi terbaru setiap harinya.

Baiklah saya admin dari lupacode undur diri, terimakasih telah berkunjung. Happy coding !

Jumat, 08 September 2017

Laravel E-commerce Open Source Berbasis web Gratis

Laravel E-commerce Open Source Berbasis web Gratis - Hallo sahabat lupacode berjumpa lagi bersama saya admin dari blog lupacode - Tutorial pemrograman.
laravel e-commerce, e-commerce laravel, toko online laravel, laravel e-commerce github,
Setelah kemarin admin share Open Source Toko Online dengan CodeIgniter sekarang admin ingin share lagi Open source e-commerce nya yang menggunakan laravel.
e commerce in laravel, e commerce on laravel, e commerce using laravel, e commerce with laravel.
Source code e-commerce laravel ini dapat sahabat semua jadikan sebagai bahan pembelajaran atau bisa juga untuk keperluan yang lainnya.

FooCart Laravel E-commerce Open Source
Laravel E-commerce

FooCart adalah nama open source Toko Online yang dibangun dengan menggunakan Framework Laravel V.5.2
e commerce with laravel 5, e-commerce com laravel, e-commerce for laravel.
Sahabat semua dapat memnafaat aplikasi E-commerce atau Toko online yang dibuat dengan framework laravel ini untuk dijadikan tugas akhir atau untuk dijadikan Bahan skripsi.
easy e-commerce using laravel and stripe, easy e-commerce using laravel and stripe download.
Apa saja fitur Laravel E-commerce ???

Untuk mengetahui lebih detail mengenai fitur yang terdapat didalam source code Toko Online laravel ini silahkan sahabat semua lihat demo nya secara langsung.
laravel for e-commerce, package laravel ecommerce, tutorial-laravel-4-ecommerce.
Sahabat juga dapat secara langsung untuk memasang aplikasi laravel e-commerce ini untuk dijadikan bahan referensi dalam membangun sebuha website e-commerce atau toko online.
laravel e-commerce, laravel ecommerce solution, laravel ecommerce store, laravel ecommerce. 
Berikut ini akan saya coba tuliskan beberapa fitur yang terdapat didalam Open Source E-commerce Laravel sebagai gambaran adalah sebagai berikut :

Fitur Laravel E-commerce

Fully functional administration panel
Slideshow management module
Inventory management module
User management module
Message management module
Fitur Cek Jadwal Keberangkatan
Payment processing using the Stripe API.
On the fly image manipulation using ImageMagick
Client side rendering of inventory using Handlebars JS
laravel 5.1 e commerce, laravel 5.1 e commerce tutorial, laravel 5.2 e commerce.
Baiklah itulah tadi sekilah pembahasan mengenai fitur laravel e-commerce yang dapat sahabat download secara gratis pada blog lupacode ini.
easy e-commerce using laravel and stripe free download.
Agar sahabat bisa melihat nya secara langsung, silahkan lihat saja demo laravel e-commerce berikut ini secara langsung :
Untuk melihat demo admin laravel e-commerce bisa lihat dibawah ini :
Login :
Username : demo.user@justinc.me
Password : demo123
Requirements Laravel E-commerce

Adapun Requirements atau kebutuhan dalam Laravel E-commerce ini adalah sebagai berikut :
  • Aplikasi ini membutuhkan Composer, yang terletak di getcomposer.org
  • Aplikasi ini memerlukan account Stripe dengan kunci API.
  • Aplikasi ini dikonfigurasi untuk menggunakan Mandrill email API dan membutuhkan akun Mandrill.
Install Laravel E-commerce
  • Clone the repository
"git clone https://github.com/justincdotme/foocart.git"
  • Install the application using Composer
Composer install

  • Set your Stripe API keys in config/stripe.php

return [
    'secret_key' => env('SECRET_KEY', 'secret key here'),
    'publishable_key' => env('PUBLISHABLE_KEY', 'publishable key here'),
];


  • Set the URL to the app in config/app.php

'url' => 'http://url.to.your.application',

  • Add your Mandril API information to config/mail.php

'driver' => 'smtp',
'host' => 'smtp.mandrillapp.com',
'port' => 587,
'from' => ['address' => 'no-reply@domainsahabat.com', 'name' => 'Name'],
'username' => 'Mandrill username',
'password' => 'Mandrill key',

Baik itulah tadi pembahasan mengenai Fitur dan Cara Instal Laravel e-commerce ...
easy e-commerce using laravel and stripe pdf,easy e-commerce using laravel and stripe pdf download
Bagi sahabat yang ingin mengunduh Open source Laravel E-commerce ini dapat klik button yang telah admin sediakan dibawah ini.

Kemudian sahabat semua akan diarahkan kedalam halaman facebook lupacode ...
easy ecommerce laravel, easy ecommerce using laravel.
Silahkan sahabat semua tinggal kirim pesan untuk meminta link download source code yang ingin di download.
Baiklah admin rasa cukup sampai disini dulu mengenai pembahasan Laravel E-commerce yang admin share kali ini..
ecommerce laravel application, ecommerce laravel based. www.tobiweb.id
Jangan sampai ketinggalan materi yang telah admin share minggu ini ya
Sampai berjumpa kembali pada postingan materi berikutnya dari lupacode.
is laravel is best for ecommerce, laravel 4 ecommerce, laravel 5 e commerce, laravel 5 ecommerce. 
Terimakasih telah berkunjung ... Happy coding !

Kamis, 07 September 2017

Open Source Toko Online Menggunakan Framework CodeIgniter

Open Source Toko Online Menggunakan Framework CodeIgniter - Hai sahabat lupacode semuanya, berjumpa kembali bersama saya admin dari blog lupacode - Tutorial pemrograman.

Setelah kemarin admin telah share sebuah aplikasi Sistem Informasi Manajemen Absensi dan Nilai Siswa (SIMANIS) 

Maka pada pagi yang sangat cerah ini admin ingin kembali membagikan source code secara gratis kepada sahabat semuanya.

Adapun yang akan admin share pada postingan materi kali ini adalah ...

...Source code Toko Online Menggunakan Framework CodeIgniter.

Yang dapat sahabat semua miliki secara gratis untuk bahan pembelajaran.

Source code Toko Online Menggunakan Framework CodeIgniter

Open Source Toko Online Menggunakan Framework CodeIgniter

Aplikasi atau web Ecommerce yang admin share kali ini merupakan Source code Toko Online yang keberapa kali nya yang telah admin share pada blog ini.

Sebelumnya admin juga telah banyak membagikan source code toko online / ecommerce secara gratis pada blog ini.

Untuk melihat apa sja yang telah admin share pada blog ini...

...Silahkan sahabat semua kunjungi halaman Daftar isi untuk melihat seluruh postingan materi sebelumnya.

Source code toko online yang sebelumnya yang paling banyak diminati adalah source code Ecommerce Rainkids ..

yang telah banyak di download oleh sahabat lupacode yang lainnya.

Codeigniter Based Open Source E-Commerce System

Source code toko online yang admin share kali ini merupakan sebuah source code web toko online yang dibuat dengan menggunakan framework CodeIgniter atau biasa disebut CI.

Untuk database nya sendiri masih menggunakan mysql.

Fitur yang terdapat didalam source code toko online ini masih sangat sederhana sekali...

Jadi sangat cocok bagi sahabat yang masih pemula untuk dapat mempelajari logika serta sintaks yang digunakan dalam membangun website toko online.

Untuk halaman Admin (Backend) serta halaman depan Homepage (Frontend) menggunakan template berikut ini :
  • Admin Panel Template : http://startbootstrap.com/template-overviews/sb-admin/
  • Homepage Template : http://startbootstrap.com/template-overviews/shop-homepage/
Source code toko online yang dibangun dengan sebuah Framework CodeIgniter ini bersifat opensource yang artinya boleh untuk dikembangkan lagi secara bersama sama.

Web toko online dengan CI ini bukan buatan admin, melainkan admin Fork dari akun Github Tob47

Untuk desain nya sendiri sudah menggunakan Bootstrap sebagai css nya..

Jadi dalam segi tampilan pun sudah lumayan cukup rapih serta sudah responsive tentunya.

Bugs pada source code toko online CI

Bagi sahabat yang menemukan kendala atau mendapati Bugs pada open source ini dan menemukan pesan error seperti berikut :
A PHP Error was encountered
Severity: Notice
Message: Only variable references should be returned by reference
Filename: core/Common.php
Line Number: 257
Maka untuk mengatasi masalah tersebut silahkan lakukan pengaturan seperti berikut ini :

Edit filename: core/Common.php, line number: 257

Kode sebelum di edit :

return $_config[0] =& $config;

Kode sesudah diedit menjadi seperti ini :

$_config[0] =& $config;
return $_config[0];


Download source code Toko Online dengan CodeIgniter

Baiklah diatas merupakan review yang dapat saya sampaikan pada pembahasan materi mengenai aplikasi toko online codeigniter yang admin share pada postingan kali ini.

Bagi sahabat lupacode yang ingin mendownload source code toko online dengan codeigniter ini silahkan admin telah sediakan button download dibawah ini

Kemudian seperti biasa sahabat semua akan diarahkan kedalam halaman facebook lupacode.

Silahkan sahabat semua tinggal kirim pesan untuk meminta link download dan admin akan memberikannya secara gratis
Baiklah mungkin itu saja yang dapat admin sampaikan pada pembahasan materi kali ini, semoga apa yang admin share pada blog ini dapat bermanfaat bagi sahabat semuanya.

Jangan sampai ketinggalan juga update materi terbaru minggu ini yah ;)
Sampai berjumpa kembali pada postingan materi selanjutnya dari admin lupacode, semoga kita selalu diberikan kesehatan serta keselamatan dunia dan akhirat aminn.

Saya admin dari blog lupacode mohon pamit undur diri... Happy coding !

Rabu, 06 September 2017

Aplikasi Sistem Informasi Manajemen Absensi dan Nilai Siswa SIMANIS

Aplikasi Sistem Informasi Manajemen Absensi dan Nilai Siswa SIMANIS - Hallo sahabat lupacode semuanya, masih berjumpa kembali bersama saya admin dari blog lupacode.

Pada kesempatan kali ini admin akan kembali share sebuah source code Aplikasi Sistem Informasi Manajemen Absensi dan Nilai Siswa (SIMANIS).

Setelah sebelumnya admin telah membagikan aplikasi sistem informasi reservasi hotel kepada sahabat semuanya yang dapat sahabat semua download pada materi sebelumnya.

Sistem Informasi Manajemen Absensi dan Nilai Siswa
Sistem Informasi Manajemen Absensi dan Nilai Siswa

Aplikasi Sistem Informasi Manajemen Absensi dan NIlai Siswa (SIMANIS) merupakan sebuah aplikasi berbasis web yang dapat sahabat semua gunakan untuk mengelola nilai dan absensi siswa.

Aplikasi manajemen absensi dan nilai siswa ini dibangun dengan menggunakan framework CodeIgniter dan dapat dikembangkan lagi oleh sahabat semuanya.

Source Code Sistem Informasi Manajemen Absensi dan NIlai Siswa SIMANIS merupakan aplikasi yang digunakan untuk memasukkan absensi dan nilai ulangan bagi tiap siswa di sekolah.

Fitur pada aplikasi ini antara lain sebagai berikut :

Setting fitur akademik dan siswa 

Adapun fitur yang terdapat didalam aplikasi simanis ini antara lain sebagai berikut :

  • Profile Akademik
  • Tahun Ajaran
  • Semester Aktif
  • Wali Kelas
  • Pengampu Mata Pelajaran
  • Kelas Siswa
  • Setting Ulangan
  • Kenaikan Kelas
  • Tinggal Kelas

Setting SMS Broadcast SMS Per Kelas

  • Broadcast SMS Per Tingkat

Setting Data Pokok

Adapun untuk data pokok nya adalah sebagai berikut :

  • Data Guru
  • Mata Pelajaran
  • Siswa
  • SMS

Data Siswa & Aktifitas

Untuk data siswa dan aktifitas adalah sebagai berikut :
  • Absensi
  • Ujian
  • Nilai
  • Kasus
  • SPP
Laporan Sistem informasi manajemen absensi dan nilai siswa

Untuk laporan yang terdapat didalamnya adalah sebagai berikut :

  • Rekap Absensi
  • Rekap SPP
Baiklah itu tadi sedikit pembahasan mengenai source code aplikasi simanis yang admin share kali ini.

Aplikasi sistem informasi manajemen absensi dan nilai siswa (simanis) ini saya dapatkan dari github dan boleh dikembangkan kembali oleh kita yang ingin ikut mengembangkannya.

Maka dari itu silahkan sahabat semua sambil belajar melihat struktur kode, logika dan sintaks dari...

...aplikasi simanis 

ini silahkan download dan pelajari kembali.

Bagi sahabat yang ingin memiliki aplikasi simanis ini silahkan saya telah sediakan button download dibawah ini.

Kemudian sahabat semua akan di arahkan ke dalam

...Halaman facebook lupacode

Silahkan sahabat semua kirim pesan untuk meminta link download source code yang sahabat semua inginkan dari blog lupacode
Baiklah mungkin itu saja yang dapat saya sampaikan pada pembahasan materi kali ini...

Silahkan sahabat semua lihat materi terbaru minggu ini yang telah admin share adalah sebagai berikut :

Sampai berjumpa kembali pada postingan materi selanjutnya yang terbaru dari lupacode...

Jangan lupa untuk selalu berkunjung ke dalam blog lupacode untuk mendapatkan materi tutorial dan source code gratis yang admin share pada sahabat semuanya.

Baiklah saya admin dari blog lupacode mohon pamit undur diri, happy coding !

Rabu, 30 Agustus 2017

Download Source Code Aplikasi Marketing dengan CodeIgniter

Download Source Code Aplikasi Marketing dengan CodeIgniter - Hallo sahabat lupacode semuanya masih bersama saya admin dari blog lupacode - Tutorial pemrograman.

Alhamdulilah pada kesempatan kali ini saya masih diberikan kesempatan untuk dapat membagikan kembali sebuah aplikasi berbasis web secara kepada sahabat lupacode semuanya...

Adapun yang akan saya bagikan kali ini adalah sebuah Aplikasi marketing yang ditujukan untuk para marketing atau sales yang sedang bekerja mencari klien.

Pada kesempatan sebelumnya saya juga telah membagikan sebuah source code aplikasi untuk promosi mobil yang dapat sahabat semua jadikan sebagai bahan referensi dalam membuat sebuah program aplikasi berbasis web.

Aplikasi Marketing dengan CodeIgniter


Download Source Code Aplikasi Marketing dengan CodeIgniter

Aplikasi marketing ini sengaja dibuat khususnya ditujukan untuk para sales yang saat ini sedang bekerja dalam mencari nasabah atau klien.

dengan menggunakan aplikasi marketing ini, para sales dapat membuat project baru, atau menambahkan produk atau lain sebagainya.

Aplikasi marketing ini didalamnya lebih ditujukan untuk sebuah perusahaan yang bergerak dibidang lampu.

Namun sahabat semua dapat mengedit atau dapat mengganti kembali sesuai dengan keinginan sahabat semuanya juga sesuai kebutuhan masing - masing.

Aplikasi marketing ini dibuat dengan menggunakan Bahasa pemrograman php dan framework CodeIgniter dalam pembangunannya.

Fitur aplikasi marketing dengan Codeigniter 

Mengenai fitur yang terdapat didalam aplikasi marketing yang dibuat dengan menggunakan codeigniter ini sanagatlah sederhana sekali, namun cukup menunjang sebagaimana tujuan dari awalnya.

Beberapa fitur yang terdapat didalam aplikasi marketing ini dapat sahabat semua pelajari dalam segi coding nya, dan mohon maaf apabila masih terdapat banyak kekurangan dalam segi coding nya.

Untuk mengetahui lebih detailnya lagi mengenai fitur yang terdapat didalam aplikasi marketing ini, silahkan sahabat semua untuk dapat langsung memasang aplikasi ini untuk dapat mengetahuinya.

Berikut ini akan saya coba tuliskan beberapa fitur yang terdapat didalamnya adalah sebagai berikut :

Fitur Aplikai Marketing dengan CodeIgniter

CRUD untuk produk,user,group user dsb
Privilege Setting (Management User)
Upload Image (Katalog produk)
Ajax Pagination
Responsive design pakai Bootstrap
HMVC
And any more ...

Itulah sedikit fitur yang terdapat didalam aplikasi marketing ini. Silahkan sahabat semua lengkapi atau kembangkan kembali source code ini untuk dapat lebih baik lagi.

Download aplikasi marketing dengan CodeIgniter

Baiklah bagi sahabat semuanya yang ingin memiliki aplikasi marketing yang dibuat dengan menggunakan framework codeigniter ini silahkan telah saya sediakan button download dibawah ini.

Kemudian sahabat semua akan diarahkan ke dalam halaman facebook lupacode ..

Silahkan sahabat semu kirim pesan untuk meminta link download aplikasi tersebut dan saya akan memberikannya secara gratis kepada sahabat semuanya.
Lihat Juga Materi Terbaru :
  1. Download Aplikasi SPK Menggunakan Metode SAW Berbasis Web
  2. Aplikasi Sistem Informasi Lowongan Kerja Menggunakan PHP
  3. Download Aplikasi Sistem Informasi Nilai Online KTSP
  4. Aplikasi SPK Menggunakan Metode Weighted Product dengan PHP
  5. Aplikasi Simulasi Finger Print Untuk Absensi Berbasis Web
  6. Download Source Code Tagihan PLN dengan PHP
  7. Download Aplikasi untuk Mengelola Keuangan Pribadi di Android
  8. Aplikasi E-Konter SMS Gateway Gammu dengan PHP
Baiklah mungkin itu saja sedikit pembahasan mengenai aplikasi marketing yang saya share pada kesempatan kali ini.

Mungkin itu saja yang dapat saya sampaikan pada pembahasan kali ini, sampai berjumpa kembali pada pembahasan materi dari lupacode yang selanjutnya.

Jangan sampai ketinggalan materi terbaru dari lupacode !

Senin, 28 Agustus 2017

Aplikasi Sistem Informasi Lowongan Kerja Menggunakan PHP

Aplikasi Sistem Informasi Lowongan Kerja Menggunakan PHP - Assalamualaikum sahabat lupacode semuanya dimanapun sekarang kalian sedang berada. Alhamdulilah pada pagi hari ini saya masih dapat memposting kembali sebuah postingan kepada sahabat semuanya.

Pada materi sebelumnya saya telah membagikan sebuah source code Aplikasi Sistem Informasi Nilai Online yang dapat kalian semua miliki secara gratis dengan mengunjungi kembali postingan sebelumnya yang sudah saya bagikan kepada sahabat semuanya.

Sistem Informasi Lowongan Kerja Menggunakan PHP


Sistem Informasi Lowongan Kerja Menggunakan PHP

Pada kesempatan kali ini saya akan kembali membagikan sebuah Aplikasi Sistem Informasi Lowongan Kerja Menggunakan PHP dimana aplikasi ini dapat kalian semua jadikan sebagai bahan pembelajaran untuk kita membangun sebuah program aplikasi berbasis web. 

Aplikasi ini masih memerlukan pengembangan lagi, dimana kita bisa dapat mengembangkan kembali source code aplikasi ini sehingga menjadi sebuah program aplikasi berbasis web yang lebih baik lagi baik itu didalam fiturnya ataupun didalam penggunaan dari aplikasi tersebut.

Adapun mengenai fitur yang terdapat didalam source code aplikasi ini sangat lah sederhana sekali, untuk dapat mengenai secara lebih jelas dan secara lebih detail lagi silahkan agar sahabat lupacode semua untuk langsung memasang / menginstal source code aplikasi ini guna untuk kita mengetahui secara lebih lengkap lagi mengenai fitur yang terdapat didalam source code aplikasi ini...

...Jadi silahkan langsung saja sahabat semuanya unduh source code aplikasi ini dan silahkan langsung mencoba untuk menginstal nya secara langsung.

Aplikasi Sistem Informasi Lowongan Kerja ini hanya untuk menampilkan daftar lowongan pekerjaan saja, adapun untuk menapilkan buku tamu didalamnya silahkan sahabat semua kembangkan kembali sesuai keinginan masing - masing.

Baik itulah sedikit pembahasan mengenai Source Code Aplikasi Sistem Informasi Lowongan Kerja  yang dapat sahabat semua miliki secara gratis pada blog lupacode ini...

...semoga dapat menjadi bahan pembelajaran bagi sahabat lupacode semuanya yang saat ini sedang bersama sama mempelajari Bahasa Pemrograman dan sedang belajar membuat sebuah program aplikasi berbasis web. 
Silahkan sahabat semua pelajari source code yang sudah ada, karna dengan seringnya kita melihat atau belajar dari source code yang sudah ada dan itu akan lebih mempercepat lagi pemahaman kita mengenai program aplikasi berbasis web yang akan kita buat nantinya.
Bagi sahabat lupacode yang sudah tidak sabar lagi untuk segera memiliki source code yang akan saya bagikan kali ini, silahkan sahabat semua klik button yang telah saya sediakan dibawah ini dan sahabat semua akan diarahkan langsung kedalam halaman facebook atau chat facebook admin...

...silahkan sahabat semua tinggal kirim pesan saja guna untuk meminta link download source code yang sahabat semua inginkan dan ini gratis tidak akan dikenakan biaya apapun.
Source code Aplikasi Sistem Informasi Lowongan Kerja Menggunakan PHP ini dapat sahabat semua jadikan sebagai bahan untuk sahabat lupacode yang saat ini sedang mempunyai sebuah tugas baik itu tugas dari kampus ataupun tugas dari sekolah.

Maka sahabat semua dapat menjadikan sebuah source code yang saya share kali ini untuk bahan tugas sahabat semuanya. 
Sahabat semua juga dapat mengembangkan kembali source code ini sehingga menjadi sebuah program aplikasi yang lebih baik lagi dalam segi fitur maupun penggunaanya.

Baiklah mungkin itu saja yang dapat saya sampaikan pada pembahasan materi kali ini, jangan lupa untuk selalu berkunjung kedalam blog lupacode guna untuk mendapatkan update materi terbaru setiap harinya yang senantiasa akan saya share secara gratis kepada sahabat lupacode semuanya.

Silahkan masukan email sahabat semuanya pada kotak yang telah saya sediakan, guna untuk mendapatkan materi terbaru dari blog lupacode yang akan dikirim kan langsung secara otomatis via email untuk sahabat yang telah memasukan emailnya kedalam kotak yang telah saya sediakan. 

Maka sahabat semua tidak akan ketinggalan lagi mendapatkan materi atau postingan terbaru yang akan saya share setiap harinya secara gratis kepada sahabat lupacode yang saat ini sedang belajar membangun sebuah program aplikasi berbasis web.

Baiklah terimakasih telah berkunjung kedalam blog lupacode, sampai berjumpa kembali pada postingan selanjutnya, wassalamuailaikum wr, wb.