Garuda - Garba Rujukan Digital

Implementasi Website Responsif Menggunakan Bootstrap ( Studi Kasus : Website Gereja Gkpi Jemaat Khusus Tebing Tinggi Kota) Situmorang, Anita; Sabariah , Mira Kania; Gandhi , Arfive
eProceedings of Engineering Vol. 11 No. 4 (2024): Agustus 2024
Publisher : eProceedings of Engineering

Show Abstract | Download Original | Original Source | Check in Google Scholar

Peningkatan penggunaan teknologi informasi dalam era digital menuntut adaptasi setiap entitas, termasuk lembaga keagamaan seperti gereja, dalam menyajikan informasi secara efektif dan responsif. Penelitian ini membahas penerapan grid system pada Bootstrap sebagai solusi untuk meningkatkan responsivitas dan pengalaman pengguna pada website. Dengan menggunakan metodologi pengembangan web responsif, fitur-fitur grid system Bootstrap diintegrasikan untuk mencapai tata letak yang dinamis dan sesuai dengan berbagai ukuran layar. Metode penelitian melibatkan analisis kebutuhan pada website yang responsif, pengembangan dan implementasi grid system pada Bootstrap, serta evaluasi hasil implementasi melalui pengujian cross-device. Pengujian cross-device mencakup desktop, tablet, dan mobile. dengan tujuan untuk memastikan tampilan dan interaksi yang konsisten di berbagai perangkat. Hasil implementasi menunjukkan peningkatan signifikan dalam tampilan dan kinerja website. Responsivitas yang ditingkatkan memastikan bahwa konten dapat diakses dengan baik pada perangkat apa pun, mulai dari desktop hingga smartphone. Tata letak yang terstruktur memberikan pengalaman pengguna yang konsisten dan optimal, meningkatkan daya tarik visual dan memudahkan navigasi. Tantangan dalam penyesuaian elemen-elemen konten dan perubahan tata letak diatasi dengan pendekatan yang terstruktur. Kesimpulan penelitian ini menjelaskan manfaat besar dari penerapan grid system pada Bootstrap dalam meningkatkan keterlibatan pengguna dan menjaga tampilan yang menarik di semua perangkat. Penelitian ini menjelaskan pentingnya penerapan grid system pada Bootstrap sebagai pendekatan yang efektif untuk mengoptimalkan desain responsif. Rekomendasi untuk pengembangan selanjutnya mencakup pemeliharaan rutin dan pembaruan desain responsif berdasarkan evolusi teknologi dan kebutuhan pengguna. Kata Kunci: Responsivitas, Pengalaman Pengguna, Grid System, Bootstrap, Web Responsif.

Implementasi Desain UI/UX pada Aplikasi Tekos Berbasis Website Menggunakan React JS Hanifan, hsan Asfari; Sabariah , Mira Kania; Hasbi, Imanuddin
eProceedings of Engineering Vol. 11 No. 4 (2024): Agustus 2024
Publisher : eProceedings of Engineering

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstrak - Kebutuhan akan tempat tinggal untukmahasiswa baru dan mahasiswa yang sudah tidakmenempati asrama di Telkom University dalambeberapa tahun terakhir mengalami peningkatansignifikan. Tekos merupakan startup baru berupaaplikasi website yang akan menjadi wadah untukmahasiswa Telkom University untuk mencari tempattinggal setelah asrama, mahasiswa bisa memperolehkemudahan dan keterjaminan memiliki tempat tinggalpasca asrama. Sementara itu, UI/UX desainer telahmerancang tampilan desain aplikasi/website untukmeningkatkan pengalaman pengguna, namundiperlukan peran front-end developer untukmenerjemahkan desain tersebut menjadi tampilanaplikasi website yang nyata dan dapat diakses olehpengguna. Tujuan dari tugas akhir ini adalahmengimplementasikan website Tekos pada bagianfront-end menggunakan React JS, sehingga penggunadapat mengakses dan mengelola aplikasi website Tekosyang dikembangkan. Selain itu, tugas akhir ini jugabertujuan untuk meningkatkan performa aplikasiTekos dengan mengoptimalkan kinerja front-endmelalui penggunaan React JS yang efisien, memastikankesesuaian antarmuka pengguna (UI) dengan desainyang sudah dirancang, dan menghadirkan aksesibilitasyang lebih baik pada aplikasi Tekos. Hasil utama darieksperimen menunjukkan bahwa implementasiantarmuka dari desain UI/UX menggunakan React JSpada aplikasi Tekos telah mencapai hasil yang baikdalam hal performa dan aksesibilitas. Kata kunci : website, tekos, front-end, react js, performa, aksesibilitas.

