Aplikasi Karyawan Menggunakan Barcode Scanner

Aplikasi ini di rancang untuk keperluan absensi karyawan, dan sudah di gunakan di beberapa di instansi. Modul absensi meliputi Mapping Sift kerja, penjadwalan, laporan serta rekap absensi dan perijinan pegawai. Sangat cocok di gunakan untuk SDM.

APLIKASI CETAK ID CARD PEGAWAI

Alikasi ini di rancang untuk untuk mencetak kartu pengenal ( ID CARD ) pegawai. Aplikasi yang saya rancang di php ini sudah teruji dan digunakan satu paket dengan aplikasi Absensi bagi yang berminat untuk memiliki aplikasi ini bisa kontak saya via email atau by phone.

Tutorial Perancangan Aplikasi

PHP CHANEL juga memberikan banyak tutorial dalam merancang sebuah aplikasi sehingga banyak membantu memberikan tambahan ilmu bagi yang menyukai aplikasi berbasis web, sangat berguna bagi pelajar dan mahasiswa yang sedang merancang skripsinya.

Tutorial Perancangan Laporan

PHP CHANEL banyak juga membantu dalam merancang laporan dan memberikan tutorial yang terbaik serta memberikan open source, dan memberikan pelajaran tentang query dan database, pengambilan data dan lain - lain.

Web Designer

PHP CHANEL memberikan tutorial dalam merancang dan mendesain web sendiri, membuat style serta membuat template sendiri. Tutorial ini sangat berguna jika di ikuti secara bertahap, karena sangat membantu anda dalam merancang sebuah template yang dinamis serta bisa memodifikasi style nya sesuai keinginan kita sendiri.

Sep 26, 2016

MEMBUAT VARIABEL DI PHP

Mengenal Dan Mempelajari "Variabel" Di PHP
Pengertian dari variabel adalah  tempat untuk menyimpan suatu informasi,bagaimana cara membuat dan mendeklarasikan variabel di PHP ?, biasanya variabel di awali dengan tanda "$" dan di ikuti dengan nama variabel yang nantinya akan digunakan untuk mendeklarasikan sebuah informasi dalam penggunaan script di php.
Variabel-tutorial php

contoh variabel "$teks" dalam membuat variabel di php tanda $ = wajib , diikuti nama teks = bisa diganti dengan  huruf atau karakter apapun yang kita inginkan, namun sebaiknya nama variabel mengandung informasi yang sesui dengan apa maksud dan tujuanya.
Contoh penerapan variabel di php :

<?php
$teks = "Hai, Saya sedang belajar PHP!";
$x = 2;
$y = 7.5;
?>
Dari contoh variabel di atas, jika di jalankan maka variabel dari $teks secara terus menerus akan bernilai "Hai, Saya sedang belajar PHP!", variabel $x akan terus bernilai 2 dan begitu pula variabel dari $y akan terus memiliki nilai 7.5. Dan setiap membuat varibel jika nama variabel memiliki nilai teks maka harus di tandai dengan "tanda kutip"("teks ").

Variabel PHP
Membuat variabel dapat kita tentukan sesuai keinginan kita, dapat di buat dengan nama variabel yang pendek ( $a, $x, $y, dll) dan juga dapat kita tekankan untuk memperjelas maksud dari variabel misalnya $umur, $warna, $ jumlah, $sub_total, $total.

Aturan membuat variabel di PHP 

  • Variabel diawali dengan tanda $ dan di ikuti oleh nama variabel.
  • Nama variabel dapat di awali dengan huruf atau karakter garis bawah.
  • Nama variabel tidak dapat di awali dengan angka
  • Nama sebuah variabel hanya dapat berisi dengan karakter dan garis bawah alpha-nemerik (Az, 0-9, dan _).
  • Nama variabel adala case-sensitive ($ umur dan  $age) dari variabel itu sangat jauh berbeda. seperti yang sudah kita pelajari di posting sebelumnya "SINTAKS DASAR PHP". 
Dari penjelasa di atas maka dapat kita ambil kesimpulan bahwa

  • Variabel adalah sebagai tempat untuk menampung sebuah informasi.
  • Nama sebuah variabel adala case-sensitive.
Variabel Output
php echo adalah sebuah pernyataan yang sering di gunakan untuk menampilkan data ke layar.
contoh berikut ini akan menunjukkan bagaimana kita membuat output teks dan variabel.

// contoh satu
<?php
$teks = "contoh satu";
echo "Saya suka $teks!";
?>

// contoh dua
<?php
$teks = "contoh satu";
echo "Saya suka " . $teks . "!";
?>

dari script diatas antara contoh satu dan contoh dua  jika kita jalankan, maka akan menghasilkan sebuah output yang sama.
Dan contoh berikuk ini akan menampilkan jumlah dari dua variabel

<?php
$a = 3;
$b = 6;
echo $a + $b;
?>
contoh di atas bila kita jalankan maka akan menghasilkan nilai 9, yaitu 3 + 6.

