Biongo Attacker

Seputar Programing Dan Informasi tentang Teknologi masa kini

  • Home
  • P Website
  • _HTML
  • _CSS
  • _Javascript
  • __Jquery
  • _PHP
  • __Codeigniter
  • Informasi
  • Tips dan Trick
  • Lainnya
  • -label/template,blog,script,Alat
Home Archives for February 2016

cara membuat halaman not found pada codeigniter

Alsaskar Mirando Alsaskar Mirando 00:01:00 | #codeigniter
Selamat sore semua, ketemu lagi nih bersama saya hehehehe, gimana kabar teman-teman sehatkan? pasti sehat-lah tidak mungkin kalau sehat terus mau baca artikel yang ada di Biongo Attacker hahahaha.Di hari ini teman-teman saya akan membuat tutorial tentang Codeigniter.Tahukan Codeigniter? Codeigniter itu atau yang sering disebut CI adalah framework PHP yang mempermudah para programer untuk membuat website hehehe saya cuman karang wokwowko.Sebelum kita ke tutorial saya sarankan teman-teman sudah download framework codeigniter di Disini.Tapi alangkah baiknya teman-teman sudah belajar cara setting codeigniter dan cara memakainya gimana.Ingat Codeigniter ini menggunakan OOP PHP jadi bagi yang belum belajar OOP PHP belajar sana hehehehe, sorry kalau agak kasar kata-katanya padahal hanya becanda jangan simpan di hati ya teman-teman.Kita langsung mulai aja karena billing ku udah mau habis wokwowk.Maklum lah masih anak SMK jadi mainnya di Warnet karena tidak ada laptop dirumah jadi main di warnet hehehe.Oke mari kita mulai.

Sebenarnya tutorial hari ini sangat mudah untuk teman-teman ikuti, karena tutorial nya adalah cara membuat halaman not found pada codeigniter.Oke kita lanjut, di tutorial ini saya membuatnya di file welcome.php, di file ini saya buat function baru, application/controllers/welcome.php.

function not(){
  $this->load->view('not');
 }
lanjut, pada function yang saya buat ini saya membuat file baru yang namanya not.php.Ingat file not.php harus sama dengan function yang kita buat di atas.Dan sekarang tinggal kita buat halaman not found nya deh, buatnya di application/views/not.php, lalu ketikan script di bawah ini.

<html>
<head>
 <title>Belajar Codeigniter bersama Biongo Attacker</title>
 <style type="text/css">

     #coba{
        text-decoration: none;
        text-shadow: 1px 1px 2px blue;
     }

 </style>
</head>
<body>
 <div align="center" id="coba">
    <h1>Mohon Maaf halaman yang anda cari kosong!</h1>
 </div>
</body>
</html>

Nah, sekarang kita coba untuk akses halaman not found yang telah kita buat.



Nah gimana mudahkan? oke untuk membuktikannya apakah halaman not found ini benar-benar berhasil mari kita pergi ke application/config/routes.php, dan setelah itu anda cari kode $route['404_override'] = ''; , di bagian kosong itu anda ketik welcome/not.Dan setelah selesai coba kita lihat gambar di bawah ini.


Coba perhatikan pada gambar di atas, pada garis arah panah yang berwarna hitam itu kita mencoba menulis alamat semabarangan dan akan muncul seperti gambar di atas.Jika seperti gambar di atas berarti itu berhasil.

Oke teman-teman sampai disini dulu pertemuan kita, sekian terima kasih.

Salam Coding hehehehehe, semangat terus ya buat belajar.
  • Share
  • Tweet
  • Share
  • Share
  • Share

Download Aplikasi Perpustakaan Berbasis Web Sederhana

