Maful Prayoga

Aplikasi Gaji Karyawan dengan PHP MySQL

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDh6PJUYuEtj_blZ0kPcan84pW38dNsVc4Ux6520z7ymJGoxz0pwh7GS_Du2qKXk7MDGqz-dzG1BEHx-lj6PeNNrOPWdG0IKTj4CsHdnnfOY4cZBXUIxvGCG453BRjtf4YsqzypkBkXHI/s1600/login.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDh6PJUYuEtj_blZ0kPcan84pW38dNsVc4Ux6520z7ymJGoxz0pwh7GS_Du2qKXk7MDGqz-dzG1BEHx-lj6PeNNrOPWdG0IKTj4CsHdnnfOY4cZBXUIxvGCG453BRjtf4YsqzypkBkXHI/s1600/login.png" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">Selamat pagi kawan, kali ini admin telah mengembangkan Aplikasi Gaji Karyawan dengan PHP dan MySQL. Silahkan lihat preview gambar dibawah ini, mungkin teman ada yang berminat untuk tugas dll.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmH0Ih50emWv3-Lh4gda-4tSCTHcgiLmUJTODaK9WutiY01gcPBoVCIV5yMBOuK9BLw72_FO9dLEQsDM8otBJatsE04O81RP8OdfZIaIkVbDeGozZkNz61pIPvj6BR0OoEOewM9J95PmM/s1600/01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmH0Ih50emWv3-Lh4gda-4tSCTHcgiLmUJTODaK9WutiY01gcPBoVCIV5yMBOuK9BLw72_FO9dLEQsDM8otBJatsE04O81RP8OdfZIaIkVbDeGozZkNz61pIPvj6BR0OoEOewM9J95PmM/s1600/01.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPjdkk6Xyvzej7prJ5rlQVF1MOKMH_Le9i6VyArM9aa8IwO6RVKx8Ji2eT39Dy71jwgCXgFYHBw-eBM-9fMYl1q032ZCVccZNpBYz1ClShohSA9U1-GoZ8xSnzS0pPiww6isCpVlDVoA/s1600/05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPjdkk6Xyvzej7prJ5rlQVF1MOKMH_Le9i6VyArM9aa8IwO6RVKx8Ji2eT39Dy71jwgCXgFYHBw-eBM-9fMYl1q032ZCVccZNpBYz1ClShohSA9U1-GoZ8xSnzS0pPiww6isCpVlDVoA/s1600/05.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8DItOMwadA1vIzHdsvSNRSdM739WYHCfDPvop-hCt7HI4p5ZKu_JnThnQ_LNB6mkiy9PieDmo4OyBSJiLfjVDC0bomPNEqZpt9dDEnPdd2XK_A0wyQ4dMiWu89YDZ0Cy0m23vVJmqwk/s1600/02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8DItOMwadA1vIzHdsvSNRSdM739WYHCfDPvop-hCt7HI4p5ZKu_JnThnQ_LNB6mkiy9PieDmo4OyBSJiLfjVDC0bomPNEqZpt9dDEnPdd2XK_A0wyQ4dMiWu89YDZ0Cy0m23vVJmqwk/s1600/02.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtdewa1PbmAoYrW_MdKRKc77TcyFBCqVgywB9OTvff0qlE19DOaXRVR5FQLNgpsWxmEr14QuUu1gSdKK6UsE58w_JJgyGe7wguVPHh1xKP50BkUzcj6w9OEO3SGQ189_oNepp751l5Jo/s1600/03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtdewa1PbmAoYrW_MdKRKc77TcyFBCqVgywB9OTvff0qlE19DOaXRVR5FQLNgpsWxmEr14QuUu1gSdKK6UsE58w_JJgyGe7wguVPHh1xKP50BkUzcj6w9OEO3SGQ189_oNepp751l5Jo/s1600/03.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a href="https://www.popads.net/users/refer/332502"><img alt="PopAds.net - The Best Popunder Adnetwork" src="http://banners.popads.net/468x60.gif" /></a>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmNsd5IR8Wacid_Vhyphenhyphen8rqBtMqZUe_0YePo5mH8gwhhKP9th6znyoIt9lN24Ky3TydGrZMYUCnVgPuLxvGjaD2kj_9AEn7js0nuC6um01pPkDgR9aUIV0rDDWH7V8k3z22eV8LYd6g2zGU/s1600/04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmNsd5IR8Wacid_Vhyphenhyphen8rqBtMqZUe_0YePo5mH8gwhhKP9th6znyoIt9lN24Ky3TydGrZMYUCnVgPuLxvGjaD2kj_9AEn7js0nuC6um01pPkDgR9aUIV0rDDWH7V8k3z22eV8LYd6g2zGU/s1600/04.png" width="320" /></a></div>
<span style="font-family: Verdana, sans-serif;">Jika teman yang berminat bisa hubungi admin di mafulprayoga@gmail.com | PIN = 73DE04DF</span><br />
<br />
<span style="font-family: Verdana, sans-serif;">Terimakasih </span>