Bahasa pemrograman PHP merupakan bahasa pemrograman yang ringkas.
Dari beberapa contoh di atas, perhatikan bahwa kita tidak harus memberi tahu php type data apa yang kita buat varibel (integer, numerik,dll). PHP secara otomatis akan mengkonversi dan mengetahui jenis tipe data pada variabel yang kita buat.
Berbeda dengan bahasa pemrograman seperti  C,C++ dan Java, dalam bahasa pemrograman ini kita harus menyatakan tipe data pada variabel yang kita buat agar dapat dibaca oleh bahasa program itu.

Lingkup Variabel PHP
Dalam PHP, sebuah variabel dapat dinyatakan dimana saja di script php. Dan ruang lingkup variabel adalah bagian dari script dimana variabel yang di rujuk atau di gunakan.
PHP memiliki tiga lingkup variabel yang berbeda, di antaranya sebaga berikut :

  • Lokal
  • Global 
  • Statis
Lingkup Lokal dan Global
Sebuah variabel yang dideklarasikan didalam akan memiliki lingkup lokal dan hanya bisa di gunakan atau diakses oleh fungsi itu sendiri , variabel lokal hanya di akui dan dapat diakses dimana kita menempatkan variabel tersebut
<?php
function contoh() {
    $a = 3; // lingkup lokal
    echo "<p>Variable a dalam fungsi ini adalah: $a</p>";
} 
contoh();

// jika a digunakan diluar fungsi maka akan terjadi kesalahan
echo "<p>Variable a ini diluar fungsi : $a</p>";
?>

Sebuah variabel yang di deklarasikan di luar fungsi memiliki cakupan global dan  hanya dapat diakses di luar fungsi

<?php
$a = 3; // lingkup global
function contoh() {
    // jika menggunakan fungsi a di lingkup lokal akan terjadi kesalahan
    echo "<p>Variabel a didalam fungsi ini adala: $a</p>";
} 
contoh();

echo "<p>Variabel a di luar fungsi adalah: $a</p>";
?>
PHP dengan kata kunci global
Kata kunci global dapat di gunakan untuk mengakses variabel global di dalam fungsi

<?php
$a = 3;
$b = 6;

function contoh() {
    global $a, $b;
    $a = $a + $b;
}

contoh();
echo $a; // hasil output 9
?>
anda dapat memiliki variabel lokal dengan nama yang sama dengan fungsi yang berbeda. PHP juga menyimpan semua variabel global dalam sebuah array yang disebut $GLOBALS[index], indek memegang nama variabel. Array ini juga dapat di akses dalam fugsi dan dapat digunakan untuk memperbarui variabel global secara langsung.
Contoh di atas dapat di tuliskan seperti ini :

<?php
$a = 3;
$b = 6;

function contoh() {
    $GLOBALS['a'] = $GLOBALS['a'] + $GLOBALS['b'];
} 

contoh();
echo $a; // hasil output 9
?>
PHP dengan kata kunci statis
Menggunakan kata kunci static

<?php
function contoh() {
    static $a = 0;
    echo $a;
    $a++;
}

contoh();
contoh();
contoh();
?>
Pelajari yang lainnya :
 PHP Tutorial
  PHP Advanced
   
        PHP HOME

PHP DefinitionPHP InstallPHP SyntaxPHP VariablesPHP Echo / PrintPHP Data TypesPHP StringsPHP ConstantsPHP OperatorsPHP If...Else...ElseifPHP SwitchPHP While LoopsPHP For LoopsPHP FunctionsPHP ArraysPHP Sorting ArraysPHP Superglobals

     
        PHP Arrays Multi

PHP Date and TimePHP IncludePHP File HandlingPHP File Open/ReadPHP File Create/WritePHP File UploadPHP CookiesPHP SessionsPHP FiltersPHP Filters AdvancedPHP Error HandlingPHP Exception





PHP Forms

PHP - AJAX

PHP Form Handling
PHP Form Validation
PHP Form Required
PHP Form URL/E-mail
PHP Form Complete

AJAX Definition
AJAX PHP
AJAX Database
AJAX XML
AJAX Live Search
AJAX RSS Reader
AJAX Poll

Share:

Sep 23, 2016

SINTAKS DASAR PHP

Syntaks Dasar PHP

Pengertian sintaks adalah Semantik Dan Pragmatis, SINTAKS yaitu aturan gramatikal atau komposisi suatu program yang mengatur tata cara dari huruf, angka dan karakter lainya. SEMANTIK yang mendefinisikan arti dari program yang benar secara sintaks dari bahasa pemrograman itu sendiri. PHP Sintaks  merupakan sebuah script php yang akan dijalankan atau di eksekusi oleh server dan hasilnya akan di jalankan pada sebuah browser.
Tutorial PHP - Fungsi Dasar
Dasar dari script php di awali dari  "<?php dan diakhiri dengan?>"

<?php
// Letakkan kode PHP di sini
?>
Ekstensi dari sebuah file PHP adalah ".php", dan sebuah file php biasanya berisi tag HTML dan script dari php itu sendiri. Dibawah ini adalah contoh dari file PHP yang sederhana dan script php menggunakan Built-in "echo" untuk output "hello, saya sedang belajar PHP!" yang akan ditampilkan oleh halaman web.

<!DOCTYPE html>
<html>
<body>

<h1>Ini Adalah Script Pertamaku</h1>