Alsaskar Mirando Alsaskar Mirando 22:39:00 | #script
Selamat siang teman-teman.Ketemu lagi nih dengan saya, tapi kesempatan ini saya tidak kasih mengenai tutorial, tetapi dikesempatan ini saya akan berbagi script aplikasi perpustakaan web sederhana yang telah saya buat.Sebenarnya aplikasi perpustakaan ini saya akan taruh di perpustakaan sekolah saya, tapi guru-guru di sekolah saya hanya cueg begitu saja, bagaimana tidak saya sudah berusaha bersama-sama dengan teman saya untuk membuat aplikasi tersebut terus tidak di terima, pasti para sobat kalau ada diposisi kami pasti akan kecewa. Saya akan cerita sedikit alur ceritanya, pertama saya dan teman-teman saya  bilang ke bpk.Guru ketua Jurusan kami, tetapi dia lagi sibuk lalu saya suruh teman saya untuk bilang ke guru yang satu dia bilang "Pak..sih Alsaskar ada aplikasi perpustakaan web nih" tetapi sayang seribu sayang guru ini hanya memotong cerita tersebut, lalu kemudian dia pergi begitu saja.Tetapi di kejadian ini saya tidak akan putus asa begitu saja, sampai saya mempunyai ide untuk berbagi ke teman-teman script ini.Script ini teman-teman bisa edit sesuka teman tapi kami memohon agar teman-teman tidak mengganti hak ciptanya ya.

Aplikasi ini saya buat dengan bantuan CSS Framework yaitu Bootsrap.Agar supaya aplikasi perpustakaan web sederhana ini bisa dilihat di berbagai ukuran.Baca juga artikel kami tentang Bootstrap.

Aplikasi sederhana ini juga teman-teman bisa pakai untuk bahan pembelajaran, tetapi mohon maaf di dalam kode program saya tidak memberikan penjelasan semuanya, tapi mudah-mudahan teman-teman bisa mengerti dengan sendirinya.Jangan lupa untuk kembangin lagi aplikasi perpustakaan web sederhana ini se-kreatif teman-teman.Karena saya yakin teman-teman bisa lebih kreatif lebih dari saya hehehehe.

Oke mari kita langsung lihat tampilan nya terlebih dahulu satu-persatu.

                                                        halaman login/halaman depan.


                                                      halaman untuk mengakses aplikasi tersebut


                                                      halaman untuk melihat data peminjaman buku

                                                       halaman user untuk meminjam buku

                                                     halaman untuk pengembalian buku

                                                     halaman untuk data pengembalian buku

                                                      halaman ketentuan jika user melanggar aturan

Untuk tabel nya sendiri saya tidak buat sendiri tetapi saya menggunakan library yang namanya DataTables.
Oke tadi kalian sudah melihat gambar-gambar dari aplikasi perpustakaan sederhana, sekarang mari kita simak fitur-fiturnya.

Fitur-fitur :
1.Cetak Laporan Data
2.Peminjaman Buku
3.Pengembalian Buku
4.Ketentuan
5.Data Peminjaman Buku
6.Data Pengembalian Buku
7.Tentang

Oo iya hampir lupa lagi nih untuk database nya berada di database.sql, tinggal anda copy kode nya lalu dumping ke phpmyadmin.Dan untuk link download silahkan klik di bawah ini.
Download
Oke sampai disini dulu ya teman-teman, nanti kita ketemu lagi kalau ada kesempatan di lain waktu.
Dan semoga apa yang saya bagikan ini sangat bermanfaat untuk teman-teman.

Sekian Dan Terima Kasih


  • Share
  • Tweet
  • Share
  • Share
  • Share

Cara upload file dengan php

Alsaskar Mirando Alsaskar Mirando 21:13:00 | #php
Hallo, teman-teman bertemu lagi nih kita setelah beberapa hari yang lalu saya sudah membuatkan tutorial tentang membuat accordion dengan jquery ui.Masih dalam tubuh yang sehatkan teman-teman? oke kalau teman-teman sehat mari ikuti tutorial ini, dan mudah-mudahan jika teman-teman membaca tutorial ini bisa mengerti dan paham.Pada hari ini saya akan memberikan tutorial cara upload file dengan php.Pasti disini banyak teman-teman yang sudah tahu dan juga pasti ada yang tidak tahu sama sekali.Form upload ini sangat berfungsi sekali jika user mengupload gambar atau file-file lain.Nah form upload ini banyak sekali digunakan oleh aplikasi-aplikasi web, contohnya aplikasi web Perpustakaan, misalkan user ingin meminjam buku dan harus memasukan nama, judul buku, kode peminjaman, dan upload file/gambar, contohnya jika user mengupload gambar pasti gambar tersebut akan masuk ke folder yang telah kita buat.Atau misalkan gambar itu masuk ke database, tetapi di kesempatan ini kita tidak membuat file tersimpan ke dalam database mysql melainkan tersimpan di dalam folder.Wah gila kita sudah basa-basi, oke deh tidak usah basa-basi langsung saja deh.

