Enhancing the Performance of University’s Website for Mobile Devices Based on Responsive Web Design Approach

2017 ◽  
Vol 23 (11) ◽  
pp. 10969-10973
Author(s):  
Teh Shan Shan ◽  
Joe Henry Obit ◽  
Rayner Alfred ◽  
Asni Tahir
Keyword(s):  
Mobile Devices ◽  
Web Design ◽  
Design Approach ◽  
Responsive Web Design

scholarly journals Review of Responsive Design Concept Based On Framework Materialize On The Website

2021 ◽  
Vol 3 (1) ◽  
pp. 59-66
Author(s):  
Muhammad Rehan Anwar ◽  
Marviola Hardini ◽  
Mey Anggraeni
Keyword(s):  
Mobile Devices ◽  
Mobile Device ◽  
Display Size ◽  
Web Design ◽  
Design Concept ◽  
Website Design ◽  
Responsive Design ◽  
Responsive Web Design ◽  
The Web

Responsive web design is a website design that can adjust each size on each device. Based on the results of several respondents, 60% of respondents agreed that some websites were not able to adjust the display size on the web, 50% of respondents agreed that design affects the convenience factor, 58% of respondents agreed that the main content and functionality of websites that are difficult to access via mobile devices, 53% of respondents agreed that the appearance of a website that was not attractive had a bad effect on the comfort factor of the respondents, 50% of respondents also agreed that the website was not able to adjust the size on every mobile device. From the results of this review, it can be concluded that an unresponsive website greatly affects the inconvenience of users in accessing information through the website.

scholarly journals HyMobWeb: A hybrid adaptation of context-sensitive Web interfaces with multimodality support in mobile devices

2017 ◽  
Vol 8 (2) ◽  
pp. 1
Author(s):  
Danilo Camargo Bueno ◽  
Luciana Martinez Zaina
Keyword(s):  
Mobile Devices ◽  
User Satisfaction ◽  
Web Design ◽  
Easy Access ◽  
Adaptation Capacity ◽  
Web Interfaces ◽  
Context Sensitive ◽  
Responsive Web Design ◽  
Hybrid Adaptation

The use of mobile devices to browse on the Web has become increasingly popular as a consequence of the easy access to the Internet. However, moving from the desktop development to the mobile platform features requests to the developers an important focus on the interaction elements which fit into the interaction demands. The frameworks front-end is the solution most adopted by Web developers for working with application’s adaptation supported by responsive Web design techniques. Nevertheless, this technique has shortcomings that directly impact in the interaction elements and user satisfaction. This article presents a hybrid adaptation approach of context-sensitive Web interfaces with multimodality support called HyMobWeb. The approach proposal is an expansion of the adaptation capacity of the application concerning the variables of the user context in combination with the different interaction methods. A case study was conducted and data collected showed the great acceptance of the proposal in the perspective of developers who used it. The findings suggest that HyMobWeb brings significative contributions to the developers’ work.

Responsive Web Design for Mobile Device Screen Optimization

2014 ◽  
Vol 548-549 ◽  
pp. 1460-1464
Author(s):  
Fong Yee Lee ◽  
Mohd Afizi bin Mohd Shukran ◽  
Chee Kong Wong
Keyword(s):  
Mobile Devices ◽  
Mobile Device ◽  
Web Design ◽  
Web Contents ◽  
Responsive Web Design ◽  
The Way

The robust development of the telecommunication technologies has boosted the massive production of the mobile devices such as smartphones, phablets, tablets, and laptops. The use of these mobile devices has experienced an explosive growth and come in vary screen sizes. This development has changed the way how web contents is organized and displayed on screen. This paper compares the different responsive approaches, which works well with various device screens. However, the main focus of this paper is on Responsive Web Design (RWD) since it is highly applicable. RWD techniques and tools, issues and reviews of RWD are also discussed in this paper. The objectives of this paper are finding the best responsive approach, identifying well practices and suggesting future works. Along this line, this paper serves, as a guide that enables designers and developers to gain better understanding of the RWD and hence improve their productivity.

scholarly journals Coping with the challenges of open online education in Chinese societies in the mobile era: NTHU OCW as a case study

2014 ◽  
Vol 15 (3) ◽  
Author(s):  
Shelley Shwu-Ching Young ◽  
Hui-Chun Hung
Keyword(s):  
Online Education ◽  
Mobile Devices ◽  
Rapid Development ◽  
Web Design ◽  
Fair Use ◽  
Open Educational Resources ◽  
Research Issues ◽  
Chinese Societies ◽  
Critical Issues ◽  
Responsive Web Design

<p>In an era witnessing the rapid development of information technology, mobile devices have brought revolutionary changes to learning. A single conventional media platform is not enough for the various mobile devices. Technology-enriched educational environments supported by different devices are important research issues nowadays. To capture the rapid growth of mobile users in Chinese societies, OpenCourseWare (OCW) needs to move their learning models toward the mobile sphere. Therefore, this study reports the three years of empirical experience in implementing the upgraded National Tsing Hua University OCW platform and analyzes how users access the platform with various devices. The results indicate a responsive web design and cloud-computing provide great accessibility to meet the diversity of various mobile devices from Chinese users throughout the world, including 466,429 visits with 264 different mobile devices from 146 territories. Moreover, the proposed solutions make the workflow of OCW production more efficient. The study further discussed the importance of both tablets and smartphones. Moreover, to expand the reach of open educational resources (OER) in Chinese societies, the critical issues of fair use and sustainability of OER should be of concern. The findings of the study provide valuable references for web engineers and educators to explore cross-device online learning using PCs and mobile devices.</p>

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.

Sign in / Sign up

Export Citation Format

Share Document