Aspx Information
Explain About What do You Know

Wednesday, 11 May 2016

Tutorial Membuat Menu Bar Sederhana Menggunakan HTML dan CSS

23:43  ,  No comments

Membuat sebuah Menu navigasi sudah menjadi mainan rata-rata dalam mebuat suatu web mau dari web static maupun dinamic secara tidak langsung kita kebanyakan mencari di google artikel atau tutorial membuat menu navigation tersebut. Disini saya juga ingin membantu membuat menu navigasi versi yang telah saya buat sangat simple dan mudah dipelajari, saya membuat 3 menu, yang mana saya meletakan menu dipaling atas dengan background hitam. Kalian siapkan sebuah File HTML biasa lalu letakan script html dibawah ini ke dalam sintak <body> .

<div id="MainTopBar">
<div id="MainTopBarInnerWrapper">
<ul id="headerMenu" class="MainFloatLeft">
<li>
<a href="#" style="padding: 8px 10px; height: 19px;" class="lnkMainTopBar">
<span id="MainTopBarContactPhone">&nbsp;(021) 9494-0011</span>
</a>
</li>
<li class="MainTopBarBorderLeft">
<a href="https://www.youtube.com/user/MrAngga1211" target="_blank" class="lnkMainTopBar">
                                    <span class="MainTopBarTitle">Email Us</span>
                                </a>
</li>
<li class="MainTopBarBorderLeft">
<a href="https://aspxinformation.blogspot.co.id/" target="_blank" class="lnkMainTopBar">
<span class="MainTopBarTitle">Monitoring Tutorial</span>
</a>
</li>
</ul>
<div class="MainClearBoth"></div>
</div>
</div>

Terdapat ID beserta CLASS yang mana berisi sintak CSS yang telah saya pisahkan. Lihat sintak CSS dibawah copy lalu pastekan di dalam tag <head> .

                .MainClearBoth
{
clear: both;
overflow: hidden;
height: 0;
}
#MainTopBar
{
position: absolute;
z-index: 1000002;
top: 0;
left: 0;
width: 100%;
min-width: 993px;
font-size: 11px;
background-color: #000;
text-align: justify;
margin: auto;
}
#MainTopBarInnerWrapper ul
{
list-style: none none;
margin: 0;
padding: 0;
}
#MainTopBarInnerWrapper li
{
height: 35px;
float: left;
}
.lnkMainTopBar
{
display: block;
background: no-repeat left center;
color: #00CCF4;
text-decoration: none;
padding: 10px;
height: 15px;
}
.lnkMainTopBar:hover
{
background-color: #FFF;
color: #011B36;
}
#MainTopBarInnerWrapper span span
{
display: block;
}
.MainTopBarBorderLeft
{
border-left: 1px solid #26405B;
}
#MainTopBarInnerWrapper
{
margin: auto;
color: #FFF;
}
#MainTopBarContactPhone
{
font-weight: bold;
font-size: 1.333em;
}


Setelah selesai jalankan file tersebut ke Browser anda maka hasilnya akan anda lihat seperti Menu bar pada blog ini. Sangat simple dan tidak perlu memikir jauh. Karna kita cukup memainkan css saja.
Jika kalian masih belum mengerti dapat tinggalkan komentar kalian, atau bisa langsung email ke saya. See you next article.

Read More

Tutorial Membuat Nomor Surat Penawaran Di PHP

20:27    No comments

Pada sebagaian artikel ketika saya mengetik dengan judul diatas maka yang akan muncul adalah sejenis kop surat yang berisikan no penawaran , disini saya ketawa karna semakin kesel nya saya tidak menemukan trik untuk membuat no penawaran yang bagi saya dulu sangat bingung banget. Tapi disini saya sharing ke kalian bagi yang sedang membutuhkan membuat surat penawaran menggunakan bahasa PHP dan menggunakan database MySQL. Jika kalian bisa menerapkan dan menampilkan No Penawaran dari artikel ini otomatis untuk No Purchase Order, No Invoice juga bisa anda buat. 