Disini kita membutuhkan 2 (dua) file dan 1 (satu) folder, bisa langsung lihat di gambar yang ada di bawah ini.


Coba teman-teman perhatikan gambar di atas, terdapat folder data, untuk folder data itu sendiri tempat untuk kita menyimpan file-file yang user upload (misalkan).

Nah sekarang coba teman-teman buat satu file dengan nama upload.php, dan silahkan copy script di bawah ini.
 
<div align="center"> 
   <h1>Belajar PHP Dengan Biongo Attacker</h1>
</div>

<form method="post" action="proses-upload.php" enctype="multipart/form-data">
 <label>Upload File :</label> <br> 
 <input type="file" name="data">
 <input type="submit" value="Upload">
</form> 

Sedikit penjelasan biar teman-teman tidak bingun.
<form method="post" action="proses-upload.php" enctype="multipart/form-data">
Pada  kode di atas ada masing-masing fungsi.
method="post" : berfungsi sebagai pengiriman data dari form ke file action yang akan melakukan pemindahan data dari form ke folder data.
action="proses-upload.php" : berfungsi untuk melakukan aksi pada file proses-upload.php
enctype="multipart/form-data" : berfungsi sebagai pembaca dari file yang di upload.
Dan pada form untuk mengupload kita menggunakan type file.Begitu juga untuk mengsubmit file kita menggunakan type submit dan value nya adalah Upload.

Oke mari kita lanjut ke proses-upload.php, copy script di bawah ini. 
 
<?php
     $upload = move_uploaded_file($_FILES['data']['tmp_name'], 'data/'.$_FILES['data']['name']);

     if ($upload > 0) {
      echo "File berhasil di upload";
     }else{
      echo "File gagal di upload";
     }
?>

Mari kita singgung sedikit kode di atas tersebut.
$upload = move_uploaded_file($_FILES['data']['tmp_name'], 'data/'.$_FILES['data']['name']);
pada syntax di atas dia berfungsi untuk memindahkan data dari source komputer user yang mengupload dan memindahkannya kedalam folder atau lokasi lain yang kita kehendaki.
 
if ($upload > 0) {
      echo "File berhasil di upload";
     }else{
      echo "File gagal di upload";
     } 

Sytax di atas saya buat hanya sebagai kondisi, dia akan mengecek jika memenuhi syarat maka di akan langsung ke echo "File berhasil di upload" , jika tidak terpenuhi dia akan ke bagian echo yang kedua yaitu "File gagal di upload".

Oke sekarang mari kita lihat hasil dari form tersebut.Berikut gambarnya.


Dan jika kita mengupload file tersebut dan berhasil maka dia akan seperti gambar di bawah ini.


Dan mari kita lihat hasilnya di folder data yang kita buat tadi.



Oke semuanya berhasil dengan, dan mudah-mudahan tulisan saya ini bisa mengerti oleh teman-teman yang membacanya.Dan saya sendiri pamit undur diri, sekian terima kasih.

Semoga Bermanfaat.
  • Share
  • Tweet
  • Share
  • Share
  • Share

Cara membuat accordion dengan Jquery UI

Alsaskar Mirando Alsaskar Mirando 00:45:00 | #jquery
Selamat sore semua, berjumpa lagi bersama saya nih.Sudah lama kita tak jumpa, sorry karena belakangan ini tidak sempat buat kan artikel untuk teman-teman setia Biongo Attacker.Karena pada waktu itu saya sibuk kerjain project, jadi agak sibuk dan lupa deh untuk buat artikel di blog ini.Dan puji Tuhan di hari ini kita masih bisa bertemu kembali dengan tubuh yang sehat dan yang pasti Tuhan selalu melindungi kalian semua hehehe.Pada hari ini kita akan membahas tentang cara membuat accordion dengan Jquery UI.Disini saya tidak akan jelaskan apa itu Jquery UI dan apa itu Accordion, pasti para teman-teman akan tahu sendiri apa itu accordion dengan cara mengikuti tutorial ini.Maka dari itu mari kita langsung saja ke tutorial nya atau caranya.

Untuk melanjutkan tutorialnya saya sarankan teman-teman sudah belajar dasar Javascript terlebih dahulu, untuk tutorial dasar Javascript, kami tidak menyidiakannya, mungkin teman-teman bisa mencari tutorial di google.Oke saya anggap teman-teman yang membaca tutorial ini sudah belajar Javascript dasar.Mari kita lanjut.

