Evaluasi Akhir Semester Pemrogaman Web A

Nama    :  M Naufal Badruttamam

Kelas    : Pemrograman Web A

NRP     : 5025211240

Repository: https://github.com/Caknoooo/FP_PWEB_E-Learning

Deployment: http://fppwebelearning.infinityfreeapp.com/

 

Evaluasi Akhir Semester

(Pemrograman Web)

    1. Frontend

-        Frontend merupakan bagian dari aplikasi web yang berinteraktsi langsung dengan pengguna atau pengunjung

-        Frontend berjalan di sisi klien, yaitu di perangkat pengguna seperti browser google, microsot edge, mozila dan lain lain.

-        Fungsi utama frontend adalah untuk menampilkan tampilan atau antarmuka pengguna yang interakif dan menarik

-        Teknologi yang umuim digunakan dalam pengembangan frontend termasuk HTML untuk struktur, CSS untuk stylingnya dan javascript yang digunakan untuk berinteraksi dengan klien.

-        Tugas-tugas yang umum dilakukan oleh pengembang frontend meliputi desain antarmuka, mengimplementasikan tampilan yang responsid dan menarik, serta mengelola interaksi pengguna

Backend

-        Backend adalah bagian dari aplikasi web yang berjalan di sisi server. Ini merupakan “otak” dari aplikasi web yang tidak terlihat oleh pengguna akhir

-        Fungsi utama backend adalah untuk  memproses logika bisnis, mengelola basis data, membuat API yang digunakan untuk berkomunikasi dengan frontend dan sumber daya lainnya.

-        Backend dapat dikembangkan menggunakan berbagai Bahasa pemrograman seperti java, javascript, PHP, Python, Ruby, dan lain-lain.

-        Tugas yang umum dilakukan oleh pengemban backend meliputi pengelolaan database, pengembangan API, mengatur logika bisnis dan keamanan aplikasi.

 

2. Sebagai seorang frontend engineer dan backend developer ada beberapa hal yang harus diperhatikan.

Frontend

-        HTML: Mengetahui dan menguasai struktur dasar HTML untuk membangun tampilan web,

-        CSS: Memiliki pemahaman yang baik tentang CSS untuk merancang tata letak, desain visual dan pengeaturan tampilan.

-        JavaScript: Menguasai JavaScript untuk membuat interaksi.

-        Framework Frontend: Mengerti dan berpengalaman dengan framework FE seperti React, Angular, atau Vue JS untuk mempercepat pengembangan dan membangun aplikasi yang kompleks

-        Responsif Desain: Memiliki Pengetahuan tentang responsive desain untuk memastikan tampilan web terlihat dan berfungsi dengan baik di berbagai perangkat dan ukuran layer.

-        Pengujuian dan Debugging: Mampu melakukan pengujian dan debugging pada aplikasi FE untuk memastikan kehandalan dan kualitasnya.

-        Desain Antarrmuka pengguna UI/UX: Memiliki pemahaman dasar tentang desain antarmuka pengguna (UI/UX) untuk menciptakan tampilan yang menarik dan intuitif.

Backend

-        Bahasa Pemrograman: Menguasai salah satu atau beberapa bahasa pemrograman seperti Python, Java, PHP, Ruby, atau Node.js.

-        Framework Backend: Memiliki pengetahuan dan pengalaman dalam menggunakan framework backend seperti Django (Python), Spring (Java), Laravel (PHP), atau Ruby on Rails (Ruby) untuk mempercepat pengembangan aplikasi backend.

-        Database: Memahami dasar-dasar database, termasuk desain, pengelolaan, dan query untuk mengakses dan memanipulasi data.

-        API Development: Mampu mengembangkan API (Application Programming Interface) yang memungkinkan komunikasi antara frontend dan backend, serta dengan sistem lainnya.

-        Keamanan: Memiliki pemahaman tentang praktik keamanan dalam pengembangan web, termasuk pengelolaan sesi, perlindungan terhadap serangan, dan pengelolaan izin akses.

-        Pengoptimalan Kinerja: Mampu melakukan pengoptimalan kinerja pada aplikasi backend untuk meningkatkan kecepatan dan efisiensi.

-        Version Control: Menggunakan sistem kontrol versi seperti Git untuk mengelola perubahan kode dan kolaborasi tim.

 3. Contoh CDM PDM

CDM

PDM


4 1.     Berikut adalah page-page yang ada



-       Register Page: Digunakan untuk melakukan registrasi akun, untuk registr    asi page akan ada 3 macam, yaitu register page untuk admin, mitra, dan student

-        Login Page: Digunakan untuk melakukan login ke dalam aplikasi

-        Dashboard Mitra: Digunakan sebagai halaman utama mitra

