scholarly journals PENERAPAN FRAMEWORK MATERIALIZE CSS DALAM SISTEM PELAYANAN DAN CONTROLLING WARALABA (FRANCHISE ) FRESH MILK SUSU NINJA

2021 ◽  
Vol 2 (2) ◽  
pp. 124-129
Author(s):  
Wiwit Andriani Suardi Mandai ◽  
Tantri Hidayati Sinaga ◽  
Edrian Hadinata
Keyword(s):  
Web Design ◽  
Fresh Milk ◽  
Responsive Web Design

Desain web responsif adalah desain situs web yang dapat disesuaikan dengan ukuran perangkat apa pun. Kelebihan dari responsive web design adalah website yang dapat beradaptasi dengan layout ukuran perangkat menggunakan ukuran font, gambar dan komponen lainnya tanpa harus scroll secara horizontal. Kerangka CSS Materialize dapat membuat sistem Anda terlihat lebih modern. Oleh karena itu, lebih mudah digunakan karena framework CSS sudah tidak dibuat lagi. Materialize Framework memberikan tampilan desain yang responsif saat Anda membuka web di PC, tablet, atau smartphone untuk membuat layanan web dan mengontrol Waralaba Ninja Milk untuk digunakan di berbagai perangkat media.

scholarly journals Responsive and Personalized Web Layouts with Integer Programming

2021 ◽  
Vol 5 (EICS) ◽  
pp. 1-23
Author(s):  
Markku Laine ◽  
Yu Zhang ◽  
Simo Santala ◽  
Jussi P. P. Jokinen ◽  
Antti Oulasvirta
Keyword(s):  
Integer Programming ◽  
Web Design ◽  
Web Pages ◽  
Web Page Design ◽  
Automated Generation ◽  
Novel Approach ◽  
Wide Range ◽  
Responsive Design ◽  
Responsive Web Design ◽  
Page Design

Over the past decade, responsive web design (RWD) has become the de facto standard for adapting web pages to a wide range of devices used for browsing. While RWD has improved the usability of web pages, it is not without drawbacks and limitations: designers and developers must manually design the web layouts for multiple screen sizes and implement associated adaptation rules, and its "one responsive design fits all" approach lacks support for personalization. This paper presents a novel approach for automated generation of responsive and personalized web layouts. Given an existing web page design and preferences related to design objectives, our integer programming -based optimizer generates a consistent set of web designs. Where relevant data is available, these can be further automatically personalized for the user and browsing device. The paper includes presentation of techniques for runtime adaptation of the designs generated into a fully responsive grid layout for web browsing. Results from our ratings-based online studies with end users (N = 86) and designers (N = 64) show that the proposed approach can automatically create high-quality responsive web layouts for a variety of real-world websites.

Exploring the Limitations of Responsive Design Through a Case Study Approach

2021 ◽  
Vol 13 (1) ◽  
pp. 62-73
Author(s):  
Fernando Almeida ◽  
José Augusto Monteiro
Keyword(s):  
Adaptive Design ◽  
Web Design ◽  
Dynamic Adaptation ◽  
Access Device ◽  
Development Models ◽  
Study Approach ◽  
Responsive Design ◽  
Responsive Web Design ◽  
Further Development

Having an online presence is essential for any company regardless of its size and type of business. Users are currently striving to interact with companies through the web, regardless of their access device. In this sense, responsive web design emerged as a very useful technique that allows the dynamic adaptation of the design regardless of the size and resolution of the access device. Despite the unequivocal advantages associated with this technique, there are also limitations which turn this approach not feasible or advisable for all projects. This study, through the realization of five case studies, seeks to identify the main limitations of responsive design and responsive design frameworks. Additionally, this study suggests further development models that may be more effective in the dynamic adaptation of the design and contents according to the features of the access device, such as the adoption of adaptive design, use of native apps, and hybrid models.

scholarly journals RANCANG BANGUN SISTEM INFORMASI PENGADUAN LAYANAN SARPRAS DI UNIVERSITAS TEKNOLOGI SUMBAWA BERBASIS WEB

2021 ◽  
Vol 3 (1) ◽  
pp. 308-315
Author(s):  
Herfandi ◽  
Yuliadi ◽  
Sultan Naufal Abdillah ◽  
Eri Sasmita Susanto
Keyword(s):  
Web Design ◽  
Responsive Web Design

Penelitian ini bertujuan untuk membangun sistem informasi pengaduan layanan yang ditujukan kepada bidang sarana dan prasarana di Universitas Teknologi Sumbawa (UTS) yang dapat menampung keluhan civitas akademika terkait kondisi sarana dan prasarana di UTS sehingga direktorat sarana dan prasarana dapat melakukan kontrol terhadap pelayanan yang diberikan, dan dapat dicapai kenyamanan dan kepuasan civitas akademika terhadap fasilitas sarana dan prasarana di UTS. Sistem informasi ini dibangun menggunakan framework Laravel dengan menerapkan responsive web design (RWD) dan single page application (SPA) sehingga memberikan akses pada perangkat komputer atau smartphone dengan tampilan rapih dan waktu memuat aplikasi yang cepat.

Responsive Web Design

2012 ◽  
pp. 37-49 ◽  
Author(s):  
Jay Bryant ◽  
Mike Jones
Keyword(s):  
Web Design ◽  
Responsive Web Design

Visual Identity Design for Responsive Web

2019 ◽  
pp. 1828-1836
Author(s):  
Sunghyun Ryoo Kang ◽  
Debra Satterfield
Keyword(s):  
Web Design ◽  
Design Strategies ◽  
Visual Identity ◽  
Responsive Web Design ◽  
A Site ◽  
The Web

Responsive web design, which works for multiple screen sizes and devices, has changed the web ecosystem. However, maintaining a strong and consistent visual identity in a responsive web design is challenging because of the nature of its flexible or liquid layout and navigation. The purpose of this chapter is to identify design strategies for managing the visual identity of a site, the placement of images, and navigation methods that work consistently across the framework of responsive websites and devices.

Visual Identity Design for Responsive Web

2018 ◽  
pp. 8079-8086
Author(s):  
Sunghyun Ryoo Kang ◽  
Debra Satterfield
Keyword(s):  
Web Design ◽  
Design Strategies ◽  
Visual Identity ◽  
Responsive Web Design ◽  
A Site ◽  
The Web

Responsive Web Design, a flexible that works for multiple screen sizes and devices, has changed the web eco system. However, maintaining a strong and consistent visual identity in a responsive web design is challenging because of nature of its flexible or liquid layout and navigation. The purpose of this study is to identify design strategies for managing the visual identity of a site, the placement of images, and navigation methods that work consistently across the framework of responsive websites and devices.

Responsive Web Design and Development with HTML5

2013 ◽  
pp. 17-46 ◽  
Author(s):  
Eric Overfield ◽  
Rita Zhang ◽  
Oscar Medina ◽  
Kanwal Khipple
Keyword(s):  
Web Design ◽  
Design And Development ◽  
Responsive Web Design
Sign in / Sign up

Export Citation Format

Share Document