Er_magazine

UI/UX DESIGNER

Pada bagaian ini penulis menampilkan tampilan website pada sistem monitoring project PT.Synerga Tata Internasional, untuk mempermudah user dalam menggunakan sistem. Berikut tampilan sistem:

4.8.1 Tampilan Login

Gambar 4.19 Tampilan Login

Pada tampilan login, di sini ada beberapa slide bar yang dimana dapat berganti setiap 5 detiknya. Slide-slide tersebut berisi keterangan tempat peusahaan tersebut berada, informasi-informasi dari perusahaan. Untuk melakukan login, pengguna mengklik tombol login, kemudian akan muncul pop-up untuk penggunan memasukkan username dan password.

4.8.2 Login Account

Gambar 4.20 Login Account

Dalam tampilan login disini kita dapat mengisi Username dan Password yang telah ditetapkan oleh admin agar kita dapat berlanjut ke halaman berikutnya, dan apabila data yang dimasukkan pengguna tidak sesuai, maka akan tampil tulisan “Incorect Username and Password”.

4.8.3 Dashboard Karyawan

Gambar 4.21 Dashboard Karyawan

Pada tampilan Dashboard ini kita dapat melihat di kolom Header yang berisikan Photo Profile yang berfungsi untuk melihat profile serta mengeditnya kemudian New project berfungsi untuk membuat proyek baru , Notification berfungsi untuk memberikan informasi mengenai proyek yang telah selesai dikerjakan/melaporkan aktifitas yang berlangsung dan kolom Searching untuk mencari data proyek sesuai keyword. Adapun pada bagian body terdapat Alarm yang dapat memberikan peringatan ketika proyek telah memasuki waktu tenggang dan di bawanya terdapat kolom Pinned berfungsi untuk menandai proyek yang lebih dulu untuk dikerjakan Sort By untuk mengurutkan proyek sesuai pilihan Project Data merupakan data proyek yang telah dibuat dan di sebelah kanannya terdapat Current Project yakni opsi agar dapat meliaht proyek yang baru dibuat Uncomplete Project berisikan proyek yang belum selesai dikerjakan Complete Project berisikan proyek yang sudah selesai dibuat.

4.8.4 Profile

Gambar 4.22 Profile

Tampilan Profile yang berisikan Edit Profile untuk merubah data pemilik serta Username dan Password Draft berfungsi untuk menyimpan proyek yang terabaikan Notofication berfungsi untuk memberikan informasi mengenai proyek yang telah selesai dikerjakan/melaporkan aktifitas yang berlangsung Live Chat berfungsi untuk melakukan kontak secara real time Setting & Privacy berfungsi untuk menambahkan/menghilangkan aksi pada system. Help & Support berisikan langkah-langkah atau informasi lengkap bagaimana sistem digunakan.

4.8.5 Edit Profile

Gambar 4.23 Edit Profile

User dapat melakukan sendiri update informasi, dengan cara mengklik edit profile pada menu profile. Kemudia akan muncul halaman seperti gambar di atas. User kemudian tinggal memasukkan data yang ingin dirubah/update seperti nama, username, dan password. Tidak harus semua informasi dirubah, user juga bisa merubah hanya salah satu informasi saja. Kemudian klik submit jika sudah selesai.

4.8.6 Create Project

Gambar 4.24 Input Project

Gambar ini merupakan tampilan create project yang dimana ketika admin mengklik New Project maka akan muncul tampilan seperti di atas. Pada bagian atas yakni Project Name berfungsi untuk pemberian nama pada proyek serta Pinned Project menandakan bahwa proyek tersebut yang akan terlebih dulu dikerjakan dan Alarm untuk menandakan proyek agar tidak terlewatkan. Kemudian Chose Due Date jika kita mengklik maka akan tampil sebuah kalender yang pengguna dapat memilih tanggal, bulan serta tahunnya. Kemudian Progress Bar berfungsi untuk menegetahui seberapa jauh proyek itu berjalan. Add Member untuk meilih Divisi serta Attach file untuk melampirkan berkas. Task untuk membuat tugas-tugas dan notes untuk melampirkan keterangan pada tugas yang akan dikerjakan. Dan terakhir tombol Submit untuk mengakhiri satu proyek dan selanjutnya untuk diproses.

4.8.7 Tampilan Project

