Belajar Website Pemula

Sabtu, 26 Mei 2018

Membuat CRUD Menggunakan PHP OOP

Pada tutorial kali ini kita akan belajar tentang cara Membuat CRUD Menggunakan PHP OOP, untuk membuat CRUD menggunakan PHP OOP ini secara konsep yang kita gunakan hampir sama dengan PHP native yang sering kita gunakan.
untuk Membuat CRUD Menggunakan PHP OOP ini langkah pertama kita akan membuat sebuah tabel pada database lebih kurang skruktur table yang akan kita gunakan seperti dibawah ini :

berikutnya kita akan membuat koneksi untuk databse seperti dibawah ini :

selanjutnya kita akan membuat halaman index.php untuk scriptnya seperti dibawah ini :

selanjutnya kita akan membuat proses untuk crudnya seperti dibawah ini :

menampilkan data edit seperti dibawah ini :

menampilkan semua data seperti dibawah ini :

oke teman-teman terimakasih.

Continue Reading →

Kamis, 21 Desember 2017

CRUD Codeigniter

05.01 / Unknown / Tidak ada komentar

controllers Crud

model Crud_m

views

view/crud:

view/edit :

Continue Reading →

Jumat, 30 September 2016

Media CSS

06.41 / Unknown / Tidak ada komentar

<html>
<head>
<title>media</title>
<style>
   @media (min-width:300px) /*minimal width 300px*/{
   article {background-color: red}
}

@media (max-width:400px) /*maksimal width 400px*/{
   article {background-color: yellow}
}

@media (min-width:300px) and (max-width:500px) /*width antara 300 sampai dengan 500px */ {
   article {background-color: blue}
}
</style>
</head>
<body>
<article>

    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Why do we use it?
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

   <br />

</article>
</body>

</html>

hasilnya silahkan lihat codepen dibawah ini dan silahkan kecilkan browsernya

Continue Reading →

Sabtu, 20 Agustus 2016

cara penulisan CSS

04.01 / Unknown / Tidak ada komentar

Cara penulisan css pada HTML ada tiga cara yaitu :
    - Eksternal style sheet
    - Internal style sheet
    - Inline style sheet

berikut contohnya :

See the Pen yJAxKY by deswitansyah@gmail.com (@deswitansyah) on CodePen.

Continue Reading →

Merubah format tanggal Substr

03.25 / Unknown / Tidak ada komentar

Halo semua disini saya akan menjelaskan bagaimana merubah format tanggal indonesia mengunakan substr (substring), caranya yaitu :

<?php
function DateToIndo($date) { // fungsi atau method untuk mengubah tanggal ke format indonesia
   // variabel merupakan variabel array untuk nama nama bulan indonesia
        $bulanindo = array("Januari", "Februari", "Maret","April", "Mei", "Juni",
                           "Juli", "Agustus", "September","Oktober", "November", "Desember");

        $tahun = substr($date, 0, 4); // pemisah format tahun menggunakan substring
        $bulan = substr($date, 5, 2); // pemisah format bulan menggunakan substring
        $tgl   = substr($date, 8, 2); // pemisah format tanggal menggunakan substring

        $result = $tgl . " " . $bulanindo[(int)$bulan-1] . " ". $tahun;
        return($result);
}

    echo(DateToIndo("2015-04-10")); //Akan menghasilkan 10 April 2015

    // 2 0 1 1 - 0 8 - 2 5 = format tanggal
    // 0 1 2 3 4 5 6 7 8 9 = jumlah array
    // 0 = 4 (4 merupakan jumlah tahun dan 0 merupakan dimulai dari ke 0 sebanyak 4 angka contoh = 2011 jumlah 4 angka)
    // 5 = 2 (2 merupakan jumlah bulan dan 5 merupakan dimulai dari ke 5 sebanyak 2 angka contoh = 08 jumlah 2 angka)
    // 8 = 2 (2 merupakan jumlah tgl dan 8 merupakan dimulai dari ke 8 sebanyak 2 angka contoh = 25 jumlah 2 angka)
?>

Continue Reading →

Jumat, 29 Juli 2016

Dropdown mengunakan HTML

00.03 / Unknown / Tidak ada komentar

-- Dropdown Menu Mengunakan HTML CSS --

<html>

<head>
    <title>drowpdown</title>
<style>

        * {margin:0; padding:0;}
        menu ul {list-style:none;}
        menu >ul >li {float:left;}
        menu ul li a {text-decoration:none;
            padding:5px 10px;
            background:red;
            width:90px;
            height:20px;
            display:block;
            }
        menu ul >li >ul {top:30px;}

        menu li {position:relative}
        menu li ul {position:absolute; display:none;}
        menu li:hover >ul {display:block;}
        menu li li >ul {left:100%; top:0px;}

</style>
</head>

<body>
    <menu>
        <ul>
            <li><a href="">Product 1</a></li>
            <li><a href="">Product 2</a> </li>
            <li><a href="">Product 3 ↓</a>
                <ul>
                    <li><a href="">Product 3</a></li>
                    <li><a href="">Product 4 →</a>
                        <ul>
                            <li><a href="">Product 4</a></li>
                            <li><a href="">Product 4</a></li>
                            <li><a href="">Product 4</a></li>
                            <li><a href="">Product 4</a></li>
                        </ul>
                    </li>
                    <li><a href="">Product 5</a></li>
                    <li><a href="">Product 6</a></li>
                </ul>
            </li>
            <li><a href="">Product 7</a></li>
            <li><a href="">Product 8 ↓</a>
                <ul>
                  <li><a href="">Product 8</a></li>
                   <li><a href="">Product 8</a></li>
                   <li><a href="">Product 8</a></li>
                   <li><a href="">Product 8</a></li>
                   <li><a href="">Product 8</a></li>
              </ul>
            </li>
        </ul>
    </menu>
</body>

</html>

-- Exp 1 --

See the Pen mEjjmJ by deswitansyah@gmail.com (@deswitansyah) on CodePen.

-- Exp 2 --

See the Pen yJqqLX by deswitansyah@gmail.com (@deswitansyah) on CodePen.

Continue Reading →