Skip to content
Menu
Blog Java Web Media
  • Home
  • Kursus Offline dan Online
  • Blog
  • Kontak
Blog Java Web Media
Tutorial Codeigniter - Halaman Login (Java Web Media)

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

Posted on July 25, 2015July 26, 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

Langkah Persiapan

Sebelum tutorial ini dimulai, Anda harus mendownload:

  1. File atau folder assets untuk latihan. Silakan download di: https://drive.google.com/file/d/0B5BhV6c89_2YR0ZqenZRU2NaYjg/view?usp=sharing
  2. Framework Codeigniter 3, silakan download di www.codeigniter.com

Tutorial dalam web ini menggunakan XAMPP sebagai aplikasi web server. Pastikan seluruh XAMPP (Apache, MySQL dan PHPMyAdmin) berjalan dengan baik. Anda akan membutuhkan Code Editor misalnya Notepad++, Netbeans dsb. Dalam tutorial ini digunakan Dreamweaver CS6 sebagai aplikasi Code Editor-nya.

Konfigurasi webroot

Langkah selanjutnya adalah menggabungkan file atau folder assets dan framework Codeigniter 3 yang telah didownload.

Konfigurasi Webroot Codeigniter - Java Web Media Depok
Konfigurasi Webroot Codeigniter – Java Web Media Depok

Berikut langkah-langkahnya:

  1. Buka folder htdocs di dalam folder xampp Anda
  2. Buat folder baru dengan nama login, lalu buka folder login tersebut
  3. Lalu extract file assets yang telah didownload
  4. Kemudian extract juga framework Code Igniter yang telah didownload

Lalu lakukan pengetesan folder assets dengan mengakses http://localhost/login/assets dan untuk mengakses folder/webroot utama dengan mengakses http://localhost/login. Pastikan hasilnya seperti gambar di bawah ini:

Testing Assets Codeigniter - Java Web Media Depok
Testing Assets Codeigniter – Java Web Media Depok
Kursus Web Design Depok - Java Web Media
Kursus Web Design Depok – Java Web Media

Konfigurasi Codeigniter 3

Konfigurasi config.php

Langkah selanjutnya adalah konfigurasi beberapa file Codeigniter.

  1. Pastikan Anda telah mengakses folder login
  2. Buka file config.php dalam folder application/config
  3. Lalu pada opsi $config[‘base_url’] = ”; ubah menjadi kode ini $config[‘base_url’] = ‘http://localhost/login’;
  4. Simpan kembali file tersebut
Login Codeingiter - Kursus Web Java Web Media Depok
Login Codeingiter – Kursus Web Java Web Media Depok

Konfigurasi autoload.php

Selanjutnya adalah konfigurasi file autoload.php. Berikut langkah-langkahnya:

  1. Buka file autoload.php dalam folder application/config
  2. Lalu pada opsi $config[‘libraries’] = ”; tambahkan library lain sehingga menjadi kode ini $autoload[‘libraries’] = array(‘form_validation’,’session’);
  3. Lalu pada opsi $autoload[‘helper’] = array();, tambahkan fungsi helper lain sehingga menjadi $autoload[‘helper’] = array(‘url’,’form’);
  4. Simpan kembali file tersebut
Autoload Codeigniter - Kursus Desain Web Depok Java Web Media
Autoload Codeigniter – Kursus Desain Web Depok Java Web Media

Membuat file .htaccess

File .htaccess ini nantinya berfungsi untuk mempercantik URL, misalnya yang semula http://localhost/login/index.php/home sehingga menjadi http://localhost/login/home. Berikut langkah-langkahnya:

  1. Buka program Notepad yang Anda miliki
  2. Kemudian ketik kode iniRewriteEngine on
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule .* index.php/$0 [PT,L]
  3. Lalu simpan, pastikan pada opsi Save as type Anda pilih All files
  4. Lalu pada nama file ketik .htaccess (ingat ada titik di depan htaccess)
  5. Simpan file tersebut
  6. Lalu lakukan pengetesan dengan mengakses http://localhost/login/welcome (dimana welcome adalah default controller bawaan Code Igniter). Pastikan tidak ada error
Konfigurasi .htaccess Codeigniter - Java Web Media Kursus
Konfigurasi .htaccess Codeigniter – Java Web Media Kursus

Alhamdulillah, proses installasi dan konfigurasi Codeigniter untuk belajar membuat halaman login telah selesai. Hasil akhir dari tutorial Bagian 1 ini dapat Anda download di: https://drive.google.com/file/d/0B5BhV6c89_2YYU5wS3ZHaDUweEU/view?usp=sharing

Kursus Codeigniter?

Bagi Anda yang menginginkan tutorial lebih dalam dan advanced terkait Codeingiter, Anda dapat mengikut kursus di Java Web Media. Call or Whatsapp kami di 08571-5100-485

 

 

