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>

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 Issues in adapting web content to be displayed on devices with various screen shapes using a JavaScript built screen shape simulator

2020 ◽  
Vol 4 (1) ◽  
Author(s):  
Tanja Krunić
Keyword(s):  
Rapid Development ◽  
Web Design ◽  
Smart Devices ◽  
Web Pages ◽  
Web Content ◽  
Outdoor Advertising ◽  
Web Standards ◽  
Testing Tool ◽  
Responsive Web Design ◽  
Indoor And Outdoor

This paper is devoted to an upcoming issue in web design: Styling web content to be displayed correctly on devices with various screen shapes. This issue is a consequence of the rapid development of LED displays with a wide variety of screen shapes. Many of them can be connected to a computer which means that one can display web content on them. Such displays are used as indoor and outdoor advertising panels, which makes them very important for business. Also, various smart devices are developing rapidly and they are often web browsing enabled. They come with various screen shapes, which is an imperative of modern design. Hence the need to style web pages in such a way that their content is displayed correctly on all those devices. By now, responsive web design has a solution only for styling web pages to be displayed on rectangular screens with various dimensions by using media queries and flexible grids. The W3C organization is currently working on media queries for round shaped displays, but all new suggested CSS rules are still in the working draft. It is obviously that the development of LED displays is running faster than the development of web standards. For these reasons, a responsive web design testing tool with a various screen shape simulator is built in JavaScript and is available on GitHub. Its main features are described herein. An example of styling a web site for various screen shapes using that testing tool is given in this paper in order to highlight the problems that arise during that process.

scholarly journals Integrating Flash Cards with Narratives for Mobile Learning of English Vocabulary

2020 ◽  
Vol 14 (04) ◽  
pp. 4
Author(s):  
Chien-Hung Lai ◽  
Bin-Shyan Jong ◽  
Yen-Teh Hsia ◽  
Tsong-Wuu Lin
Keyword(s):  
Language Learning ◽  
Mobile Devices ◽  
Rapid Development ◽  
Opportunity To Learn ◽  
Learning System ◽  
Learning Motivation ◽  
Research Issues ◽  
Flash Cards ◽  
Time To Learn ◽  
Learning English

The world has seen a rapid development in mobile devices in recent years. Mobile devices have the advantage of immediacy and convenience. Their uses are not restricted to desktops and classrooms. Many assisted learning systems run on mobile devices. These systems give students the opportunity to learn anytime and anywhere. Language learning is one of the key research issues underlying the development of such systems. There are many ways to use mobile devices to teaching English. This includes the use of pictured flash card to learn English vocabulary, a teaching approach that has been shown to be effective. In the current research, an assisted learning system was developed for learning English vocabulary. It combines pictured flash cards with stories. The goal was to see whether the addition of stories to pictured flash cards for learning English vocabulary could have a significant effect on learning motivation, learning achievement, and anxiety. As the result of an associated educational experiment showed, students generally agreed with the use of such a system to help them learn English vocabulary, and they also made use of leisure time to learn. Compared to students using “plain” pictured flash card for learning, students using pictured flash cards with stories had a significantly lower level of anxiety, and they also learn better as far as learning motivation and achievement were concerned.

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 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 Challenges for implementing open educational resources by teachers in higher education

2018 ◽  
Vol 325 ◽  
pp. 479-490
Author(s):  
Roza Dumbraveanu
Keyword(s):  
Higher Education ◽  
Digital Divide ◽  
Educational Philosophy ◽  
Teaching And Learning ◽  
Teaching Experience ◽  
Fair Use ◽  
Open Educational Resources ◽  
Educational Resources ◽  
European Universities ◽  
Teachers Training

Higher Education Institutions (HEI) are facing a number of problems during the last decades: the need to update the curricula to make it compatible with the similar ones from other national and European universities; demand to update the content and the pedagogical approach due to knowledge, technological and research development. Open Educational Resources (OER) might be a sound strategy for institutions to meet these challenges. At the same time OER are themselves one of the challenges that the teachers are faced with. OER could be implemented in courses in different ways, depending on the types of OER and the educational philosophy adopted by the teachers. The paper describes some challenges for implementing Open Educational Resources by teachers in Higher Education in Moldova: the level of awareness on availability and usage of OER; fair use matters; quality assurance of resources; pedagogical approaches for implementing OER into teaching and learning. The paper also grasps the issues of the digital divide that emerge when investigating these challenges. The judgment is based on the literature analysis and on the author’s teaching experience within courses for initial and continuous professional teachers’ training.

Sign in / Sign up

Export Citation Format

Share Document