<?php
echo "Hello, saya sedang belajar PHP!";
?>

</body>
</html>
pernyataan dari script php harus di akhiri dengan tanda ";"

Memberikan komentar atau pernyataan dalam sebuah file php.
Untuk memberikan suatu komentar atau penjelasan dari script php menggunakan tanda " / ",  tujuannya adalah agar tulisan atau script dibelakang tanda " / " tidak di baca atau di eksekusi sebagai bagian dari program. Tujuan dari penulisan ini adalah untuk memberikan penjelasan dari script bagi seseorang yang melihat kode tersebut agar memahami apa maksud penulisan script itu sendiri serta untuk mengingatkan kepada pembuat script mengenai tujuan dan fungsi dari script yang telah di tuliskan.
contoh penulisanya seperi dibawah ini :

<!DOCTYPE html>
<html>
<body>

<?php
// Tanda di depan untuk memberikan penjelasan hanya satu baris

# Tanda di depan untuk memberikan penjelasan hanya satu baris juga

/*
Tanda diatas dan dibawah ini untuk memberikan
penjelasan lebih dari satu baris dan juga bisa diterapkan langsung di dalam script
seperti berikut ini
*/

// dibawah ini artinya $x = 5 + 5, karena 15 tidak dibaca 
$x = 5 /* + 15 */ + 5;
echo $x;
?>

</body>
</html>

PHP Case Sensitivity
Di php semua kata kunci (seperti if, else, while, echo dan lain - lain), classes, functions, dan user-defined functions merupakan  tidak case -sensitive.
Contoh dibawah ini 4 dari statement atau pernyataan dengan fungsi echo dan memiliki hasil output yang sama

<!DOCTYPE html>
<html>
<body>

<?php
echo "Saya baru belajar php!<br>";
echo "Saya baru belajar php!<br>";
echo "Saya baru belajar php!<br>";
echo "Saya baru belajar php!<br>";
?>

</body>
</html>
sedangkan semua nama variabel merupakan case-sensitive.
Dari contoh di bawah ini hanya pernyataan pertama yang memiliki varibel jumlah yang benar karena dalam penulisan variabel misalkan $jumlah, $Jumlah, dan $jumLaH serta $juMLaH sudah jelas merupakan variabel yang sangat berbeda.

<!DOCTYPE html>
<html>
<body>

<?php
$jumlah= 5;
echo "Tas saya " . $jumlah. "<br>";
echo "Buku saya " . $Jumlah. "<br>";
echo "Pena saya " . $jumLaH. "<br>";
echo "Pensil saya " . $juMLah. "<br>";
?>

</body>
</html>
jadi dalam penulisan variabel dan pemanggilannya tidak boleh berbeda karena tidak akan terbaca. Maka dari itu variabel merupakan pernyataan yang sangat sensitif.

Pelajari juga sintaks - sintaks yang lain
 PHP Tutorial
  PHP Advanced
   
        PHP HOME

PHP DefinitionPHP InstallPHP SyntaxPHP VariablesPHP Echo / PrintPHP Data TypesPHP StringsPHP ConstantsPHP OperatorsPHP If...Else...ElseifPHP SwitchPHP While LoopsPHP For LoopsPHP FunctionsPHP ArraysPHP Sorting ArraysPHP Superglobals

     
        PHP Arrays Multi

PHP Date and TimePHP IncludePHP File HandlingPHP File Open/ReadPHP File Create/WritePHP File UploadPHP CookiesPHP SessionsPHP FiltersPHP Filters AdvancedPHP Error HandlingPHP Exception





PHP Forms

PHP - AJAX

PHP Form Handling
PHP Form Validation
PHP Form Required
PHP Form URL/E-mail
PHP Form Complete

AJAX Definition
AJAX PHP
AJAX Database
AJAX XML
AJAX Live Search
AJAX RSS Reader
AJAX Poll

Share:

PENGERTIAN PHP

PENGERTIAN DAN PENGENALAN PHP


php1
Sebelum melanjutkan ke pengertian dari php, alangkah baiknya kita sudah mengerti dan memahami dasar - dasar dari :

  1. HTML
  2. CSS
  3. JAVASCRIPT
Agar cara penerapan setiap kode yang dibuat tidak terjadi kesalahn dan lebih mengerti secara keseluruhan dari awal perancangan sebuah website atau aplikasi sesuai yang di inginkan, seperti pada contoh di atas , pembahasanya sebagai berikut :

  • DEFINISI HTML 
