Skip to main content

EAS MPPL - Demo dan Dokumentasi EAS

 EAS MPPL 2021 Pada kesempatan ini kelompok kami akan menjelaskan salah satu produk perangkat lunak milik Zoho yaitu Zoho Marketing Automation yang dikerjakan secara berkelompok yang beranggotakan: Ricky Supriyanto 05111940000036 Arvel Gavrilla R 05111940000040 M Arif Faizin 05111940000060 Zulfiqar Fauzul Akbar 05111940000101 Raihan Alifianto 05111940000213 Dengan hasil sebagai berikut 1. Deskripsi Produk 2. Manajemen Ruang Lingkup 3. Manajemen Waktu 4. Manajemen Biaya 5. Manajemen Resiko 6. Video demo

Tugas 8 PBKK - CodeIgniter : Implemetasi CRUD dalam Toko Online

Nama Anggota :

  • 05111840000132 - Reihan Nanda Ramadhan 
  • 05111940000060 - Muhammad Arif Faizin 
  • 05111940000228 - Muhammad Arsyad Ardiansyah

Pada post kali ini, kami akan menjelaskan mengenai toko online yang telah kami buat menggunakan CodeIgniter. Toko online kami ini bernama OutFact – Toko yang menjual berbagai barang fashion seperti baju, celana, masker dll. OutFact memiliki 2 role, yaitu Admin dan Customer.

Sebelumnya kami akan menjelaskan apa saja fitur-fitur yang dimiliki oleh masing-masing role. Fitur yang ada pada role Customer adalah :

        1. Registrasi


        2. Login



        3. Halaman Awal dan View Product




        4. View Detail Product


        5. Add product ke keranjang


        6. Checkout barang yang ada di keranjang


Setelah itu, fitur yang terdapat pada Admin toko OutFact sebagai berikut :

        1. Halaman Awal Admin


        2. View Product


        3. Create barang baru


        4. Update barang yang sudah ada


        5. Delete barang yang sudah ada


        6. View Invoice dari Customer


        7. View detail Invoice




Selanjutnya, kami akan menjelaskan bagaimana cara membuat toko online menggunakan CI (CodeIgniter), namun kami tidak menjelaskan kode secara mendetail karena kode akan kami bagikan dalam link github di akhir penjelasan. Kami akan menjelaskan langkah-langkah secara garis besar, yaitu pembuatan database dan cara menghubungkan database ke CI :

        1. Download CodeIgniter pada link Download CI dan XAMPP pada link Download XAMPP

        2. Copy folder CodeIgniter yang telah didownload dan Paste kan ke folder xampp/htdocs lalu rename folder sesuai dengan project yang akan kalian kerjakan. 


        3. Install dan buka XAMPP, lalu Start Apache dan MySQL pada XAMPP


        4. Membuat database baru pada PHPMyAdmin


        5. Modifikasi file .htaccess sebagai berikut :


        6. Untuk memulai pengerjaan, ada beberapa hal yang perlu dipersiapkan, buka file Config, lalu modifikasi file autoload.php, routes.php, untuk menghubungkan dengan database yang ada perlu mengubah kode dari file database.php sebagai berikut :

            autoload.php :

$autoload['libraries'] = array('database''cart''form_validation');
$autoload['helper'] = array('url');
$autoload['model'] = array('model_barang''model_invoice''model_kategori''model_auth');

            routes.php :

$route['default_controller'] = 'welcome';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;

            database.php :

$db['default'] = array(
    'dsn'   => '',
    'hostname' => 'localhost',
    'username' => 'root',
    'password' => '',
    'database' => 'outfact',
    'dbdriver' => 'mysqli',
    'dbprefix' => '',
    'pconnect' => FALSE,
    'db_debug' => (ENVIRONMENT !== 'production'),
    'cache_on' => FALSE,
    'cachedir' => '',
    'char_set' => 'utf8',
    'dbcollat' => 'utf8_general_ci',
    'swap_pre' => '',
    'encrypt' => FALSE,
    'compress' => FALSE,
    'stricton' => FALSE,
    'failover' => array(),
    'save_queries' => TRUE
);


        7. Membuat interface dari masing-masing role dengan membuat view baru pada folder view



        8. Konfigurasi file pada folder Controller untuk membuat fungsi pada fitur-fitur tersebut. 



        9. Untuk melihat tampilan web yang telah dibuat, maka ketik http://localhost/[NamaProject]/ pada browser anda.

Sekian langkah-langkah untuk membuat sebuah toko online sederhana menggunakan CodeIgniter.

Jika ingin melihat code lengkapnya, langsung saja menuju link github kami di Link Github.

Beikut juga ada video demo kami mengenai project ini di Link Youtube.

Terimakasih.

Comments

Popular posts from this blog

Tugas 1 PBKK - Portofolio Aplikasi Framework

Berikut beberapa aplikasi yang pernah dibuat menggunakan bantuan framework : Kulturan Link Website Kulturan merupakan aplikasi berbasis website yang dapat digunakan oleh pekerja seni, drama, dan tari untuk mempromosikan serta memperjualbelikan karyanya secara online. Pengguna dapat membeli hasil karya pekerja seni berupa hasil pementasan atau pertunjukkan seniman di Indonesia. Framework : ReactJS, ExpressJS, Node.js dan Material UI Screenshot tampilan :  Medify.id Link Website Medify.id merupakan salah satu aplikasi berbasis website yang merupakan website dari perusahaan Medify. Website ini menyediakan informasi-informasi penting serta fitur-fitur yang ditawarkan oleh Medify. Framework : Bootstrap, Laravel 8 Screenshot tampilan : Presto Link Website Presto merupakan aplikasi berbasis website yang berisi daftar restoran terdekat beserta detailnya. Dalam website ini, pengguna juga bisa berkomentar di masing-masing restoran, dan juga menambahkan restoran ke dalam daftar favoritnya. Fr...

EAS PWEB - Pemrograman Web

  Pada postingan ini, saya akan menjelaskan hasil pengerjaan EAS yang telah saya kerjakan   Dan berikut adalah hasil desain rancangan prototipe dari aplikasi yang akan dibuat

Tugas 9 PBKK - Laravel : Membuat Landing Page

Pada postingan kali ini, akan membahas membuat landing page menggunakan Laravel 8. Pada postingan ini saya akan mencoba membuat Landing Page dari Dicoding Indonesia ( dicoding.com ) dengan tampilan yang berbeda. Langsung saja ikuti langkah-langkah berikut: Pertama, buat sebuah view baru pada resources/views/ dengan nama homepage.blade.php lalu isi dengan kode berikut: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html> <html lang= "{{ str_replace('_', '-', app()->getLocale()) }}" > <head> <meta charset= "utf-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1" > <title> Dicoding - Bangun Karirmu sebagai Developer Profesional </title> <!-- Fonts --> <link href= "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" r...