Kalau kalian masih meraba seperti apa No Penawaran yang akan saya jelaskan lihat contoh dibawah ini:
___________________________________
| No Penawaran :  01/PNWR/ME-BS/V/16 |

Pada contoh No Penawaran diatas kita mengetahui pada awal terdapat No yang harusnya di Auto Increment jadi setiap No Penawaran telah dipakai, akan membuat Surat penawaran baru otomatis No akan berganti menjadi angka selanjutnya, sedangkan untuk '/PNWR/ME-BS/' ini hanya inputan pada database yang telah kita set sesuai kebutuhan surat penawaran kita, Untuk huruf Romawi 'V' adalah berupa bulan sekarang dibuatnya surat penawaran, dan terakhir angka '16' merupakan angka dari tahun sekarang yaitu 2016.

Bagaimana kita bisa membuat No Penawaran seperti contoh diatas didalam inputan untuk membuat surat penawaran kita langsung baca artikel lanjutan dibawah ini.

Pertama buat pada database kalian yang didalamnya terdapat table baru dengan nama 'Penawaran' lalu buat field seperti contoh dibawah ini secara detail di dalam MySQL kamu.

Table 'Penawaran'

Field yang akan di input pada table diatas adalah.
- id_penawaran     [INT] [Auto Increment][PK]
- isi_penawaran    [VARCHAR][20]
- no_penawaran    [INT][11]

Ketika selesai membuat isi table diatas dengan format yang anda mau, isi_penawaran isikan dengan contoh yang saya aljabarkan diatas '/PNWR/ME-BS/' dan no_penawaran isi dengan default 1.

Setelah table pada database anda siap, kita lanjut ke script PHP dimana kita membuat sebuah inputan lalu langsung kita tampilkan isi dari table di database kita tadi. Lihat script dibawah ini.

<table>
      <td><b>No Penawaran</b></td>
      <td>
          <?php
$sqlpnwr = mysql_query("select * from penawaran");
$row = mysql_fetch_array($sqlpnwr);
               /* script menentukan bulan */
       $array_bln = array(1=>"I","II","III", "IV", "V","VI","VII","VIII","IX","X", "XI","XII");
       $bln = $array_bln[date('n')];

       /* script menentukan tahun */ 
       $thn = date('Y');
       $tahun = substr($thn, -2); 
  ?>
     <input type="text" name="id_penawaran" value="<?php echo $row['no_penawaran'] ?><?php echo $row['isi_penawaran'] ?><?php echo  "$bln"; ?>/<?php echo  "$tahun"; ?>" disabled='disabled'>
       </td>
</table>

Copy lalu paste ke text editor kalian, terus save, coba di browser kalian. Harusnya di inputan table kalian akan muncul format No Penawaran seperti contoh paling atas yang telah saya jelaskan. Karna script diatas kita cuma memanggil isi field berupa 'isi_penawaran' dan 'no_penawaran'lalu kita tambahkan untuk format bulan dan tahun dibelakangnya. Maka hasilnya akan seperti ini jika dijalankan script diatas.


Hasil : 01/PNWR/ME-BS/V/16

Kalau sudah seperti diatas berarti anda berhasil membuat no surat penawaran yang anda mau, dan untuk membuat no surat invoice dan semacamnya anda bisa menggunakan cara ini juga. Selamat coding. Kalau masih ada yang belum paham bisa langsung komen dibawah saya akan terus memantau. See You Next Article.

Read More

Tutorial Menampilkan 2 Digit Angka Terakhir Pada Tahun Di PHP

19:34    No comments

Menampilkan 2 digit angka terakhir pada tahun merupakah simple script yang dapat kita buat dengan memanipulasi dari isi yang akan kita tampilkan, beneran simple disini saya menggunakan format date dari waktu sekarang yaitu tahun sekarang '2016' dan saya ingin mengambil 2 angka terakhir dari tahun tersebut yaitu '16' langsung lihat script dibawah ini.