Hyper Text Markup Language ( HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman WEB, dan juga menampilkan berbagai informasi di dalam penjelajahan web internet serta pemformatan hypertex yang sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan  suatu tampilan atau wujud yang terintegrasi.
Contoh Penerapan File HTML :
<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

<h1>Masukkan Heading Disini</h1>
<p>Di sini adalah paragraf atau deskripsi</p>

</body>
</html>

  • DEFINISI CSS
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian intruksi yang menentukan bagaimana suatu text akan tampil di sebuah halaman web.
Contoh CSS :
body {
    background-color: lightblue;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
}

  • DEFINISI JAVASCRIPT
JavaScript adalah bahasa pemrograman yang bisa di sisipkan ke HTML seperti halnya PHP, akan tetapi Javascript berjalan disisi klien. Misalnya jam di tampilkan dalam halaman yang diupdate untuk menunjukkan waktu saat ini pada komputer pengguna.
Contoh penerapan JavaScript :

<script>
function myPhpchanel() {
    var x = document.getElementById("demo");
    x.style.fontSize = "25px"; 
    x.style.color = "red"; 
}
</script>

<button onclick="myPhpchanel()">Klik Disini!</button>
PENGERTIAN PHP

PHP adalah singkatan dari Hypertext Prepocessor, yaitu bahasa pemrograman yang di gunakan secara luas untuk penangan dan perancangan serta pengembangan suatu proyek berbasis web dan bisa digunakan bersamman dengan HTML.

ISI FILE DARI PHP
  • File PHP dapat berisi teks, HTML, CSS, JavaScript, dan kode PHP dari php itu sendiri.
  • Kode PHP di eksekusi oleh server dan hasilnya di kembalikan ke browser sebagai HTML biasa.
  • File dari PHP memiliki ekstensi "php".
HASIL DARI KODE PHP
  • PHP dapat menghasilkan konten halaman yang dinamis.
  • PHP dapat membuat, membaca, membuka, menulis, menghapus dan menutup file pada server.
  • PHP dapat mengumpulkan data.
  • PHP dapat mengirim dan menerima cookie.
  • PHP dapat menambah, memperbaiki, menghapus, memodifikasi data dalam database.
  • PHP dapat digunakan untuk mengontrol akses pengguna.
  • PHP dapat meng - enkripsi suatu data.
PHP MENJADI PILIHAN BANYAK ORANG DI DUNIA
  • PHP dapat dijalankan dan support terhadap berbagai SISTEM OPERASI ( Windows, Linux, Unix, Max OS X, dan lain sebagainya)
  • PHP sangat kompatibel dengan berbagai server yang ada sampai saat ini (APACHE, IIS, DLL).
  • PHP mendukung berbagai operasional database.
  • PHP  dapat di gunakan secara gratis. Anda dapat mendownload dari situs resminya yaitu di www.php.net .
  • PHP sangat mudah dipelajari dan sangat efisien berjalan di berbagai server.

BELAJAR PENERAPAN PERINTAH - PERINTAH KODE DI PHP
Tutorial cara penerapan kode di php secara detail dapat anda pelajari di dalam tabel berikut ini :
 PHP Tutorial
  PHP Advanced
   
        PHP HOME

PHP DefinitionPHP InstallPHP SyntaxPHP VariablesPHP Echo / PrintPHP Data TypesPHP StringsPHP ConstantsPHP OperatorsPHP If...Else...ElseifPHP SwitchPHP While LoopsPHP For LoopsPHP FunctionsPHP ArraysPHP Sorting ArraysPHP Superglobals

     
        PHP Arrays Multi

PHP Date and TimePHP IncludePHP File HandlingPHP File Open/ReadPHP File Create/WritePHP File UploadPHP CookiesPHP SessionsPHP FiltersPHP Filters AdvancedPHP Error HandlingPHP Exception





PHP Forms

PHP - AJAX

PHP Form Handling
PHP Form Validation
PHP Form Required
PHP Form URL/E-mail
PHP Form Complete

AJAX Definition
AJAX PHP
AJAX Database
AJAX XML
AJAX Live Search
AJAX RSS Reader
AJAX Poll


Share:

KONSEP DASAR PHP


KONSEP DASAR MEMBUAT FILE PHP

Tutorial PHP-Mengenali fungsi php PHP  merupakan bahasa server scripting, dan suatu sarana yang cocok untuk membuat halaman Web dinamis dan interaktif.
PHP merupakan yang paling banyak digunakan dalam membangun sebuah website, bebas, dan merupakan alternatif yang efisien untuk untuk membuat program aplikasi berbasis web.

PHP sangat mudah di pelajari, dan sekarang ini menjadi sangat tren bahkan menjadi pelajaran inti akademik. Berikut ini adalah dasar dari tampilan sebuah halaman php, dasar dari kode halaman atau file php dapat ditampilkan seperti di bawah ini :


<!DOCTYPE html>
<html>
<body>

<?php
echo "Hello world, ini adalah script pertamaku!";
?>

</body>
</html>


BELAJAR PENERAPAN PERINTAH - PERINTAH KODE DI PHP
Tutorial cara penerapan kode di php secara detail dapat anda pelajari di dalam tabel berikut ini :
 PHP Tutorial
  PHP Advanced
   
        PHP HOME

PHP DefinitionPHP InstallPHP SyntaxPHP VariablesPHP Echo / PrintPHP Data TypesPHP StringsPHP ConstantsPHP OperatorsPHP If...Else...ElseifPHP SwitchPHP While LoopsPHP For LoopsPHP FunctionsPHP ArraysPHP Sorting ArraysPHP Superglobals

     
        PHP Arrays Multi

PHP Date and TimePHP IncludePHP File HandlingPHP File Open/ReadPHP File Create/WritePHP File UploadPHP CookiesPHP SessionsPHP FiltersPHP Filters AdvancedPHP Error HandlingPHP Exception





PHP Forms

PHP - AJAX

PHP Form Handling
PHP Form Validation
PHP Form Required
PHP Form URL/E-mail
PHP Form Complete

AJAX Definition
AJAX PHP
AJAX Database
AJAX XML
AJAX Live Search
AJAX RSS Reader
AJAX Poll

Share:

Sep 22, 2016

CARA MEMBUAT TEMPLATE WEBSITE SENDIRI

CARA MEMBUAT TEMPLATE WEBSITE

Banyak diantara kita yang ingin membuat website masih bingung menentukan pilihan template yang responsif, sudah browsing dan download dari berbagai situs yang menyediakan template gratis namun masih kurang pas atau kurang selera dengan desainnya. Dengan tutorial ini saya mencoba membantu cara mendesain template sendiri menggunakan dreamweaver.
Gambar Template :
Tutorial Web Designer
Untuk membuat template seperti gambar di atas , Ikuti tahapan - tahapan seperti berikut ini :
1. Kita siapkan image header (Dimension 900x150), image navigasi (900x35) dan image footer (900x80), anda bisa download image apa saja dan sesuaikan ukuranya. Atatu download dari link ini :

2. Buat Folder dengan nama website di localhost xampp --> htdocts --> website. Nama folder bisa apa aja sesuai selera.

3. Extrak images yang sudah di download ke dalam folder website.

4. Buka Dreamweaver pilih File --> New --> Basic Page --> CSS
Tutorial Web Designer

5. Pilih Desain --> CSS Style --> pilih +
Tutorial Web Designer
maka akan tampil seperti gambar di bawah ini :
Tutorial Web Designer
yang pertama kita akan membuat body isikan Name = body,  lalu pilih Advanced (IDs, Contextual selectors, etc) untuk yang lainnya biarkan default saja, setelah itu tekan tombol OK.

6. Maka akan tampil kotak dialog seperti gambar dibawah ini :
Tutorial Web Designer
Isikan pilihan nya seperti beriku
Type : Arial, Helvetica, sans-serif
Background :#CCCCCC
Box --> Width :  900, untuk Padding ceklis Same for all pada Top isikan 20, maka yang lainya akan mengikuti, Pada Margin ceklis Same for all dan pilih auto.
Positioning --> Width : 900
selanjutnya tekan tombol OK

7. Membuat Warna pada teks yang memiliki tautan atau link.
Kembali ke langkah no 5 isikan
Name = a:link,  lalu pilih Advanced (IDs, Contextual selectors, etc) dan tekan OK.
Type --> Color : #FF6000 (atau isi dengan warna lainya), Decoration : None ( Ceklis) tekan OK

8. Buat Header, kembali ke lankah no 5
Name = #header,  lalu pilih Advanced (IDs, Contextual selectors, etc) dan tekan OK.
Type : Size : 12 ( ukuran tulisan pada header) , Color : #FFFFFF (Warna tulisan pada header)
Background : Background Image =( pilih dari folder images yang anda download tadi, nama imagenya header), Repeat : No Repeat.
Box : Width = 860, Height = 110, Fload = Left, Padding Top : 10 Right: 20, Botton : 10 Left : 20
setelah itu tekan OK

9. Membuat Navigasi
Name : #navigasi , Advanced (IDs, Contextual selectors, etc) dan tekan OK.
Type : Size = 12
Background : pilih dari folder images yang kita download tadi nama imagenya nav, Repeat = no repeat
Box : Width = 860, Height = 36, Fload = Left, Padding Left = 20, Right =20
Tekan OK

10. Membuat Conten
Name : #content, Advanced (IDs, Contextual selectors, etc) dan tekan OK.
Background : #FFFFFF
Box : Width = 580, Fload = Left , Padding ceklis Same for all, Top = 20, Margin ceklis Same for all pilih auto. Tekan OK

11. Membuat Side Bar
Name : #sidebar, Advanced (IDs, Contextual selectors, etc) dan tekan OK.
Background -- Background Color = #0066FF
Box -- Width = 200, Fload = Left, Padding ceklis Same for all, Top =10, Margin ceklis Same for all isikan nilainya 0. Tekan OK

12. Membuat Footer
Name : #footer, Advanced (IDs, Contextual selectors, etc) dan tekan OK.
Background : pilih dari folder images, nama imagenya footer, Repeat = no-repeat
Block : Text Align = Center
Box : Width = 900, Heigth = 80, Fload = Left, Padding ceklis Same For all isikan nilainya 10, Margin ceklis Same for all dan isi nilinya 0.  Tekan OK
Simpan file tersebut dengan nama style.css di dalam folder website.

Langkah selanjutnya kita buat file index.php
1. Salin kode di bawak ini dan letakkan di tepat dibawah <head>

<link rel="stylesheet" type="text/css" href="style.css">

fungsi kode di atas adalah untuk memanggil fungsi style.css yang sudah kita buat tadi.

2. Membuat Judul tulisan di header , salin kode di bawah ini dan letakkan di bawah tag <body>
   <div id="header"> /* memanggil fugsi header*/  
    <h1 align="center">SIMPLE TEMPLATE DESIGNER</h1>  
      <div align="center"><span>Oleh : SISKA WIANA </span>  
       </div>  
   </div>  
    <div id="content"> /* memanggil fugsi content*/  
       Masukkan Konten di sini  
    </div>  
    <div id="sidebar">  
        Masukkan menu sidebar disini  
    </div>  
    <div>  
    <div id="footer">  
        Masukkan tulisa pada footer disini  
    </div>  

simpan file tersebut dengan nama index.php didalam folder website

Selesai sudah kita membuat template untuk website kita, dan untuk halaman home, kontak dll, tinggal save as file index.php sesuai dengan nama halaman yang anda inginkan.
Jika ingin download script lengkapnya silahkan :


Pengunjung yang telah mendownload boleh mengembangkan dan memplublikasikan ulang, dengan mencantumkan sumbernya. Pengunjung bisa berlangganan artikel dari php chanel dan setiap artikel akan saya berikan via email bagi yang sudah berlangganan.

Terimakasih atas kunjungan nya, semoga bermanfaat.
SISKA WIANA


 




Share:

Sep 20, 2016

CARA MEMBUAT FORM UPLOAD DAN POSTING BERITA DI HALAMAN WEBSITE

Cara Membuat Upload File Dan Posting Artikel

Cara membuat upload image dan posting berita lalu menampilkannya di halalman website serta menyimpan kedalam database. Banyak yang menanyakan bagaimana cara meng upload image atau video serta menampilkan dihalaman website. Awal belajar saya pun masih kesulitan untuk itu, namun setelah saya browsing dan menemukan nya. Setelah itu saya kembangkan style dan kodingnya. Maka pada kesempatan kali ini saya ingin memberikan tutorial kepada rekan - rekan semua secara detail. Tampilan Formnya seperti gambar di bawah ini :
Web Tutorial


Kita langsung saja ke tutorialnya :
1. Buat database dengan nama database artikel di phpmyadmin, bagi yang belum bisa membuat database baca artikel yang sudah saya posting sebelumnya yaitu "CARA MEMBUAT DATABASE DAN TABEL DI PHP MYADMIN".
2. Buat tabel dalam database artikel dengan nama upload. struktur tabelnya seperti gambar di bawah ini
Web Tutorial
3. Buat folder dengan nama upload di localhost, yaitu di dalam folder xampp --> htdocs -->upload.
4. Buat folder dengan nama image di dalam folder upload, yang fungsinya nanti sabagai temporary yaitu tempat untuk menyimpan image atau gambar yang kita upload.
5. Setelah semuanya jadi kita masuk ke kodingnya buka dreamweaver buat file dengan nama editor.php dan isikan script di bawah ini :
  <script type="text/javascript">  
   function PreviewImage() {  
   var oFReader = new FileReader();  
   oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);  
   oFReader.onload = function (oFREvent) {  
   document.getElementById("uploadPreview").src = oFREvent.target.result;  
      };  
    };  
   </script>  
