DESIGN GRAPHIC

VECTOR





DESIGN FOR APPAREL






1 komentar:

UI/UX DESIGN

TENTENBOX UI




UI UANG

 DESIGNING DIGITAL TO HELP PEOPLE WITH THEIR EVERYDAY TRANSACTION











wa concept







UI/UX DESIGN PT.STI Click!


BUSINESS PROCCESS AND UI/UX  DESIGN AT PT. SYNERGA TATA INTERNASIONAL 


OVERVIEW

PT. Synerga Tata Internasional saat ini proses pekerjaannya masih dilakukan secara manual tanpa menggunakan sistem. Hal ini mengakibatkan perusahaan rentan mengalami keterlambatan dalam mengerjakan suatu proyek. Perancangan ini bertujuan untuk merancang sistem informasi berbasis web, untuk membantu PT. Synerga Tata Internasional dalam melihat perkembangan proyek. Metode yang digunakan dalam perancangan sistem adalah metode System Development Life Cycle (SDLC). Untuk membantu menggambarkan proses bisnis melalui sistem, penulis menggunakan unified modeling language (UML). Hasil akhir penulisan skripsi ini adalah rancangan aplikasi sistem informasi proyek berbasis website untuk membantu PT. Synerga Tata Internasional agar dapat berjalan secara sistematis.

0 komentar:

UI/UX DESIGN PT.STI

                          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:



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.









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”.



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.


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.


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.




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.





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.




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.



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.




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.


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.


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.



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.

0 komentar:

MY PORTFOLIO


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










          



INSTAGRAM CLOTHING BRAND : CUSTOMOFF_














UI DESIGN  Click!

BROCHURE OVERVIEW














SYSTEM ANALYST PT.STI Click!

1. BUSINESS PROCESS OVERVIEW
2. ACTIVITY DIAGRAM
3. USE CASE DIAGRAM
4. USE CASE DESCRIPTION
5. MULTILAYER SEQUENCE DIAGRAM
6. UPDATE CLASS DIAGRAM

DESIGN PACKAGING








MOTION GRAPHIC 

0 komentar:

Copyright © 2013 Er_magazine