#2 PERSIAPAN – Membuat Sistem Login Lengkap dengan CODEIGNITER 3

#2 PERSIAPAN - Membuat Sistem Login Lengkap dengan CODEIGNITER 3

#2 PERSIAPAN – Membuat Sistem Login Lengkap dengan CODEIGNITER 3

Di video kali ini kita akan menyiapkan komponen2 yang dibutuhkan untuk mengerjakan Sistem Login ini, menyiapkan CodeIgniter, SB Admin 2 dan juga menyiapkan halaman untuk Login dan Registrasi


LINK
CodeIgniter : https://codeigniter.com
SBAdmin 2 : https://startbootstrap.com/themes/sb-admin-2/
Bootstrap : https://getbootstrap.com/
Font Awesome : https://fontawesome.com/


Apa yang harus dipelajari sebelum ngikutin seri ini :

– PHP DASAR
https://www.youtube.com/playlist?list=PLFIM0718LjIUqXfmEIBE3-uzERZPh3vp6

– OOPHP
https://www.youtube.com/playlist?list=PLFIM0718LjIWvxxll-6wLXrC_16h_Bl_p

– PHP MVC
https://www.youtube.com/playlist?list=PLFIM0718LjIVEh_d-h5wAjsdv2W4SAtkx

– CodeIgniter
https://www.youtube.com/watch?v=dMRCZGGAx74&list=PLFIM0718LjIVpXbAwu_Cg9PdJO1GvyvCn&index=10

https://www.youtube.com/watch?v=g5JT3EW38KM&list=PLFIM0718LjIVpXbAwu_Cg9PdJO1GvyvCn&index=11

https://www.youtube.com/watch?v=r-r6IhsE5vg&list=PLFIM0718LjIVpXbAwu_Cg9PdJO1GvyvCn&index=12

PLAYLIST LAIN:

– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F

– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p

– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c

– CSS Layouting
https://www.youtube.com/playlist?list=PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr


MEDIA SOSIAL

http://instagram.com/sandhikagalih
http://twitter.com/sandhikagalih
https://www.facebook.com/WebProgrammingUNPAS
http://codepen.io/webprogrammingunpas
https://github.com/webprogrammingunpas


UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/

terimakasih dan selamat #ngoding!

@sandhikagalih
#2 PERSIAPAN – Membuat Sistem Login Lengkap dengan CODEIGNITER 3



#2 PERSIAPAN – Membuat Sistem Login Lengkap dengan CODEIGNITER 3

Related posts