Aplikasi Gaji Karyawan dengan PHP MySQL

Selamat pagi kawan, kali ini admin telah mengembangkan Aplikasi Gaji Karyawan dengan PHP dan MySQL. Silahkan lihat preview gambar dibawah ...

08:30

Design Simple Messaging System (SMS) 2

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFi5U4xpHt1FN3GA5ft1XQQmHUpom3eRaj8QO8dBMzZdF-8zBqxt38hZI5RUeV8B6mgjcTRWyuPOqicFXPde12fcQqWQ6dO7v-rr1pRhmd1OdjC6WIGFoE3i55XJc9AKt4t5Y0Zg-sUOI/s1600/01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFi5U4xpHt1FN3GA5ft1XQQmHUpom3eRaj8QO8dBMzZdF-8zBqxt38hZI5RUeV8B6mgjcTRWyuPOqicFXPde12fcQqWQ6dO7v-rr1pRhmd1OdjC6WIGFoE3i55XJc9AKt4t5Y0Zg-sUOI/s1600/01.png" width="317" /></a></div>
<span style="font-family: Verdana, sans-serif;">Melanjutkan tutorial sebelmunya di <a href="http://mafulprayogaarnandi.blogspot.com/2014/07/design-simple-messaging-system-sms.html" target="_blank">Design Simple Messaging System (SMS)</a></span><br />
<span style="font-family: Verdana, sans-serif;">Dilangkah-langkah nanti kita akan mengoding di text editor, disini saya menggunakan notepad++</span><br />
<br />
<span style="font-family: Verdana, sans-serif;"><b>Langkah 4</b></span><br />
<span style="font-family: Verdana, sans-serif;">Sekarang kita akan melakukan koding untuk <span style="font-family: "Trebuchet MS",sans-serif;">header.php</span> dan <span style="font-family: "Trebuchet MS",sans-serif;">footer.php</span> sebagai struktur dasar dalam pembuatan contoh ini.</span><br />
<span style="font-family: Verdana, sans-serif;">Pastekan kode berikut untuk <span style="font-family: "Trebuchet MS",sans-serif;">header.php</span></span>
<br />
<pre class="brush:php;"><!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Simple Messanging System</title>
    
    <link href="view/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    
    <link href="view/fa/css/font-awesome.min.css" rel="stylesheet">
    
    <link href="view/css/style.css" rel="stylesheet">
</head>
<body>
</pre>
<span style="font-family: Verdana,sans-serif;">Lalu save, kemudian buat file <span style="font-family: "Trebuchet MS",sans-serif;">footer.php <span style="font-family: Verdana, sans-serif;">lalu pastekan kode berikut</span></span></span>
<br />
<pre class="brush:php;">
<script src="view/js/jquery.min.js"></script>

