May 2016

12:22:00 AM ,
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>

12:32:00 AM ,
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.

1:24:00 AM 1
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;}


 SelectorProperty 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.

1:15:00 AM 1 ,
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.

2:20:00 AM
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.

9:01:00 PM ,
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


8:28:00 PM
Selamat Pagi gan, hari ini saya ingin berbagi pengetahuan tengtang PHP, apa itu PHP?

"Pemberi Harapan Palsu" bukan gan yang ane maksud PHP disini adalah bahasa yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.

PHP singkatan dari PHP: "Hypertext Prepocessor" 

Sejarah PHP : PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP adalah sinngkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP: Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah versi ke-5. Berdasarkan survey Netcraft pada bulan Desember 1999, lebih dari sejuta site menggunakan PHP, di antaranya adalah NASA, Mitsubishi, dan RedHat.

Apa sih Fungsi PHP?

Fungsi dari PHP adalah membuat program berbasis website yang biasanya di combinasi dengan HTML dan CSS untuk membuat tampilan program yang sempurna/yang kita inginkan.
seperti website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa menyimpan data ke dalam database, membuat halaman yang berubah-ubah sesuai input dari user, memproses form, dll.

Contoh PHP dasar : 



<html>
 <head>
  <title>PHP Test</title>
 </head>
 <body>
 <?php echo '<p>Hello World</p>'?>
 </body>
</html>

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget