Laporan Progress Proyek Akhir Mata Kuliah Pemrograman Internet

Pada entry kali ini, saya akan menuliskan laporan progress proyek akhir mata kuliah pemrograman internet. Tugas dari proyek akhir tersebut adalah membuat sebuah web, dan tema yang saya pilih adalah "Online Admission" atau pendaftaran online.


Link web : http://univ-luminaria.freetzi.com/index.html

Saya menginginkan membuat web pendaftaran online untuk calon mahasiswa baru, karena itu saya berpura-pura membuat suatu universitas untuk mendukung web saya. Nama dari universitasnya (Universitas Luminaria) juga hanya buatan saja saja. Untuk membuat web ini, saya menggunakan 3 jenis file, yaitu : .html, .css, dan .js

DESKRIPSI FITUR

• Tampilan web akan dibagi menjadi 2, yaitu tampilan untuk pengunjung dan tampilan untuk admin.

           Tampilan pengunjung : http://univ-luminaria.freetzi.com/index.html

           Tampilan admin : http://univ-luminaria.freetzi.com/indexadmin.html

         

Menu "File" hanya dapat dilihat oleh admin yang telah melakukan proses login. Bila admin tidak login, tampilan yang dilihat sama seperti tampilan untuk pengunjung.

Note : Untuk saat ini, saya memberi contoh perbedaan dengan menggunakan 2 file (index.html dan indexadmin.html). Untuk ke depannya saya tidak akan memisahkan kedua page tersebut melainkan hanya menggunakan 1 page saja. Menu "File" akan saya buat hidden/visible dengan script nantinya. Tapi belum dapat saya praktekkan karena saya membutuhkan database untuk proses login admin terlebih dahulu.

• Home

Link : http://univ-luminaria.freetzi.com/index.html

Pada page Home, akan ditampilkan berita-berita (news) terkini. Setiap ada berita baru, akan ditambahkan di daftar paling atas. Akan tetapi, maksimal daftar news yang dapat ditampilkan hanya 5 news saja.

• About

Link : http://univ-luminaria.freetzi.com/about.html

Page ini berisi informasi tentang Universitas Luminaria dan daftar jurusan yang tersedia.

• News

Link : http://univ-luminaria.freetzi.com/news.html

Page ini berfungsi sebagai archive news yang akan menampilkan semua daftar news yang pernah dipublikasikan. Bila ingin melihat berita-berita lama yang sudah tidak ditampilkan pada page Home, maka dapat dicari pada page News ini.

• Join

Link : http://univ-luminaria.freetzi.com/registration.html

Page ini berisi syarat-syarat pendaftaran secara umum, maupun syarat khusus untuk tiap jurusan. Bila pengunjung ingin memulai proses pendaftaran, maka dapat mengklik tombol "Daftar".


Tahap registrasi dibagi menjadi 3 bagian, yaitu: Biodata diri, Data nilai, dan Konfirmasi. Semua field harus diisi dengan tepat dan benar.

Link : http://univ-luminaria.freetzi.com/registration-step1.html
Tahap pertama (Biodata Diri) berisi field yang berhubungan dengan data diri pendaftar, seperti nama, tempat/tanggal lahir, jenis kelamin, alamat, dll. Setelah selesai mengisi semua field, pendaftar harus lanjut ke tahap kedua dengan cara mengklik tombol "Lanjut" di bawah. Akan tetapi bila ada field yang belum terisi, pada akan ada pemberitahuan untuk mengisi semua field terlebih dahulu dan page tidak akan lanjut ke tahap berikut.

Note: Saat ini, saya belum memberikan script untuk ketentuan seperti di atas, sehingga pendaftar dapat langsung meng-klik tombol "Lanjut" tanpa mengisi field yang tersedia.

Link : http://univ-luminaria.freetzi.com/registration-step2.html

Tahap kedua (Data Nilai) berisi field untuk memasukkan nilai rata-rata dan nilai total dari rapot, UAN, dan UAS pendaftar. Pendaftar juga harus mengupload berkas-berkas nilai tersebut dengan cara memasukkan semua berkas yang dibutuhkan ke dalam file zip dan menamai file zip tersebut sesuai dengan nama pendaftar. Sama seperti tahap sebelumnya, untuk lanjut ke tahap berikutnya, pendaftar harus meng-klik tombol "Lanjut". Akan tetapi, terdapat ketentuan seperti tahap pertama juga.
Note: Saya juga belum memberikan script untuk ketentuan tersebut.

Link : http://univ-luminaria.freetzi.com/registration-step3.html
Tahap ketiga (Konfirmasi) akan menampilkan semua data yang sudah diinputkan pendaftar pada tahap pertama dan kedua. Bila semua sudah benar, maka pendaftar dapat meng-klik tombol "Submit" untuk mengirimkan data-data tersebut ke server.
Note: Untuk saat ini belum ditampilkan apa-apa karena saya membutuhkan database terlebih dahulu.

Link : http://univ-luminaria.freetzi.com/registration-step4.html
Setelah mengklik tombol "Submit" pada tahap ketiga, akan terbuka halaman baru yang akan memberitahukan nomor pendaftaran calon mahasiswa yang sudah melakukan registrasi. Nomor pendaftaran tersebut didapatkan dari database.
Note: Karena belum tersedia database, maka nomor pendaftaran belum dapat ditentukan.

• File

Link : http://univ-luminaria.freetzi.com/file.html

Page ini berfungsi sebagai tempat admin untuk mengecek kelengkapan berkas-berkas pendaftar. Page ini hanya dapat dilihat oleh admin saja. Seorang admin harus melakukan proses login terlebih dahulu untuk dapat mengakses page ini.
Note: Karena belum ada database, maka saat ini belum ditampilkan apapun.

• Login Admin

Berfungsi untuk admin melakukan login agar dapat mengakses page File.
Note: Karena belum ada database, maka belum dapat melakukan proses login.

• Pengumuman

Page ini akan menampilkan daftar pendaftar yang telah diterima. Terdapat script-script di dalamnya untuk memproses data-data pendaftar seperti melakukan pemeringkatan, memilih pendaftar yang dapat masuk ke Universitas Luminaria, dll. Link untuk menuju ke page ini sengaja tidak saya tampilkan di menu. Pendaftar dapat melihat pengumuman pada berita (news) yang nantinya akan dipublikasikan bila daftar pendaftar yang telah diterima sudah jadi.
Contoh : http://univ-luminaria.freetzi.com/30102013-Pengumuman-Seleksi-Calon-Mahasiswa.html
Note: Karena saat ini belum ada database, maka belum ditampilkan apapun.

• Sistem Pemeringkatan

Cara sistem menentukan pemeringkatan dari data pendaftar adalah salah satunya dengan melihat total nilai UAN dan nilai rata-rata rapot kelas 3 SMA.
Note: Saya belum memasukkan script untuk mengatur proses pemeringkatan tersebut karena dibutuhkan database terlebih dahulu.



DESAIN RANCANGAN DATABASE

Laporan progress ini hanyalah laporan interface web dan bukan merupakan hasil final. Untuk ke depannya masih akan terus dilakukan perbaikan dan pengembangan web, seperti memperindah interface, membuat database, memberikan script, dll.