Langsung ke konten utama

TUGAS 10 PEMROGRAMAN WEB (D) - CRUD IMAGE PHP


Tugas kali ini membuat website yang mengimplementasikan PHP atau PHP: Hypertext Preprocessor. PHP merupakan bahasa script server-side karena diproses pada komputer server. PHP sering digunakan untuk pembuatan dan pengembangan website agar memiliki kemampuan untuk memproses data dengan dinamis. Di sini terdapat aplikasi CRUD (Create, Read, Update, Delete) + unggah image sederhana, yaitu pendaftaran mahasiswa baru pada Institut Teknologi Sepuluh Nopember Surabaya. Dalam proses pengerjaannya, menggunakan HTML, CSS (Bootstrap), dan SQL. Laman website-nya dapat diakses pada link berikut. Untuk hosting web sendiri memakai 000webhost.

Konten dari website:
  1. Main page, berisi halaman depan yang memuat menu dan nantinya digunakan untuk proses CRUD.
  2. Form daftar page, berisi halaman formulir pendaftaran mahasiswa baru. Ada beberapa hal mesti diinputkan ke dalam formulir seperti nama, alamat, jenis kelamin, agama, asal sekolah, departemen pilihan, dan foto diri.
  3. List mahasiswa page, berisi halaman daftar mahasiswa baru yang sudah mendaftar. Halaman ini menyajikan data dalam bentuk tabel. Di halaman ini juga dapat dilakukan proses Edit dan Delete suatu data.
  4. Form edit page, berisi halaman edit data pendaftaran mahasiswa baru. 

Tampilan Website

  1. Main page

  2. Form daftar page

  3. List mahasiswa page

  4. Form edit page

Source Code

  • config.php
  • form-daftar.php
  • form-edit.php
  • hapus.php
  • index.php
  • list-mahasiswa.php
  • proses-edit.php
  • proses-pendaftaran.php

Komentar

Posting Komentar

Postingan populer dari blog ini

ETS REKAYASA KEBUTUHAN (A) - GoToko

Pada Evaluasi Tengah Semester (ETS) kali ini melakukan analisis kebutuhan aplikasi GoToko . Sebelum kita menganalisis lebih jauh tentang GoToko, kita perlu mengetahui terlebih dahulu apa saja kebutuhan yang harus digali untuk sebuah aplikasi perangkat lunak. Kebutuhan Fungsional Kebutuhan fungsional adalah kebutuhan dari penggunaan software yang harus dibangun oleh developer ke dalam produk agar pengguna dapat menyelesaikan tugas mereka, sehingga memenuhi persyaratan bisnis. Kebutuhan fungsional menyatakan apa yang harus dilakukan oleh sistem. Kebutuhan fungsional juga sangat bergantung dari jenis perangkat lunak, pengguna sistem, dan jenis sistem yang perangkat lunak tersebut gunakan. Kebutuhan Non-Fungsional Kebutuhan non fungsional merupakan kebutuhan yang menggambarkan bagaimana sistem berkerja ke depannya.  Kebutuhan non-fungsional menjelaskan tentang constraint atau standar yang harus dipatuhi oleh sistem. Kebutuhan non-fungsional juga mendefinisikan karakteristik dari kuali...
Posting Komentar
Baca selengkapnya

TUGAS 8 PEMROGRAMAN WEB (D) - jQuery Sederhana

Tugas kali ini membuat website yang mengimplementasikan jQuery . jQuery adalah sebuah library JavaScript yang diperlukan sebagai solusi karena terdapat beberapa perbedaan implementasi JavaScript dari satu web browser dengan web browser lain. Di sini terdapat 2 aplikasi, yaitu tambah data ke dalam sebuah kolom select , dan satu lagi validasi form. Dalam proses pengerjaannya, menggunakan HTML , CSS (Bootstrap & Custom) , dan JavaScript (internal) . Laman website-nya dapat diakses pada link berikut . Untuk hosting web sendiri memakai Netlify . Konten dari website: Main page , berisi halaman untuk redirect aplikasi implementasi jQuery mana yang akan dicoba/dipilih. Tambah page , berisi halaman aplikasi tambah data untuk suatu kolom select . Validasi page , berisi halaman aplikasi validasi form. Tampilan Website Main page Tambah page (sebelum ditambah) Tambah page (setelah ditambah) Setelah buku dientri, maka datanya akan masuk ke list kolom select "Daftar Buku". Jika e...
Posting Komentar
Baca selengkapnya

TUGAS 7 PEMROGRAMAN BERORIENTASI OBJEK (B) BAGIAN II - Image Viewer

  Pada kesempatan kali ini, saya menduplikasi aplikasi Image Viewer yang merupakan implementasi GUI dengan komponen AWT dan Swing milik Bapak Fajar Baskoro dan disadur dari link berikut . Aplikasi ini berguna untuk menampilkan gambar/foto dan memiliki beberapa filter di dalamnya. Terdapat 4 class yang digunakan pada aplikasi ini: ImageViewer , class utama untuk memanggil semua komponen fungsi lain dan tampilan GUI. ImagePanel , class yang berisi komponen Swing yang dapat menampilkan OFI Image. Class ini juga mengatur lebar dan tinggi panel aplikasi agar menyesuaikan gambar/foto. ImageFileManager , class untuk memuat dan menyimpan gambar/foto. OFImage , sebagai class yang berguna untuk mendefinisikan gambar/foto menjadi OF ( Object Firsts ). Kemudian beberapa fungsi untuk edit filter seperti darker, lighter, dan threshold ada di class ini. Lalu, aplikasi ini juga menggunakan beberapa library/package: Java.awt.* , untuk proses inputan dalam sebuah program yang telah dijalankan. Java....
Posting Komentar
Baca selengkapnya