Belajar PHP Indonesia

Membuat Upload File Dengan PHP

Selamat sore gan, ane kali ini akan share tutorial membuat upload file dengan PHP,

Apa itu Upload ?

Upload adalah mengunggah suatu file,gambar,musik,dokumen,dll, kedalah server website atau server virtual.

untuk mengupload file ke website kita,kita harus membuat file upload,oke langsung saja ke pembahasan gan.

yang pertama adalah membuat form upload dengan HTML

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Upload Belajar PHP Indonesia</title>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
 <input type="file" name="img" />
 <button type="submit" name="btn-upload">upload</button>
</form>
</body>
</html>

dengan penjelasan :

method=”POST” : berfungsi untuk menentukan motode pengiriman, apakah POST atau GET
enctype=”multipart/form-data” : berfungsi untuk menentukan jenis dokumen yang akan di upload
type = “file”: berfungsi untuk memastikan bahwa kita membuat sebuah field untuk browse semua gambar yang ada di komputer.

dan selanjutnya adalah membuat proses upload yang pastinya dengan PHP :

<?php
if(isset($_POST['btn-upload']))
{
 $pic = rand(12345,67890)."-".$_FILES['pic']['name'];
 $pic_loc = $_FILES['pic']['tmp_name'];
 $folder="belajar/";
 if(move_uploaded_file($pic_loc,$folder.$pic))
 {
  echo "<script>alert('Upload Sukses!!!');</script>";
 }
 else
 {
  echo "<script>alert('Upload Gagal');</script>";
 } 
}
?>

dengan penjelasan:

$folder : adalah untuk menentukan nama folder tempat gambar akan ditampung dalam contoh diatas file upload akan di simpan di dalam folder "belajar"
move_uploaded_files : adalah fungsi PHP untuk mengupload file ke lokasi tertentu.
$img : untuk membuat nama file baru yang lebih unik (gabungan angka acak dan nama file).
rand() : adalah fungsi PHP untuk mengacak angka, dengan begini maka setiap file yang Anda upload akan memiliki nama file yang unik nantinya.

dan selanjutnya gabungkan kedua script di atas gan :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Upload Belajar PHP Indonesia</title>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="img" />
<button type="submit" name="btn-upload">upload</button>
</form>

<?php
if(isset($_POST['btn-upload']))
{
$pic = rand(12345,67890)."-".$_FILES['pic']['name'];
$pic_loc = $_FILES['pic']['tmp_name'];
$folder="belajar/";
if(move_uploaded_file($pic_loc,$folder.$pic))
{
echo "<script>alert('Upload Sukses!!!');</script>";
}
else
{
echo "<script>alert('Upload Gagal');</script>";
}
}
?>
</body>
</html>

Cara Install XAMPP di Windows

Selamat siang gan,seperti biasa setiap siang hari ane buat artikel buat agan semua, di siang hari ini ane berbagi tutorial Install XAMPP di Windows. yang belum tau XAMPP itu apa yo langsung ke artikel

Apa itu XAMPP ?
XAMPP adalah paket cross-platform web server gratis.
Dengan menginstall XAMPP anda bisa menjalankan file php dan database mysql secara offline di komputer anda.
XAMPP kependekan dari atau istilah dari :

X : X berarti adalah cross -> cross-platform.
A : Apache HTTP Server.
M : MySQL.
P : PHP.
P : Perl.

Langsung aja yo ke langkah-langkah install XAMPP :

1. Yang paing utama download XAMPP disini : http://www.apachefriends.org/en/xampp.html

2. Pilih sesuai dengan OS yang agan pake.

3. Setelah download selesai, kemudian double klik lalu muncul seperti gambar di bawah ini install XAMPP

4. Klik next > seperti install software biasanya sampai finish

5. Setelah selesai install restart terlebih dahulu PC agan,lalu buka xampp dan ON kan server localhost dan Mysql

kemudian cek jika server sudah aktif

Sekian tutorial dari saya semoga bermanfaat dan jika agan ingin lebih simpel gunakan Apache2Triad untuk tutorial install baca di artikel selanjutnya.

Syntax CSS dan Fungsinya

Selamat sore gan, oke hari ini ane admin yang paling kece akan berbagi materi Syntax CSS beserta Fungsinya, oke perkenalan dulu dengan CSS.

Apa itu CSS?
CSS Merupakan kependekan dari Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

berikut perkenalan singkat tentang CSS, sekarang langsung aja yo ke materi kita,dan ane saranin untuk belajar syntax css ini kalian harus pahami jangan di hafal karna kalau di hafal itu hanya sementara dan selanjutnya lupa, jadi kalian harus pahami konsep tersebut, jika kalian pahami konsep sampai kapanpun kalian tidak akan lupa karna kalian mengerti akan konsepnya.

dan berikut adalah Kumpulan Syntax CSS3 yang paling sering digunakan untuk dasar coding.

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time.

yang pertama adalah :

Body : Ini fungsinya untuk mengatur body atau page Web

Div : Div atau Division berfungsi untuk menyatukan selector lain bisa di sebut group page dan akan membuat baris baru.

Span : Tak jauh beda dengan Div, Span juga hampir sama dengan fungsi Div. Namun bedanya span tidak akan membuat baris baru.

Iframe : Jika kita ingin menampilkan website lain di web kita sendiri, maka digunakan lah Iframe.