letakkan kode diatas tepatnya dibawah <head>. Funsi javascript diatas adalah untuk menampilkan gambar yang kita pilih di dalam form. Lalu masukkan script berikut ini tepat di bawah <body>
 <form name="visi" method="post" action="posting.php" enctype="multipart/form-data">  
    <p>JUDUL   
    <input type="text" name="judul">  
    </p>  
    <p>ISI BERITA<br>  
    <textarea name="deskripsi" style="width:450px; height:80px"></textarea>    
    </p>  
    <p align="center">GAMBAR<br>  
     <img id="uploadPreview" style="width: 150px; height: 150px;" /><br>  
     <input id="uploadImage" type="file" name="path" onchange="PreviewImage();" />  
    <br>  
    <br>  
   <input type="submit" width="120" height="24" name="simpan" value="POSTING     BERITA" >  
   </p>  
 </form>  
Script di atas adalah formnya. simpan file tersebut di dalam folder upload dengan nama editor.php
Share:

Sep 19, 2016

CARA MUDAH MEMBUAT DATAGRID DI PHP DENGAN JQ EASYUI

Cara Membuat Datagrid Di PHP

Cara Membuat Datagrid Di PHP Menggunakan JQuery EasyUI
Cara mudah membuat datagrid di php. Serta membuat fungsi SAVE, EDIT, DELLETE menggunakan jquery easyui. Pada postingan saya kali ini saya ingin memberikan tutorial membuat datagrid di php menggunakan jq easyui .