-        Dashboard Student: Digunakan sebagai halaman utama student dan berisi berbagai courses yang ada

-        Dashboard  Admin: Digunakan untuk pengecekan student dan mitra dalam berbagai hal

-        Buy Course: Digunakan untuk melakukan pembelian courses.

-        Buy Saldo: Digunakan untuk melakukan pembelian saldo dalam aplikasi

-        Pembayaran: Digunakan untuk melakukan pembelian terhadap courses

-        Pembayaran Detail: Digunakan untuk pengecekan terkait apa yang mau dibayarkan

-        Memilih Kelas: Terdapat beberapa kelas yang bias dipilih

-        Menambahkan Course: Digunakan untuk melakukan penambahan course

-        Perpanjangan Kelas: Digunakan untuk melakukan perpanjangan kelas

-        Pilih Paket Langganan: Digunakan untuk melakukan pemilihan paket langganan



     Berikut adalah demo dari Final Project Yang telah dibuat



3.      


Komentar

Posting Komentar

Postingan populer dari blog ini

Final Project Pemrograman Berbasis Kerangka Kerja

Gambar
Nama     : M Naufal Badruttamam NRP        : 5025211240 Kelas      : PBKK B Tahun     : 2023 / 2024 (Ganjil) Link Github: https://github.com/zetsux/codeigniter4-bicycle-shop Final Project Pemrograman Berbasis Kerangka Kerja Pada final project PBKK kali ini saya telah mendapatkan paper yang akan saya gunakan nantinya. Berikut adalah paper nya https://jim.teknokrat.ac.id/index.php/sisteminformasi/article/view/236.  yang memiliki judul "SISTEM INFORMASI PENJUALAN SEPEDA BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER" yang dibuat oleh mahasiswa Universital Teknokrat Indonesia.  Buatlah deskripsi studi kasus aplikasi ditinjau dari MVC nya(individu)  Buatlah rancangan umum arsitektur atau fitur yang ada dalam aplikasi  (individu) Rancang desain databasenya  (individu) Buat desain front end  (individu) Tentukan Control yang akan mengandle logika back end.  (individu) Implementasikan rancangan yang su...
Baca selengkapnya

Tugas 11 Pemrograman Berbasis Kerangka Kerja

Gambar
Nama     : M Naufal Badruttamam NRP        : 5025211240 Kelas      : PBKK B Tahun     : 2023 / 2024 (Ganjil) Link Github:  Pemrograman Berbasis Kerangka Kerja AppSheet, sebagai platform pengembangan tanpa kode yang inovatif, menawarkan sejumlah fitur tambahan yang memperkaya pengalaman pengguna dalam membuat aplikasi web dan seluler tanpa memerlukan keahlian coding. Selain integrasi yang solid dengan sumber data populer seperti Google Spreadsheet, Excel, Cloud SQL, Salesforce, dan konektor serupa, AppSheet juga memberikan fleksibilitas untuk mengakses dan memanfaatkan sejumlah fitur tambahan yang dapat dioptimalkan sesuai kebutuhan, berikut merupakan keunggulan yang dimiliki oleh AppSheet - Formulir yang Disematkan: AppSheet memungkinkan pengguna untuk menyematkan formulir langsung ke dalam aplikasi mereka. Ini mempermudah pengumpulan data dan interaksi pengguna tanpa perlu beralih ke platform eksternal. - Grafik Interaktif: De...
Baca selengkapnya

Tugas 10 Pemrograman Berbasis Kerangka Kerja

Gambar
Nama     : M Naufal Badruttamam NRP        : 5025211240 Kelas      : PBKK B Tahun     : 2023 / 2024 (Ganjil) Link Github: https://github.com/Caknoooo/PBKK_Tugas_10_Google_Apps Link Deployment: https://pbkk-tugas-10-google-apps.vercel.app/  Link Spreadsheet: https://docs.google.com/spreadsheets/d/1qRkh_OKH_c_7lQayZxYvXlGCtuswnTJyomwjr7eaSlk/edit?usp=sharing (Seluruh Laporan dan Demo sudah saya cantumkan di Github) Pemrograman Berbasis Kerangka Kerja  Google adalah sebuah perusahaan multinasional Amerika Serikat yang berkekhususan pada jasa dan produk Internet. Produk-produk tersebut meliputi teknologi pencarian, komputasi web, perangkat lunak, dan periklanan daring. Produk-produk Google sudah terkenal sejak dahulu dalam membantu mempermudah pekerjaan manusia, diantaranya yaitu Google Maps, Google Chrome, Google Earth, Google Desktop, dan yang paling familiar bagi kita semua yaitu Google Document. Google Docum...
Baca selengkapnya