EAS PWeb

Nama              : Frederick Yonatan Susanto

NRP                : 5025211121

Kelas               : Pemrograman Web A

Tahun Ajaran : 2022/2023 (Genap)



1. Perbedaan antara Front End dan Back End:

Front End:

- Front End adalah bagian dari sebuah aplikasi yang terlihat dan berinteraksi langsung dengan pengguna.
- Front End berfokus pada pengembangan tampilan visual, tata letak, dan interaksi pengguna.
- Front End menggunakan bahasa pemrograman seperti HTML, CSS, dan JavaScript untuk membuat antarmuka pengguna yang responsif dan interaktif.
- Tampilan dan tata letak aplikasi, termasuk elemen-elemen seperti tombol, formulir, gambar, dan animasi, semuanya berada di sisi Front End.
- Front End bertanggung jawab untuk memastikan bahwa pengguna dapat menggunakan aplikasi dengan nyaman dan intuitif.

Back End:

- Back End adalah bagian dari sebuah aplikasi yang tidak terlihat oleh pengguna secara langsung.
- Back End berfokus pada pemrosesan data, logika bisnis, dan interaksi dengan database.
- Back End menggunakan bahasa pemrograman seperti Python, Java, PHP, atau Ruby untuk mengembangkan fungsi-fungsi aplikasi yang kompleks dan mengelola data.
- Interaksi dengan database, pengolahan permintaan dari pengguna, dan pengelolaan aspek keamanan adalah tugas yang dilakukan di sisi Back End.
- Back End bertanggung jawab untuk mengatur alur kerja aplikasi, mengelola data, dan menyediakan layanan yang diperlukan untuk menjalankan aplikasi secara efisien.

Secara ringkas, perbedaan utama antara Front End dan Back End adalah bahwa Front End berfokus pada tampilan dan interaksi pengguna, sementara Back End berfokus pada pemrosesan data dan logika aplikasi yang mendukung Front End.


2. Kompetensi Front End Engineer dan Back End Developer:

Front End Engineer:

- Bahasa Markup (HTML, XML): Kemampuan untuk mengerti dan menulis kode dalam bahasa markup seperti HTML dan XML untuk membangun struktur dan tampilan halaman web.
- Cascading Style Sheets (CSS): Pemahaman tentang CSS untuk mengatur tampilan dan tata letak elemen-elemen di halaman web.
- Bahasa Pemrograman JavaScript: Kemampuan dalam menggunakan JavaScript dan kerangka kerja terkait (seperti React, Angular, atau Vue.js) untuk membuat interaksi dan fungsi-fungsi dinamis pada halaman web.
- Responsive Web Design: Memahami konsep dan teknik untuk mengembangkan halaman web yang responsif dan dapat diakses di berbagai perangkat, termasuk desktop, tablet, dan smartphone.
- Pengujian dan Debugging: Keahlian dalam melakukan pengujian dan debugging untuk memastikan keandalan dan kesesuaian tampilan serta fungsi halaman web di berbagai peramban dan platform.
- Desain Antarmuka Pengguna (UI/UX Design): Pemahaman tentang prinsip-prinsip desain antarmuka pengguna (UI) dan pengalaman pengguna (UX) untuk menciptakan pengalaman pengguna yang baik.
- Kolaborasi dan Komunikasi: Kemampuan untuk bekerja dalam tim, berkomunikasi dengan jelas, dan berkolaborasi dengan anggota tim lain, seperti desainer, pengembang Back End, dan pengelola produk.

Back End Developer:

- Bahasa Pemrograman: Bahasa dalam salah satu bahasa pemrograman server-side seperti Python, Java, PHP, atau Ruby untuk mengembangkan logika aplikasi dan mengelola basis data.
- Database: Pemahaman tentang dasar-dasar database dan kemampuan dalam bekerja dengan SQL untuk mengelola, mengatur, dan mengoptimalkan data dalam basis data.
- API (Application Programming Interface): Pengetahuan tentang pengembangan dan penggunaan API untuk memungkinkan interaksi antara aplikasi yang berbeda.
- Framework dan Libraries: Pemahaman dan penggunaan kerangka kerja (framework) dan perpustakaan (libraries) yang relevan dengan bahasa pemrograman yang digunakan.
- Keamanan Aplikasi: Pemahaman tentang prinsip-prinsip keamanan aplikasi dan praktik pengkodean yang aman untuk melindungi data dan mencegah serangan.
- Sistem Operasi dan Jaringan: Pengetahuan tentang sistem operasi dan jaringan yang relevan untuk menjalankan aplikasi dan memecahkan masalah yang terkait.
- Penyelesaian Masalah: Kemampuan dalam menganalisis masalah, mencari solusi, dan mengatasi tantangan dalam pengembangan aplikasi.

