Ramadhani, Rizky Jelang (2021) Perancangan Pola Desain Antarmuka Dan Pengembangan Komponen Responsif Pada Sistem Manajemen Proyek. Undergraduate thesis, Institut Teknologi Sepuluh Nopember.
![[thumbnail of 05211740000038-Undergraduate_Thesis.pdf]](http://repository.its.ac.id/style/images/fileicons/text.png) |
Text
05211740000038-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only until 1 October 2023. Download (16MB) | Request a copy |
Abstract
Penggunaan sistem manajemen proyek telah banyak membantu kinerja pengelolaan suatu proyek dengan efektif dan efisien, serta kemudahan penggunaannya karena dapat diakses dari berbagai perangkat desktop ataupun mobile. Selain dari fungsi kegunaan aplikasi itu sendiri, keresponsifan tampilan antarmuka pada sebuah aplikasi juga dinilai semakin penting dalam meningkatkan pengalaman pengguna
Ketika sebuah perusahaan memutuskan untuk membangun dan mengembangkan sistem manajemen proyeknya sendiri agar dapat memenuhi atau mengatasi kebutuhannya secara khusus, akan muncul potensi terjadinya kesenjangan pemahaman terkait perancangan antarmuka dengan struktur yang responsif yang dalam pengembangannya dibantu oleh pihak developer dan desainer. Hal tersebut dapat berdampak pada terhambatnya proses pengembangan sistem secara keseluruhan yang kemudian mengakibatkan tidak terpenuhinya ekspektasi pengalaman pengguna yang diharapkan. Maka, dibutuhkan referensi modul pengetahuan mengenai pola desain antarmuka beserta komponen kode penunjangnya yang dapat membantu menyelaraskan pemahaman diantara ketiga belah pihak dan juga mempermudah pekerjaan developer dan desainer. Sehingga sistem dapat dibangun dengan meminimalisir kesalahan pemilihan antarmuka dan menghasilkan desain yang konsisten.
Penelitian ini bertujuan untuk menganalisis dan merancang pola desain yang ada pada aplikasi sistem manajemen proyek. Kemudian dilakukan pengembangan komponen dari pola desain tersebut agar dapat digunakan Kembali. Penelitian dibagi menjadi beberapa tahapan utama meliputi pengidentifikasian, pengembangan, dan pengujian. pengidentifikasian berisikan identifikasi kebutuhan variasi struktur, tampilan, dan aktivitas pengguna pada aplikasi untuk menggali pola desain. Kemudian, dilakukan pengklasifikasian untuk memudahkan dalam perancangan dan pembuatan struktur informasi dari pola desain. Pada tahap pengembangan, komponen dari pola desain antarmuka tersebut dikembangkan menggunakan HTML dan Tailwind CSS, sebuah framework berbasis utility-based yang berorientasi pada komponen. Tahap terakhir adalah pengujian yang dilakukan dengan membangun halaman template menggunakan komponen responsif yang telah dikembangkan. selain itu, turut serta melibatkan partisipan pengguna akhir dalam penilaian kepuasan dan kecepatan penggunaan komponen responsif pola desain antarmuka dari aplikasi sistem manajemen proyek
Hasil dari penelitian tugas akhir ini berupa rancangan modul pola desain antarmuka dan data katalog terstruktur komponen responsif penunjangnya dari aplikasi sistem manajemen proyek yang meliputi hasil analisis penyelesaian masalah yang diatasi dari tiap-tiap komponen dan hasil pengembangan dan pengujian komponen pola desain tersebut, dengan demikian dapat membantu pengembang dalam mengumpulkan pengetahuan mengenai komponen antarmuka dan pola desain sehingga dapat lebih fokus dalam fungsionalitas dari sebuah sistem manajemen proyek yang sedang dibangun.
=======================================================================================================
The development of applications today is increasingly diverse, one
of which occurs in the project management system application.
Apart from the usability function of the application itself, the
responsiveness of the interface in an application is also considered
increasingly important in improving the user experience. The use
of a project management system has helped a lot in the
performance of managing a project effectively and efficiently, as
well as its ease of use because it can be accessed from various
desktop or mobile devices.
One of the problems that exist today, when a company decides to
build and develop its own project management system that can
meet or address its specific needs, there will be a potential for
understanding gaps related to interface design with a responsive
structure which is assisted in its development by developers and
designers. This can have an impact on hampering the overall
system development process which then results in not meeting the
expected user experience expectations. So, a knowledge module
reference is needed regarding the interface design pattern and its
supporting code components that can help harmonize
understanding between the three parties and also simplify the work
of developers and designers. So that the system can be built by
minimizing interface selection errors and producing consistent
designs, as well as user experience in accordance with expected
expectations.
This study aims to analyze and design existing design patterns in
project management system applications. Then the component
development of the design pattern is carried out so that it can be
reused. This research is divided into several main stages including
identification, development, and testing. identification contains the
identification of the needs for variations in structure, appearance,
and user activity in the application to explore design patterns.
Then, classification is carried out to facilitate the design and
manufacture of information structures from the design pattern. At
the development stage, the components of the interface design
pattern are developed using HTML and Tailwind CSS, a
component-oriented utility-based framework. The last stage is
testing carried out by building a template page using responsive
components that have been developed. in addition, engaging enduser participants in the assessment of satisfaction and speed of use
of the responsive components of the interface design pattern of the
project management system application.
The results of this final project are the design of the interface
design pattern module and the structured catalog data of its
supporting responsive components from the project management
system application which includes the results of the analysis of
solving problems that are overcome from each component and the
results of the development and testing of the components of the
design pattern. assist developers in gathering knowledge about
interface components and design patterns so that they can focus
more on the functionality of a project management system that is
being built.
Actions (login required)
 |
View Item |