Posts

Tugas 11 - Membuat Laporan PDF

Image
Dokumentasi Sistem Laporan Siswa Dokumentasi Sistem Laporan Siswa (Flask + MongoDB + PDF) 🔗 Link Terkait: 🌐 Live App: farwew-registration-system.hf.space 📁 GitHub Repository Deskripsi Aplikasi web ini adalah sistem laporan siswa berbasis Flask, MongoDB, dan fpdf2 untuk mencetak laporan PDF. Data siswa dapat ditambah, diedit, dihapus, dan dicetak dalam format PDF. Struktur Folder Make Report PDF/ │ ├── app.py # Main Flask app ├── database.py # Koneksi & operasi database MongoDB ├── create_db.py # Script inisialisasi database & data contoh ├── requirements.txt # Daftar dependensi Python ├── Dockerfile # Konfigurasi Docker ├── .env # Konfigurasi environment (jangan upload ke publik) ├── templates/ # Template HTML (Jinja2) │ ├── index.html │ ├── tambah_siswa.html │ └── edit_siswa.html └── __pycach...

Tugas 10 - Pemrograman Web Crud Upload Photo | Muhammad Farhan Arya Wicaksono (50542310110

Image
Dokumentasi Student Management System Dokumentasi Student Management System Deskripsi Aplikasi Student Management System adalah aplikasi web untuk mengelola data mahasiswa. Aplikasi ini memungkinkan pengguna untuk menambah, melihat, mengedit, dan menghapus data mahasiswa beserta foto profil mereka. URL Aplikasi Aplikasi ini dapat diakses di: https://farwew-crud-upload-photo.hf.space/ URL Github Repo (source code) Untuk Source Code: Click here Fitur Utama Manajemen Data Mahasiswa Tambah data mahasiswa baru Lihat daftar semua mahasiswa Edit data mahasiswa yang sudah ada Hapus data mahasiswa Upload dan Manajemen Foto Upload foto profil mahasiswa Melihat foto dalam ukuran besar (zoom) dengan mengklik foto Support format gambar standar (JPG, PNG, dll) Antarmu...

Dokumentasi - Final Project EAS ( Muhammad Farhan Arya Wicaksono | 50542310111)

Image
Dokumentasi FinSight FinSight - Aplikasi Manajemen Keuangan UMKM Tanggal: Juni 26, 2025 Tim Pengembang: 5054231006 - Muhammad Naufal Arifin 5054231011 - Muhammad Farhan Arya Wicaksono 5054231027 - Jeremia Kevin Alexander Jagardo Malau Link Terkait Link Blogspot Dokumentasi Pemrograman Web Link Google Drive Link GitHub Link Hosting Proyek Link Youtube Dokumentasi Deskripsi Studi Kasus Sejumlah pelaku Usaha Mikro, Kecil, dan Menengah (UMKM) di Indonesia sering menghadapi berbagai tantangan dalam mengelola keuangan secara efektif. Keterbatasan waktu, kurangnya pengetahuan keuangan, serta minimnya sumber daya manusia menjadi hambatan utama dalam mencatat, me...

Tugas 9 - Database untuk Aplikasi Web Pendaftaran Mahasiswa

Image
Aplikasi CRUD Pendaftaran Mahasiswa Baru Aplikasi web sederhana untuk pendaftaran mahasiswa baru menggunakan FastAPI (backend), MySQL (database), dan HTML/CSS/JavaScript (frontend). Fitur Tambah, lihat, edit, dan hapus data mahasiswa. Backend menggunakan FastAPI & SQLAlchemy. Database MySQL. Frontend sederhana dengan HTML, CSS, dan JavaScript. Struktur Proyek README.md Back/ app. py database. py models. py requirements.txt setup_database. py setup_database.sql Front-end/ index .html form.html list .html script.js style.css Penekanan pada Database (MySQL) 1. Instalasi MySQL Pastikan MySQL sudah terpasang dan berjalan di komputer Anda. 2. Struktur Tabel Mahasiswa Tabel mahasiswa digunakan untuk menyimpan data mahasiswa. Berikut struktur tabelnya: Kolom Tipe Data Keterangan id VARCHAR(36) Primary Key, UUID nama VARCHAR(100) Nama mahasiswa alamat VARCHAR(255) Alamat mahasiswa jenis_kelamin VARC...

Tugas 8 - Crud Form Pendafaran

Image
Sistem Registrasi Mahasiswa Deksripsi Aplikasi ini adalah sistem registrasi mahasiswa dengan fungsi CRUD (Create, Read, Update, Delete). Aplikasi ini terdiri dari frontend yang dibuat dengan HTML, CSS, dan JavaScript yang berkomunikasi dengan API backend. Soure Code LINK TO GITHUB Halaman Web 'link to page' Endpoint API API backend dihosting di: link to API API ini menyediakan endpoint RESTful untuk mengelola data mahasiswa. API mendukung operasi CRUD standar melalui metode HTTP. Arsitektur Aplikasi ini memiliki arsitektur client-server: Frontend : HTML, CSS, dan JavaScript murni Backend : API Python yang dihosting di Hugging Face Spaces Struktur Proyek Crud/ ├── README.md ├── Back/ # Kode API Backend │ ├── .gitattributes │ ├── app.py │ ├── Dockerfile │ ├── README.md │ └── requirements.txt └── Front- end / # Kode Frontend ├── form.html ├── index.html ├── list .html ├── script .js └── style.css Komponen Fronten...

ETS - Dokumentasi Proyek Portal Berita

Image
NEWS - Portal Berita Sederhana Deskripsi Project Aplikasi web halaman berita yang menyajikan berbagai artikel, dilengkapi dengan gambar, tanggal publikasi, penulis dan fitur pencarian berita. Sebuah web portal  berita sederhana yang informatif dan responsif yang dibuat untuk memberikan informasi berita terkini yang dibuat dengan layout nya dengan HTML dan CSS. Untuk Fitur interaktif menggunakn Java Script.

Tugas 7 - Pemrograman Web (N) - Implementasi Ajax jQuery

Image
Tugas Pekan 7 Muhammd Farhan Arya Wicaksono (5054231011) Link untuk Source Code : Link Soure code Live Demo You can view the pages here: - Page click here : Ajax Deskripsi Implementasi form sederhana menggunakan jQuery AJAX untuk pengiriman data secara asynchronous. Struktur file ├── index.html (HTML, CSS, dan jQuery) └── README.md Features - Form validasi client-side - Pengiriman data asynchronous dengan jQuery AJAX - Indikator loading - Feedback sukses/error - Penanganan FormData 1. HTML Form Structure dan jQuery CDN < script src = "https://code.jquery.com/jquery-3.7.1.min.js" ></ script > < form id = "ajaxForm" >     < div class = "form-group" >         < label for = "nama" >Nama:</ label >         < input type = "text" id = "nama" name = "nama" required >     </ div > </ form > 2. Event Listener dan Pengambilan Data $ (document). ready ( function...