Kompetensi-kompetensi di atas adalah beberapa dari banyak keterampilan yang dibutuhkan oleh Front End Engineer dan Back End Developer. Keduanya perlu memahami konsep umum pengembangan web dan dapat bekerja sama untuk menciptakan aplikasi yang kohesif dan berkualitas tinggi.

3. Struktur tabel (CDM dan PDM)


CDM : 


PDM :


4. Desain bentuk masing-masing menu:

Menu Home


Menu Courses


Menu Tutors


Menu Partnes


Menu Admission


Menu Contact


Menu SignUp




5. Implementasikan keseluruhan modul

Kelompok: Muhammad Razan A. 5025211008, Alexander Weynard S. 5025211014, Frederick Yonatan S. 5025211121

Untuk implementasi kali ini, kami menggunakan Final Project tema usulan studi kasus kami sebelum EAS: Sistem Pemesanan Menu Restoran karena sudah mengerjakan progres FP tersebut sebelum hari EAS berlangsung.

Repo : https://github.com/weynard02/PWeb_FinalProject_Restaurant
Deploy : https://subweyyoraz.000webhostapp.com/

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






























Comments

Post a Comment

Popular posts from this blog

Tugas Pertemuan 7 PPL

Image
Nama : 1. Frederick Yonatan Susanto / 5025211121                 2. Akmal Sulthon Fathulloh / 5025211047 Kelas : PPL A Tahun Ajaran : 2023/2024 (Genap)     Pada pertemuan ketujuh di kelas PPL A, kita diminta untuk mendeskripsikan bagaimana Low Level Design dan High Level Designnya dari sistem food delivery/restaurant. Referensi dapat dicari dari paperwork, jurnal, dokumentasi aplikasi, dll. High Level Design and Low Level Design  Food Delivery System A. Problem Statement Design online food delivery system. B. Functional Requirements User can search different restaurant based on his/her location User can select a restaurant User can see the menu of selected restraunt Restraunt can change the menu any time User selects restraunt and add different food items from the menu User orders the food by selecting different online payment modes Cash on delivery can be also option (Optional) User can track the order in real time U...
Read more

ETS PPL

Image
Nama : Frederick Yonatan Susanto NRP : 5025211121 Kelas : PPL A Tahun Ajaran : 2023/2024 (Genap) Link Youtube : https://youtu.be/M9D_LwW6BZg Pada pertemuan kesembilan di kelas PPL A, kita ETS PPL, dengan soal dan jawaban sebagai berikut: 1. Apakah perbedaan model analysis dengan model desain?      Model analisis dan model desain adalah dua tahap yang berbeda dalam pengembangan sistem atau aplikasi. - Model Analisis: Tahap analisis berkaitan dengan memahami masalah atau kebutuhan yang harus diselesaikan oleh sistem atau aplikasi. Pada tahap ini, fokus utamanya adalah mengidentifikasi persyaratan fungsional dan non-fungsional, serta menganalisis bagaimana sistem atau aplikasi tersebut akan berinteraksi dengan pengguna dan komponen lainnya. Model analisis biasanya mencakup pemodelan proses bisnis, diagram alur data, diagram use case, dan spesifikasi persyaratan. - Model Desain: Setelah persyaratan dianalisis, tahap desain bertujuan untuk merencanakan bagaimana persya...
Read more

Tugas Pertemuan 6 PPL

Image
Nama : Frederick Yonatan Susanto NRP : 5025211121 Kelas : PPL A Tahun Ajaran : 2023/2024 (Genap)      Pada pertemuan keenam di kelas PPL A, kita diminta untuk mengamati/mencari informasi sebuah aplikasi kemudian menggambarkan bagaimana bentuk High Level dan Low Level Designnya. Referensi dapat dicari dari tugas akhir, paperwork, jurnal, maupun dokumentasi aplikasi.       Referensi yang saya ambil yaitu " FOOD ORDERING SYSTEM ". High Level Design and Low Level Design  Food Ordering System High Level Design (HLD) A. Problem Statement Design online food ordering system. B. Functional Requirements User can search different restaurant based on his/her location User can select a restaurant User can see the menu of selected restraunt Restraunt can change the menu any time User selects restraunt and add different food items from the menu User orders the food by selecting different online payment modes Cash on delivery can be also option (Optional) Use...
Read more