<?php
    $tahun_sekarang = date('Y');
    $tahun = substr($tahun_sekarang, -2);

    echo "$tahun";
?>

Silahkan copy paste ke dalam text editor anda dan coba jalankan, otomatis tahun sekarang akan berubah menjadi tahun yang telah di split menjadi 2 angka terakhir yang ditampilkan. Disini kita melihat fungsi bawaan php yaitu Substr yang dapat split atau memotong suatu string tinggal kita kasih angka di dalamnya berapa banyak yang mau kita split.

Jika ingin mencoba berupa database juga sangat simple, anda tinggal format ambil tahun dari database, lalu anda gunakan fungsi diatas otomatis akan sama hasilnya 2 angka terakhir dari tahun yang akan ditampilkan, jika masih bingung dengan kasus yang kalian alami sekarang bisa komentar dibawah dan saya akan mencoba memecahkan masalah kalian.

Thanks all, saya tidak akan berhenti sharing ilmu yang sudah ada dan belum ada yang kalian ketahui dan kalian tidak ketahui. See you next article.

Read More

Tutorial Membuat Format Bulan Berupa Angka Menjadi Romawi Di PHP

19:14    4 comments

Merubah format angka kedalam bentuk romawi tidaklah sesulit dari yang saya baca di artikel tetangga, disini saya memberikan simple function atau simple syntax agar pengguna yang membutuhkan situasi ini dapat lebih paham penggunaan perubahan format romawi yang akan saya jelaskan. Disini saya mengambil contoh nilai angka mengambil bulan sekarang, lihat kalender laptop atau PC anda sekarang misalkan di pc saya sekarang bulai Mei yaitu kalau dijadikan Angka yaitu '05' disini saya ingin angka 5 ini dijadikan Romawi yaitu 'V' , langsung saja lihat script dibawah ini.

<?php
    $array_bulan = array(1=>"I","II","III", "IV", "V","VI","VII","VIII","IX","X", "XI","XII");
    $bulan = $array_bulan[date('n')];

    echo  "$bulan";
?>

Dari syntax diatas sangat simple disimpulkan, untuk mengubah ke dalam bentuk romawi saya deklarisakan huruf romawi bedasarkan jumlah Bulan, yaitu 12 bulan mulai dari bulan 1 -> I sampai bulan 12 -> XII. Setelah dibuat menggunakan Array kalian tinggal format seperti biasa date lalu ambil bulan sekarang dengan mengisi 'n' lalu gunakan fungsi array_bulan yang telah kita buat, lalu echo objek baru yang kita buat untuk menampung format diatas, otomatis akan menampilkan bulan sekarang kedalam bentuk Romawi.

Jika anda ingin mencoba menggunakan database sangat gampang, anda tinggal menampilkan select query database yang mau kalian tampilkan, dan field berupa bulan anda tinggal pisahkan, dan input ke dalam date seperti contoh diatas gantikan dengan isi 'n'.

Sampai sini tutorial yang singkat dan bagi saya ini sangat membantu bagi kalian yang membutuhkan format ini. Tidak mudah jika kalian udah sering bermain dengan array. See you next article.

Read More

Tutorial Membuat Format Mata Uang Rupiah Menggunakan Fungsi PHP

18:37    No comments

Setiap  kita membuat suatu aplikasi menggunakan bahasa PHP misalkan untuk web all items, yang mana memiliki harga barang berupa rupiah, misalkan terdapat 1 barang dengan harga 1902000 (Satu juta sembilan ratus dua ribu) disini kalau kita set ke dalam INT otomatis tidak akan bisa harga tersebut dijadikan string, disini saya ingin membagikan langsung cara simple yang saya buat untuk setiap project saya, dimana kita menggunakan function , saya akan mencontohkan sintak format rupiah pada database yang saya panggil , lihat contoh code dibawah ini.