<script src="view/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
</pre>
<span style="font-family: Verdana,sans-serif;">Lalu save..</span><br />
<blockquote>
<span style="font-family: "Trebuchet MS",sans-serif;">Kenapa harus memotong dalam beberapa file, karena untuk menghemat script yang ada untuk lebih mengefisiensi waktu</span></blockquote>
<b><span style="font-family: Verdana,sans-serif;">Langkah 5</span></b><br />
<span style="font-family: Verdana,sans-serif;">Sekarang kita mulai mendesain tampilan halaman utamanya.</span><br />
<span style="font-family: Verdana,sans-serif;">Buat file <span style="font-family: "Trebuchet MS",sans-serif;">index.php</span> dan pastekan kode berikut</span>
<br />
<pre class="brush:php;"><?php
//Memasukan File header
include_once'index_header.php';
?>
<div class="container-fluid" style="margin-top: 10%">
    <div class="row">
        <div class="col-md-4 col-md-offset-3">
            
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h1 class="panel-title"><i class="fa fa-3x fa-comments-o text-success"></i> Simple Messaging System [SMS]</h1>
                </div>
                <div class="panel-body">
                    <img src="view/images/icon.jpg" class="img-responsive center-block">
                    Membuat Simple Messaging system..
                </div>
            </div>
        </div>
        <div class="col-md-3">
            
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="fa fa-2x fa-unlock-alt text-success"></i> Sign-In</h3>
                </div>
                <div class="panel-body">
                    <form action="" method="post">
                        <div class="form-group">
                        <label for="in-username">Username</label>
                        <input id="in-username" type="text" name="in-username" class="form-control" maxlength="15">
                            </div>
                        <div class="form-group">
                        <label for="in-password">Password</label>
                        <input id="in-password" type="password" name="in-password" class="form-control">
                            </div>
                            <button type="submit" name="sign-in" value="go" class="btn btn-success pull-right"><i class="fa fa-unlock"></i> OK</button>
                    </form>
                </div>
            </div>
            
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><i class="fa fa-2x fa-paper-plane-o text-success"></i> Sign-Up</h3>
                </div>
 
                <div class="panel-body">
                     <form action="" method="post">
        <div class="form-group">
            <label for="up-username">Username</label>
            <input id="up-username" type="text" name="up-username" class="form-control" maxlength="15">
</div>
        <div class="form-group">
            <label for="up-name">Nama Lengkap</label>
            <input id="up-name" type="text" name="up-name" class="form-control" maxlength="50">
        </div>
        <div class="form-group">
            <label for="up-email">Email</label>
            <input id="up-email" type="email" name="up-email" class="form-control" maxlength="70">
        </div>
        <div class="form-group">
            <label for="up-password1">Password</label>
            <input id="up-password1" type="password" name="up-password1" class="form-control">
        </div>
        <div class="form-group">
            <label for="up-password2">Ulangi Password</label>
            <input id="up-password2" type="password" name="up-password2" class="form-control">
        </div>
        <button type="submit" name="sign-up" value="go" class="btn btn-success pull-right"><i class="fa fa-send"></i> Send Data</button>
    </form>
                </div>
            </div>
        </div>
 
    </div>
</div>
<?php
//memasukan file footer
include_once'index_footer.php';
?>
</pre>
<span style="font-family: Verdana,sans-serif;">Lalu save...</span><br />
<span style="font-family: Verdana,sans-serif;"><b>Langkah 6</b></span><br />
<span style="font-family: Verdana,sans-serif;">buka file style.css dan pastekan kode berikut</span>
<br />
<pre class="brush:css;">body{background: #88C425}
</pre>
<span style="font-family: Verdana,sans-serif;">Sekarang coba teman akses di localhost, kira-kira tampilannya seperti ini dan terimakasih</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana,sans-serif;"><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxEQabBzZNYVSyIgK9NIAygGI6XG2ycjgR4FGiSWUfwiKMVN_4IfVouR8jEWNOEZhp68zcA4V68Pa2WkykvDbPkHacobPTH6O3Wk52ZaPottvMlZZsaut8FyAyxq84ZB47tx4a0peULrk/s1600/png.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxEQabBzZNYVSyIgK9NIAygGI6XG2ycjgR4FGiSWUfwiKMVN_4IfVouR8jEWNOEZhp68zcA4V68Pa2WkykvDbPkHacobPTH6O3Wk52ZaPottvMlZZsaut8FyAyxq84ZB47tx4a0peULrk/s1600/png.png" width="320" /></a></b></span></div>
<br />
<br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Verdana,sans-serif;"><span style="font-family: "Trebuchet MS",sans-serif;">Selesai sudah desain tampilan SMS yang dibuat, tunggu tutorial selanjutnya untuk membuat full programnya. Terimakasih</span></span></blockquote>

Design Simple Messaging System (SMS) 2

Melanjutkan tutorial sebelmunya di Design Simple Messaging System (SMS) Dilangkah-langkah nanti kita akan mengoding di text editor, disin...