Jumat, 19 September 2014
Assalamu'alaikum wr wb
postingan ini saya copy paste dari http://trisnanugrohosite.blogspot.com/2012/12/membuat-buku-tamu-dengan-php-dan-mysql.html
langsung saja caranya :
Persiapan
Yang harus disiapkan yaitu :
1) XAMPP
2) Notepad++ atau edit plus (kalau saya menggunakan macromedia Dreamwever)
Tahapan
1) Aktifkan dulu aplikasi xampp di desktop,dan kemudian apache,mysql dan filezilla tercentang semua dan dalam keadaan running
2)Buka Browser yang ingin anda pakai,ketikkan di address bar localhost/phpmyadmin lalu akan tampil seperti ini
4) Setelah itu,database telah berhasil dibuat,biasanya ditandai dengan peringatan kolom check list berwarna hijau
5)Buat Tabel di database yang telah kita buat,dengan mengisi nama tabel.
karena tabel inilah yang akan menerima pesan dari buku tamu yang telah kita buat ke web server(database) dan number of fieldnya,biasanya ada 4 jadi ketik di kolom tersebut angka 4,klik Go
6)Setelah itu isi field sesuai dengan number of field yang telah ditentukan
kali ini yang saya buat yaitu id,nama,email dan pesan,
kemudian pilih type :
untuk id disarankan untuk memilih int,karena int merupakan type untuk angka
dan jangan lupa untuk mencentang auto_increment ,agar daftar pesan yang dikirim angka dapat berurutan seperti absen
nama dan email disarankan untuk memilih varchar,karena varchar merupakan tipe untuk huruf
pesan disarankan untuk memilih text,tapi boleh juga memilih varchar
kemudian klik save
readmore »»
postingan ini saya copy paste dari http://trisnanugrohosite.blogspot.com/2012/12/membuat-buku-tamu-dengan-php-dan-mysql.html
langsung saja caranya :
Persiapan
Yang harus disiapkan yaitu :
1) XAMPP
2) Notepad++ atau edit plus (kalau saya menggunakan macromedia Dreamwever)
Tahapan
1) Aktifkan dulu aplikasi xampp di desktop,dan kemudian apache,mysql dan filezilla tercentang semua dan dalam keadaan running
2)Buka Browser yang ingin anda pakai,ketikkan di address bar localhost/phpmyadmin lalu akan tampil seperti ini
3) untuk menghubungkan koneksi php ke phpmyadmin,buat database terlebih dahulu
isi nama database,lalu klik create
5)Buat Tabel di database yang telah kita buat,dengan mengisi nama tabel.
karena tabel inilah yang akan menerima pesan dari buku tamu yang telah kita buat ke web server(database) dan number of fieldnya,biasanya ada 4 jadi ketik di kolom tersebut angka 4,klik Go
6)Setelah itu isi field sesuai dengan number of field yang telah ditentukan
kali ini yang saya buat yaitu id,nama,email dan pesan,
kemudian pilih type :
untuk id disarankan untuk memilih int,karena int merupakan type untuk angka
dan jangan lupa untuk mencentang auto_increment ,agar daftar pesan yang dikirim angka dapat berurutan seperti absen
nama dan email disarankan untuk memilih varchar,karena varchar merupakan tipe untuk huruf
pesan disarankan untuk memilih text,tapi boleh juga memilih varchar
kemudian klik save
7) Tabel di database telah berhasil dibuat
dan berikut php code yang telah dibuat
CREATE TABLE `trisna`.`trisna_tb` (
`id` INT(5) NOT NULL AUTO_INCREMENT,
`nama` VARCHAR(50) NOT NULL,
`email` VARCHAR(50) NOT NULL,
`pesan` VARCHAR(500) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE = MyISAM;
Dan Langkah Berikutnya,buka notepad kalian
1) Form Buku Tamu
simpan denga nama formku.php
<link rel="stylesheet" type="text/css" href="style.css"/>
<h1 style="text-align:center">Buku Tamu</h1>
<body>
<center>
<form id="form1" name="form1" method="post" action="simpan.php">
<table width="413" height="128" border="0">
<tr>
<td width="100">Nama</td>
<td width="50">:</td>
<td width="100">
<input name="nama" type="text" id="nama" size="36" /></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>
<input name="email" type="text" id="email" size="36" />
</td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><label>
<textarea name="pesan" id="pesan"></textarea>
</label></td>
</tr>
<tr>
<td height="21" colspan="2"><label>
<div align="center">
<input name="Reset" type="reset" id="reset" value="Reset" />
</div>
</td>
<td height="21">
<input type="submit" name="Submit" value="Submit" />
</td>
</tr>
</table>
</form>
</body>
</center>
terdapat link eksternal di dalam formku.php
simpan dengan nama style.css
(ini merupakan hasil kreasi dari saya sendiri)
<style>
h1 {
font-family:impact;
font-size:40px;
color: #fff;
font-weight:bolder;
text-shadow: 0px 5px 50px #fff;
}
td {
font-family:cursive;
font-size:30px;
color:#fff;
}
body {
background:#00adef;
}
form {
background:blue;
width:380px;
border:20px ridge #fff;
margin-top:50px;
}
input {
background:#000;
font-family:impact;
color: #fff;
margin-right:-360px;
}
textarea {
background: #000;
font-family:impact;
color:#fff;
height:100px;
width:200px;
margin-left:2px;
resize:none;
}
</style>
2) membuat koneksi ke database
simpan dengan nama koneksidb.php
<?php
$host='localhost';
$user='root';
$pass='';
$db='trisna';
$ok=mysql_connect($host,$user,$pass) or die ('gagal konek'.mysql_error());
mysql_select_db ($db,$ok);
?>
keterangan :
-kode inilah yang akan memanggil koneksi dari php ke server(database)
-jika pada saat anda membuat database menggunakan password,masukkan password di $pass
-$db merupakan nama database anda di phpmyadmin
3) Pemberitahuan
simpan dengan nama simpan.php
<?php
include "koneksidb.php";
$nama= $_POST["nama"];
$email= $_POST["email"];
$pesan= $_POST["pesan"];
$input ="insert into trisna_tb(nama,email,pesan)values('$nama','$email','$pesan')";
$query = mysql_query($input);
if (query)
{
echo "<div><pre>Nama:$nama</pre>";
echo "<pre>Email:$email</pre>";
echo "<pre> Pesan:$pesan</pre><br>";
echo "data di atas telah disimpan<br>";
echo "<a href= 'formku.php'>back</a>";
}
else
{echo "gagal tersimpan";
echo "<a href='tampil.php'>lihat data</a></div>";
}
?>
4) Menampilkan isi buku tamu di server
simpan dengan nama tampil.php
<form id="form1" name="form1" method="post" action="">
Semua data Tamu yang Masuk : <br><br>
<table width="452" border="2">
<tr align="center">
<td width="26">ID</td>
<td width="129">Nama</td>
<td width="100">Email</td>
<td width="179">Komentar</td>
</tr>
<?php
include "koneksidb.php";
$sqltampil="SELECT * FROM tb_tamu";
$qrytampil=mysql_query($sqltampil);
while ($row=mysql_fetch_array($qrytampil))
{
$ID++;
?>
<tr>
<td><?php echo $ID;?></td>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['email'];?></td>
<td><?php echo $row['Komentar'];?></td>
</tr>
<?php } ?>
</table>
</form>
maka id,nama,email dan pesan yang telah kita ketik telah tampil
dan berikut php code yang telah dibuat
CREATE TABLE `trisna`.`trisna_tb` (
`id` INT(5) NOT NULL AUTO_INCREMENT,
`nama` VARCHAR(50) NOT NULL,
`email` VARCHAR(50) NOT NULL,
`pesan` VARCHAR(500) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE = MyISAM;
Dan Langkah Berikutnya,buka notepad kalian
1) Form Buku Tamu
simpan denga nama formku.php
<link rel="stylesheet" type="text/css" href="style.css"/>
<h1 style="text-align:center">Buku Tamu</h1>
<body>
<center>
<form id="form1" name="form1" method="post" action="simpan.php">
<table width="413" height="128" border="0">
<tr>
<td width="100">Nama</td>
<td width="50">:</td>
<td width="100">
<input name="nama" type="text" id="nama" size="36" /></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td>
<input name="email" type="text" id="email" size="36" />
</td>
</tr>
<tr>
<td>Pesan</td>
<td>:</td>
<td><label>
<textarea name="pesan" id="pesan"></textarea>
</label></td>
</tr>
<tr>
<td height="21" colspan="2"><label>
<div align="center">
<input name="Reset" type="reset" id="reset" value="Reset" />
</div>
</td>
<td height="21">
<input type="submit" name="Submit" value="Submit" />
</td>
</tr>
</table>
</form>
</body>
</center>
terdapat link eksternal di dalam formku.php
simpan dengan nama style.css
(ini merupakan hasil kreasi dari saya sendiri)
<style>
h1 {
font-family:impact;
font-size:40px;
color: #fff;
font-weight:bolder;
text-shadow: 0px 5px 50px #fff;
}
td {
font-family:cursive;
font-size:30px;
color:#fff;
}
body {
background:#00adef;
}
form {
background:blue;
width:380px;
border:20px ridge #fff;
margin-top:50px;
}
input {
background:#000;
font-family:impact;
color: #fff;
margin-right:-360px;
}
textarea {
background: #000;
font-family:impact;
color:#fff;
height:100px;
width:200px;
margin-left:2px;
resize:none;
}
</style>
2) membuat koneksi ke database
simpan dengan nama koneksidb.php
<?php
$host='localhost';
$user='root';
$pass='';
$db='trisna';
$ok=mysql_connect($host,$user,$pass) or die ('gagal konek'.mysql_error());
mysql_select_db ($db,$ok);
?>
keterangan :
-kode inilah yang akan memanggil koneksi dari php ke server(database)
-jika pada saat anda membuat database menggunakan password,masukkan password di $pass
-$db merupakan nama database anda di phpmyadmin
3) Pemberitahuan
simpan dengan nama simpan.php
<?php
include "koneksidb.php";
$nama= $_POST["nama"];
$email= $_POST["email"];
$pesan= $_POST["pesan"];
$input ="insert into trisna_tb(nama,email,pesan)values('$nama','$email','$pesan')";
$query = mysql_query($input);
if (query)
{
echo "<div><pre>Nama:$nama</pre>";
echo "<pre>Email:$email</pre>";
echo "<pre> Pesan:$pesan</pre><br>";
echo "data di atas telah disimpan<br>";
echo "<a href= 'formku.php'>back</a>";
}
else
{echo "gagal tersimpan";
echo "<a href='tampil.php'>lihat data</a></div>";
}
?>
4) Menampilkan isi buku tamu di server
simpan dengan nama tampil.php
<form id="form1" name="form1" method="post" action="">
Semua data Tamu yang Masuk : <br><br>
<table width="452" border="2">
<tr align="center">
<td width="26">ID</td>
<td width="129">Nama</td>
<td width="100">Email</td>
<td width="179">Komentar</td>
</tr>
<?php
include "koneksidb.php";
$sqltampil="SELECT * FROM tb_tamu";
$qrytampil=mysql_query($sqltampil);
while ($row=mysql_fetch_array($qrytampil))
{
$ID++;
?>
<tr>
<td><?php echo $ID;?></td>
<td><?php echo $row['nama'];?></td>
<td><?php echo $row['email'];?></td>
<td><?php echo $row['Komentar'];?></td>
</tr>
<?php } ?>
</table>
</form>
Setelah itu masukkan file tersebut ke dalam XAMPP di local disk C dan ke htdocs,kemudian simpan file anda di situ atau untuk mempermudah file buku tamu tersebut dijadikan 1 folder lalu folder tersebut simpan ke htdocs,disini saya beri nama folder dengan nama bukutamu
kita buka localhost/nama folder (localhost/bukutamu)
setelah itu buka file formku.html
keren bukan tampilan buku tamunya ? karena fungsi css adalah untuk membuat struktur dokumen menjadi lebih indah dan memukau
untuk percobaan,silahkan masukkan nama,email dan pesan
setelah sudah klik submit
proses pengiriman akan berhasil,bila terdapat konfirmasi seperti ini
dan terakhir,masuk kembali ke localhost/phpmyadmin
kemudian klik database kita,setelah itu klik tabel dalam database kita
maka id,nama,email dan pesan yang telah kita ketik telah tampil
sekian dari saya
maaf atas segala kekurangannya
wassalamu'alaikum wr wb
Selasa, 16 September 2014
Software atau aplikasi memang sangat penting keberadaannya pada
sebuah computer. Kita sering kali menginstal software untuk mendukung
aktifitas tertentu dalam sebuah computer. Misalnya seperti software
untuk menulis, mengedit foto, browser, dan yang lainnya.
Keberadaan software ini memang berkembang seiring dengan perkembangan operating system. Saat ini, OS atau system operasi yang sedang terkenal adalah Windows 8 dan juga Windows 7. Pada saat kita menginstall software terbaru pada system operasi tersebut, tentunya kita tidak akan mengalami masalah apapun karena rata-rata software yang rilis pada tahun 2010 ke atas sudah kompatibel dengan windows 7 dan biasanya juga sudah bisa digunakan pada windows 8. Lalu bagaimana jika kita menginstall software yang sudah lama? Biasanya akan terjadi error dan terkadang jika sudah berhasil di install, maka pada saat membukanya terkadang sering terjadi error. Lalu bagaimana cara mengatasi software yang tidak bisa dibuka atau tidak bisa di install? Nah, berikut ini ada beberapa tips untuk menangani software yang tidak bisa dibuka / di install.
sumber : http://cheatergarang.blogspot.com/2014/06/tips-mengatasi-software-tidak-bisa.html
readmore »»
Keberadaan software ini memang berkembang seiring dengan perkembangan operating system. Saat ini, OS atau system operasi yang sedang terkenal adalah Windows 8 dan juga Windows 7. Pada saat kita menginstall software terbaru pada system operasi tersebut, tentunya kita tidak akan mengalami masalah apapun karena rata-rata software yang rilis pada tahun 2010 ke atas sudah kompatibel dengan windows 7 dan biasanya juga sudah bisa digunakan pada windows 8. Lalu bagaimana jika kita menginstall software yang sudah lama? Biasanya akan terjadi error dan terkadang jika sudah berhasil di install, maka pada saat membukanya terkadang sering terjadi error. Lalu bagaimana cara mengatasi software yang tidak bisa dibuka atau tidak bisa di install? Nah, berikut ini ada beberapa tips untuk menangani software yang tidak bisa dibuka / di install.
- Ubah compatibility mode pada software tersebut.
Jika pada saat menginstall software tersebut gagal, maka langkah yang bisa anda lakukan adalah dengan mengubah kompatibiliti pada software tersebut. Caranya, klik kanan pada installer software, kemudian pilih Properties. Klik pada tab Compatibility. Kemudian centang pada bagian Run this program in compatibility mode for. Lalu pilih OS mana yang ingin anda pilih agar software tersebut kompatibel. Biasanya jika software tersebut tidak support di Windows 7, maka pilihlah compatibility untuk Windows XP Service Pack 2. Kemudian klik OK. Jika sudah di install, namun pada saat membukanya ternyata error, maka anda bisa melakukan hal yang sama pada file .exe pada software tersebut.
- Jika cara tersebut masih gagal, maka cara lain yang bisa anda lakukan adalah dengan mencari versi terbaru dari software tersebut. Biasanya versi yang terbaru sudah support OS windows 7 maupun windows 8.
- Jika masih gagal juga, periksa versi dari DirectX computer anda. Kebanyakan software saat ini membutuhkan minimal system requirement pada DirectX 9.0 dan DirectX 10.0
sumber : http://cheatergarang.blogspot.com/2014/06/tips-mengatasi-software-tidak-bisa.html
Rabu, 10 September 2014
Pada artikel-artikel sebelumnya, saya sudah membahas cara membuat Hyperlink, cara membuat table, terus saya juga sudah memberikan contoh cara membuat login form dengan HTML.
Dan artikel saya ini saya akan membahas cara membuat website dengan HTML.
Sebelum kita melangkah dalam cara membuat website, terlebih dahulu kita membuat sketsa website.
Alasan mengapa kita membuat sketsa duluan karena katanya yang paling
sulit itu menentukan layout website. Kalau layout ada perubahan bisa
jadi pada source yang lain juga banyak di rubah. Tapi itu sering terjadi
jika kita download theme yang sudah jadi bukan bikinan sendiri.
Ini tampilan sketsa yang saya bikin ::
Dan ini adalah source codenya::
<table width="863" height="580" border="1" align="center">
<tr>
<td height="118" colspan="4"><div align="center">Header</div></td>
</tr>
<tr>
<td width="166" height="25">Home</td>
<td width="182">Artikel</td>
<td width="259">Buku Tamu </td>
<td width="228">About</td>
</tr>
<tr>
<td colspan="3" rowspan="2"><div align="center">Isi Berita </div></td>
<td height="28">Kategori</td>
</tr>
<tr>
<td rowspan="2"> </td>
</tr>
<tr>
<td height="196" colspan="3"><table width="621" height="201" border="1">
<tr>
<td colspan="3"><div align="center">Galleri</div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="1" colspan="4"><div align="center">Footer</div></td>
</tr>
</table>
Maaf Hasil tampilannya tidak bisa di perlihatkan, jadi teman-teman bisa mencobanya langsung. Atikel ini saya akhiri sampai disini dlu sambungannya nanti saya tulis dalam artkel yang selanjutnya.
Mohon maaf karena ketidak nyamanan ini
Salam Hangat Dari saya.
Sumber SharingRPL
Di artikel sebelumnya kita sudah membuat sketsa/mockup dan saya juga sudah menyertakan source codenya.
Source code tersebut kita modifikasi sedikit agar terlihat lebih baik. Bagi yang belum tahu bisa baca artikel http://roypurbo.blogspot.com/2013/03/cara-membuat-membuat-website-dengan.html.
Pertama anda bisa membuat headernya terlebih dahulu atau mencari di mbah
google. Kalau sudah ada kita tinggal mengimplementasikannya.
Ini adalah source code yang sudah saya modifikasi ::
<table width="960" height="814" border="1" align="center" cellpadding="0" cellspacing="0" style="border:thin">
<tr>
<td height="118" colspan="4"><img src="blog/header-mana1.jpg" width="960" height="200" /></td>
</tr>
<tr bgcolor="#006699" bordercolor="#CCCCCC">
<td width="214" height="25"><div align="center"><strong>Home</strong></div></td>
<td width="222"><div align="center"><strong>Artikel</strong></div></td>
<td width="284"><div align="center"><strong>Buku Tamu </strong></div></td>
<td width="234"><div align="center"><strong>About</strong></div></td>
</tr>
<tr>
<td colspan="3" rowspan="2"><div align="left">
<p><strong><em>Judul Artikel</em></strong></p>
<div align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. Duis cursus egestas hendrerit. Fusce luctus risus id elit malesuada ac sagittis magna tempus. Sed egestas fringilla turpis at ullamcorper. Pellentesque adipiscing ornare cursus. Aliquam a nulla sapien. Sed facilisis ultricies purus, sed dapibus eros auctor vel. Phasellus et est nibh. Sed sagittis neque vel magna euismod ut vulputate sapien tempus. Fusce feugiat condimentum nulla. Aliquam quis convallis nunc. Nulla eu eros quam. Heading H1Suspendisse elementum tincidunt mi, non dictum nibh molestie a. In placerat rutrum felis, eu lacinia nunc eleifend vitae.
</div>
</div></td>
<td height="28" bgcolor="#999999"><div align="center" class="style1">Kategori</div></td>
</tr>
<tr>
<td rowspan="2"> </td>
</tr>
<tr>
<td height="196" colspan="3"><table width="725" height="467" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="21" colspan="3" bgcolor="#006699"><div align="center">Galleri</div></td>
</tr>
<tr>
<td width="235"><img src="blog/sponge.jpeg" width="235" height="214" /></td>
<td width="235"><img src="blog/Spongebob Squarepants.jpg" width="235" height="214" /></td>
<td width="470"><img src="blog/SpongeBob-SquarePants-p78.jpg" width="235" height="214" /></td>
</tr>
<tr>
<td><img src="blog/images12.jpeg" width="188" height="171" /></td>
<td><img src="blog/casper.jpg" width="235" height="214" /></td>
<td><img src="blog/sosialisasi.jpg" width="235" height="214" /></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#006666">
<td height="1" colspan="4"><div align="center">Footer</div></td>
</tr>
</table>
Penjelasannya :
- Saya menggunakkan header dengan ukuran 960x200.
- <img ... > gunanya untuk menampilkan gambar di website.
Hasil tampilan ::
Sumber SharingRPL