Skip to content

Proyek UTS membuat frontend Human Resources Information System mata kuliah Interaksi Manusia dan Komputer

License

Notifications You must be signed in to change notification settings

msultont/proyek-hci-hris

Repository files navigation

Proyek Tengah Semester HCI-HRIS

Anggota kelompok

  1. Muhammad Sulton Tauhid (1606905885) KETUA
  2. Eko satria (1706043185)
  3. Alwan Fadhil (1706103461)

Deskripsi tugas proyek

Membuat sistem frontend Human Resources Information System

Penjelasan umum

Proyek ini adalah sistem frontend yang dapat digunakan untuk sistem perusahaan atau sistem civitas akademika kampus yang berfungsi sebagai sistem admin. Sistem ini dapat memasukkan informasi berupa dokumen dengan disediakan Textview agar user dapat melakukan input dan menunjukkan hasil dokumennya pada card yang disediakan.

Aplikasi ini penting karena aplikasi ini dapat merekam informasi berupa dokumen penting. Misalnya, pada suatu perusahaan dibutuhkan pencatatan dokumen secara daring, maka sistem admin ini dapat memasukkan dokumen dan melihatnya.

Filosofi UI/UX

Warna

Sistem ini menggunakan theme color berwarna steelblue dengan kode hex #5165af. Warna ini memiliki arti profesionalitas.

Animasi

Sistem ini menggunakan smooth transition animation misalnya pada komponen cards yang berisi table. Kemudian sidebar nav yang juga menggunakan animation dropdown. Graph juga menggunakan animasi ketika browser onload. Animasi ini digunakan untuk membuat website lebih interaktif.

Komponen

Sistem ini secara dominan menggunakan komponen cards,button, formatted textfield, charts dan table untuk menampilkan informasi penting. Tujuannya dari kelima komponen tersebut adalah fleksibilitas dan tampilan yang kekinian.

Komponen formatted textfield

formatted-textfield

Komponen button

colourful-buttons

Komponen cards

cards

Komponen charts

graph

Komponen tables

responsive-tables

Fitur halaman

Fitur halaman yang disediakan terdiri dari 5 fitur utama:

  1. Dashboard
  2. Ringkasan
  3. Riwayat
  4. Dokumen
  5. Kegiatan

Cara menggunakan (localhost)

  1. Pindah terlebih dahulu ke branch development
  2. Lakukan git clone pada repositori branch development
  3. Lakukan npm install di dalam directory folder proyek ini
  4. Setelah folder node_modules terinstall, lakukan npm run start pada command prompt atau CLI untuk memulai localhost development
  5. Sistem frontend berhasil dijalankan

Tech Stack yang digunakan

  1. HTML5
  2. Bootstrap 4
  3. Javascript -> GulpJs, NodeJs dan Browsersync.Js

About

Proyek UTS membuat frontend Human Resources Information System mata kuliah Interaksi Manusia dan Komputer

Resources

License

Stars

Watchers

Forks