• Title/Summary/Keyword: Web UI

Search Result 182, Processing Time 0.032 seconds

Design of Web-based Edutech System for Improving Interaction in Online Class (온라인 수업의 상호작용 향상을 위한 웹 기반 에듀테크 시스템의 설계)

  • Jang, Ui-Young;Cho, Dae-Soo;Park, Seungmin
    • Proceedings of the Korean Society of Computer Information Conference
    • /
    • 2022.07a
    • /
    • pp.723-724
    • /
    • 2022
  • 지난 코로나 상황 동안 비대면 수업을 진행했고, 학생들은 빠르게 적응했다. 온라인 수업은 학습자가 이해될 때까지 반복 학습이 가능하고, 시간과 공간의 제약 없이 자기 주도적으로 학습할 수 있다는 장점이 있지만, 온라인상이라는 특징 때문에 교수자와 학습자 간 상호작용이 부족하다는 한계점이 존재한다. 하지만 이점은 차후에 비대면 수업의 지속적인 활용 및 확대를 제한하는 요인이 될 수 있다. 본 논문에서는 상호작용을 높일 수 있는 웹 기반 에듀테크 시스템을 제안한다. 온라인 수업의 강의 영상을 세부적인 내용을 나누는 Section을 통해 다른 학생들이 질문했던 Q&A 데이터를 모아서 생성된 Section-FAQ를 열람할 수 있고, 그 Q&A에 반응해서 상호작용이 가능하다. 또한 교수자에게 Q&A를 보낼 때 영상의 Section 정보와 강의시간 정보를 같이 전송하여 강의 영상을 확인하지 않고, 빠른 답변이 가능하도록 설계했다. 본 논문에서 제안하는 온라인 수업의 상호작용 향상을 위한 웹 기반 에듀테크 시스템을 통해 온라인상에서 교수자의 역할을 대신해주고 비대면 수업의 단점을 해소해주면서, 교수자과 학습자 간의 상호작용을 높여 수업의 이해도를 높이고 학습자들의 학업성취를 높일 수 있을 것이다.

  • PDF

Improvement of Mobile Web Usability for Mobile Cloud Computing (모바일 클라우드 컴퓨팅에 최적화된 모바일 웹 사용성 개선)

  • Lee, Myung-Sun;Oh, Hyoung-Yong;Min, Byoung-Won;Oh, Yong-Sun
    • 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.

An Interactive Cooking Video Query Service System with Linked Data (링크드 데이터를 이용한 인터랙티브 요리 비디오 질의 서비스 시스템)

  • Park, Woo-Ri;Oh, Kyeong-Jin;Hong, Myung-Duk;Jo, Geun-Sik
    • Journal of Intelligence and Information Systems
    • /
    • v.20 no.3
    • /
    • pp.59-76
    • /
    • 2014
  • The revolution of smart media such as smart phone, smart TV and tablets has brought easiness for people to get contents and related information anywhere and anytime. The characteristics of the smart media have changed user behavior for watching the contents from passive attitude into active one. Video is a kind of multimedia resources and widely used to provide information effectively. People not only watch video contents, but also search for related information to specific objects appeared in the contents. However, people have to use extra views or devices to find the information because the existing video contents provide no information through the contents. Therefore, the interaction between user and media is becoming a major concern. The demand for direct interaction and instant information is much increasing. Digital media environment is no longer expected to serve as a one-way information service, which requires user to search manually on the internet finding information they need. To solve the current inconvenience, an interactive service is needed to provide the information exchange function between people and video contents, or between people themselves. Recently, many researchers have recognized the importance of the requirements for interactive services, but only few services provide interactive video within restricted functionality. Only cooking domain is chosen for an interactive cooking video query service in this research. Cooking is receiving lots of people attention continuously. By using smart media devices, user can easily watch a cooking video. One-way information nature of cooking video does not allow to interactively getting more information about the certain contents, although due to the characteristics of videos, cooking videos provide various information such as cooking scenes and explanation for each recipe step. Cooking video indeed attracts academic researches to study and solve several problems related to cooking. However, just few studies focused on interactive services in cooking video and they still not sufficient to provide the interaction with users. In this paper, an interactive cooking video query service system with linked data to provide the interaction functionalities to users. A linked recipe schema is used to handle the linked data. The linked data approach is applied to construct queries in systematic manner when user interacts with cooking videos. We add some classes, data properties, and relations to the linked recipe schema because the current version of the schema is not enough to serve user interaction. A web crawler extracts recipe information from allrecipes.com. All extracted recipe information is transformed into ontology instances by using developed instance generator. To provide a query function, hundreds of questions in cooking video web sites such as BBC food, Foodista, Fine cooking are investigated and analyzed. After the analysis of the investigated questions, we summary the questions into four categories by question generalization. For the question generalization, the questions are clustered in eleven questions. The proposed system provides an environment associating UI (User Interface) and UX (User Experience) that allow user to watch cooking videos while obtaining the necessary additional information using extra information layer. User can use the proposed interactive cooking video system at both PC and mobile environments because responsive web design is applied for the proposed system. In addition, the proposed system enables the interaction between user and video in various smart media devices by employing linked data to provide information matching with the current context. Two methods are used to evaluate the proposed system. First, through a questionnaire-based method, computer system usability is measured by comparing the proposed system with the existing web site. Second, the answer accuracy for user interaction is measured to inspect to-be-offered information. The experimental results show that the proposed system receives a favorable evaluation and provides accurate answers for user interaction.