Banyak rekan - rekan bloger yang kesulitan untuk membuat datagrid menggunakan php, atau sudah bisa membuat datagrid namun tampilannya masih kurang memuaskan. Maka di sini saya akan berbagi tutorial dan saya berharap bermanfaat bagi rekan - rekan semua.

Sebelum nya kita siapkan dulu framework JQuery Easyui UI. rekan -rekan dapat mendowloadnya dari link dibawah :

Situs Resmi JQ EASYUI : Download Easyui atau dari Google Drive : Download Easyui

Setelah mendowload JQ EasyUI, ikuti tahapan seperti berikut :

1. Buat folder dengan nama users di localhost anda yaitu di xampp --> htdocs --> users

2. Buat folder dengan nama asset di dalam folder users

3. Copas JQ Easyui yang anda download tadi di dalam folder asset

4. Installasinya atau pemanggilan fungsi nya :
 <!--LOAD file-file yang dibutuhkan-->  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/demo/demo.css">  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/themes/ui-sunny/easyui.css">  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/themes/icon.css">  
 <link rel="stylesheet" type="text/css" href="../../asset/easyui/themes/color.css">  
Letakkan kode di atas tepatnya di bawah <head>

5. Membuat datagridnya di File index.php, di sini saya membuat datagrid untuk menampilkan data dari tabel users yang sudah kita dipostingan sebelumnya bagi yang belum mengikuti bisa anda lihat di CARA MEMBUAT DATABASE DAN TABEL DI PHPMYADMIN untuk membuat datagridnya masukkan kode dibawah ini dan tempatkan kode berikut di bawah <body>. berikut kodenya :
 <div class="easyui-panel" style="position:relative;width:auto;height:400px;overflow:auto;">  
 <table id="dgusers" class="easyui-datagrid" style ="width:auto;height:250px;padding:10px 0px 0px 10px"  
  url ="../users/grid-users.php"  
  toolbar="#tbuser"  
  fit="true"  
  pagination="true"  
  iconCls="icon-ok"  
  fit="true"  
  singleSelect="true">  
  <thead>  
  <tr>  
  <th field="id_user" width="80" sortable="true" hiden="true">ID</th>  
  <th field="nama" width="250" sortable="true">Nama Pegawai</th>  
  <th field="username" width="250" sortable="true">Username</th>  
  <th field="password" width="300" sortable="true">Password</th>  
  <th field="level_user" width="200" sortable="true">Level User</th>  
  </tr>  
  </thead>  
 </table>  
 <div id="tbuser">  
 <label>Cari User :</label>  
 <input id="namauser" class="easyui-searchbox" data-options="prompt:'Cari nama user...',searcher:doSearch" style="width:300px"></input>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" iconCls="icon-add" style="width:10%" plain="true" onClick="newUsers()">Tambah</a>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" iconCls="icon-edit" style="width:10%" plain="true" onClick="editUsers()">Edit</a>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" iconCls="icon-remove" style="width:10%" plain="true" onClick="hapusUsers()">Hapus</a>  
 <a href="javascript:void(0)" class="easyui-linkbutton c7" plain="true" iconCls="icon-reload" style="width:10%" onClick="reload()">Refresh</a>  
 </div>  
 </div>  