Pembangunan Website Pusat Data Pelayan Kesehatan Pengendalian dan Pemberantasan Penyakit (P2P) pada Fasilitas Pelayanan Kesahtan Kabupaten Kampar Menggunakan Matode Design Thinking Arthama, Muhammad Eral; Sabariah , Mira Kania
eProceedings of Engineering Vol. 11 No. 4 (2024): Agustus 2024
Publisher : eProceedings of Engineering

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstrak - Kegiatan yang memanfaatkan kemajuanteknologi dan internet adalah kegiatan pengolahan data,Dinas Kesehatan Kabupaten Kampar memiliki masalahpada pengolahan data yang menyebabkan rendahnyacapaian standar minimal pelayanan (SPM) penyakit tidakmenular dikarenakan tidak ada sarana untuk mendatapasien penyakit tidak menular. Selama ini tenaga kesehatandi bidang penyakit tidak menular hanya mencatat data yangmasuk secara manual. Pembangunan Website Pusat DataPelayanan Kesehatan Penyakit Tidak Menular (PTM) padaFasilitas Pelayanan Kesehatan Kabupaten Kampar Riaumenggunakan metode Design Thinking bertujuanmembantu dinas kesehatan kabupaten kampar dalammelakukan pendataan pasien. Berdasarkan hasil penelitian,website pusat data pelayanan kesehatan penyakit tidakmenular dengan menggunakan metode Design Thinkingyang sesuai dengan kebutuhan pengguna, need statementyang didapatkan dari hasil wawancara bersama tenagakesehatan Kabupaten Kampar sehingga mendapatkan fituryaitu input data, dashboard, statistik, user dan wilayahkerja yang dijadikan sebagai acuan dalam melakukanpembangunan website pusat data pelayanan kesehatanpenyakit tidak menular yang diverifikasi menggunakanUser Experience Questionnaire, Blackbox Testing, UsabilityTesting menggunakan System Usability Scale (SUS)didapatkan Score Average yaitu 91 dengan AdjectiveRatings (Best Imaginable) dan mendapatkan Grade Scale Aserta Acceptability Ranges yaitu Acceptable, yang berartiwebsite pusat data pelayanan kesehatan penyakit tidakmenular dapat diterima dan sesuai dengan kebutuhanpengguna. Kata kunci : Website, Design Thinking, Usability testing, Blackbox testing

Pemodelan Pengembangan Aplikasi Manajemen Informasi Fakultas Industri Kreatif (MI-FIK) Universitas Telkom Dengan Unified Model Language Arnanda, Fauzan Reza; Sabariah , Mira Kania; Adrian, Monterico
eProceedings of Engineering Vol. 11 No. 4 (2024): Agustus 2024
Publisher : eProceedings of Engineering

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstrak - Proyek pengembangan Aplikasi MI-FIK merupakan proyek lanjutan dari perancangan prototype Aplikasi Pengelolaan Informasi di FakultasIndustri Kreatif yang sebelumnya telah dikerjakan oleh Ceka Elgy Dwi Putra, mahasiswa Program studi S1Desain Komunikasi Visual angkatan 2018. Aplikasi ini berfungsi sebagai pengelola informasi untuk civitasakademika Fakultas Industri Kreatif, dan dirancang untuk menyelesaikan permasalahan pengelolaaninformasi pada lingkungan Fakultas Industri Kreatif, yang kemudian dialihtugaskan kepada FakultasInformatika untuk dilanjutkan ke tahap development, dikarenakan keterbatasan pengetahuan dalam ranahpengembangan dan pemrograman aplikasi, serta kemampuan yang baru sebatas desain dan requirementelicitation. Oleh karena itu, mengingat pentingnya pengelolaan informasi untuk memastikan setiapkegiatan yang direncanakan dapat terlaksana dengan baik, maka timbullah adanya urgensi dan kebutuhanuntuk membuat aplikasi pengelolaan informasi. Untuk membuat sebuah aplikasi, maka kita harus melaluibeberapa tahap pengembangan, atau yang biasa disebut SDLC (Software Development Life Cycle). Pada tahap awal SDLC, tahap planning diperlukan untuk mencari requirement yang dibutuhkan aplikasi nantinya.Setelah tahap planning selesai, maka langkah selanjutnya adalah desain permodelan. Dalam tahapini, model atau struktur aplikasi akan dibangun. Modelatau struktur ini juga menjadi pedoman untuk selanjutnya seperti tahap pemrograman dan testing. Kata Kunci: perancangan sistem, pemodelan perangkat lunak, uml, aplikasi manajemen informasi

