Skip to main content

Name: Java Web Media:, aka "Java Web Media: Web Design di Kota Depok"

Email:

Web Site: http://www.javawebmedia.com

AIM: andoyo_andoyo@hotmail.com

Yahoo IM:

Posts by Java Web Media: Web Design di Kota Depok:

    Download Sample Website Sederhana dengan CMS berbasis Codeigniter

    April 4th, 2017

    Bagi teman-teman yang sedang belajar Codeigniter, selamat ya. Kali ini Java Web Media akan membagikan source code sederhana website dengan CMS (Content Management System) yang dibuat dengan framework Codeigniter.

    Source code yang dibagikan ini adalah hasil karya salah satu siswa yang kursus Web Development.
    Read the rest of this entry “

    No Comments "

    Membuat Laporan Format Excel dengan Codeigniter

    September 28th, 2016

    Akhirnya, setelah hampir satu tahun vakum bisa mulai lagi menulis blog tercinta ini. Nah teman-teman, hari ini Java Web Media akan memberikan tutorial membuat laporan dengan format Microsoft Excel dengan Codeigniter. Mari kita mulai yak. Read the rest of this entry “

    1 Comment "

    Video Tutorial Codeigniter Dasar

    June 26th, 2016
    Kursus Web Programming Depok
    Kursus Web Programming Depok

    Bagi teman-teman yang sedang belajar, kali ini Java Web Media akan memberikan tutorial dasarnya ya. Saat ini ada 9 part video yang bisa Anda pelajari secara langsung dalam satu post ini.

    Bagian 1 Dasar-dasar HTML dan CSS

    Pada bagian 1 ini Anda akan belajar dasar-dasar CSS dan HTML. Bagaimana memahami dan menggunakannya dengan menggunakan Dreamweaver, jadi Anda harus menginstall program ini terlebih dahulu.

    Bagian 2 Perencanaan Database

    Bagian 2 menjelaskan bagaiamana sebuah database direncanakan dan kemudian diimplementasikan menggunakan database MySQL dan PHPMyAdmin. Anda harus menginstall XAMPP terlebih dahulu untuk mengikuti part ini.

    Bagian 3 Dasar-dasar Codeigniter dan Implementasi layout dan template Bootstrap (Back End)

    Pada bagian 3 ini Anda akan belajar melakukan installasi Codeigniter, mencari template Bootstrap dan kemudian mengimplementasikannya. Integrasi Codeigniter dan template Bootstrap. Anda juga akan belajar penggunaan HTACCESS untuk mempercantik URL.

    Bagian 4 Modul Administrator (CRUD Dasar)

    Ya, kita akan mulai belajar konfigurasi database, koneksi database yang direncanakan dan dibuat di bagian 2 dengan Codeigniter. Pada bagian ini juga Anda akan belajar CRUD (Create, Read, Update & Delete) dasar. Anda akan belajar menambah, mengubah, menghapus dan menampilkan data user.

    Bagian 5 Authentication Login, Logout dan Proteksi Halaman

    Belajar proteksi halaman? Login? Logout? Ya, Anda akan mendapatkannya di tutorial Bagian 5 ini. Anda akan belajar membuat sebuah library untuk login, proteksi halaman dan logout.

    Bagian 6 Mengelola Berita, Menginstall text editor TinyMCE

    Bagian 6 akan mengajarkan kepada Anda CRUD modul berita. Di setiap website pasti ada modul berita, di sinilah Anda akan mempelajari. Bonus dengan text editor TinyMCE yang diintegrasikan dengan Codeigniter.

    Bagian 7 Template dan Layour Front End

    Bagian 7 akan mengajarkan kepada Anda bagaimana berita yang telah di kelola dapat ditampilkan di halaman depan dan dapat dibaca oleh umum. Anda juga akan belajar mencari template dan mengintegrasikannya kembali dengan Codeigniter.

    Bagian 8 Menampilkan listing dan detail berita (Tutorial Codeigniter)

    Setelah membuat layout front di Bagian 7, maka bagian 8 akan membantu Anda mengisinya dengan data berita dari database. Anda akan membuat listing berita dan menampilkan detailnya.

    Bagian 9 Modul dokumen/file/download

    Bagian 9 berisi teknik mengupload file, dimana Anda dapat mengubah, menghapus dan mendownload file yang telah diupload tersebut.

    “NOTE: Tutorial ini berurutan, sehingga jika Anda melompati satu bagian saja maka saya yakin Anda akan bingung. Pastikan Anda mengikutinya ya.”

    Web Development & Programming Course Depok - Java Web Media
    Web Development & Programming Course Depok – Java Web Media

    Materi lebih Advanced bisa didapat di tempat kursus kami Java Web Media – Web Design Course Depok.

    3 Comments "

    Diskon Biaya Kursus Tahun Baru 2016

    December 11th, 2015

    Hai teman-teman Java Web Media, bagi teman-teman yang mau les di Java Web Media, awal tahun 2016 ini Java Web Media mengadakan diskon 25% untuk semua paket kursus, khususnya untuk pelajar dan mahasiswa.

    Yuuk, bagi teman-teman yang mau kursus bisa segera mendaftar ya mulai tanggal 15 Desember 2015 – 15 Januari 2016.

    Pendaftaran bisa dilakukan melalui HP/Whatsapp ke 08571-5100-485 atau ke email: contact@javawebmedia.com.

    Kursus Web Design dan Graphic Design Depok
    Kursus Web Design dan Graphic Design Depok

    Contact us: Java Web Media

    Java Web Media
    Home Office:Perumahan Ferari Tirtajaya Indah No. 36Jl. Romo Tirtajaya, Kota Kembang – Depok, Jawa Barat

    Phone: 021-37830602, Mobile: 085715100485

    Email: contact@javawebmedia.com, andoyoandoyo@gmail.com

    Website: www.javawebmedia.com

     

    Java Web Media
    Course Place:Jl. Beringin, Pondok Cina – Depok, Jawa BaratPhone: 021-34135720, Mobile: 085715100485

    Email:contact@javawebmedia.com, andoyoandoyo@gmail.com

    Website: www.javawebmedia.com

     

    No Comments "

    Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 4 – Login, Logout dan Proteksi Halaman

    August 7th, 2015

    Pada tutorial kali ini, Anda akan membuat:

    1. Mengaktifkan fungsi login
    2. Proteksi halaman dasbor sehingga hanya bisa diakses setelah login
    3. Logout

    Sebelum mengikuti tutorial ini, pastikan Anda telah mengikuti tutorial ini:

    1. File hasil akhir Tutorial Bagian 3, silakan download di:https://drive.google.com/file/d/0B5BhV6c89_2YNFEwSzBnaGEwM2c/view?usp=sharing.
    2. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3
    3. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 2 – Membuat Controller dan View Halaman Statis
    4. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 3 – Membuat Database User dan Konfigurasinya

    Anda dapat mendownload hasil akhir tutorial Bagian 4 ini di: https://drive.google.com/file/d/0B5BhV6c89_2YbWM4MzJnbTJvVUU/view?usp=sharing.

    Membuat Library Simple_login.php

    Library Simple_login.php ini nantinya berfungsi untuk login, logout dan sekaligus proteksi halaman dasbor/administrator.

    1. Buat file PHP baru di folder application/libraries
    2. Simpan dengan nama Simple_login.php
    3. Hapus semua kode yang ada (jika ada)
    4. Lalu ketik kode ini:
      <?php if(! defined('BASEPATH')) exit('Akses langsung tidak diperbolehkan');
      class Simple_login {
       // SET SUPER GLOBAL
       var $CI = NULL;
       public function __construct() {
       $this->CI =& get_instance();
       }
       // Fungsi login
       public function login($username, $password) {
       $query = $this->CI->db->get_where('users',array('username'=>$username,'password' => $password));
       if($query->num_rows() == 1) {
       $row = $this->CI->db->query('SELECT id_user FROM users where username = "'.$username.'"');
       $admin = $row->row();
       $id = $admin->id_user;
       $this->CI->session->set_userdata('username', $username);
       $this->CI->session->set_userdata('id_login', uniqid(rand()));
       $this->CI->session->set_userdata('id', $id);
       redirect(base_url('dasbor'));
       }else{
       $this->CI->session->set_flashdata('sukses','Oops... Username/password salah');
       redirect(base_url('login'));
       }
       return false;
       }
       // Proteksi halaman
       public function cek_login() {
       if($this->CI->session->userdata('username') == '') {
       $this->CI->session->set_flashdata('sukses','Anda belum login');
       redirect(base_url('login'));
       }
       }
       // Fungsi logout
       public function logout() {
       $this->CI->session->unset_userdata('username');
       $this->CI->session->unset_userdata('id_login');
       $this->CI->session->unset_userdata('id');
       $this->CI->session->set_flashdata('sukses','Anda berhasil logout');
       redirect(base_url('login'));
       }
      }

      Library Simple_login.php - Java Web Media
      Library Simple_login.php – Java Web Media
    5. Simpan file

    Menambahkan fungsi/library Simple_login.php di autoload.php

    Fungsi library Simple_login.php akan kita load otomatis saat website dibuka atau diakses.

    1. Buka file autoload.php di folder login/application/config
    2. Tambahkan autoload library Simple_login dengan mengubah kode ini:
      $autoload[‘libraries’] = array(‘form_validation’,’session’,’database’);
    3. Lalu tambahkan sehingga menjadi
      $autoload[‘libraries’] = array(‘form_validation’,’session’,’database’,’simple_login’);
    4. Simpan file
    Autoload Library Codeigniter - Java Web Media
    Autoload Library Codeigniter – Java Web Media

    Mengaktifkan fungsi Login dan Logout

    Fungsi login ini akan dihandle 3 file utama yaitu: controller Login.php, view/tampilan Login_view.php dan library Simple_login.php.

    Mengubah controller Login.php

    Controller Login.php ini nanti berfungsi untuk menangani fungsi login dan logout.

    1. Buka controller Login.php di folder login/application/controllers
    2. Setelah kode public function index() tekan Enter
    3. Lalu ketik kode ini
      // Fungsi Login
      $valid = $this->form_validation;
      $username = $this->input->post(‘username’);
      $password = $this->input->post(‘password’);
      $valid->set_rules(‘username’,’Username’,’required’);
      $valid->set_rules(‘password’,’Password’,’required’);
      if($valid->run()) {
      $this->simple_login->login($username,$password, base_url(‘dasbor’), base_url(‘login’));
      }
      // End fungsi login
    4. Kemudian setelah kode // Logout di sini tekan Enter
    5. Lalu ketik kode ini
      public function logout() {
      $this->simple_login->logout();
      }
    6. Simpan file (hasil akhir silakan lihat gambar di bawah ini)
    Login dan Logout Codeigniter - Java Web Media
    Login dan Logout Codeigniter – Java Web Media

    Mengubah dan menambah Login_view.php

    Login_view.php adalah tampilan atau view yang berisi formulir login dimana action dari form ini akan dihandle oleh controller Login.php yang telah kita edit sebelumya.

    1. Buka file Login_view.php di folder login/application/views
    2. Lalu setelah kode <h1>Login Page</h1> tekan Enter dua kali
    3. Kemudian ketik kode ini

      Form Login Codeigniter - Java Web Media
      Form Login Codeigniter – Java Web Media
    4. Simpan file (lihat gambar untuk lebih detailnya)

    Anda telah berhasil mengaktifkan fungsi login dan logout pada controller Login.php dan view Login_view.php. Maka langkah selanjutnya adalah proteksi halaman Dasbor.

    Proteksi Halaman Dasbor

    Halaman dasbor nantinya akan menjadi halaman administrator website yang hanya bisa diakses jika sudah login dengan username dan password yang benar. Jika seseorang belum login dengan benar, maka ia akan dilempar ke halaman login.

    Proteksi halaman ini akan kita letakkan di salah satu file di folder login/application/views/layout, yaitu file head.php yang merupakan halaman yang akan diload pertama. FIle ini akan ditambahi fungsi cek_login() yang telah didefinisikan sebelumnya di library Simple_login.php.

    1. Buka file head.php di folder application/views/layout
    2. Lalu pada baris pertama tekan Enter dua kali
    3. Lalu ketik kode ini:
      <?php
      // Proteksi halaman
      $this->simple_login->cek_login();
      ?>
    4. Simpan file (lihat gambar di bawah untuk lebih detail)
    Proteksi Halaman Dasbor - Java Web Media Depok
    Proteksi Halaman Dasbor – Java Web Media Depok

    Menampilkan data orang yang login

    Langkah selanjutnya adalah menampilkan data orang yang login, dengan mencetak data session username yang digunakan untuk login. Data login akan dicetak di file header.php.

    1. Buka file header.php yang ada di folder login/application/views/layout
    2. Ubah kode ini:
      <a href=”<?php echo base_url(‘profil’) ?>” title=”Update profil”>Nama</a>
    3. Menjadi seperti ini (hanya mengubah tulisan nama menjadi dynamic data dari session):
      <a href=”<?php echo base_url(‘profil’) ?>” title=”Update profil”>
      <?php echo ucfirst($this->session->userdata(‘username’)); ?>
      </a>
    4. Simpan file (lihat gambar agar lebih jelas)
    Data Session dan Login Codeigniter - Kursus di Java Web Media Depok
    Data Session dan Login Codeigniter – Kursus di Java Web Media Depok

    Mengetes fungsi login, logout dan proteksi halaman

    Selanjutnya adalah mengetes fungsi-fungsi yang telah dibuat tadi. Mulai dari proteksi halaman, login, login gagal dan logout.

    • Untuk mengetes proteksi halaman buka http://localhost/login. Maka Anda akan langsung diahlikan ke halaman http://localhost/login/login dengan notifikasi pesan Anda belum login. Ini karena Anda belum login

      Kursus Codeigniter Depok - Java Web Media
      Kursus Codeigniter Depok – Java Web Media
    • Masukkan username dan password yang salah, maka pesan error akan muncul

      Kursus Web Programming - Java Web Media
      Kursus Web Programming – Java Web Media
    • Masukkan username dan password yang benar, maka Anda akan dialihkan ke halaman Dasbor (http://localhost/login). Nama atau username orang yang login akan tampil di bagian atas area header.

      Kursus Framework PHP - Java Web Media
      Kursus Framework PHP – Java Web Media
    • Untuk Logout, klik link/tombol Logout yang ada di area header, maka Anda akan logout
    Kursus Web Development Depok - Java Web Media
    Kursus Web Development Depok – Java Web Media

    Mendownload hasil akhir kode

    Anda dapat mendownload hasil akhir tutorial Bagian 4 ini di: https://drive.google.com/file/d/0B5BhV6c89_2YbWM4MzJnbTJvVUU/view?usp=sharing.

    18 Comments "

    Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 3 – Membuat Database User dan Konfigurasinya

    August 7th, 2015

    Pada tutorial kali ini, Anda akan membuat:

    1. Database dan tabel users 
    2. Konfigurasi database di Codeigniter

    Sebelum mengikuti tutorial ini, pastikan Anda telah mengikuti tutorial ini:

    1. File hasil akhir Tutorial Bagian 2, silakan download di:https://drive.google.com/file/d/0B5BhV6c89_2YNFEwSzBnaGEwM2c/view?usp=sharing.
    2. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3
    3. Membaca Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 2 – Membuat Controller dan View Halaman Statis

    Hasil akhir tutorial Bagian 3 ini bisa Anda download di: https://drive.google.com/file/d/0B5BhV6c89_2YYzhhbjVNZDFLZFk/view?usp=sharing.

    Membuat database

    Pastikan XAMPP (Apache dan MySQL) Anda telah berjalan.

    1. Buka browser Anda
    2. Lalu akses http://localhost/phpmyadmin
    3. Lalu klik menu Database
    4. Buat database baru dengan nama ci_login
    5. Kemudian klik tombol Create

      Database MySQL - Java Web Media Depok
      Database MySQL – Java Web Media Depok
    6. Tunggu beberapa saat sampai konfirmasi (Database ci_login has been created) muncul

    Membuat tabel users

    Tabel users akan berisi data-data user yang nantinya bisa login ke dalam sistem yang akan kita buat. Berikut spesifikasi tabel user:

    Kolom Type Panjang Keterangan
    id_user INT 11 Primary Key, Auto_increment
    nama VARCHAR 100  
    email VARCHAR 255  
    username VARCHAR 32 Unique
    password VARCHAR 64  

    Berikut langkah-langkahnya:

    1. Klik database ci_login
    2. Lalu buat tabel baru. Pada input Create table name
      1. Name: users
      2. Number of columns: 5

        Membuat tabel Users - Kursus Codeigniter Java Web Media
        Membuat tabel Users – Kursus Codeigniter Java Web Media
    3. Klik tombol GO
    4. Lalu isi data-data berikut

      Database Login dengan Codeigniter - Java Web Media Depok
      Database Login dengan Codeigniter – Java Web Media Depok
    5. Klik tombol Save

    Menambah satu user untuk login

    Kita telah berhasil membuat database ci_login dan tabel users.

    Kursus Codeigniter - Java Web Media
    Kursus Codeigniter – Java Web Media

    Langkah selanjutnya adalah menambahkan satu data user untuk contoh login nantinya.

    1. Buka database ci_login
    2. Lalu klik tabel users
    3. Kemudian klik tombol Insert
    4. Lalu masukkan data-data nama, email, username dan password

      Tabel user untuk login Codeigniter - Java Web Media Depok
      Tabel user untuk login Codeigniter – Java Web Media Depok
    5. Klik tombol GO

    Konfigurasi database di Codeigniter

    Langkah selanjutnya adalah melakukan konfigurasi database baik itu koneksi, library dan helper yang harus diload.

    Konfigurasi database.php

    1. Buka file database.php di folder login/application/config
    2. Lalu ubah 3 hal ini:
      ‘username’ => ‘root’,
      ‘password’ => ”,
      ‘database’ => ‘ci_login’,
    3. Simpan file
    Koneksi database Codeigniter - Java Web Media
    Koneksi database Codeigniter – Java Web Media

    Konfigurasi autoload.php

    Konfigurasi di autoload.php ini berfungsi untuk men-load library dan helper yang dibutuhkan.

    1. Buka file autoload.php di folder login/application/config
    2. Lalu pada setting $autoload[‘libraries’] = array(‘form_validation’,’session’);, tambahkan library database sehingga menjadi $autoload[‘libraries’] = array(‘form_validation’,’session’,’database’);
    3. Simpan file
    Library Dataase - Java Web Media
    Library Dataase – Java Web Media

    Uji coba

    Pastikan tidak ada kesalahan dalam proses setting konfigurasi database. Buka browser lalu akses http://localhost/login. Pastikan tidak ada error.

    Download file hasil akhir

    Hasil akhir tutorial Bagian 3 ini bisa Anda download di: https://drive.google.com/file/d/0B5BhV6c89_2YYzhhbjVNZDFLZFk/view?usp=sharing.

    12 Comments "

    Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 2 – Membuat Controller dan View Halaman Statis

    July 31st, 2015
    Halaman Dasbor Java Web Media
    Halaman Dasbor Java Web Media

    Pada tutorial Bagian 2 ini, Anda akan membuat dua halaman utama:

    1. Controller dan View halaman Login, di halaman ini akan ada form login
    2. Controller dan View halaman Dasbor, ini adalah halaman yang akan diproteksi dengan username dan password dan nantinya hanya akan dapat diakses jika sudah melakukan login dengan benar.

    Langkah Persiapan

    Sebelum tutorial ini dimulai, Anda harus mendownload:

    1. File hasil akhir Tutorial Bagian 1, silakan download di: https://drive.google.com/file/d/0B5BhV6c89_2YYU5wS3ZHaDUweEU/view?usp=sharing
    2. Membaca tutorial Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3

    Anda dapat mendownload hasil akhir dari tutorial Bagian 2 ini di: https://drive.google.com/file/d/0B5BhV6c89_2YNFEwSzBnaGEwM2c/view?usp=sharing.

    Membuat Controller Login.php

    1. Buat file PHP baru dalam folder login/application/controllers
    2. Simpan dengan nama Login.php (ingat, huruf pertama harus besar. Ini aturan Codeigniter)

      Membuat Controller Login - Kursus Web Design Depok
      Membuat Controller Login – Kursus Web Design Depok
    3. Lalu buka file Login.php tersebut, hapus kode yang ada jika ada
    4. Lalu ketik kode ini:

      Controller Login - Kursus Web Programming Java Web Media
      Controller Login – Kursus Web Programming Java Web Media
    5. Simpan file tersebut

    Membuat view login_view.php

    Secara default, tutorial ini telah memberikan desain halaman login yang dapat diakses di http://localhost/login/assets/login.html. Anda dapat meng-copy kode dasarnya dari file login.html yang ada dalam folder assets tersebut.

    1. Buat file PHP baru di folder login/application/views
    2. Simpan dengan nama login_view.php

      Membuat tampilan login - Kursus Web Programming Depok
      Membuat tampilan login – Kursus Web Programming Depok
    3. Hapus seluruh kode di dalamnya jika ada
    4. Kemudian buka file login.html yang ada di folder login/assets
    5. Copy seluruh kode dalam file login.html tersebut
    6. Lalu Paste ke dalam file login_view.php
    7. Kemudian lakukan perubahan sebagai berikut:
      1. Pada bagian link icon, ubah menjadi href=”<?php echo base_url() ?>assets/images/icon-javawebmedia.png”
      2. Pada bagian <title>, ubah menjadi <title><?php echo $title ?></title>
      3. Pada baian link CSS, ubah menjadi href=”<?php echo base_url() ?>assets/css/style.css”
      4. Pada bagian action form, ubah menjadi action=”<?php echo base_url(‘login’) ?>”

        Login View Codeigniter - Kursus Graphic Desain Depok
        Login View Codeigniter – Kursus Graphic Desain Depok
    8. Simpan file tersebut

    Melakukan uji coba halaman login

    Buka browser Anda lalu akses http://localhost/login/login. Lihat hasilnya akan seperti gambar di bawah ini:

    Halaman Login Administrator - Codeigniter Tutorial Depok
    Halaman Login Administrator – Codeigniter Tutorial Depok

    Membuat template untuk halaman yang diproteksi

    Sebenarnya kita bisa saja membuat halaman admin dengan cara yang mirip dalam membuat halaman login. Namun dalam tutorial ini, halaman yang diproteksi akan dibuat dengan konsep template dimana masing-masing bagian halaman akan dipotong-potong misalnya menjadi head, header, nav, konten, footer dan sebagainya.

    Membuat folder layout

    Buat folder baru dengan nama layout di dalam folder login/application/views. Folder ini akan digunakan untuk menyimpan file-file template.

    Folder Layout Template - Belajar Web Programming Java Web Media
    Folder Layout Template – Belajar Web Programming Java Web Media

    Menyiapkan file-file template

    File-file template akan berisi potongan-potongan kode dari keseluruhan halaman yang akan menjadi satu tampilan.

    File-file Layout Codeigniter - Kursus Web Java Web Media
    File-file Layout Codeigniter – Kursus Web Java Web Media
    1. Buat file-file PHP ini di dalam folder application/views/layout
      1. head.php, berisi data informasi title, css dan icon
      2. header.php, berisi informasi header dan navigasi menu
      3. konten.php, berisi informasi halaman yang akan diakses
      4. footer.php, beris data informasi footer website
      5. wrapper.php, berfungsi untuk menggabungkan file-file layout
    2. Buka file-file tersebut, lalu hapus kode-kode yang ada jika ada sehingga menjadi kosong
    Menyiapkan file head.php
    1. Buka file index.html dalam folder login/assets (pastikan Anda tidak melakukan perubahan sama sekali pada file index.html ini karena akan menjadi acuan dasar baris kode)
    2. Buka file head.php dalam foler login/application/views/layout
    3. Lalu Copy kode baris ke-1 sampai ke-11 yang ada di file index.html
    4. Lalu Paste di file head.php
    5. Kemudian lakukan perubahan sehingga menjadi seperti gambar di bawah ini:

      File head.php Codeigniter - Kursus Web Development Depok
      File head.php Codeigniter – Kursus Web Development Depok
    6. Simpan file
    Menyiapkan file header.php
    1. Buka file index.html di folder login/assets
    2. Buka file header.php di folder application/views/layout
    3. Copy kode baris ke-12 sampai ke-25 di file index.html
    4. Lalu Paste di file header.php
    5. Kemudian lakukan perubahan sehingga seperti gambar di bawah ini:

      File Header.php Codeigniter - Kursus PHP MySQL Java Web Media Depok
      File Header.php Codeigniter – Kursus PHP MySQL Java Web Media Depok
    6. Simpan file
    Menyiapkan file footer.php
    1. Buka file index.html di folder login/assets
    2. Buka file footer.php di folder application/views/layout
    3. Copy kode baris ke-26 sampai ke-32 di file index.html
    4. Lalu Paste di file footer.php

      File Footer.php Codeigniter - Kursus HTML5 dan CSS3 Java Web Media Depok
      File Footer.php Codeigniter – Kursus HTML5 dan CSS3 Java Web Media Depok
    5. Simpan file
    Menyiapkan file konten.php
    1. Buka file konten.php di folder login/application/views/layout
    2. Hapus semua kode yang ada (jika ada)
    3. Lalu ketik kode ini:

      File Konten.php Codeigniter - Kursus Programming Web Depok
      File Konten.php Codeigniter – Kursus Programming Web Depok
    4. Simpan file
    Menyiapkan file wrapper.php
    1. Buka file wrapper.php di folder login/application/views/layout
    2. Hapus semua kode yang ada (jika ada)
    3. Lalu ketik kode ini:

      File wrapper.php Codeigniter - Kursus Framework PHP Depok
      File wrapper.php Codeigniter – Kursus Framework PHP Depok
    4. Simpan file

    Membuat view dasbor_view.php

    File dasbor_view.php akan berisi file utama tampilan dasbor.

    1. Buat file PHP baru di folder login/application/views
    2. Simpan dengan nama dasbor_view.php
    3. Hapus semua kode yang ada (jika ada)
    4. Lalu ketik kode di bawah ini
      File dasbor_view.php Codeigniter - Kursus Web Programming Java Web Media
      File dasbor_view.php Codeigniter – Kursus Web Programming Java Web Media

      File dasbor_view.php Codeigniter - Kursus Web Desain Depok
      File dasbor_view.php Codeigniter – Kursus Web Desain Depok
    5. Simpan file

    Membuat controller Dasbor.php

    Controller Dasbor.php akan berisi fungsi untuk menampilkan halaman dasbor. Halaman ini nantinya hanya dapat diakses jika sudah login.

    1. Buat file PHP baru di folder login/application/controllers
    2. Simpan dengan nama Dasbor.php (huruf pertama besar/capital)

      File Dasbor.php Codeigniter - Kursus Web Depok
      File Dasbor.php Codeigniter – Kursus Web Depok
    3. Buka file tersebut lalu hapus semua kode yang ada (jika ada)
    4. Lalu ketik kode ini:

      Controller Dasbor Codeigniter - Kursus Laravel Depok
      Controller Dasbor Codeigniter – Kursus Laravel Depok
    5. Simpan file

    Melakukan pengetesan

    Anda dapat mengetes halaman Dasbor dengan mengakses http://localhost/login/dasbor. Lihat hasilnya di gambar berikut ini:

    Halaman Dasbor Java Web Media
    Halaman Dasbor Java Web Media

    Mengubah Route Utama

    Secara default Codeigniter mengalihkan halaman utama website ke controller Welcome. Nah kita dapat mengubahnya sehingga ketika diakses maka yang muncul adalah halaman Dasbor.

    1. Buka file routes.php di folder application/config
    2. Lalu ubah kode yang semula: $route[‘default_controller’] = ‘welcome’;
    3. Menjadi kode ini: $route[‘default_controller’] = ‘dasbor’;
    Setting routes.php Codeigniter - Kursus Web Depok Java Web Media
    Setting routes.php Codeigniter – Kursus Web Depok Java Web Media

    Untuk mengetes apakan routes sudah benar apa belum, cobalah akses http://localhost/login dan http://localhost/login/dasbor. Pastikan tampilan keduanya sama.

    Mendownload hasil akhir

    Anda dapat mendownload hasil akhir dari tutorial Bagian 2 ini di: https://drive.google.com/file/d/0B5BhV6c89_2YNFEwSzBnaGEwM2c/view?usp=sharing.

    Materi lebih mendalam dapat Anda ikuti dengan mengikuti kursus di Java Web Media (www.javawebmedia.com) atau menghubungi kami melalui 0857-1510-0485.

    7 Comments "

    Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3

    July 25th, 2015
    Tutorial Codeigniter - Halaman Login (Java Web Media)
    Tutorial Codeigniter – Halaman Login (Java Web Media)

    Pada tutorial kali ini, Anda akan belajar menggunakan framework Codeigniter 3 untuk membuat:

    • Halaman login
    • Halaman yang diproteksi
    • Halaman Logout dan
    • Manajemen user

    Hasil akhir dari tutorial Bagian 1 ini dapat Anda download di: https://drive.google.com/file/d/0B5BhV6c89_2YYU5wS3ZHaDUweEU/view?usp=sharing Read the rest of this entry “

    13 Comments "

    Belajar WebGL dan Framework Code Igniter

    March 15th, 2015

    Alhamdulillah, sejak Februari hingga awal Maret 2015 lalu Java Web Media menyelenggarakan Inhouse Training di salah satu client kami yaitu “Mankind” (www.bymankind.com). “Mankind” adalah salah satu perusahaan creative innovation technology yang fokus pada pengembangan teknologi kreatif untuk diterapkan dalam kehidupan sehari-hari.

    Advanced Web Programming – Kursus Web Depok
    Advanced Web Programming – Kursus Web Depok

    Pada Inhouse Training Advanced Web Programming ini, kami bersama-sama belajar menggunakan framework dan teknologi web terbaru, antara lain:

    1. PHP MySQL
    2. Framework Code Igniter
    3. Data Visualization
    4. WebGL
    5. Interactive web design berbasis WebGL

    Data Visualization, interactive web design dan WebGL

    Saat ini banyak sekali teknologi web terbaru. Teknologi baru ini nantinya memungkinkan sebuah web tampil dengan konsep dan kemampuan baru, misalnya untuk Geotaging, HTML5 Game, Data Visualization, Face Detection, Interactive web dan sebagainya.

    Saat ini Java Web Media juga telah mulai mempelajari dan mendalami teknologi baru tersebut untuk kemudian diterapkan dalam desain website-website terbarunya.

    Berikut beberapa contoh web yang telah menerapkan teknologi terbaru tersebut:

    1. www.chromeexperiments.com/webgl. Berisi kumpulan contoh-contoh WebGL
    2. www.futureself.orange.com. Adalah contoh website dengan fasilitas face detection
    3. www.greensock.com/examples-showcases
    4. Dan masih banyak lagi

    Nah, dalam rangka menyongsong teknologi baru tersebut saat ini Java Web Media membuka program kursus khusus, yaitu Advanced Web Programming.

    Saat ini kursus ini tersedia dalam beberapa paket, antara lain:

    1. Paket Kursus Kelas
    2. Paket Kursus Private
    3. Inhouse Training Kelas
    4. Inhouse Training Private

    Informasi lebih detail bisa kontak kami di:

    Java Web Media
    Perumahan Ferari Tirtajaya Indah No. 36
    Jl. Romo – Tirtajaya Grand Depok City Depok
    Telepon: 021-34135720, HP. 085715100485.
    Email: andoyoandoyo@gmail.com
    Website: www.javawebmedia.com

     

    No Comments "

    Tutorial Code Igniter 3 – Part 1: Review dan Installasi

    January 20th, 2015

    Yee… Akhirnya Code Igniter siap-siap me-release versi terbarunya, yaitu versi 3.0. Mudah-mudahan bisa segera direlease.

    Oleh banyak web developer Code Igniter awalnya dikhawatirkan akan mati karena Ellislab tidak sanggup melanjutkan pengembangan framework ini. Alhamdulillah akhirnya  British Columbia Institute of Technology bersedia mengambil alih project ini dan menyiapkan release berikutnya. Read the rest of this entry “

    No Comments "

Social Widgets powered by AB-WebLog.com.