Tampilkan postingan dengan label Programming. Tampilkan semua postingan
Tabel Kompleks (HTML)
Contohnya seperti ini:
| Nama | BULAN | ||||||||||||
| Januari | Februari | Maret | April | ||||||||||
| LUTVI | 10.000 | 10.000 | 10.000 | 10.000 | |||||||||
| IIM | 10.000 | 10.000 | 10.000 | 10.000 | |||||||||
| ATHIA | 10.000 | 10.000 | 10.000 | 10.000 | |||||||||
Bagaimana cara membuatnya?
Kita fokuskan kodenya sampai baris LUTVI saja atau baris ke-3. Sisanya tinggal mengikuti sebagaimana baris lutvi.
Rumus sederhana untuk membuat kode rumit diatas adalah seperti ini:
1. Buat dulu tag table
<table>
</table>
2. Di tengahnya kita masukkan berapa baris tabel yang ingin kita buat. Misalnya contoh diatas kita buat sampai LUTVI, berarti ada 3 baris
<table>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
3. Sekarang kita buat kolomnya. Di baris pertama, kolom pertama, kolomnya turun hingga baris ke-2. Berarti ada 2 baris yang digabungkan. Maka atributnya
ROWSPAN="2". Sehingga jadinya seperti ini:<table>
<tr>
<td rowspan="2"></td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
4. Kolom kedua di baris pertama menggabungkan 4 kolom. Maka atributnya COLSPAN="4". Sehingga jadinya seperti ini:<table>
<tr>
<td rowspan="2"></td>
<td colspan="4"></td>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
5. Berikutnya baris kedua. Karena kolom pertama sudah diambil alih
oleh kolom pertama baris pertama, maka sudah tidak perlu kita urus lagi.
Jadi, langsung aja ke kolom kedua, ketiga, keempat dan kelima. Jadinya
seperti ini:<table>
<tr>
<td rowspan="2"></td>
<td colspan="4"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
</tr>
</table>
Lihat kan? Saya cuma menambahkan 4 kolom saja di baris 2 karena kolom
1 kan sudah diambil oleh baris pertama sehingga kita hanya perlu
menambah kekurangannya saja.6. Baris ketiga karena tidak ada yang diambil alih, berarti tetap 5 kolom yang kita pasang. Jadinya:
<table>
<tr>
<td rowspan="2"></td>
<td colspan="4"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
7. Sekarang tinggal mengisi saja kolom-kolomnya dengan text sesuka hati. Dan inilah hasil akhir untuk tampilan diatas:
<table>
<tr>
<td rowspan="2" style="text-align:center; vertical-align:middle;">Nama</td>
<td colspan="4" style="text-align:center; vertical-align:middle;">BULAN</td>
</tr>
<tr>
<td>Januari</td>
<td>Februari</td>
<td>Maret</td>
<td>April</td>
</tr>
<tr>
<td>LUTVI</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
<tr>
<td>IIM</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
<tr>
<td>ATHIA</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
<td>10.000</td>
</tr>
</table>
Selamat mencoba !!
Kamis, Februari 19, 2015
Contohnya seperti ini: Nama BULAN Januari Februari Maret April LUTVI 10.000 10.000 10.000 10.000 IIM 10.000 10....
Cara Membuat Kalkulator dengan PHP
-- Membuat Kalkulator Sederhana Menggunakan PHP. Baiklah pemirsah yang setiah :), pada kesempatan kali ini ane mo sedikit share tutorial cara membuat kalkulator sederhana menggunakan PHP. Ane cuman pake 2 tools untuk membuat aplikasi kalkulator sederhana ini, yaitu XAMPP & Dreamweaver. Untuk cara penggunaan XAMPP silakan lihat tutorial yang pernah ane buat sebelumnya, and untuk Software Dreamweaver silakan cari sendiri ya!!!
Penampakkan XAMPP dan Dreamweaver
Jalankan Software XAMPP, belum punya? silakan lihat tutorial ane yang laen disini
Jalankan Aplikasi Dreamweaver dan silakan pilih kolom "Create New" dan pilih PHP
Akan terbukan sebuah halaman baru, selanjutnya pilih "Split Button" untuk membagi dua halaman kerja yaitu Code dan Design
Buatlah form kalkulator sederhana dengan menggunakan beberapa fungsi pada dreamweaver, silakan lihat gambar dibawah ini
tampilan "Code" pada dreamweaver
tambahkan script PHP di bawah ini setelah tombol "Hitung"
Tampilan "Code" secara keseluruhan, save dengan nama kalkulator.php
*Test Kalkulator*
Penjumlahan
Pengurangan
Perkalian
Pembagian
Sumber : Cara Membuat Kalkulator dengan PHP
Rabu, Februari 18, 2015-- Membuat Kalkulator Sederhana Menggunakan PHP . Baiklah pemirsah yang setiah :), pada kesempatan kali ini ane mo sedikit shar...
Cara Membuat Buku Tamu dengan PHP
Pertama : buat folder pada htdocs
buatlah folder dengan nama buku_tamu pada htdocs,
Kedua : buat Database Pada MySQL PHP MyAdamin
- buat Database dengan nama buku_tamu
- setelah membuat database buatlah tabel dengan nama buku_tamu, lalu isikan fieldnya :
email VARCHAR(255)
nama VARCHAR(255)
komentar VARCHAR(255)
jadikan email ebagai primarykey
Ketiga : buka Text Editor
- buka text editor anda untuk membuat file PHP, saya menggunakan Adobe Dreamweaver CS 5
Keempat : buat File Koneksi
- buat file koneksi dengan nama konek.php, dan simpan file tersebut pada folder buku_tamu yang sudah dibuat tadi, syntaxnya seperti dibawah
<?php
$kon = mysql_connect("localhost","root","");mysql_select_db("buku_tamu",$kon); ?> |
Kelima : buat File Form Input
- buat file form input, dengan nama buku_tamu.php, dan simpan file tersebut pada folder buku_tamu yang sudah dibuat tadi. File ini berfungsi untuk memasukkan data. syntaxnya :
<html>
<head><title>Buku Tamu : Muhammad Anwari</title> </head> <body> <form method="POST" action="control.php?action=addbukutamu"> <table width = "40" border = "0" align = "left" cellpadding = "0" cellspacing = "1" bgcolor = "#996600"> <tr> <td height = "40" align = "center" bgcolor = "#996600"><strong><font color="#FFFFFF">BUKU TAMU</font></strong></td> </tr> <tr> <td bgcolor="#FFFFFF"><table width="40" border="0" align="center" cellpadding="5" cellspacing="0"> <tr> <td>Email</td> <td><input type = "text" name = "email" size = "25" maxlength = "255"/></td> </tr> <tr> <td>Nama</td> <td><input type = "text" name = "nama" size = "25" maxlength = "255"/></td> </tr> <tr> <td>Komentar</td> <td><textarea name = "komentar" rows = "3" cols = "20"></textarea></td> </tr> <tr><td colspan = "2" align = "center"> <center> <input id="submit" type="submit" value="Chat"> <input id="button"type="reset" value="Reset"></center> </td></tr> </table></td></tr> </table> </form> </body> </html> <? $conn=mysql_connect("localhost","root","")or die("Gagal!!!"); mysql_select_db("buku_tamu",$conn); if($_GET['proses']){ $email = $_POST['email']; $nama = $_POST['nama']; $komentar = $_POST['komentar']; $query="insert into buku_tamu values('$email','$nama','$komentar')"; $hasil=mysql_query($query,$conn)or die("Server Error"); } ?> </body> </html> |
Keenam : buat Daftar Inputan
buatlah daftar inputan dengan nama list.php,
dan simpan file tersebut pada folder buku_tamu yang sudah dibuat tadi.
Fungsi file ini adalah untuk melihat hasil dari inputan kita, syntaxnya :
<?php
include 'konek.php'; $buku_tamu = "select * from buku_tamu"; $anwari = mysql_query($buku_tamu); $total = mysql_num_rows($anwari); ?> <br><br><br><br><br><br><br><br><br><br><br> <?php while ($buku_tamu = mysql_fetch_array($anwari)) { echo "<br><b>Email</b> : ".$buku_tamu['email']; echo "<br><b>Nama</b> : ".$buku_tamu['nama']; echo "<br><b>Komentar</b> : ".$buku_tamu['komentar']; echo "<hr align = 'left' size = '2' width = '50%' color = '#996600'>"; } ?> |
Ketujuh : buat file Control
buatlah file dengan nama control.php, dan simpan file tersebut pada folder buku_tamu yang sudah dibuat tadi. Fungsi file ini untuk melakukan proses input data, syntaxnya :
| <?php $action = isset ($_GET['action']) ? $_GET['action'] : ''; switch ($action) { case 'addbukutamu' : addbukutamu(); break; } function addbukutamu(){ include_once 'konek.php'; $email = $_POST['email']; $nama = $_POST['nama']; $komentar = $_POST['komentar']; if( $email == '' || $nama == '' || $komentar == ''){ header('Location:index.php'); }else{ $queryaddbukutamu = "insert into buku_tamu values('$email','$nama','$komentar')"; mysql_query($queryaddbukutamu)or die("Error on Query addbukutamu : ".mysql_error()); header('Location:index.php'); } } ?> |
Kedelapan : buat file Index
buat file dengan nama index.php, dan simpan file tersebut pada folder buku_tamu yang sudah dibuat tadi. Fungsi dari file ini untuk menggabungkan dan memunculkan sekaligus file inputan dengan daftarnya, syntaxnya :
<?php include 'konek.php'; ?> <html> <head> <title>Buku Tamu : Muhammad Anwari</title> </head> <font face="verdana"> <?php if(isset ($_GET['view']) == "update"){ include 'buku_tamu.php'; }else{ include 'buku_tamu.php'; } include 'list.php'; ?> </font> </body> </html> |
Langkah Terakhir : jalankan file!!!
Note : semua file harus satu folder
Sumber : Cara Membuat Buku Tamu dengan PHP
Rabu, Februari 18, 2015
Pertama : buat folder pada htdocs buatlah folder dengan nama buku_tamu pada htdocs, Kedua : buat Database Pada MySQL PHP MyAdam...
Membuat Kalkulator dengan Visual Basic
1. Pertama-tama buka program Visual Basic 6.0 terlebih dahulu, kalau belum punya bisa download versi portablenya disini dan ikuti petunjuk instalasinya fisana.
2. Jika muncul tampilan seperti gambar dibawah, pilih standar EXE, dan klik Open.
3. Pada menu Properties - From1, ganti Caption nya menjadi nama aplikasi yang akan dibuat (Misal: Kalkulator sederhana).
4. Kemudian buat Form seperti gambar dibawah:
5. Selanjutnya ubah caption masing-masing komponen seperti gambar
dibawah dengan cara klik komponen yang akan dirubah > lihat ke menu
properties dan ubah captionnya (mirip point nomer 3).
6. Nah setelah tadi kita telah menyusun UI (User Interface), sekarang
waktunya kita coding. Apa itu coding? Kalau mau tahu silahkan tanyakan
pada Google yang bergoyang. Double click pada UI yang
tadi kita buat, atau bisa juga melalui View > Code dan akan muncul
tampilan seperti gambar dibawah:
7. Copy code dibawah dan paste di tempat tadi.
Private Sub Command1_Click()
Text3.Text = Val(Text1.Text) + Val(Text2.Text)
End Sub
Private Sub Command2_Click()
Text3.Text = Val(Text1.Text) / Val(Text2.Text)
End Sub
Private Sub Command3_Click()
Text3.Text = Val(Text1.Text) * Val(Text2.Text)
End Sub
Private Sub Command4_Click()
Text3.Text = Val(Text1.Text) - Val(Text2.Text)
End Sub
Private Sub Command5_click()
End
End Sub
8. Untuk mengetes aplikasi kalkulator yang telah kita buat, coba tekan
F5. Coba masukan bilangan pertama dan kedua kemudian klik salah satu
jenis operasi. Silahkan modif-modif sesuka hati jika dirasa ada yang
kurang.
9. Jika kita ingin mengkompilasi (Apa lagi nih kompilasi, search di
Google aja gan) aplikasi tadi tinggal klik File > MakeProject1.exe
> Pada kotak dialog Make Project yang muncul, pilih lokasi untuk menyimpan aplikasi dan ketikan nama yang di inginkan untuk menjadi file executable. Misal : kalkulator-azisweb.exe
10. Selesai, sampai disini kita sudah berhasil membuat kalkulator sederhana menggunakan Visual Basic.
1. Pertama-tama buka program Visual Basic 6.0 terlebih dahulu, kalau belum punya bisa download versi portablenya disini dan ikuti ...
Langganan:
Postingan (Atom)

























