Tugas PBKK (2 April 2020)

Nama   :  Ramadhan Ilham Irfany
NRP     :  05111740000121
Kelas    :  PBKK-B

Membuat aplikasi dengan memanfaatkan Framework Google

Disini saya akan membuat aplikasi input sederhana dengan menggunakan Google Script dengan Google Spreadsheets sebagai database.

Pertama-tama buatlah spreadsheet yang akan digunakan sebagai database

Kemudian buka halaman Google Script:  https://script.google.com/home/start

Lalu masukkan script seperti diatas pada file Code.gs

Kemudian buat file baru dengan nama index.html untuk halaman websitenya, setelah terbuat file index.html kemudian Run semua fungsi pada Code.gs

Setelah selesat menjalankan fungsi dari script, kemduian deploy index.html agar bisa dibuka. Klik Publish -> Deploy as web app...

Setelah berhasil, maka akan terbuatkan URL untuk index.html, buka URL tersebut

Maka akan ditampilkan website input sederhana pada index.html, dan cobalah menginputkan data!

Data berhasil tercatat dalam spreadsheet yang telah dibuat di awal sebagai database


Berikut code dari Code.gs


Dan ini code index.html nya

UTS PBKK (26 Maret 2020)

Nama   :  Ramadhan Ilham Irfany
NRP     :  05111740000121
Kelas    :  PBKK-B

Untuk UTS kali ini ditugaskan untuk membuat aplikasi Point of Sales (POS) dan menaruh ke hosting

Secara sederhana, Point of Sales atau POS merupakan sistem yang mendukung transaksi penjualan, seperti misalnya di supermarket, restoran, atau kafe. Pada umumnya sistem POS ini akan digandengkan dengan komputer atau cash register (mesin kasir). Namun sekarang ini POS juga sudah bisa digunakan pada tablet, baik yang berbasis sistem operasi android maupun windows. Dan hal ini juga jauh lebih ringkas karena bisa meminimalisir tempat dan terlihat lebih rapih karena tanpa kabel yang berserakan. Selain itu, dalam pengelolaan bisnis, software POS juga bisa melakukan beberapa hal lainnya, yaitu mendata stok barang, mengetahui profit, hingga melihat laporan penjualan yang dapat diatur pembuatannya, mulai dari setiap hari, seminggu sekali, setiap bulan, hingga setahun sekali.

Berikut dokumentasi singkat mengenai aplikasi tersebut:

Halaman Login untuk masuk ke dalam sistem informasi

Dashboard yang ditampilkan saat sudah login

Untuk fitur-fitur dari aplikasi tersebut adalah sebagai berikut:
- Proses Transaksi Penjualan (Eceran & Grosir) untuk mencatat penjualan yang dilakukan

- Data Suplier untuk memonitoring suplier darimana saja yang terkait

- Kategori Barang untuk pengelompokan barang

- Daftar Barang yang dijual

- Daftar User yang terdaftar dalam aplikasi

- Rekapitulasi Laporan Penjualan

- Histori Penjualan

Source code aplikasi dapat dilihat disini
Untuk hosting dapat dilihat disini

nb: untuk hostingan saya memakai yang gratis dari Hostinger, dan entah kenapa saya host CI ini tidak dapat menampilkan halaman awal. saya sudah mencoba host CI dari petanikode yang dijadikan sebagai tugas bisa, sampai sekarang saya masih mencari solusinya

Tugas 5 PBKK (12 Maret 2020)

Nama   :  Ramadhan Ilham Irfany
NRP     :  05111740000121
Kelas    :  PBKK-B

Tugas PBKK pada minggu ini adalah melengkapi tutorial CodeIgniter pada laman PetaniKode sampai part #7 Mengatur Akses User. Karena part itu sudah saya kerjakan pada . maka yang belum saya kerjakan adalah part #6 Membuat Fitur Upload File.

1. Membuat Folder upload/product kedalam project

2. Tambahkan method _uploadImage() pada Product_model.php

3. Tambahkan juga method save() dan update()

4. Setelah itu tambahkan method _deleteImage()

5. Hasil dari upload gambar

Untuk link Source Code dapat dilihat disini

Tugas 4 PBKK (5 Maret 2020)

Nama   :  Ramadhan Ilham Irfany
NRP     :  05111740000121
Kelas    :  PBKK-B

Membuat fitur Login pada framework CodeIgniter

1. Membuat tabel users pada mySQL dan membuat akun langsung dari phpmyadmin. karena input langsung, maka password harus di hash dulu dengan alasan keamanan

- Buat tabel users

- Hash password, dan masukkan pada data password di tabel users

2. Membuat user model

3. Membuat login controller dan pada setiap controller ditambahkan cek sudah login atau belum

