Professional Documents
Culture Documents
2221 Comp6621036 Tpca TK3-W8-S12-R1 Team1
2221 Comp6621036 Tpca TK3-W8-S12-R1 Team1
Week 8
Jawablah soal berikut dengan benar!
A. Soal Essay
1. Apakah angular dan fungsi dari angular? Bagaimana angular dapat
berkolaborasi dengan Laravel berikan penjelasan anda?
Jawab :
Angular adalah open-source JavaScript framework yang ditulis dalam TypeScript.
Angular dikelola oleh Google, dan tujuan utamanya adalah untuk
mengembangkan aplikasi satu halaman. Sebagai framework, Angular
memiliki keunggulan yang jelas sekaligus menyediakan struktur st andar
bagi developer untuk dapat bekerja dengannya yang memungkinkan
pengguna untuk membuat aplikasi besar yang dapat mudah
dikelola.Angular menawarkan berbagai library dan fitur menarik seperti
Real DOM, Directives, dan Code Splitting. Ia dapat digunakan untuk
mengembangkan project berbasis web maupun mobile.
Fungsi Angular :
Untuk melakukan pengembangan, pembuatan, serta maintain dari
website. Sebagai framework terbuka (open source), Angular.JS bebas
dikembangkan dan diterapkan oleh siapa saja. Oleh sebab itu, Angular.JS
banyak dimanfaatkan untuk pengembangan aplikasi atau website oleh
developer di seluruh dunia.
Web Programming
• Membuat API Laravel: Membuat endpoint API RESTful dengan Laravel
menggunakan controller dan model. Endpoint ini akan memproses
permintaan HTTP dan memberikan data sebagai respons.
• Membuat aplikasi Angular: Membuat aplikasi Angular menggunakan
Angular CLI. Aplikasi ini akan menjadi klien yang akan meminta data dari
API Laravel.
• Menggunakan HTTP Client di Angular: Menggunakan HTTP Client di
Angular untuk meminta data dari API Laravel dan menampilkannya di
aplikasi Angular.
• Mengautentikasi Pengguna: Mengautentikasi pengguna di Laravel dan
menyediakan token akses yang akan digunakan untuk mengakses API
Laravel.
• Menggunakan CORS di Laravel: Menggunakan CORS di Laravel untuk
mengizinkan aplikasi Angular melakukan permintaan ke API Laravel.
• Menggunakan Websocket: Untuk pengiriman data secara real-time antara
Angular dan Laravel, dapat digunakan Websocket. Socket.IO adalah salah
satu pustaka untuk Websocket yang populer dan mudah digunakan di
Angular dan Laravel.
Autentikasi Pengguna:
• Membuat form login: Membuat form login dengan HTML dan CSS untuk
meminta email dan password dari pengguna.
• Membuat route untuk login: Membuat route untuk menerima permintaan
login dari form login.
• Membuat Controller: Membuat Controller untuk memvalidasi email dan
password pengguna. Jika valid, maka akan menghasilkan token akses yang
disimpan di cookie atau local storage.
• Membuat Middleware: Membuat Middleware untuk mengecek apakah
pengguna sudah login atau belum sebelum mengakses halaman tertentu.
Otorisasi Pengguna:
• Membuat tabel Role dan Permission: Membuat tabel Role dan Permission
untuk menyimpan peran dan hak akses pengguna.
• Membuat Model Role dan Permission: Membuat Model Role dan
Permission untuk menghubungkan antara tabel User, Role, dan Permission.
• Membuat Middleware Role dan Permission: Membuat Middleware untuk
mengecek peran dan hak akses pengguna sebelum mengakses halaman
tertentu.
• Menggunakan Fitur Gate: Menggunakan fitur Gate untuk menentukan
apakah pengguna memiliki hak akses tertentu atau tidak.
• Unit Testing: Unit testing merupakan jenis testing yang dilakukan untuk
menguji fungsi atau metode pada aplikasi secara terpisah dan independen.
Laravel menyediakan fitur PHPUnit untuk melakukan unit testing pada
aplikasi.
Info: https://github.com/raufmazzidan/tokobuka/blob/main/README.md
Result:
https://www.youtube.com/watch?v=ku7_YlS8v-I
https://www.youtube.com/watch?v=qCAo0x-oKJM