Pengembangan Frontend Sistem Informasi Layanan Tekos Berbasis Web Menggunakan Framework NextJS Ramadhan, Maulana Akbar; Sabariah , Mira Kania; Puspitasari, Shinta Yulia
eProceedings of Engineering Vol. 11 No. 4 (2024): Agustus 2024
Publisher : eProceedings of Engineering

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstrak - Penelitian ini bertujuan untuk mengembangkan aplikasi Sistem Informasi Tekos menggunakan framework NextJS dengan menerapkanSingle-Page Application (SPA) dan Client-Side Rendering (CSR). Metode pengujian yang digunakanadalah load time test untuk membandingkan waktu load halaman antara SPA CSR dan SPA SSR. Pengujiandilakukan pada environment local menggunakan browser Chrome pada perangkat Macbook dengan chipM1 Pro. Hasil pengujian menunjukkan bahwa SPA CSR memiliki waktu load halaman yang lebih cepat daripadaSPA SSR pada kecepatan jaringan NoThrottling/normal yaitu dibawah 5 detik. Namun, pada kecepatan jaringan Fast 3G dan Slow 3G baik SPA CSRataupun SPA SSR memiliki kecepatan load lebih 5 detik yang artinya tidak sesuai dengan ketentuan NFR-01pada dokumen perangkat lunak/SKPL. Pada aplikasi Sistem Informasi Tekos, terdapat beberapa halamantidak dapat menerapkan SPA SSR karena membutuhkan data dinamis berdasarkan ID Owner,yang hanya bisa diimplementasikan pada CSR. Kesimpulannya, penggunaan SPA CSR dengan NextJSpada Sistem Informasi Tekos dapat meningkatkankecepatan render halaman dan memberikanpengalaman pengguna yang lebih responsif. Namun, perlu pertimbangan khusus saat memilih metode renderantara SPA CSR dan SPA SSR tergantung pada kebutuhan aplikasi dan kompleksitas data yang digunakan. Kata Kunci: Sistem Informasi Tekos, Single Page Application (SPA), NextJS, Client-Side Rendering (CSR), Server-Side Rendering (SSR), Load Time Test

Perancangan User Experience Website Pembelian Tiket Kompetisi Sepak Bola Indonesia menggunakan User Centered Design Nurwahid, Bintang; Sabariah , Mira Kania; Gandhi, Arfive
eProceedings of Engineering Vol. 11 No. 4 (2024): Agustus 2024
Publisher : eProceedings of Engineering

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstrak - Sepak bola adalah olahraga yang sangatpopuler di Indonesia dan di seluruh dunia. Setiap tahun,ribuan orang menonton pertandingan sepak bola baiksecara langsung maupun melalui televisi. Untuk menontonlangsung didalam stadion tentu saja diperlukan sebuah tiketdan dalam era digital saat ini, pembelian tiket untukpertandingan sepak bola juga menjadi lebih mudah denganadanya teknologi internet. Di kompetisi sepakbola Indonesiajuga sudah mulai menerapkan penjualan tiket secaraonline, namun , pada kompetisi sepak bola di Indonesiapermasalahan yang sering dialami masyarakat Indonesiaketika ingin membeli tiket nonton bola adalah tiket hanyadapat dibeli melalui website tim tuan rumah, sehingga akansangat susah bagi supporter ketika ingin membeli tiket away(tandang) karena harus mengunjungi website yang berbedabeda disetiap pertadingan away (tandang). Dikarenakanpembelian tiket hanya dapat dilakukan di website masingmasing tim hal tersebut dapat membuat proses pembeliantiket menjadi tidak efisien, rumit membingungkan danmemakan waktu yang banyak bagi pengguna karena desainyang tidak konsisten pada setiap website tim. Penelitian inibertujuan untuk merancang pengalaman pengguna dimanasemua supporter dari berbagai elemen dapat membeli tiketsetiap pertandingan sepak bola kapanpun dimanapun tanpaharus berpindah pindah website. Penelitian inimenggunakan metode User Centered Design karenamempertimbangkan kebutuhan, tujuan, masukan daripengguna. Pengambilan data yang digunakan berupaobservasi, dan wawancara. Melihat antusiasme masyarakatIndonesia terhadap sepak bola dapat disimpulkan bahwaperlu untuk meracang website pemebelian tiket kompetisisepak bola Indonesia dimana semua pertandingan padakompetisi sepak bola Indonesia dapat dibeli melalui websitetersebut. Kata kunci : user xperience, user centered design, user experience questionare

Title

Found 6 Documents
Search

Abstract

Abstract

Abstract

Abstract

Abstract

Abstract

Title Search

Found 6 Documents Search

Abstract

Abstract

Abstract

Abstract

Abstract

Abstract

Title

Found 6 Documents
Search