TEKNIK RESPONSIVE WEB DESIGN BOOTSTRAP 4 SERTA PENERAPANNYA DALAM RANCANG BANGUN LAYOUT WEB
Keywords:
CSS Media Query, Bootstrap CSS, Responsive Web Design
Abstract
Technology development makes influences the way to access the internet, which generally uses Desktop and Notebook computers, giving to other alternatives, namely accessing the internet using Tablets and Smartphones. The problem is that the majority of web layout designs cannot adjust the layout size automatically for these devices, because the resolution size of each device is different. To overcome the existing problems, we need a responsive web design method and technique in order to produce web layouts that can adjust the size of screen resolution automatically. The method used by applying the concept of Responsive Web Design (RWD), so that web layouts can adapt to screen size. Responsive web design techniques can be done in several ways, including using manual techniques using CSS Media Query and implementing CSS Frameworks such as Bootstrap CSS. The test results showed that the implementation of responsive web layouts using Bootstrap was very effective and efficient because web designers only needed the main library from Bootstrap, which was then combined by modifying according to the wishes of the user.
Downloads
Download data is not yet available.
References
Anugerah, S. (2013). Pemodelan Responsive Web Menggunakan Foundation Framework Dalam Pengembangan Perangkat Lunak, 2013(semnasIF), 230–236.
Baturay, M. H., & Birtane, M. (2013). Responsive Web Design: A New Type of Design for Web-based Instructional Content. Procedia - Social and Behavioral Sciences, 106, 2275–2279. https://doi.org/10.1016/j.sbspro.2013.12.259
Bryant, J., & Jones, M. (2012). Responsive Web Design. Pro HTML5 Performance. https://doi.org/10.1007/978-1-4302-4525-4_4
Hidayat, A., Utomo, V. G., & Djohan, H. A. (n.d.). PENERAPAN RESPONSIVE WEB DESIGN DALAM PERANCANGAN SISTEM MODUL ONLINE ADAPTIF, 44–48.
M. SOEKARNO PUTRA. (2017). Perancangan Desain Website Digital Library Universitas Bina Darma Dengan Menerapkan Responsive Web Design. Jurnal INFORMANIKA, 3(1), 29–33.
Winarno, E., & Zaki, A. (2015). Desain Web Responsif dengan HTML5 dan CSS3. PT Elex Media Komputindo.
Zakir, A. (2016). Rancang Bangun Responsive Web Layout Dengan Menggunakan Bootstrap Framework. InfoTekJar (Jurnal Nasional Informatika Dan Teknologi Jaringan), 1(1), 7–10. https://doi.org/10.30743/infotekjar.v1i1.31
Baturay, M. H., & Birtane, M. (2013). Responsive Web Design: A New Type of Design for Web-based Instructional Content. Procedia - Social and Behavioral Sciences, 106, 2275–2279. https://doi.org/10.1016/j.sbspro.2013.12.259
Bryant, J., & Jones, M. (2012). Responsive Web Design. Pro HTML5 Performance. https://doi.org/10.1007/978-1-4302-4525-4_4
Hidayat, A., Utomo, V. G., & Djohan, H. A. (n.d.). PENERAPAN RESPONSIVE WEB DESIGN DALAM PERANCANGAN SISTEM MODUL ONLINE ADAPTIF, 44–48.
M. SOEKARNO PUTRA. (2017). Perancangan Desain Website Digital Library Universitas Bina Darma Dengan Menerapkan Responsive Web Design. Jurnal INFORMANIKA, 3(1), 29–33.
Winarno, E., & Zaki, A. (2015). Desain Web Responsif dengan HTML5 dan CSS3. PT Elex Media Komputindo.
Zakir, A. (2016). Rancang Bangun Responsive Web Layout Dengan Menggunakan Bootstrap Framework. InfoTekJar (Jurnal Nasional Informatika Dan Teknologi Jaringan), 1(1), 7–10. https://doi.org/10.30743/infotekjar.v1i1.31
Published
2019-03-15
How to Cite
Santoso, M. (2019). TEKNIK RESPONSIVE WEB DESIGN BOOTSTRAP 4 SERTA PENERAPANNYA DALAM RANCANG BANGUN LAYOUT WEB. Jurnal Pilar Nusa Mandiri, 15(1), 61-68. https://doi.org/10.33480/pilar.v15i1.101
Article Metrics
Abstract viewed = 1027 times
PDF downloaded = 739 times
Abstract viewed = 1027 times
PDF downloaded = 739 times
Section
Articles
License
The Authors submitting a manuscript do so on the understanding that if accepted for publication, copyright of the article shall be assigned to the PILAR Nusa Mandiri journal as the publisher of the journal, and the author also holds the copyright without restriction.
Copyright encompasses exclusive rights to reproduce and deliver the article in all form and media, including reprints, photographs, microfilms, and any other similar reproductions, as well as translations. The reproduction of any part of this journal, its storage in databases, and its transmission by any form or media, such as electronic, electrostatic and mechanical copies, photocopies, recordings, magnetic media, etc. , are allowed with written permission from the PILAR Nusa Mandiri journal.
PILAR Nusa Mandiri journal, the Editors and the Advisory International Editorial Board make every effort to ensure that no wrong or misleading data, opinions, or statements be published in the journal. In any way, the contents of the articles and advertisements published in the PILAR Nusa Mandiri journal are the sole and exclusive responsibility of their respective authors and advertisers.