Langkah pertama yang harus kita lakukan adalah menghubungkan plugin jquery ui ini dengan script yang akan kita taruh untuk membuat accordion.Berikut scriptnya.

 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jqu  ery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

Setelah itu kita akan membuat accordion dan beserta isinya.Berikut scriptnya.

<div id="accordion" class="css">
    <u>Tentang</u>
    <div>
       <!-- disini kalian isi sesuai menu accordion -->
       <!-- Kata-kata dibawah ini bisa kalian ganti sesuai kata kalian sendiri  -->
       <i> Hallo nama saya Alsaskar Mirando, saya adalah founder dari Biongo Attacker.Saya juga anak yang suka tertawa. </i>
    </div>
    <u>Tutorial</u>
    <div>
      <!-- disini kalian isi sesuai menu accordion -->
      <!-- Kata-kata dibawah ini bisa kalian ganti sesuai kata kalian sendiri -->
      <b><i>Cara Membuat Accordion dengan Jquery UI bersama - BIONGO ATTACKER</i></b>
    </div>
    <u>Hubungi Kami</u>
    <div>
      <!-- disini kalian isi sesuai menu accordion -->   
      <!-- Kata-kata dibawah ini bisa kalian ganti sesuai kata kalian sendiri -->     
      <b><i>Fanspage : Biongo Attacker </i></b><br>
      <b><i>Twitter : @BiongoAttacker </i></b><br>
      <b><i>Blog : biongo-attacker.blogspot.com </i></b>
    </div>
 </div>
 <br>
 <div align="center">
  <b>Jangan lupa untuk kunjungi selalu Blog kami </b>
 </div>

Dan yang terakhir adalah menaruh script javascriptnya kedalam semua script yang kalian sudah copy tadi.Berikut sciptnya.

 

  <script type="text/javascript">
     $(document).ready(function(){
       $('#accordion').accordion();
     });
 </script>

Untuk script seluruhnya seperti ini.

<html>
<head>
  <title> Belajar Membuat Accordion </title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

   <script type="text/javascript">
     $(document).ready(function(){
       $('#accordion').accordion();
     });
 </script>

</head>

 <!-- bgcolor : untuk membuat warna pada background -->

<body bgcolor="aqua">
  <div id="accordion" class="css">
    <u>Tentang</u>
    <div>
       <!-- disini kalian isi sesuai menu accordion -->
       <!-- Kata-kata dibawah ini bisa kalian ganti sesuai kata kalian sendiri  -->
       <i> Hallo nama saya Alsaskar Mirando, saya adalah founder dari Biongo Attacker.Saya juga anak yang suka tertawa. </i>
    </div>
    <u>Tutorial</u>
    <div>
      <!-- disini kalian isi sesuai menu accordion -->
      <!-- Kata-kata dibawah ini bisa kalian ganti sesuai kata kalian sendiri -->
      <b><i>Cara Membuat Accordion dengan Jquery UI bersama - BIONGO ATTACKER</i></b>
    </div>
    <u>Hubungi Kami</u>
    <div>
      <!-- disini kalian isi sesuai menu accordion -->   
      <!-- Kata-kata dibawah ini bisa kalian ganti sesuai kata kalian sendiri -->     
      <b><i>Fanspage : Biongo Attacker </i></b><br>
      <b><i>Twitter : @BiongoAttacker </i></b><br>
      <b><i>Blog : biongo-attacker.blogspot.com </i></b>
    </div>
 </div>
 <br>
 <div align="center">
  <b>Jangan lupa untuk kunjungi selalu Blog kami </b>
 </div>
 </body>
 </html>

Dan lihat hasilnya, jika semua berhasil dengan baik maka hasilnya akan seperti ini.


Kalau ada yang bingung bisa langsung berkomentar di bawah.
oke sekian dulu tutorial nya, semoga bermanfaat.
  • Share
  • Tweet
  • Share
  • Share
  • Share
Subscribe to: Posts (Atom)