dari kode diatas tabel memiliki id : dgusers dan toolbar : tbuser dan di dalam toolbar ada tombol Tambah, Edit, Hapus, Refresh dan Pencarian. Simpan file di atas dengan nama index.php di dalam folder users yang sudah kita buat tadi.

6. Membuat file grid-users.php. file ini fungsinya untuk memanggi data dari tabel dan di tampilkan di dalam datagrid. kode scriptnya sebagai berikut :
 <?php  
  mysql_connect('localhost','root','') or die(mysql_Error());  
  mysql_select_db('pegawairs') or die(mysql_Error());  
 $page = isset($_POST['page']) ? intval($_POST['page']) : 1;  
 $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 15;  
 $sort = isset($_POST['sort']) ? strval($_POST['sort']) : 'id';  
 $order = isset($_POST['order']) ? strval($_POST['order']) : 'asc';  
 $id_user = isset($_POST['id_user']) ? mysql_real_escape_string($_POST['id_user']) : '';  
 $nama = isset($_POST['nama']) ? mysql_real_escape_string($_POST['nama']) : '';  
 $username = isset($_POST['username']) ? mysql_real_escape_string($_POST['username']) : '';  
 $password=isset($_POST['password']) ? mysql_real_escape_string($_POST['password']) : '';  
 $level_user=isset($_POST['level_user']) ? mysql_real_escape_string($_POST['level_user']) : '';  
 $offset = ($page-1)*$rows;  
 $result = array();  
 $where = "nama like '%$nama%' and username like '%$username%'";  
 $rs = mysql_query("select count(*) from users where " . $where);  
 $row = mysql_fetch_row($rs);  
 $result["total"] = $row[0];  
 $rs = mysql_query("select * from users where " . $where . " limit $offset,$rows");  
 $rows = array();  
 while($row = mysql_fetch_object($rs)){  
 array_push($rows, $row);  
 }  
 $result["rows"] = $rows;  
 echo json_encode($result);  
 ?>  
Simpan file diatas dengan nama grid-users.php di dalam folder user. cara penerapanya perhatikan di no 5. (url ="../users/grid-users.php").

7. Membuat Dialog Form. Dialog form ini berfungsi untuk input, edit jika tombol Tambah di tekan maka akan muncul dialog form. seperti gambar dibawah :
PHP Tutorial-membuat datagrid