Gambar 4.25 Tampilan Project

Ini merupakan tampilan project setelah dibuat. Kemudian penguna dapat menceklis tugas-tugas dari proyek yang sudah dikerjakan, dan klik submit. Pada saat pengguna memberikan ceklis pada tugas yang sudah dikerjakan, progress bar akan berjalan untuk memberikan informasi perkembangan dari suatu proyek. Sehingga semua karyawan dapat mengetahui jalannya perkembangan dari suatu proyek.

4.8.8 Dashboard Admin

Gambar 4.26 Dashboard Admin

Sama seperti penjelasan sebelumnya pada bagian Dashboard untuk karyawan akan tetapi di bagian admin ada sedikit penambahan, yakni Project Report dan Account. Project Report berfungsi untuk melaporkan seluruh kegiatan yang berkaitan dengan proyek secara mendetail agar perusahaan dapat melihat sejauh mana proyek berjalan. Sedangkan untuk menu Account, admin dapat membuat, menambahkan serta mengedit akun para pengguna dan jika di klik terdapat dua pilihan, yakni Division dan Employee.

4.8.9 Halaman Divisi

Gambar 4.27 Halaman Divisi

Pada tampilan ini kita dapat melihat data detail dari divisi, lokasi secara spesifik dimana divisi itu berada serta deskripsi dari masing-masing divisi. Tombol Add New Division digunakan untuk memasukan atau menambahkan divisi baru, dan Edit untuk merubah informasi divisi jika ada perubahan. Tombol delete digunakan untuk menghapus divisi.

4.8.10 Add Division

Gambar 4.28 Add Division

Berikut adalah tampilan untuk membuat divisi. Ketika admin mengklik tombol add new division, maka akan langsung muncul pop-up seperti gambar di atas. Admin tinggal memasukkan data – data divisi yang dibutuhkan dan klik submit. Data divisi langsung akan dibuat dan disimpan.

4.8.11 Edit Division

Gambar 4.29 Edit Division

Pada bagian ini admin dapat mengubah informasi-informasi dari divisi jika terjadi perubahan dari perusahaan, seperti nama divisi, lokasi divisi dan deskripsi dari divisi tersebut. Admin tidak harus merubah semua informasi yang ada, hanya informasi-informasi yang perlu dirubah saja.

4.8.11 Create Account

Gambar 4.30 Create Account

Berikut adalah tampilan untuk admin saat akan membuatkan account untuk karyawan. Untuk membuat akun karyawan, admin memasukkan data – data karyawan yang dibutuhkan, yaitu nama, username, password, divisi karyawan, alamat, no. telephone, foto, email, KTP, dan tanggal lahir. Jika semua data sudah terisi, admin kemudian klik submit dan data akan otomatis dibuat dan tersimpan.

4.8.12 View Project Report

Gambar 4.31 View Project Report

Menampilkan data keseluruhan proyek sesuai jenjang waktu yang ditentukan oleh pengguna. Dapat dilihat di bagian atas merupakan keyword untuk menentukan tanggal bulan dan tahun proyek yang akan pengguna cari dan di bawahnya terdapat statistik proyek yakni: On Going, Completed serta Late dan apabila diklik maka akan tampil gambar seperti di bawahnya yang menampilkan detail dari proyek-proyek tersebut.

Hii,

My name is Abdur Rahman I have graduated in college Bina Nusantara University, my major is Information Systems I'm 25 years old and I was born in Jakarta, 6 January 1995 my address Jl. Kebon Jeruk Raya Batu Sari Gg.H Mahfuz Kebon Jeruk sub strict West Jakarta my hobby is drawing, painting, reading a book, designing vector art, playing a game, badminton and many more. I have many abilities such as using Microsoft office, adobe illustrator, photoshop, axure (UI/UX design), visual paradigm, adobe lightroom, bootstrap(HTML/CSS), sublime, and After Effect, wordpress etc.

MY PROJECT

GRAPHIC DESIGN Click!
Vector artwork is a term that describes any art made with vector illustration software like Adobe Illustrator. Vector artwork is built from vector graphics, which are images created with mathematical formulas. In comparison, raster art (also referred to as bitmaps or raster images) is created with colorized pixels

REALISTIC TOKOPEDIA'S CHARACTERS DESIGN