EAS PWEB - Thariq Agfi Hermawan - 5025211215

Thariq Agfi Hermawan
5025211215
EAS PWEB - A


  1. Frontend dan backend adalah dua peran utama dalam pengembangan aplikasi web. Berikut adalah penjelasan mendetail tentang perbedaan antara frontend dan backend:

Definisi:

  • Frontend: Frontend mengacu pada bagian dari aplikasi web yang berinteraksi langsung dengan pengguna. Ini mencakup semua elemen yang terlihat dan dirasakan oleh pengguna, seperti tata letak, desain, animasi, dan interaksi antarmuka pengguna.

  • Backend: Backend adalah bagian dari aplikasi web yang berfungsi di balik layar dan mengurus semua proses yang terjadi di sisi server. Ini melibatkan pengolahan data, logika, komunikasi dengan database, dan pengelolaan permintaan dari frontend.


Teknologi yang harus dikuasai:

  • Frontend: Frontend menggunakan teknologi seperti HTML (HyperText Markup Language), CSS (Cascading Style Sheets), dan JavaScript. Kerangka kerja frontend populer termasuk React, Angular, dan Vue.js. Selain itu, terdapat framework yang dapat digunakan untuk mempermudah styling, yaitu Bootstrap, Tailwind CSS, AntDesign, dan lainnya.

  • Backend: Backend menggunakan berbagai bahasa pemrograman seperti Java, Python, Ruby, PHP, atau JavaScript (Node.js). Framework backend populer termasuk Express.js, Django, Ruby on Rails, dan Laravel.


Tanggung Jawab:

  • Frontend: Tugas frontend mencakup merancang tampilan antarmuka pengguna, mengimplementasikan desain dalam kode HTML/CSS/JavaScript, menangani validasi data di sisi klien, mengelola interaksi pengguna, dan mengoptimalkan kinerja antarmuka pengguna.

  • Backend: Tugas backend meliputi mengembangkan logika bisnis aplikasi, mengatur dan mengelola basis data, memproses permintaan dari frontend, mengelola keamanan dan otentikasi, mengelola kinerja dan skalabilitas server, dan menyediakan API (Application Programming Interface) untuk berkomunikasi dengan frontend.


Fokus:

  • Frontend: Frontend berfokus pada pengalaman pengguna, desain antarmuka yang menarik, responsivitas, dan interaksi yang lancar. Frontend juga bertanggung jawab untuk memastikan tampilan dan perilaku aplikasi konsisten di berbagai perangkat dan browser.

  • Backend: Backend berfokus pada fungsionalitas dan kinerja aplikasi, pengolahan data, keamanan, dan pengelolaan sumber daya server. Backend juga bertanggung jawab untuk mengatur dan menyimpan data secara efisien dalam database.


Kesimpulannya, Frontend bertujuan untuk menyajikan informasi kepada pengguna dengan cara yang menarik dan mudah digunakan, sedangkan backend bertanggung jawab untuk menjalankan semua proses di balik layar.


  1. Frontend Engineer:

  • Bahasa Pemrograman: Frontend Engineer harus menguasai JavaScript sebagai bahasa pemrograman utama. Selain itu, pengetahuan tentang HTML dan CSS juga diperlukan.

  • Framework dan Library: Menguasai setidaknya satu atau beberapa framework dan library frontend seperti React, Angular, Vue.js, atau Ember.js. Ini memungkinkan Frontend Engineer untuk mengembangkan antarmuka pengguna yang interaktif dan responsif dengan efisien.

  • Markup dan Styling: Memiliki pemahaman yang kuat tentang HTML dan CSS untuk merancang dan mengatur tampilan dan tata letak antarmuka pengguna dengan baik. Penguasaan CSS preprocessor seperti Sass atau Less juga diharapkan.

  • Responsive Design: Mampu membuat tampilan yang responsif agar aplikasi web dapat beradaptasi dengan baik pada berbagai perangkat dan ukuran layar.

  • JavaScript Libraries dan Tooling: Memahami penggunaan JavaScript libraries dan tooling seperti Webpack, Babel, npm, dan bundling serta optimisasi performa.

  • UX/UI Design: Memiliki pemahaman tentang prinsip-prinsip desain antarmuka pengguna (UI) dan pengalaman pengguna (UX) untuk menciptakan antarmuka pengguna yang intuitif, menarik, dan mudah digunakan.

  • Testing: Menguasai teknik pengujian frontend seperti unit testing dan integrasi testing dengan menggunakan framework atau library seperti Jest, Enzyme, atau Cypress.


