• Journal of Korea Society of Digital Industry and Information Management
• /
• v.8 no.1
• /
• pp.183-190
• /
• 2012

Mobile web applications are different from desktop web applications because of their small screen size and small user input devices. Therefore user interface designers have spent their effort and time to re-design the user interface of mobile web applications to meet these differences. In this paper, we introduce five user interface patterns for mobile web applications to reduce their effort and time. Two of them are for utilizing small screen size efficiently, and they are space overloading pattern and data filtering pattern. These patterns enable designers to reduce screen usage. The other three patterns - data suggestion pattern, input reuse pattern, and incremental data input pattern - are for helping users' data input on mobile devices. These three patterns enable users to reduce direct data input. Our work will help user interface designers develop mobile web interface to utilize screen space efficiently and get data with less errors and less efforts from users.

• The Journal of the Korea Contents Association
• /
• v.11 no.12
• /
• pp.639-648
• /
• 2011

Since the emergence of the smartphone and tablet PC whose wireless internet accessibility has improved, personal computing environment has shifted from PCs to mobile web based mobile devices, and therefore the use of information and the communication method have been changing rapidly. Under the circumstance, domestic universities have actively been establishing mobile websites for smartphone users. Such mobile websites, however, focused on diverse functions and a showy design rather than on usability or accessibility, and were developed simply for the purpose of public relations. For this reason, students are now faced with difficulties in using the websites. Therefore, this paper proposes a novel web interface with the consideration of usability and accessibility in order for users to easily use and assess proper information. The matters to be taken into account in developing a mobile website are an intuitive interface design, user experiences, a user customized interface and compliance with web standards.

• KIISE Transactions on Computing Practices
• /
• v.23 no.1
• /
• pp.13-27
• /
• 2017

This paper presents a tool that automatically generates mobile web applications from user interface (UI) models which are based on PELUM (Pattern and Event based Logical User Interface Modeling). PELUM is a method for the effective development of UI-centered embedded systems via UI modeling. The proposed tool consists of a model editor and a code generator. The former provides an environment for modeling a Logical UI Model (LUM) and a Programming Interface Model (PIM) on the web. On the other hand, the code generator sets the screen configuration and events' behavior, according to the LUM, synthesizing a local database schema according to the PIM, and then generates an executable mobile web app. It also can produce mashup web apps by receiving an open API address via the PIM. The generated mobile web apps follow the Model-View-Controller (MVC) architecture in order for users to easily customize them. The proposed tool enables them to generate mobile web apps that can be executed on various devices by modeling logical UIs on the web.

• Journal of the Korea Academia-Industrial cooperation Society
• /
• v.11 no.9
• /
• pp.3532-3537
• /
• 2010

Mobile phones can access the wired website using mobile Full Browsing service. But the number of mobile websites is quite small compared to domestic Internet domain, and is mainly concentrated in some large businesses. The small businesses and individuals have a problem that is difficult to develop mobile Web interface, because they are lack of the technology for usability and compatibility. This paper proposes the small basic interface elements that are considered usability and based on relevant standards and can easily be applied in the industry. The proposed basic interface elements consist of 33 elements for overall behavior, navigation, contents, page definition and user input.

• Journal of the Korea Academia-Industrial cooperation Society
• /
• v.14 no.11
• /
• pp.5856-5865
• /
• 2013

The demand for Mobile Web Services has increased to overcome the issue of Mobile Application's platform dependencies and device resource's limitations. The method to improve productivity of the development and operation of the Mobile Web Services is to provide a low-coupling between Mobile Webs. In this paper, we propose the Recommendation Technique of dynamic Mobile Web integration to reduce the coupling. The Mobile Web Recommendation Technique is proposed based on XPDL.

• The KIPS Transactions:PartD
• /
• v.15D no.6
• /
• pp.879-888
• /
• 2008

As web services have become an important architecture solution, web service composition applications are developed actively. A mobile application supporting multiple services requires a complex user interface so that the interface needs to consist of more than one view and to provide a way to navigate between views. In this paper, we presented a formal way to analyze a set of views for a given service specification, and a relation model between views and methods. We then provided an algorithm to generate codes for service method calls and navigation between views. Therefore, with an optional user configuration input, we could automatically generated XForms codes from the web service specifications. Finally, we developed a proof of concept implementation of XForms browser to show that the generated codes works well as an interface for web service compositions.

• Journal of IKEEE
• /
• v.17 no.2
• /
• pp.89-95
• /
• 2013

Diverse operating systems and developed platforms of mobile devices are implemented by vendors exist. The software has to be developed by respective environment in designing the user interface of software. For the solution of the inconvenience, this paper proposes an integrated platform 4A DUOS for developing user interface independently. The proposed platform can use web language not dependent on various operating systems, and offer online access to API and component templates to provide the convenience of the user interface design. Also, the server with on board designed user interface implements the service to the user. Therefore, the users can design the independent user interface on various mobile devices by using only one source.

• The Journal of the Korea Contents Association
• /
• v.11 no.9
• /
• pp.85-95
• /
• 2011

Recently, sudden interests of mobile cloud computing as well as conventional internet environment are rapidly increased as cloud computing spread out in our web society. Mobile devices including smart phone are rapidly changing in a wholesale way that covers hardwares, applications, and services. However, the Internet access using mobile device is not quite smooth in this local mobile internet environment which suffers from lack of understanding and observance of Web Standards. Although most of domestic web sites are developed focusing on various functions and eye-catching designs, this should became one of the main factors that make the usability and accessability decrease when accessing web with smart phones or table PCs. Therefore, this paper suggested a web interface that considered usability and accessability under mobile cloud environment and we tried to prove it via usability test. It could be found that there was an improvement of usability of interface of the main page that has been optimized to the mobile device environment suggested from the previous research we present, but this paper aimed to prove a usability improvement of total website as a whole by performing the usability test on the entire website. Selecting a special website optimized for mobile cloud computing, we prove an improvement of usability and accessibility. Therefore, we offer a guideline about user interface design applications to developers or companies who want to construct mobile website.

• Proceedings of the Korean Institute of Information and Commucation Sciences Conference
• /
• 2012.10a
• /
• pp.725-729
• /
• 2012

In this paper, the standardization of the Web technology of HTML5/CSS3 and JQuery Mobile, using a variety of mobile platforms, run independently within an environment as possible to implement the Mobile Office System. In addition, user friendly Web interface and dynamic web design through a mobile device in a Mobile Office system provides convenience to the user when a hybrid Web application based mobile office system implement.

• The Journal of the Korea Contents Association
• /
• v.13 no.4
• /
• pp.8-16
• /
• 2013

Active studies are under way on telemedicine and medical support based on mobile devices in order to vitalize U-Healthcare. Especially when the medical law is revised to allow a remote prescription system, studies on a mobile prescription system will rapidly increase. And yet since mobile apps have less compatibility due to the nature of mobile platform, there is a restriction that they have to be redeveloped to be compatible with the platform. To compensate this problem, this study designs a mobile web prescription interface by using HLTML5, the standard language of mobile web development and jQuery Mobile, a JavaScript Library. It also adds a feature of converting to a form of standard protocol HL7-based messages to share data with existing hospital information system. This interface makes it possible to be interlocked with the existing hospital information system through the transmission of the HL7 messages. The advantage of the proposed system is that it can be used in various environments since it is independent of mobile platforms and compatible with general computers.