14 thoughts on “Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3”

  1. bobby says:
    July 31, 2015 at 7:34 am

    mantap pak tutorial-tutorialnya ditunggu kelanjutannya

    Reply
  2. Pingback: Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 2 – Membuat Controller dan View Halaman Statis | Blog Java Web Media
  3. Iman says:
    August 26, 2015 at 3:27 am

    Terimakasih tutorialnya, sangat membantu

    Reply
  4. ian says:
    November 19, 2015 at 10:30 pm

    lama gak OL, kang ini kelanjutan yang part 1 – 10 itu yaa??
    klo di implementasikan, tinggal disesuaikan model sama controller nya aja kan??

    Reply
  5. lutfi says:
    February 7, 2016 at 10:50 am

    maaf pak, bagian .htaccess nya tdk jalan :(

    Reply
  6. Danelle Dew says:
    April 7, 2016 at 10:40 am

    If there’s one hazard that takes place after a worldwide storm, it have to trees. There is even the Round Rock Tree Service which is accorded on the trees. Suddenly, a trigger kicks into your idea bank, right?

    Reply
  7. Jodie Chamberlin says:
    May 28, 2016 at 8:44 am

    Excellent goods from you, man. I’ve understand your stuff previous to and you’re just too fantastic. I really like what you have acquired here, really like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it wise. I can’t wait to read much more from you. This is really a terrific site.

    Reply
  8. Dante Le Fanu says:
    May 29, 2016 at 8:31 pm

    During the coaching period, participants review and combine evaluation data and other sources of suggestions received throughout this system and set objectives and determine methods to implement them.

    Reply
  9. Tania Wessel says:
    June 14, 2016 at 8:46 pm

    Skype has opened its web-centered buyer beta towards the world, after starting it extensively from the U.S. and U.K. previously this calendar month. Skype for Web also now works with Linux and Chromebook for instant messaging conversation (no video and voice but, those call for a connect-in set up).

    The expansion from the beta contributes assistance for a longer selection of dialects to assist bolster that overseas usability

    Reply
  10. Sherman Bromby says:
    June 18, 2016 at 3:34 am

    I am truly grateful to the owner of this site who has shared this enormous paragraph at here.

    Reply
  11. Jade Lavater says:
    July 5, 2016 at 4:09 am

    Thanks for finally writing about >Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3 <Loved it!

    Reply
  12. Allie Glasfurd says:
    July 29, 2016 at 11:50 am

    Dead pent subject material, thank you for entropy.

    Reply
  13. Mona Woolcock says:
    March 9, 2017 at 9:34 pm

    Thanks for finally talking about >Tutorial Codeigniter 3 – Membuat Halaman Login: Bagian 1 – Installasi dan Konfigurasi Awal Codeigniter 3 <Liked it!

    Reply
  14. sftzy says:
    April 19, 2020 at 8:50 am

    pak sy ada kesalahan di Unable to load the requested file: helpers/url_helper.php ini kenapa yaa?

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Recent Posts

  • DISADVANTAGES OF THE PHP LANGUAGE
  • Bootstrap Version 5: What Should We Expect?
  • Perbedaan CSS, LESS dan SASS
  • Tren Teknologi 2020 Kecerdasan Buatan dan 5G Berkembang Pesat
  • Mengetahui Pekerjaan System Analyst

Categories

  • Adobe Illustrator
  • Code Igniter Depok
  • Composer
  • CSS
  • Decor
  • Design
  • Dreamweaver
  • Dynamic Website
  • Javascript
  • Kursus Codeigniter 3
  • Kursus Graphic Design Depok
  • Kursus Laravel
  • Kursus Statistik
  • Kursus Web Design di Depok
  • Laravel
  • Login
  • Login Codeigniter
  • MySQL
  • PHP
  • PHP MySQL
  • PHP MySQL
  • Programmer
  • Spry Menu Bar
  • SPSS
  • STATA
  • Statistik
  • Tips Progammer
  • Tutorial
  • Tutorial Codeigniter
  • Tutorial Laravel
  • Uncategorized
  • Upload File
  • Web Course Depok
  • Web Design
  • Web Design
  • Web Design Depok
  • Web Design Depok
  • Web Design di Kota Depok
  • Web Programming
  • Web Programming Depok
  • Web Server
  • Website
  • Wirausaha

Java Web Media

Pusat Kursus Private dan Reguler bidang Desain Grafis, Web Programming, Mobile Application dan Statistik

Java Web Media
MALL DEPOK TOWN SQUARE
Lantai 2 Unit SS1 No. 5-7
Jl. Margonda Raya No 1 Kota Depok
Jawa Barat 16424
Telepon: 085715100485
Whatsapp: +6281210697841
Email: contact@javawebmedia.co.id
Email: javawebmedia@gmail.com

Pendaftaran Kursus

Tanya Kursus Programming (+6285715100485)

Tanya Kursus Statistik (+6285716275299)

Formulir Pendaftaran

©2021 Blog Java Web Media | Powered by SuperbThemes & WordPress