H1, H2, H3, H4, H5, H6

H atau Heading merupakan syntax yang digunakan untuk menandai sebuah kalimat, sekaligus memberitahu kepada search engine bahwa kalimata tersebut adalah Heading kalimat yang berukuran besar dan tebal.

contoh syntax css :

h3{
      font-size:19px;
      color:blue;
      font-weight:bold;
}

Syntax yang sama dengan penulisan berbeda (fungsi tetap sama!)

h3{font-size:19px;color:blue;font-weight:bold;}

Selector	Property	Value
h3	font-size	19px
	color	blue
	font-weight	bold

contoh lainnya bisa di lihat di bawah ini :

div{
      width:200px;
      height:200px;
      background:yellow;
      border:5px solid blue;
      margin:20px 10px;
      border-radius:12px;
}

masih banyak syntax lain dan bisa kalian kembangkan dengan membaca ebook pembahasan CSS di buku atau di website lain,ini hanya memperkenalkan CSS kepada kalian semua yang baru belajar CSS.

Membuat Layout Website dengan HTML dan CSS

Selamat sore dan balik lagi bersama H admin kece Belajar PHP Indonesia, kali ini ane akan berbagi turotial membuat tampilan atau layout website sederhana dengan HTML dan CSS. oke langsung aja yu ke pembahasan artikel.

pertama yang paling penting untuk layout adalah membuat CSS, sebelum belajar artikel ini kalian harus membaca artikel pembahasan CSS dulu gan, setelah kalian sudah faham dengan pembahasan CSS langsung saja baca artikel ini,
metode yang di gunakan adalah metode <DIV>, seperti halnya website lainnya kita menggunakan class head,body, dan footer

berikut kode css nya simpan dengan nama "style.css" :

body{
    background:black;
    text-align:center;
}
#box{
    width:50%;
    height:50%px;
    margin:0px auto;
}
#header{
    width:750px;
    height:100px;
    background:#00D0D0;
}
#body{
    width:750px;
    height:450px;
    background:#FFFFFF;
    float:left;
}
#left{
    width:200px;
    height:450px;
    background:#FCA400;
    float:left;
}
#right{
    width:200px;
    height:450px;
    background:#FCA400;
    float:right;
}
#footer{
    width:750px;
    height:100px;
    background:#F66C6C;
    float:left;
}

dan berikut kode HTML nya dan simpan dengan nama "index.html" :

<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="box">
    <div id="header">
        <h1>TITLE</h1>
    </div>
    <div id="body">
        <div id="left">
        <h3>SIDEBAR KIRI</h3>
        </div>
<div id="right">
        <h3>SIDEBAR KANAN</h3>
        </div>
        <h1>BODY</h1><br>
contoh artikel
    </div>

    <div id="footer">
        <h1>FOOTER</h1>
    </div>
</div>
</body>
</html>

pada kode di atas saya menggunakan 6 class DIV yang saya beri nama header,box,body,left,right dan footer yang kalian bisa ganti-ganti sesuka selera bila kurang mengerti silahkan baca di artikel CSS.

berikut file yang sudah saya buat beserta tampilan hasil coding tadi

Screenshoot Coding

agan bisa edit sesuai keinginan agan dengan menambahkan javascript,css,html dan lain-lain.
artikel ini hanya artikel html dan css dasar dari ane untuk pembelajaran pemula, semoga bermanfaat.

Membuat Tabel dengan HTML

Selamat sore gan, harusnya ane posting ini tadi pagi gan sehubung dengan kendala dalam internet tadi sempet mati jadi ane lupa dan baru bisa bikin posting sore ini, oke langsung aja materi kali ini tentang dasar HTML yaitu membuat tabel basic dengan HTML tanpa CSS, langsung aja yo ke materi.

kita perlu memahami 3 tag dasar untuk membuat tabel :

TABEL,TR, dan TD.

apa itu TR dan RD?

TR adalah berfungsi untuk membuat baris pada tabel.
TD adalah berfungsi untuk membuat kolom pada tabel.
untuk tabel yang tidak menggunakan border atau default ukuran border itu sendiri adalah 0

langsung saja contoh yang pertama :

<table border=1><tr>
<td> No</td>
<td>Nama</td>
<td>Kelas</td>
</tr>
<tr>
<td>1</td>
<td>Fikri</td>
<td>XII IPA 3</td>
</tr>
</table>

Hasil dari codingan di atas :

untuk membuat tabel dengan CSS silahkan baca artikel selanjutnya

semoga bermanfaat gan.

Pengertian dan Fungsi MySQL

Hello gan ane sekrang mau share artikel ane yang masih berkaitan dengan website, nah disini ane mau berbagi artikel tentang database atau MYSQL.

Apa itu sih MYSQL atau database?
database merupakan sebuah kumpulan data yang tersimpan dalam MYSQL, dan MySQL sendiri adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia.

Fungsi Mysql sendiri dapat mempermudah pekerjaan kita untuk menyimpan data,menyeleksi,yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomastis.
jadi dalam program yang sering kita untuk input data pasti menggunakan MYQL atau database.
MYSQL dalam server website biasanya terletak pada phpMyadmin.

berikut tampilan phpMyadmin dalam server website

Screenshoot phpMyadmin

Belajar PHP Indonesia

Labels

Technology

Pelajaran Terbaru