masukkan kode dibawah untuk membuat dialog form nya :
  <div id="dlgusers" class="easyui-dialog" title="SETTING USERS" style="width:800px;height:300px;padding:10px"  
       data-options="closed:'true',iconCls: 'icon-save',buttons: '#dlgkeluarga-buttons'">  
   <fieldset>  
   <legend>FORM SETTING USER</legend>  
      <form id="ffusers" method="post">  
       <table cellpadding="5">  
         <tr>  
           <td>ID:</td>  
           <td><input class="easyui-textbox" style="width:200px;height:25px" name="id_user" readonly="true"></input></td>  
    <td>NAMA :</td>  
           <td><input class="easyui-textbox" style="width:200px;height:25px" name="nama"></input></td>  
   </tr>  
   <tr>  
    <td>USER NAME:</td>  
           <td><input class="easyui-textbox" style="width:200px;height:25px" name="username" required="true"></input></td>  
    <td>PASSWORD :</td>  
           <td><input class="easyui-textbox" type="password" style="width:200px;height:25px" name="password" required="true"></input></td>  
   </tr>  
   <tr>  
    <td>LEVEL USER:</td>  
           <td><input class="easyui-textbox" name="level_user" style="width:200px;height:25px" required="true"></input></td>  
   </tr>  
       </table>  
     </form>   
  </fieldset>  
   <div id="dlgkeluarga-buttons">  
   <a href="javascript:void(0)" class="easyui-linkbutton c1" iconCls="icon-clear" style="width:15%" onclick="javascript:$('#ffusers').form('reset')">Clear Form</a>  
   <a href="javascript:void(0)" class="easyui-linkbutton c1" iconCls="icon-reload" style="width:15%" onclick="reload()">Refresh</a>  
      <a href="javascript:void(0)" class="easyui-linkbutton c1" style="width:15%" onclick="saveUsers()">Simpan</a>  
      <a href="javascript:void(0)" class="easyui-linkbutton c1" style="width:15%" onclick="javascript:$('#dlgusers').dialog('close'),$(ffusers).form('reset')">Close</a>  
    </div>  
 </div>  
simpan file tersebut didalam folder users dengan nama dlg-users.php

8. Membuat fungsi simpan. Seperti Gambar di bawah :
Tutorial Dialog Form di PHP

Isikan texbox lalu tekan tombol simpan.

PHP Tutorial-Easyui


Maka akan muncul seperti gambar dibawah :
Tutorial PHP-Membuat Datagrid

Tekan OK dan proses simpan ke tabel seperti gambar dibawah :
Untuk membuat file simpannya isikan kode dibawah ini :
 <?php  
      $id_user=$_POST['id_user'];  
             $nama=$_POST['nama'];  
             $username=$_POST['username'];  
   $password=$_POST['password'];  
             $level_user=$_POST['level_user'];  
  mysql_connect('localhost','root','') or die(mysql_Error());  
  mysql_select_db('sdm') or die(mysql_Error());  
 $sql = "INSERT INTO users(id_user,nama,username,password,level_user) VALUES('NULL','$nama','$username','$password','$level_user')";  
 @mysql_query($sql);  
 echo json_encode(array(  
 'id'=>mysql_insert_id(),  
 'id_user'=>$id_user,  
 'nama'=>$nama,  
 'username'=>$username,  
 'password'=>$password,  
 'level_user'=>$level_user  
 ));  
 ?>  
simpan file tersebut di folder users dengan nama save-users.php.

9. Membuat fungsi edit. Gambar seperti di bawah ini.
Cara Mudah Membuat Datagrid Dengan Input Dialog Form

Select field yang akan di edit lalu tekan tombol edit maka dialog form muncul sepertigambar di atas. untuk membuat file editnya isikan kode berikut:
 <?php  
 $id_user = intval($_REQUEST['id_user']);  
 $nama =$_REQUEST['nama'];  
 $username = $_REQUEST['username'];  
 $password = $_REQUEST['password'];  
 $level_user = $_REQUEST['level_user'];  
 mysql_connect('localhost','root','') or die(mysql_Error());  
 mysql_select_db('sdm') or die(mysql_Error());  
 $sql = "update users set id_user='$id_user',nama='$nama',username='$username',password='$password',level_user='$level_user' where id_user='$id_user'";  
 @mysql_query($sql);  
 echo json_encode(array(  
 'Id' => mysql_insert_id(),  
 'id_user'=>$id_user,  
 'nama'=>$nama,  
 'username' => $username,  
 'password' => $password,  
 'level_user' => $level_user  
 ));  
 ?>  
Simpan file ini dengan nama update-users.php di dalam folder users.

10. Membuat file hapus. Gambar yang akan di tampilkan seperti berikut:
Desain Datagrid Di PHP

Kodenya seperti dibawah :
 <?php  
 $id_user =$_REQUEST['id_user'];  
 mysql_connect('localhost','root','') or die(mysql_Error());  
 mysql_select_db('sdm') or die(mysql_Error());  
 $sql = "delete from users where id_user=$id_user";  
 @mysql_query($sql);  
 echo json_encode(array('success'=>true));  
 ?>  
Simpan file tersebut dengan nama dell-users.php di dalam folder users.

Selesai sudah tutorial ini, walaupun sangat panjang saya berharap memberikan pelajaran yang baik bagi rekan - rekan semua. Silahkan mencoba dan kalau ingin mendapatkan script lengkapnya harap berlangganan artikel dengan memasukkan alamat email anda di gadget sebelah kanan. Saya akan mengirimkan script lengkapnya ke email rekan - rekan semua.

semoga bermanfaat.



Share:
Hosting Unlimited Indonesia

MESSAGE

Name

Email *

Message *