Popular

  • Cara mengganti warna navbar pada bootstrap
    Cara mengganti warna navbar pada bootstrap
    Cara mengganti warna navbar pada bootstrap - Banyak yang bingung bagaimana untuk mengganti warna navbar pada bootstrap.Saya juga waktu itu...
  • Download Script Phising PB Garena Recoded By Biongo Attacker
    Download Script Phising PB Garena Recoded By Biongo Attacker
    Selamat malam gan., di malam hari ini saya akan share script phising PB Garena.Karena saya lihat banyak teman-teman saya yang bermain Point ...
  • Download Aplikasi Perpustakaan Berbasis Web Sederhana
    Download Aplikasi Perpustakaan Berbasis Web Sederhana
    Selamat siang teman-teman.Ketemu lagi nih dengan saya, tapi kesempatan ini saya tidak kasih mengenai tutorial, tetapi dikesempatan ini saya ...

Archive

  • ►  2017 (4)
    • ►  March (1)
      • ►  Mar 12 (1)
    • ►  February (2)
      • ►  Feb 26 (1)
      • ►  Feb 22 (1)
    • ►  January (1)
      • ►  Jan 26 (1)
  • ▼  2016 (65)
    • ►  December (1)
      • ►  Dec 02 (1)
    • ►  September (4)
      • ►  Sept 11 (1)
      • ►  Sept 09 (2)
      • ►  Sept 02 (1)
    • ►  August (5)
      • ►  Aug 30 (1)
      • ►  Aug 29 (1)
      • ►  Aug 13 (1)
      • ►  Aug 12 (1)
      • ►  Aug 10 (1)
    • ►  July (6)
      • ►  Jul 29 (1)
      • ►  Jul 16 (1)
      • ►  Jul 14 (1)
      • ►  Jul 13 (1)
      • ►  Jul 12 (1)
      • ►  Jul 09 (1)
    • ►  June (5)
      • ►  Jun 29 (1)
      • ►  Jun 28 (1)
      • ►  Jun 06 (1)
      • ►  Jun 05 (1)
      • ►  Jun 01 (1)
    • ►  May (6)
      • ►  May 29 (1)
      • ►  May 24 (1)
      • ►  May 20 (1)
      • ►  May 19 (1)
      • ►  May 12 (1)
      • ►  May 01 (1)
    • ►  April (24)
      • ►  Apr 30 (1)
      • ►  Apr 28 (1)
      • ►  Apr 27 (1)
      • ►  Apr 26 (2)
      • ►  Apr 25 (2)
      • ►  Apr 23 (2)
      • ►  Apr 22 (1)
      • ►  Apr 08 (1)
      • ►  Apr 07 (1)
      • ►  Apr 06 (2)
      • ►  Apr 05 (2)
      • ►  Apr 04 (2)
      • ►  Apr 03 (2)
      • ►  Apr 02 (3)
      • ►  Apr 01 (1)
    • ►  March (10)
      • ►  Mar 30 (2)
      • ►  Mar 29 (2)
      • ►  Mar 26 (1)
      • ►  Mar 24 (1)
      • ►  Mar 22 (1)
      • ►  Mar 13 (2)
      • ►  Mar 01 (1)
    • ▼  February (4)
      • ▼  Feb 24 (1)
        • cara membuat halaman not found pada codeigniter
      • ►  Feb 18 (1)
        • Download Aplikasi Perpustakaan Berbasis Web Sederhana
      • ►  Feb 16 (1)
        • Cara upload file dengan php
      • ►  Feb 13 (1)
        • Cara membuat accordion dengan Jquery UI
  • ►  2015 (15)
    • ►  December (2)
      • ►  Dec 30 (1)
      • ►  Dec 29 (1)
    • ►  November (3)
      • ►  Nov 20 (1)
      • ►  Nov 12 (2)
    • ►  October (8)
      • ►  Oct 24 (1)
      • ►  Oct 23 (2)
      • ►  Oct 22 (1)
      • ►  Oct 21 (2)
      • ►  Oct 13 (1)
      • ►  Oct 05 (1)
    • ►  September (1)
      • ►  Sept 29 (1)
    • ►  August (1)
      • ►  Aug 09 (1)

Comment

recentcomment

Fanspage

Biongo Attacker

[fa fa-tag] Category

ajax Alat android blog bootstrap cerita codeigniter css html info javascript jquery motivasi pascal php script sublime text template Tips dan Trick visual basic

Tentang

Sebuah blog yang dibuat untuk membagikan tutorial seputar programming dan juga memberikan informasi seputar teknologi masa kini.

Pengikut

Copyright © 2017 Biongo Attacker All Right Reserved
Template By Bloggerku
Kontak | Daftar Isi | Privacy Policy | TOS