Claim Missing Document
Check
Articles

Found 2 Documents
Search

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

Abstract

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.
Penerapan Animated Pedagogical Agent menggunakan Teknik Scaffolding untuk Materi Perkalian dan Pembagian Pecahan (Studi Kasus: Sekolah Dasar Negeri 222 Pasir Pogor) Lesmana, Arrya Dali; Gandhi , Arfive; Martha , Ati Suci Dian
eProceedings of Engineering Vol. 11 No. 4 (2024): Agustus 2024
Publisher : eProceedings of Engineering

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

Abstract

Pembelajaran Matematika merupakan pembelajaran yang diajarkan pada Sekolah Dasar (SD). Namun, saat ini masih banyak siswa yang masih merasa merasa jenuh pada pembelajaran Matematika. Faktor penyebabnya adalah guru tidak menggunakan media yang menarik dan menggunakan metode yang sama. Penelitian ini bertujuan membangun agen pedagogis, yang merupakan agen animasi dengan kemampuan interaktif yang digunakan sebagai asisten pembelajaran dalam lingkungan virtual. Agen pedagogis pada penelitian ini bertujuan untuk membantu siswa dalam pembelajaran Matematika, sehingga dapat menurunkan tingkat kejenuhan belajar siswa. Sistem dibangun dengan konsep perancangan rational unified process (RUP) dan perancangan agen pedagogis menggunakan metode scaffolding. Untuk mengukur sejauh mana pengaruh penerapan agen pedagogis pada pembelajaran Matematika di Sekolah Dasar (SD) digunakan eksperimen menggunakan Nonrandomized Control Group Pretest-Posttest Designs dengan tambahan angket untuk mengukur kejenuhan belajar siswa. Hasil menunjukan bahwa metode scaffolding menggunakan agen pedagogis memberikan pengaruh yang baik untuk penurunan kejenuhan pada pembelajaran siswa. Kata kunci : animated pedagogical agent, rational unified process, scaffolding, pembelajaran matematika, nonrandomized control group pretest-posttest designs.