An Implementation for EIP Adopting XUL and SVG (XUL과 SVG를 이용한 EIP 구축에 관한 연구)

  • Cho, Chang-Hee;Kim, Hang-Bae;Lee, Nam-Yong
    • Journal of Information Technology Services
    • /
    • v.3 no.1
    • /
    • pp.79-88
    • /
    • 2004
  • Practical use of Information Technology in present enterprise simply enterprise support do pass over known dimension and is utilizing by means for enterprise competitive power strengthening. Because of these point, a lot of kind of information systems appeared. It can be said that EIP system that many enterprises are introducing recently is concept that appear to also use information in enterprise more efficiently. If present EIP system sees construct example, segment is detected to improve some. First, should do duplicate development despite it is same function to use EIP system in wireless and web browser environment. Second, can hear management's difficulty by immense contents that happen in System Integration. We wish to solve problem that happen in development of existing EIP system using XUL and a SVG technology in this paper that aim to these. XUL is open source In language to manufacture UI that do not receive court of platform and existence and nonexistence captain rain, support wireless and web browser equipment at the same time to source that is produced once if is browser that can manufacture usable interface in web and supports XUL as user wants. SVG method is a skill that can offer convenience that is epoch-making in contents management by software that describe contents representation in source code unlike form that show because calls contents forming already in the existent bit map room and establishes to browser handles this and expresses contents. In paper, produced use of XUL and SVG by prototype to presented whether can apply XUL and a SVG technology to actuality EIP system and verifies whether this is possible and that do actuality through existent method and comparison and excellency were seen.

살아있는e러닝-시멘틱웹기반의e러닝(1)

  • Jeong, Ui-Seok
    • Digital Contents
    • /
    • no.4 s.143
    • /
    • pp.62-63
    • /
    • 2005
  • 학습자가 원하는 학습자원을 컴퓨터가 스스로 찾아내서 학습자에게 전달해주고, 더 나아가 새로운 지식까지 추론해서 제공해 줄 수는 없을까? 살아 있는 e러닝이 되기 위해서는 컴퓨터가 학습자가 원하는 학습자원의 의미를 이해하고, 적시적(Just-in-time)으로 학습자에게 맞는 형태(Just-for-me)로 학습자원을 제공해 주어 학습이 단편적이 아닌 연속적, 통합적으로 이뤄질 수 있는 적응적 학습 환경이 필요하다.의미의 웹이라 불리 우고 있는 시멘틱 웹(Semantic Web)은 의미적으로 연결돼 있는 학습 정보를 컴퓨터가 의미를 이해해서 학습자가 원하는, 학습자 수준에 맞는 정보를 제공해주고, 더 나아가 지식까지도 추론해서 학습자에게 가장 적합한 형태로 전달해 줄 수 있는 강력한 매카니즘으로 부각되고 있다. 이에 필자는 살이 있는 e러닝이 되기 위해서는 시멘틱 웹과의 통합이 필요하다고 생각해 2회에 걸쳐 시멘틱 웹과, 시멘틱 웹을 e러닝에 어떻게 적용할 것인지에 대해 애기해 보고자 한다.

  • PDF

Web-based Project Collaboration Management Tool (웹 기반 프로젝트 협업 관리도구)

  • Kim, Hyeong-Geun;Leem, Woo-Cher;Choi, Hwan-Yong;Seo, Young-Jo
    • Proceedings of the Korea Information Processing Society Conference
    • /
    • 2017.11a
    • /
    • pp.575-578
    • /
    • 2017
  • 학생 때 규모가 작은 프로젝트에서 직장에서의 규모가 큰 프로젝트까지 다른 사람들과 협업하며 프로젝트를 진행하는 것이 당연하다. 효율적으로 프로젝트를 수행하기 위한 간단하면서도 편리한 UI를 제공하는 웹 기반 프로젝트 협업 관리 도구를 제작하였다. 본 프로젝트는 소프트웨어 공학에서 사용되는 디자인 패턴 중 하나인 MVC 2 Model을 사용하였으며, 단순 서비스 제공을 목적으로 하는 것뿐만이 아니라 시스템 성능과 보다 유연한 서비스를 제공하기 위해서 Maven, 자동화 스크립트, Logback, 단위 테스팅, 데이터 6단계 정규화 등을 사용하는 환경을 구축하여 구현하였다.