- Login controller

- Menambahkan code sebagai berikut pada setiap controller

4. Membuat view untuk login page

5. Hasil halaman login

- Sebelum login

- Setelah login

- Klik menu logout pada pojok kanan atas, akan muncul pop-up sebagai berikut, dan tekan Logout

- Maka akan terlogout dan kembali pada Halaman Login

Untuk Source Code dapat dilihat pada link berikut

Tugas 3 PBKK (20 Februari 2020)

Nama   :  Ramadhan Ilham Irfany
NRP     :  05111740000121
Kelas    :  PBKK-B

Menggunakan Bootstrap, menerapkan template, dan mengimplementasi CRUD pada database

1. Untuk penggunaan bootstrap dapat mengikuti tutorial disini

Berbeda dengan tutorial, saya menggunakan bootstrap SB Admin 2 yang hasilnya akan seperti ini

2. Dan penerapan template pada laman ini

Untuk mempermudah dan memperpraktis pembuatan halaman maka diperlukan template dengan penerapan seperti ini

3. Kemudian aplikasikan penggunaan database pada tutorial ini

Berbeda dengan tutorial, tabel database yang dipakai adalah tabel services yang berisi atribut sebagai berikut

Hasil yang telah dilakukan:

- CREATE

- READ

- UPDATE

- DELETE

Source dapat diakses disini

Tugas 2 PBKK (13 Februari 2020)

Nama   :  Ramadhan Ilham Irfany
NRP     :  05111740000121
Kelas    :  PBKK-B


Membuat routing halaman About dan Contact pada framework CodeIgniter

Pertama-tama, download file CodeIgniter dan diubah welcome message seperti yang telah dikerjakan di kelas. Lalu buka /application/controllers/welcome.php dan tambahkan 2 fungsi untuk view about dan contact.

Kemudian buatlah routingnya pada /application/config/routes.php dan masukkan route nama yang akan dibuka pada browser.

Barulah dapat membuat file .php pada /application/views untuk halaman About dan Contacr.
Seperti inilah hasil routing yang telah dibuat:

Untuk source code dapat diakses disini

Tugas 1 PBKK (6 Februari 2020)

Nama   :  Ramadhan Ilham Irfany
NRP     :  05111740000121
Kelas    :  PBKK-B


1. Framework yang pernah dipakai:

- Laravel
- Bootstrap


2. Alasan menggunakan Laravel:

- Bersifat open-source
Laravel merupakan framework bersifat gratis(open-source) yang dapat digunakan baik dalam pengerjaan proyek asli maupun proyek percobaan. Dengan menuju website Laravel dan mengunduh dile Laravel atau dapat juga menggunakan dependancy manager seperti Composer, kita bisa menggunakan Laravel sepuasnya.

- Dapat menggunakan template
Laravel memiliki template engine bernama Blade dimana dengan template ini frontend developer tidak harus belajar PHP secara langsung. Blade templating juga memudahkan untuk menggunakan beberapa template di template lainnya dengan konsep. Jadi proses development menjadi semakin cepat, efisien, dan bisa dikerjakan oleh banyak orang.

- Dapat menggunakan Composer
Composer dapat mengimplementasikan package dari pihak lain ke dalam projek kita dengan gampang menggunakan fitur autoloading dari composer, maka class-class dari package lain bisa dipanggil secara langsung tanpa include file secara manual.

- Menggunakan konsep MVC
MVC merupakan singkatan dari Model, View, Controller. Konsep ini memisahkan 3 komponen tersebut dimana "Model" mencakup bagian data-data dalam satu aplikasi. "VIew" mencakup tampilan aplikasi tersebut dan "Controller: mencakup bagian proses-proses aplikasi tersebut bekerja. Pemisahan komponen-komponen tersebut bertujuan untuk mempermudah programmer di bagian dokumentasi proyek tersebut.

- Komunitas Laravel yang besar
Laravel cukup banyak digunakan di kalangan web programmer. Yang berarti jika terdapat suatu masalah, akan sangat mudah untuk menemukan solusinya di internet seperti pada situs stackoverflow ataupun di forum Laravel.

Selain keuntungan-keuntungan tersebut, Laravel juga memiliki kekurangan yakni dari ukuran proyek yang besar karena dan juga instalasi yang cukup rumit.


3. Penggunaan Laravel:

Untuk menyelesaikan Final Project MPPL yang membuat aplikasi berbasis web untuk peminjaman lapangan berbasis marketplace. berikut mock-up dari proyek tersebut:

4. Membuat profil biodata menggunakan framework Electron

Source Code dapat dilihat di sini

Jalankan script Electron

Screenshot hasil keluaran script