Back End Developer:

  • Bahasa Pemrograman: Back End Developer harus memiliki pemahaman yang kuat dalam satu atau beberapa bahasa pemrograman seperti Java, Python, Ruby, PHP, atau JavaScript (Node.js). Pengetahuan tentang SQL juga penting untuk berinteraksi dengan database.

  • Framework dan Library: Menguasai setidaknya satu atau beberapa framework backend seperti Spring (Java), Django (Python), Ruby on Rails (Ruby), Laravel (PHP), atau Express.js (Node.js). Framework ini memungkinkan Back End Developer untuk membangun aplikasi web dengan cepat dan efisien.

  • Database: Memiliki pemahaman yang baik tentang basis data, termasuk pengetahuan tentang SQL untuk mengelola dan memanipulasi data dalam database relasional seperti MySQL atau PostgreSQL. Pemahaman tentang database NoSQL seperti MongoDB juga menjadi nilai tambah.

  • API Development: Mampu merancang, mengembangkan, dan mengelola API (Application Programming Interface) untuk berkomunikasi antara frontend dan backend, serta dengan aplikasi pihak ketiga.

  • Keamanan: Memahami konsep keamanan web dan memiliki pengetahuan tentang praktik terbaik dalam melindungi aplikasi dari serangan keamanan seperti serangan XSS (Cross-Site Scripting) atau serangan SQL Injection.

  • Pengetahuan Jaringan: Memahami protokol jaringan seperti HTTP, TCP/IP, dan REST untuk berkomunikasi dengan benar antara frontend dan backend.

  • Performa dan Skalabilitas: Mampu mengoptimalkan kinerja aplikasi backend, mengelola kecepatan respon, dan mengatasi masalah skalabilitas saat jumlah pengguna dan permintaan meningkat.

  • Version Control: Menguasai penggunaan sistem kontrol versi seperti Git untuk mengelola kode sumber dan kolaborasi tim.

  • Deployment

  1. Desain Database :

  • CDM :

  • PDM :


  1. Desain Prototype :


5. Implementasi Keseluruhan Modul

    - Repository : https://github.com/thoriqagfi/fp-pweb 


6. Buat Video Presentasi dan dokumentasikan keseluruhan program ke dalam blog. Tuliskan komen di halaman EAS ini link blog anda.

    - Video : https://youtu.be/gUAU8e6q9Jg

Comments

Post a Comment

Popular posts from this blog

Tugas 9 - Introduction to CodeIgniter 4

Image
Nama: Thariq Agfi Hermawan Kelas: PBKK A NRP: 5025211215 GitHub :  https://github.com/thoriqagfi/pbkk-assignment-ci Introduction to CodeIgniter 4 Instalasi dan Konfigurasi CodeIgniter (CI): Tugas ini melibatkan langkah-langkah awal dalam mempersiapkan lingkungan pengembangan. Saya harus mengunduh dan menginstal CodeIgniter, lalu mengatur konfigurasi dasar seperti lokasi direktori, database, dan URL rewriting. Fungsi Router dan Controller: Dalam tahap ini, saya harus memahami bagaimana CodeIgniter mengelola rute URL dan pengalihan ke berbagai controller. Saya membuat controller khusus untuk menangani permintaan HTTP dan menentukan rute URL yang akan mengarahkannya ke controller yang tepat. Menggunakan Bootstrap untuk View Aplikasi pada CI: Tugas ini mengharuskan saya untuk merancang tampilan aplikasi web dengan menggunakan Bootstrap. Saya harus mengintegrasikan komponen Bootstrap seperti tombol, formulir, dan jumbotron ke dalam tampilan aplikasi saya agar tampilan menjadi lebih mena...
Read more

Tugas PBKK 1

Nama   : Thariq Agfi Hermawan NRP     : 5025211215   Halo, semuanya! Selamat datang di blog saya! Perkenalkan, saya Thariq Agfi Hermawan, dan saya dengan senang hati menyambut Anda di platform ini. Saya adalah seorang mahasiswa dengan NRP 5025211215, dan saat ini tengah mengikuti kelas PBKK - A. Saya memiliki antusiasme yang besar dalam bidang pengembangan perangkat lunak dan dunia pemrograman. Saya senang berbagi pengalaman serta pengetahuan baru melalui tulisan-tulisan di blog ini. Pengalaman saya dalam dunia teknologi dan proyek-proyek yang telah saya kerjakan dapat ditemukan di portofolio GitHub saya: https://github.com/thoriqagfi . Di sana, Anda akan menemukan berbagai proyek yang saya kembangkan dalam pemrograman dan pengembangan perangkat lunak. Semoga proyek-proyek ini dapat menginspirasi dan memberikan manfaat bagi Anda.  Berikut beberapa informasi pribadi saya yang akan saya bagikan : Nama : Thariq Agfi Hermawan NRP : 5025211215 Kelas CV Github : ...
Read more

Tugas 5 PWEB - Thariq Agfi Hermawan

Image
Nama :       Thariq Agfi Hermawan NRP    :      5025211215 Kelas   :      Pemrograman Web - A Tahun  :      2022/2023 (Genap) Pada tugas kali ini, saya diberi tugas untuk membuat Landing Page Ecommerce menggunakan framework Bootstrap Lampiran : Link Repository :  GitHub Link Website :  Clonify Tampilan :
Read more