A Study on providing Idea Commercialization Platform in mobile web environment (모바일 웹 환경에서 아이디어사업화 플랫폼 제공 방안에 관한 연구)

  • Kim, dae-seop;Lee, jae-kyeong;Hyun, mi-hwan
    • Proceedings of the Korea Contents Association Conference
    • /
    • 2018.05a
    • /
    • pp.477-478
    • /
    • 2018
  • 한국과학기술정보연구원(KISTI)에서 구축 운영하고 있는 온라인 아이디어사업화 플랫폼은 창의적 아이디어의 발굴 육성 확산을 통해 국민의 아이디어를 가치화하는 아이디어사업화 지원 플랫폼으로, 창의적 문화와 창업 확산의 중요한 역할을 수행하고 있다. 본 연구에서는 온라인 아이디어사업화 플랫폼의 PC환경 웹사이트와 모바일 이용자 형태를 분석하여 모바일 환경에 간소화된 핵심 메뉴구조와 최적화된 UI/UX, 모바일 장치의 특성을 활용한 모바일 웹 서비스 구축으로 언제, 어디서든, 자유롭게 서비스를 이용할 수 있는 방안을 제시하고자 한다.

  • PDF

Internet Based of Direct Current Motor Real Time Remote PID Control System (인터넷 Web 기반의 서보모터 실시간 원격 PID 제어 시스템)

  • Hong, Sang-Eun;Kang, Hoon-Suk;Lee, Tae-Bong
    • Proceedings of the KIEE Conference
    • /
    • 2005.07b
    • /
    • pp.1120-1122
    • /
    • 2005
  • 인터넷의 급속한 보급으로 인해 데이터 전송 시 발생하는 공간상의 제약을 쉽게 극복 할 수 있게 되어 전 세계 어디서든지 데이터를 주고받을 수 있게 되었다. 이러한 인터넷 웹기반의 장점을 살려서 그동안 실험 연구용으로 사용하던 서보시스템의 PID 제어방법을 인터넷을 기반으로 한 원격제어 시스템으로 구현하였다. 본 논문에서는 DC 서보 모터와 모터 제어 보드, NI사의 DAQ, PC로 시스템을 구현 하였다. UI(User Interface)는 LabVIEW 프로그램을 이용하여 GUI(Graphical User Interface)로 DC 서보 모터의 제어와 작동상태의 모니터링이 용이하도록 하였고, 최적의 PID 이득값을 설정하여 원하는 속도 응답 특성이 양호한 제어를 할 수 있게 하였다. 더 나아가 PID 제어 방법을 원격 실시간의 가상 실습이 가능한 e-Learning에 적용 할 수 있음을 확인하였다.

  • PDF

Cloud-based used bookstore service system (클라우드 기반 중고서점 서비스 시스템)

  • Park, Jong-Seop;Kim, Gyu-min;Park, Su-hyun
    • Proceedings of the Korean Society of Computer Information Conference
    • /
    • 2019.01a
    • /
    • pp.99-101
    • /
    • 2019
  • 본 논문에서는 기존에 제공 되고 있는 애플리케이션의 기능을 향상시켜 새로운 애플리케이션을 제안한다. 해마다 시작되는 학기에 따라 학생들은 전공 서적을 사야하고 한 학기 평균으로 2~4권의 교재 구매한다. 전공 서적의 평균 가격은 서적 당 2만원이 넘는 가격으로서 학생들에겐 부담이 되는 가격이다. 최근에 부상하고 있는 '애브리타임'이라는 애플리케이션은 각 대학교별 정보를 공유하거나 커뮤니케이션이 가능한 애플리케이션이다. 해당 애플리케이션은 '책방'이라는 서비스를 통해 교내에 있는 학생들 간에 중고서적을 거래할 수 있는 서비스를 제공한다. '책방'서비스는 전공 서적뿐만이 아닌 교양서적, 타 학부 전공서적 등 다양한 서적을 구매할 수 있으나 사용자가 필요한 전공서적을 한 눈에 확인하는데 어려움이 있다. 따라서 누구나 쉽게 이용할 수 있고 직관적으로 원하는 서적을 찾거나 구매할 수 있게 쉬운 UI구성의 애플리케이션과 언제 어디서나 접근이 가능하고 정보의 보안이 높은 클라우드 서비스를 융합하여 사용자들의 편의성을 높이고 다양한 카테고리 구성을 통해 교내에 편리한 커뮤니케이션과 정보를 공유할 수 있는 애플리케이션을 개발한다.

  • PDF

Delelopment of Cloud-Based ERP (Cloud 기반의 ERP 개발)

  • Jang, Dai-Hyun;Shin, Seong-Yoon;Lee, Hyun-Chang
    • Proceedings of the Korean Institute of Information and Commucation Sciences Conference
    • /
    • 2019.05a
    • /
    • pp.147-148
    • /
    • 2019
  • In this paper, we propose cloud-based site-oriented ERP development for a construction company. The ERP development was aimed at the development of web-based user service portal and management portal, middleware development based on WCF (Windows Communication Foundation), and client SW development based on WPF (Windows Presentation Foundation). Major developments of ERP are the process refinement of the use process of the small and medium construction, user-oriented UI design, process slimming and automation.

  • PDF