FINAL PROJECT PBKK A

 Terima kasih atas presentasinya. Berikut adalah rangkuman dari rancangan aplikasi login dengan multiple authentication menggunakan framework CodeIgniter:

Studi Kasus:

Dengan semakin banyaknya layanan aplikasi atau perangkat lunak yang mengharuskan pengguna untuk mendaftar dan login di situs tersebut, jumlah akun yang perlu dibuat oleh pengguna pun meningkat. Hal ini dapat menjadi cukup merepotkan karena pengguna harus membuat dan mengingat informasi akun, termasuk nama pengguna, kata sandi, dan layanan yang terkait dengan akun tersebut.

Oleh karena itu, solusi yang sangat membantu dan praktis adalah memungkinkan situs untuk menggunakan akun yang telah terdaftar di situs lain. Hal ini dapat dicapai dengan mengimplementasikan sistem login dengan multiple authentication. Final Project ini akan menjelaskan rancangan aplikasi login dengan multiple authentication menggunakan framework CodeIgniter (CI).

Dari perspektif Model-View-Controller (MVC), studi kasus ini memerlukan penggunaan controller untuk mengelola data pengguna. Di dalam controller, model digunakan untuk menyimpan konfigurasi terkait tabel dan basis data, yang akan digunakan secara efektif untuk menyediakan data yang akan ditampilkan oleh view.


Rancangan umur Arsitektur:


CDM dan PDM:

Conceptual Data Model (CDM)

Physical Data Model (PDM) 


SSS


Desain Front-end

Laman selamat datang

Laman login

Isi Basis Data:

Isi basis data



- **Tantangan:**

  - Peningkatan jumlah aplikasi yang memerlukan pendaftaran dan login.

  - Kesulitan pengguna dalam mengelola banyak akun.


Solusi:

  - Implementasi login dengan multiple authentication.

  - Pengguna dapat menggunakan akun terdaftar di situs lain.

  

 Desain Basis Data:

Tabel Pengguna (pbkk_pengguna):

  - id_oauth: ID untuk pengguna yang masuk dengan akun Google.

  - nama_pengguna: Nama pengguna.

  - sandi: Kata sandi.

  - surel: Surel dari akun yang dipakai.

  - created_at: Waktu tambah akun ke sistem.

  - updated_at: Waktu perbarui terakhir.

  - deleted_at: Waktu hapus dari sistem.


 Desain Front-end:


Laman:

  - Selamat Datang

  - Login


 Logika Kontrol Back-end:

Perutean:

  - Pengguna dapat memilih mode login dengan Google atau nama pengguna.


- Mode login dengan Google:

  - Verifikasi token Google.

  - Simpan data akun Google ke basis data.


Mode login dengan nama pengguna:

  - Cek rekord basis data dengan nama_pengguna.

  - Tambah data baru jika tidak ada.

  - Verifikasi sandi jika ada.


Implementasi Rancangan:


- Mode login dengan Google:

  - Gunakan API Google Developer Console.

  - Buat proyek baru dan kredensial.

  - Instalasi library dengan Composer.

- Mode login dengan nama pengguna:

  - Isian nama pengguna dapat memiliki kata sandi yang berbeda.

  - Tampilan yang berbeda sesuai dengan data yang tersimpan.


 Kesimpulan:

- Solusi memberikan kemudahan bagi pengguna dengan multiple authentication.

- Desain basis data dan front-end mendukung kebutuhan aplikasi.

- Logika kontrol back-end memastikan pengelolaan akun yang efisien.


Pertanyaan atau klarifikasi lebih lanjut dapat diajukan untuk mendapatkan informasi lebih lanjut.


Link Repo

Youtube:






Komentar

Posting Komentar

Postingan populer dari blog ini

ETS PWEB B

Gambar
  ETS - Pemrogramman Web B 1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya? Website responsif mengacu pada desain dan pengembangan web yang dapat menyesuaikan tampilan dan fungsionalitasnya dengan baik pada berbagai perangkat dan ukuran layar, seperti komputer desktop, tablet, dan ponsel. Tujuan utama dari desain responsif adalah memberikan pengalaman pengguna yang optimal, tanpa mengorbankan kualitas tampilan atau fungsionalitas, terlepas dari perangkat yang digunakan. Cara membangun website responsif melibatkan penggunaan teknik desain CSS fleksibel dan pengaturan media query. CSS fleksibel memungkinkan elemen-elemen pada halaman web untuk menyesuaikan ukuran dan proporsinya secara dinamis, sementara media query memungkinkan deteksi karakteristik perangkat seperti lebar layar dan resolusi. Dengan kombinasi ini, pengembang dapat mengontrol tata letak dan gaya elemen-elemen pada halaman web agar sesuai dengan karakteristik perangkat yang digunakan oleh
Baca selengkapnya

Tugas 4: Aplikasi WPF (UI Dashboard)

Gambar
 Dalam kesempatan ini, saya ingin berbagi pengalaman terkait dengan proyek pembuatan antarmuka WPF (Windows Presentation Foundation) untuk sebuah aplikasi desktop yang berfungsi sebagai dashboard. Proyek ini menggunakan .NET Framework dan Bahasa C#, dan XAML, yang merupakan bahasa deklaratif berasal dari XML, digunakan untuk menciptakan aplikasi yang sesuai dengan Windows Presentation Foundation (WPF). Untuk pengembangan, kami memanfaatkan Visual Studio 2022. Saat menggarap proyek ini, fokus saya adalah pada penciptaan antarmuka desktop untuk aplikasi Manajemen Kursus. Antarmuka ini menggabungkan ikon-ikon sebagai elemen menu dan navigasi, termasuk ikon seperti persentase, bintang, dan visualisasi gambar lainnya, dengan tujuan meningkatkan daya tarik visual dan estetika antarmuka. Selain itu, informasi data pribadi dan statistik kegiatan juga diintegrasikan sebagai komponen penting dalam aplikasi ini. Repository bisa  klik disini
Baca selengkapnya

ETS PBKK A

Gambar
Nama     : Fauzi Rizki Pratama NRP         : 5025211220 Kelas     : PBKK A  Pertanyaan (1) Jelaskan struktur framework , dan apa saja kegunaanya dalam pengembangan Perangkat Lunak?\ Jawaban                Framework  merupakan sebuah kerangka kerja atau struktur framework berisikan kerangka kerja yang terdiri dari komponen-komponen utama yang membentuk dasar pengembangan perangkat lunak. Struktur ini menyediakan pendekatan yang terorganisir dan terstruktur dalam membangun aplikasi.  Framework  menyediakan serangkaian aturan, konvensi, dan alat yang membantu pengembang dalam mengembangkan perangkat lunak dengan lebih cepat dan efisien. Biasanya  framework  mencakup aturan, konvensi, dan pola desain yang harus diikuti oleh pengembang dalam membangun aplikasi. Komponen Utama Struktur Framework Arsitektur:  Framework biasanya memiliki arsitektur yang telah ditentukan sebelumnya. Arsitektur ini menentukan bagaimana komponen-komponen aplikasi saling berinteraksi dan berkomunikasi. Contoh arsi
Baca selengkapnya