<?php
     function IDR($nilai, $pecahan = 0)
    {
           return number_format($nilai, $pecahan, ',', '.');
    }
    $sqltr = mysql_query("select * from  all_items");
    while($row = mysql_fetch_array($sqltr))
   {
?>
<td> Rp. <?php echo IDR($row['Product_Price']); ?></td>
<?php } ?>


Syntax diatas sudah saya aljabarkan secara detail, dimana saya membuat sebuah Function dengan nama IDR dan saya isi dengan format dari angka int menjadi sebuah string ke rupiah, lalu saya panggil database untuk saya tampilkan harga disini saya menamakan Field harga dengan nama 'Product_Price' lalu saya echo di dalam td yang mana akan saya tampilkan dengan memanggil function yang kita buat tadi, otomatis hasilnya akan seperti ini.

Contoh hasil : Rp. 1.902.000

Sangat simple bukan, dengan membuat sebuah function kita sudah bisa melakukan banyak formatan untuk konversi dari int ke string dalam bentuk rupiah. Silahkan mencoba guys. See you next article.
Jangan lupa tinggalin jejak komentar yah atau boleh sharing artikel ini jika anda puas.

Read More

Tutorial Membuat Format Tanggal Di PHP Beserta Dengan Hari Menjadi Bahasa Indonesia

03:15    No comments


Pada tahap ini, sedikit user kebingungan bagaimana merubah format tanggal yang dari database atau dari kita input sendiri, sebenernya sangat sederhana disini saya membahasa salah satu dari cara merubah format tanggal dengan menggunakan Fungsi strtotime. Fungsi ini sering saya gunakan apabila Client meminta convert Date kedalam Sistem Integrate Indonesia yaitu Tanggal dalam bentuk Format Indonesia. Sedikit tentang Fungsi strtotime bagi kalian yang masih bertanya apa kegunaan fungsi ini, fungsi ini dapat merubah string tanggal menjadi timestamp unix seperti tanggal yang di format berbentuk teratur.

Langsung saja saya contohin Script untuk Convert tanggal tersebut. Disini saya mencontohkan pengambilan tanggal dari database,

<?php
             $sqltr = mysql_query("select * from  all_items");
     while($rowe=mysql_fetch_array($sqltr))
    {
$date_in = $rowe['Date_In'];
$ubahFormat = date("d F Y",strtotime($date_in));
?>

<td width="100px">
      <?php echo $ubahFormat ?>
</td>

<?php } ?>

Pada script diatas terlihat saya memanggil sebuah data dari database, dan saya mengambil 1 field yaitu Date_In yaitu tanggal pada sebuah Item tersebut yang akan saya format. Lalu saya menggunakan fungsi strtotime dengan format Hari Bulan dan Tahun baru saya Echo atau tampilkan dengan object penampung yang menampung format tadi.


Kalau anda sudah test silahkan coba di browser anda, maka anda akan melihat hasil tanggal anda telah terformat.

Contoh :


Tanggal sebelum di format : 12/04/2015
Tanggal setelah di format : 04 December 2016

Tutorial diatas masih belum selesai jika anda ingin mengganti untuk hari dan bulan dengan menggunakan Bahasa Indonesia karna diatas masih terjemahan dalam bahasa Inggris dari fungsi yang kita gunakan tersebut.

Buat syntax dibawah ini kedalam tag <?php dalam bentuk array untuk format hari dan bulan indonesia:

$hari = array("","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu","Minggu");
$bulan = array("","Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember");
$ubahFormat = $hari[date("w")].", ".date("j")." ".$bulan[date("n")]." ".date("Y");


Dengan sintak diatas kita sudah bisa merubah format sesuai format bahasa Indonesia. Hasilnya akan seperti ini.

Tanggal sebelum di format : 12/04/2015
Tanggal setelah di format : Selasa, 04 Desember 2016

Silahkan mencoba , see you next article. ^_^

Read More