Fauzan, Nauval (2023) Pola Desain Wiki untuk Permainan Simulasi Strategi Peperangan. Other thesis, Institut Teknologi Sepuluh Nopember.
Text
05211940000050-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only until 1 October 2025. Download (3MB) | Request a copy |
Abstract
Model dari suatu game semakin hari semakin beragam mulai dari rancangan simpel hingga yang kompleks seperti simulasi strategi peperangan. Peningkatan kompleksitas dari permainan simulasi juga akan membuat para pemainnya membutukan usaha lebih untuk memahaminya. Untuk itulah dirancang sebuah help system yang berbentuk sebuah wiki untuk menampung dan menyajikan segala informasi terkait permainan tersebut sehingga pengguna akan lebih terbantu dengan adanya wiki. Perancangan wiki yang baik dapat dilihat dari penyajian serta penyusunan informasi yang efektif dan efisien. Hal ini juga nantinya terhubung dengan pengalaman pengguna terkait wiki yang digunakan. Sehingga dibutuhkan antarmuka yang tepat untuk mencapai tujuan tersebut. Dalam perancangan antarmuka wiki, akan menggunakan prinsip dari desain atomic yang membagi komponen penyusun wiki secara modular. Hal ini akan memudahkan perancang dengan menerapkan pola desain yang diusulkan untuk dirakit menjadi sebuah antarmuka yang kompleks sesuai dengan fungsi masing-masing komponennya. Setelah sebuah pola desain dikumpulkan dalam suatu pustaka pola, akan dilakukan implementasi dengan utility CSS yang berupa kerangka konsep pada Tailwind CSS. Hal ini dipilih karena dengan menggunakan Tailwind CSS tidak memerlukan waktu yang cukup panjang untuk menciptakan nama kelas. Pendekatan ini memungkinkan untuk menerapkan desain komponen yang sepenuhnya disesuaikan tanpa menulis satu baris CSS khusus. Hasil dari penelitian ini memberikan pustaka pola yang berisi berbagai pola desain untuk wiki simulasi strategi peperangan yang implementasinya menggunakan kerangka konsep Tailwind CSS dengan gaya desain sistem dari flowbite.com.
====================================================================================================================================
Game models are becoming more diverse, ranging from simple designs to complex ones like warfare strategy simulations. The increasing complexity of simulation games also requires players to put in more effort to understand them. To address this, a help system in the form of a wiki is designed to accommodate and present all relevant information about the game, providing players with valuable assistance. The effectiveness and efficiency of a well-designed wiki can be seen in the presentation and organization of information. This is closely linked to the user experience of the wiki being used. Therefore, it is crucial to have an appropriate interface to achieve these goals. In the design of the wiki interface, the principles of atomic design are utilized, which modularize the components that make up the wiki. This allows designers to apply proposed design patterns and assemble them into a complex interface according to the functions of each component. Once a set of design patterns is collected in a pattern library, implementation is done using utility CSS in the form of a conceptual framework in Tailwind CSS. Tailwind CSS is chosen because it allows for the creation of customized component designs without writing custom CSS code, saving time. This approach enables the implementation of fully customized component designs. The outcome of this research is a pattern library that contains various design patterns for a warfare strategy simulation wiki, implemented using the conceptual framework of Tailwind CSS with a design style inspired by flowbite.com.
Item Type: | Thesis (Other) |
---|---|
Uncontrolled Keywords: | Permainan Simulasi, wiki, Utility CSS, Pola desain, Pustaka Pola. Simulation Game, Wiki, Utility CSS, Design Patterns, Pattern Library |
Subjects: | Q Science > Q Science (General) > Q337.5 Pattern recognition systems Z Bibliography. Library Science. Information Resources > Z665 Library Science. Information Science |
Divisions: | Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Information System > 57201-(S1) Undergraduate Thesis |
Depositing User: | Nauval Fauzan Baharuddin Zuhri |
Date Deposited: | 31 Jul 2023 08:45 |
Last Modified: | 31 Jul 2023 08:45 |
URI: | http://repository.its.ac.id/id/eprint/99890 |
Actions (login required)
View Item |