28 Thoughts to “#2 PERSIAPAN – Membuat Sistem Login Lengkap dengan CODEIGNITER 3

  1. bagaimana ya cara mengubah background warna nya ? sudah saya coba tp tidak bisa:(

  2. Permisi Pak Dika, saya ada masalah nih. Saat saya pindah ke registrasi kenapa css nya tidak muncul Pak? padahal file2 sudah dipindahkan ke asset, begitu juga controllernya sudah dipanggil tetapi masih tidak muncul cssnya.

    Berikut kodingan saya.
    nama file=Auth.php
    <?php
    defined('BASEPATH') OR exit('No direct script access allowed');

    class Auth extends CI_Controller {

    function index()
    {
    $data['judul'] = 'Login | SIG';
    $this->load->view('templates/auth_header',$data);
    $this->load->view('auth/login');
    $this->load->view('templates/auth_footer');
    }

    public function registrasi()
    {
    $data['judul'] = 'Registrasi | SIG';
    $this->load->view('templates/auth_header',$data);
    $this->load->view('auth/registrasi');
    $this->load->view('templates/auth_footer');
    }
    }

    nama file=auth_header.php
    <!DOCTYPE html>
    <html lang="en">

    <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><?php echo $judul; ?></title>

    <!– Custom fonts for this template–>
    <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
    <link rel="icon" type="image" href="assets/logo-pendidikan.png">

    <!– Custom styles for this template–>
    <link href="assets/css/sb-admin-2.min.css" rel="stylesheet">

    </head>

    <body class="bg-gradient-primary">

    nama file = auth_footer.php

    <!– Bootstrap core JavaScript–>
    <script src="assets/vendor/jquery/jquery.min.js"></script>
    <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!– Core plugin JavaScript–>
    <script src="assets/vendor/jquery-easing/jquery.easing.min.js"></script>

    <!– Custom scripts for all pages–>
    <script src="assets/js/sb-admin-2.min.js"></script>

    </body>

    </html>

    Terimakasih Pak Dika, sukses selalu.

  3. Mas ko pas buka localhost/wp_login/Auth /register Dia gak muncul not found mon di bantu

  4. kenapa ya url registration gak ditemukan?

  5. request bang buat 2 login untuk admin dan user dalam 1 url pakai html dan css
    terimaksih bang

  6. Bang kok sya ketika sampai ke tahap tampilan registrasi tampilannya nggak muncul, cuman tulisan objek not found? Mohon pencerahannya bang..

  7. Mas kalau poto dognya gak diilangin tapi kalau diganti sama poto lain gimna cranya?

  8. yg auth/registration nya gabisa, coba ketik ini, tinggal tambahin localhost/projek/index.php/auth/registration

    selamat mencoba

  9. Punten kang, saya di 24:19 ga bisa muncul. Muncul Object not found!. Apa CSSnya ga ke load ya?

  10. gan kalo edit data yang datanya combo bertingkat dinamis gemana yak. mohon pencerahannya

  11. udah saya ikutin berkali2 pak,tapi tampilan loginnya gak berubah pas di masukan tag php nya,solusinya gimana ya pak ??

  12. Cara mengganti gambar dan memperkecil halaman login gimna ya bang

  13. EW Who uses MacOS for coding

  14. kenpa helper saya gakmau ya?
    kalau disi url, file, security

  15. Pak kenapa saya gak berhasil menghilangkan index.php di URI, file htaccess gak berfungsi. Mohon solusinya pak @shandika

  16. Kak pas registration kok data gamau ke input?
    Mohon bantuannya kak🙏🙏

  17. Khusus yang ga mau remove gambarnya dan mungkin mau ganti gambarnya dimana. buka aja sb-admin-2.min.css (kalo saya sih pake yg sb-admin-2.css karena lebih manusiawi ngedit nya 😀 )

    .bg-login-image {

    background: url("../img/gambar.jpg");

    background-position: center;

    background-size: cover;

    }

    notes:
    # .bg-register-image dan .bg-password-image detilnya sama, kalo selesai edit bisa langsung ganti aja ke 2 css tersebut
    # default gambar yg dipake adalah 600 x 800
    # untuk penyesuaian bisa memakai konsep dibawah ini (size dan fixed, norepeat, center bisa diganti sesuai kebutuhan)

    background: url("../img/gambar.jpg")no-repeat center center fixed;

    background-position: center;

    background-size: 90%;

    #good luck

    *pak dhika, saya request mengunakan 2 database/multiple database dan cara pemanggilannya dengan menggunakan CI3 (masih error belum paham nih klo otodidak hehe)

  18. Bermanfaat kak.
    Tapi agak ribet juga yah, semoga bisa diaplikasikan.

  19. kan sekarang codeigniter sudah versi 3.1.11, yg bapak pake versi 3.1.10
    apakah masih sama saja ? atau nanti nya ada sedikit perubahan ?
    temen2 yg tau bantu jawab ya

  20. tolong bantu, waktu saya buka http://localhost/CI/auth/registration itu malah object not found…
    gimana ya solusinya? mohon bantuannya

  21. selalu kesel ama tu anjing wkwkwk

  22. Penjelasan disini lebih jelas daripada di kampus saya. Terimakasih Pak 👍🏻

  23. Terimakasih untuk pembelajaranya pak sandi, izin untuk bertanya ketika saya sudah menambahkan registrasi kok ngga bisa di buka di browser ya, padahal untuk alamat ke loginya bisa

  24. Tips dari saya untuk memudahkan pemanggilan file. jadinya tidak perlu mengetikkan <?= base_url() ?>

    pada config.php, kalian akan menemukan:
    $config['base_url'] = ' ';

    hapus aja config diatas.. lalu ganti dengan:
    $http = 'http' . ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') ? 's' : '') . '://';
    $newurl = str_replace("index.php","", $_SERVER['SCRIPT_NAME']);
    $config['base_url'] = "$http" . $_SERVER['SERVER_NAME'] . "" . $newurl;

    contoh manggil file sebelum menggunakan script diatas;
    "<?= base_url('assets/'); ?>vendor/fontawesome-free/css/all.min.css"

    setelah menggunakan:
    "assets/vendor/fontawesome-free/css/all.min.css"

    edit. tolong di Pin pak dika.. biar di notice

  25. Pak dhika, punya saya css nya kok belum bisa ya? Padahal folder2 sb admin sdah saya pindahkan

Leave a Comment