웹디자인의 시각적인 요소가 문자정보의 신뢰성에 미치는 효과

김혁 연세대학교 대학원 2001 국내석사

본 연구는 웹페이지의 시각적인 요소가 문자정보의 신뢰성에 미치는 효과를 알아보기 위해 수행되었다. 실험1에서는 웹디자인의 바람직함을 평가할 수 있는 준거를 마련하였다. 이 준거는 17개의 문항으로 구성되었고 요인분석을 통해 네개의 범주로 분리되었으며, 각각의 범주는 색채 디자인, 메뉴디자인, 가독성디자인, 로고디자인 으로 명명되었다. 이 준거를 기준으로 하여 학부생 36명이 여섯개의 증권사 웹페이지를 평가하였고 이 중 가장 좋은 평가를 얻은 웹페이지, 중간정도의 평가를 얻은 웹페이지, 가장 나쁜 평가를 얻은 웹페이지를 각각 하나씩 선정하였다. 실험2에서는 실험1을 통해 선정된 세 개의 웹페이지를 대상으로 웹디자인의 시각적인 요소가 정보의 신뢰성에 미치는 효과를 알아보았다. 학부생 36명이 선정된 세 개의 웹페이지를 차례대로 방문하여 각각의 웹페이지가 담고 있는 문자정보의 신뢰성을 평가하였다. 이 때 각각의 웹페이지가 담고 있는 문자정보는 동등한 신뢰성을 가지도록 사전에 조작되었다. 실험결과 각각의 웹페이지가 담고 있는 문자정보는 같은 수준의 신뢰성을 가지고 있었음에도 실험참가자들은 웹디자인 평가에서 좋은 점수를 얻은 웹페이지의 문자정보를 더 신뢰롭게 생각하는 것으로 나타났다. 실험3에서는 웹디자인의 시각적인 요소 중에서도 색채 디자인이 문자정보의 신뢰성 평가에 미치는 효과를 좀 더 구체적으로 알아보고자 하였다. 고바야시 색 체계를 준거로 하여 동일한 웹페이지를 차가운 색조, 중간색조, 따뜻한 색조의 세 가지 웹페이지 조건으로 조작하였고 각각의 웹페이지가 제공하는 투자정보를 읽고 적당한 액수를 투자하게 하였다. 실험결과 차가운 색조로 조작된 웹페이지 문자정보가 가장 많이 투자액을 얻었다. 본 연구의 결과들이 시사하는것은 웹디자인의 유형이 따라 문자정보에 대해 느끼는 사용자의 신뢰성이 달라질수 있다는 것이다. This study investigated the effects of visual components in a website on the credibility of its content. In Experiment 1, the evaluation criteria for website design were constructed. These criteria were composed of 17 visual component items that were subdivided into four categories by factor analysis. Those four categories were termed as color design, menu design, readability and logo design. Then 42 undergraduates evaluated six web pages for securities companies on the 17 evaluation dimensions. Given these ratings, three web pages were chosen, one as a good visual design, another as a neutral, the other as a bad one. In Experiment 2, contents of these three web pages were modified into having the identical levels of credibility. Another 36 participants visited and read contents of each web page in order and then evaluated the credibility of them. The result indicated that the content of web page having a good visual design was perceived more credibly than that of web page having a bad visual design. In Experiment 3, investigated that the cool tone color of web page effects on the credibility of its content. These results from these studies imply that the degree of credibility of web contents can be affected by web design.

웹사이트 성능 향상을 위한 웹페이지 분석 기법

김현표 전남대학교 대학원 2000 국내석사

월드 와이드 웹의 발달과 보편화로 등장한 다양한 웹사이트는 사용자의 정보 획득 욕구를 충족시켜주는 최고의 정보 자원이 되었다. 하지만 최근의 웹페이지 제작 경향은 멀티미디어 요소의 무분별한 사용으로 웹페이지가 포함하고 있는 정보의 가치 이상으로 전송 시간을 요구하고 있다. 또한 웹사용자의 경향은 보다 더 좋은 성능에서 정보를 얻고자 하여 정보 전달 능력이 낮은 사이트들은 양질의 정보를 보유하고도 사용자들에게 외면 당하고 있는 추세이다. 본 논문에서 제안하는 웹페이지 분석 기법은 웹디자인의 마지막 단계에 적용되며 웹페이지의 전송 데이터 크기의 축소를 이용한 웹사이트 성능 향상 방법을 기반으로 한다. 분석 과정은 웹사이트에 접근하는 전체 방문자들의 통신망 환경을 고려하여 웹페이지의 전송 시간을 예측하고 예상 전송 시간이 방문자가 만족할 수 있는 시간보다 더 클 경우 구성요소들의 대체 요소들을 이용하여 가능한 대체안을 모두 제시한다. 제시되어진 대안 중 웹페이지의 유용성 손실에 비하여 전달 시간을 단축의 비가 가장 큰 대안을 최적의 대체안으로 선정하여 웹페이지를 대체하는 과정을 수행한다. Many websites in World Wide Web are the best resource to satisfy user's needs acquiring information. But recent webpages including many multimedia components require more transmission time than their worthy of information. And this time, web-user tend to earn information using better performance. So the web site which has good quality information but low ability of transmission is not transmit their information to web user. In this paper we suggest web page analysis tool using many factors about transmission time, satisfaction degree of web user, importance degree of web-page component to improve website performance. Suggested webpage analysis tool is a method for improving website performance with reduction of trasfer data size. After estimating transfer completion time, considering network environment of visitors, if visitors do not satisfy the time of transfer completion time it may analysis the components which can be reduced or changed with substitutions. Though diminisment of media quality, it can save time which transfer completion time of webpage.

모바일 웹페이지 디자인을 통한 중의양생학 (中醫養生學) 대중화 방안 연구 : 중의학 전적 『준생팔전·사시조섭전 (遵生八笺·四時調攝笺)』을 중심으로

호소화 중부대학교 일반대학원 박사과정 2024 국내박사

중의학은 중국 전통 의학의 총칭으로 오랜 역사를 가지고 있으며 풍부한 함의를 담고 있다. 중의학은 중화 민족의 지혜와 문화를 포함하고 있어 인류 문명의 소중 한 유산이다. 그 중에서도 전통 중의양생학은 중국 전통 문화의 중요한 구성 요소 로서 풍부한 이론과 실천 경험을 갖추고 있다. 현대 사회의 발전과 생활 리듬의 가 속화로 인해 사람들의 건강 의식이 점점 높아지면서 양생에 대한 관심도 증가하고 있다. 본 연구는 인터넷 데이터 분석을 통해 사람들이 과학적이고 효과적인 양생 방법을 찾는 과정에서 중의양생학이 점점 더 필요하다는 사실을 확인하였다. 그러 나 인터넷 상의 중의양생학 자료가 많아 사람들은 그 신뢰성을 판단하는 데 어려움 을 겪고 있으며 중의양생학 이론에 대해 단편적이고 체계적이지 않은 이해를 가지 고 있다. 본 연구는 중국 전통 중의양생학 전적인 『준생팔전:사시조섭전(遵生八笺:四時調 攝笺)』를 연구 대상으로 삼아 그 내용을 모바일 웹페이지 형태로 전달하고자 한다. 이 전적은 중국 고대 양생학의 집대성으로서 풍부하고 소중한 문화적, 의학적, 사회 적, 미학적 가치를 지니고 있다. 명나라 만력 년간의 간본과 2010년 황산서사에서 정리하고 출판한 종이본을 연구 대상으로 하여 고문과 현대 문자를 대조하면서 책 내용의 정확성과 완전성을 확보하였다. 또한 서적의 문자, 내용, 이미지 등의 요소 를 심층 분석하여 고서의 심층 내포를 드러내고자 한다. 그리고 관련 분야의 연구 와 실천에 새로운 시각과 방법을 제공할 뿐만 아니라 대중의 전통 중의양생학에 대 한 인식과 이해를 높이는 데 도움이 된다. 동시에 전통 중의양생학을 전승하고 발 전시키는 새로운 방안이 된다. 논문의 본론 부분에서는 문헌 연구, 사례 분석, 데이터 분석 등의 방법을 사용하 였으며 구체적으로 세 부분으로 나누어진다. 첫 번째 부분은 2장과 3장에서 관련 문헌을 고찰하고 사례 분석을 통해 모바일 웹페이지의 개념을 소개하고 현재 유행하는 H5 웹페이지의 개념을 도입하였다. H5 웹페이지의 기능 및 대중화 특성을 분석하고 모바일 인터넷에서의 과학적 정보 대 중화의 특성을 분석하였다. 대중화 디자인 방안을 진행하는 과정에서 디자이너와 수용자의 관점에서 대중화 효과를 비교함으로써 H5 웹페이지 디자인을 통해 『준 생팔전:사시조섭전』의 양생 내용과 사상을 대중화하는 방식을 확정하였다. 이러한 방식은 중의양생학 지식을 더욱 직관적이고 생동감 있게 이해하기 쉽게 전달할 수 있다. 두 번째 부분은 논문의 4장으로 논문의 핵심 장이다. 문헌 연구를 통해 중의양생 학 이론과 H5 페이지 디자인을 결합하였다. 사용자들이 콘텐츠의 신뢰성을 높이기 위해 본 연구자는 『준생팔전:사시조섭전』의 내용을 심층 분석하였다. 시각적 표현 에서 중의양생학 이론과 실천 방법을 합리적이고 정확하게 제시하면서도 책의 원래 모습을 유지해야 한다. 먼저 『준생팔전:사시조섭전』의 내용을 중의양생학 기본 이 론과 결합하여 사계절 총괄 조섭 내용, 사계절 장부(臟腑) 보양 원칙, 계절 양생에 적절한 음식, 계절에 맞는 활동, 그리고 동작 도인 등을 분류하고 내용을 정리하였 다. 다음으로 『준생팔전:사시조섭전』의 문자, 삽화 등의 요소를 분석하고 분석한 후 H5 웹페이지 인터페이스의 시각적 디자인을 수행하였다. 여기에는 사계절 스타 일, 색상, 표준 글꼴, 삽화, 레이아웃 디자인, 동적 상호작용 디자인의 원칙 및 음향 효과 디자인의 원칙을 포함한다. 세 번째 부분에서는 작품을 제작한 후 사용자를 대상으로 하여 설문 조사를 실시 하였다. 수집된 응답지를 통계 방법을 사용하여 데이터를 분석하였다. 우선, H5 웹 페이지를 보기 전에 사용자들이 전통 중의양생학 지식에 대한 이해도와 인터넷에서 제공하는 중의양생학 내용에 대한 수용 정도를 조사하였다. 다음, 제작한 H5 웹페 이지를 본 다음에 설문 조사를 통해 지식 전달의 유효성에 대한 피드백을 수집하고 모바일 웹페이지에서의 시각적 디자인에 대한 인식과 평가를 조사하고 분석하였다. 이를 통해 전통 중의양생학 정보가 모바일 웹페이지에서 시각적으로 디자인되고 전 달되는 효과를 분석하고 그 영향을 미치는 요인을 도출한 후 적절한 최적화 전략과 제안을 제시하였다. 이는 전통 중의양생학 지식의 대중화를 촉진하기 위함이다. 이상의 연구를 통해 전통 중의양생학 정보는 모바일 웹페이지를 통한 시각적 디 자인을 통해 효과적으로 전달될 수 있으며 사용자들에게 유익하다는 결론을 도출하 였다. 또한 중국의 중의양생학 고전을 콘텐츠 개발의 원형으로 삼을 경우 사용자들 이 콘텐츠의 효용성에 대한 의구심을 해소할 수 있다는 점도 확인하였다. 본 연구 의 접근 방식과 디자인 계획은 전통 중의양생학의 발전과 전승에 새로운 방향을 제 시하며 현대인의 건강 상태를 개선하고 전통 중의양생학에 대한 대중의 인식과 이 해를 높이는 데 기여할 수 있다. 주제어: 중의양생학, H5 웹페이지, 대중화 방안, 정보 시각화

서울시 의학도서관 웹페이지에 관한 연구

한혜영 동덕여자대학교 대학원 2004 국내석사

의학도서관은 보건, 의료분야에 종사하는 이용자를 대상으로 그들의 연구, 교육 및 환자치료에 관계된 의학자료들을 수집, 정리, 축적하여 제공하는 기관이다. 이러한 의학도서관이 이용자들에게 꼭 필요한 정보제공기관이 되기 위해서 다양하고 수준 높은 정보서비스가 이루어져야하는 한편 급변하는 정보환경속에 적응하며 발전하는 새로운 도서관의 모습으로 거듭나야한다. 현재 도서관은 정보통신의 기술에 힘입어 전자도서관의 구축을 활발히 하며 인터넷의 확산으로 웹사이트 활용이 각 분야에 걸쳐 활발하게 이루어지고 있고 도서관도 예외이지 않다. 의학 도서관 역시 웹페이지를 구축함으로써 기존 의학도서관에서 제공하는 서비스를 웹으로 확장시키고 다양한 디지털 자원을 이용하여 양질의 정보서비스를 제공하며 이용자와의 상호커뮤니케이션을 효율적이며 활발히 할 수 있다. 그러나 아직은 그 필요성과 관심에도 불구하고 의학도서관에서의 웹페이지의 운영과 웹서비스제공은 미흡한 실정이다. 디지털 시대에 의학도서관이 경쟁력을 갖추고 전문의학정보를 제공하는데 있어서 선도적인 역할을 하는 학술정보기관이 되기 위해서는 의학도서관 웹페이지를 구축하고 활용하는 것에 대한 심도 있는 연구가 요구된다. 이에 본 연구는 의학도서관 웹페이지의 구조와 내용을 분석하고 운영상황을 조사하여 의학도서관 웹페이지의 구축과 운영 그리고 발전방안을 제시하는데 그 목적이 있다. 이를 위한 연구의 조사 및 분석방법으로는 웹페이지의 방문조사와 설문지조사를 실시하였다. 웹페이지의 방문조사 및 분석한 결과는 다음과 같다. 첫째, 의학도서관 웹페이지는 독립적 형식으로 제공되어야 한다. 둘째, 외국어버전이 제공되어야 한다. 셋째, 다양하며 주제에 맞는 정보원을 관련정보사이트로 연결한다. 넷째, 의학도서관 웹페이지를 통해서 다양한 웹DB가 제공하도록 한다. 다섯째, 온라인참고봉사의 경우 웹페이지를 통하여 효과적으로 수행될 수 있게 한다. 여섯째, 원문제공환경이 적절히 구축되어야 한다. 일곱째, 웹서버환경으로는 도서관자동화프로그램의 지원과 전용서버가 지원되어야 한다. 다음으로 웹페이지의 유지 및 관리에 관한 현황에 대한 설문조사의 분석결과는 다음과 같다. 첫째, 의학도서관 웹페이지의 주된 이용자를 대상으로 웹페이지의 목적과 방향을 설정하고 운영하는 것이 필요한 것으로 보여진다. 둘째, 의학도서관 웹페이지 운영 개선과 활성에 필요한 요건으로 컨텐츠의 보강과 운영자의 웹페이지에 대한 지식과 기술력 신장, 재원의 확보, 웹페이지의 교육과 홍보가 요구된다. 셋째, 이용자들과 최고경영자의 웹페이지에 대한 인식을 긍정적으로 할 필요가 있다. 넷째, 웹페이지 컨텐츠로 의학전자정보원의 지원 확대 및 제공이 요구되며 관련의학정보원을 웹페이지를 통해 찾게 하는 것이 바람직하다. 다섯째, 의학도서관 웹페이지를 통한 온라인참고봉사와 온라인이용자교육이 보다 다양하고 이용자의 편의를 고려한 방향으로 실시되어야한다. 여섯째, 이용자의 만족을 높이기 위해서는 편리한 웹페이지 구조를 구축하고 컨텐츠를 강화하며 웹페이지의 최신성을 유지해야 한다. 일곱째, 의학도서관 웹페이지의 안정적이며 효율적인 운영을 위해서 도서관자동화프로그램이 도입과 전용웹서버의 구축 및 설치, 담당직원의 배치가 필요하다. 여덟째, 이용자와의 상호의견을 통한 웹페이지 운영 및 관리가 이루어져야하며 성문화된 규정이 필요하다는 것이다. The purpose of medical libraries is to collect and assort materials relevant to medical researches, education and treatment, and ultimately to provide such information to people in health and medical sectors. For medical libraries to become true providers of necessary information that library users are looking for, they should be equipped with a variety of quality materials and also reborn as a new concept libraries by adapting and developing themselves in the ever-changing information society. As the internet becomes universal with the development of information technology, website has widely penetrated into every corner of our life. Libraries have also been jumping on this web bandwagon, introducing e-libraries in a proactive manner. Website enables medical libraries to provide customer-friendly information services in cyber?space and create a more active and effective communications network with library users. Despite this concern and necessity, medical libraries still have a long way to go in terms of their webpage operation and web services. It is urgently necessary for medical libraries to come up with ideas on how to develop and operate webpages, and through this effort they will be able to become leading academic institutes in providing medical information in the digital era. This study is aimed at finding out ways to upgrade and improve existing webpages and providing feedbacks on the operation of webpages to be installed, by analyzing the structures and contents of medical libraries' webpages and their operation. Webpage visit and questionnaire distribution were employed as survey tools. The following conclusions were obtained, as a result, by webpage visits. First, a webpage should be operated in an independent fashion. Second, English-version contents should be available. Third, information sources on various subjects should be linked to relevant sites. Fourth, various web database should be provided, Fifth, effective online customer services should be realized. Sixth, original scripts should be available. Seventh, a library automation program and an exclusive web server should be installed. The questionnaire survey on webpage maintenance and operation has led the following conclusions. First, a webpage should be operated in a way that it can meet the demands of frequent visitors. Second, contents upgrade, better knowledge and higher skills of operators, secure finance, and education and promotion are required. Third, enlightening webpage users and the top management to hold positive views on webpage is necessary. Fourth, provision of more e-medical information sources as webpage contents are required and their availability in a webpage is desirable. Fifth, more diversified online customer services and online educations for webpage users should be provided in a user-friendly way. Sixth, an easy and simple webpage, more powerful contents and frequent webpage update are necessary to realize more users' satisfaction. Seventh, utilization of a library automation program, installation of an exclusive web server and a permanent webpage operator are necessary. Eighth, webpage operation and maintenance should be done in consultation with users and written regulations are required.

효율적인 정보 검색을 위한 표준화된 웹페이지설계에 관한 연구

박길석 동아대학교 대학원 1997 국내석사

본 논문에서는 사용자들이 각 국가에 있는 중소기업이나 개인 홈페이지를 검색할 경우 겪게 되는 불편과 검색된 정보의 양과 질을 향상시키기 위해 홈페이지의 표준안을 설계하고 제시한다. 기업 웹페이지와 개인 홈페이지는 크게 표준화 부분(Common Section)과 특성화 부분(Unique Section)으로 나누어진 구조를 갖게 된다. 표준화 부분은 다시 크게 일반 항목(General Section)과 표준 항목(Standard section)으로 나누어 진다. ◁표 삽입▷(원문을 참조하세요) 개인 홈페이지의 경우, 본 논문에서는 대학생으로 한정하여 공통화 부분에 들어갈 항목들을 아래와 같이 정의하였다. ◁표 삽입▷(원문을 참조하세요) 중소기업과 개인 홈페이지의 표준 설계방안은 특성화 부분(Unique Section)을 활용하여 각 기업이나 개인의 요구에 맞는 홈페이지를 구축할 수 있도록 하고 있다. 본 논문에서 제시한 중소기업과 개인 홈페이지의 표준 설계안은 중소기업과 개인 정보 검색 서비스 뿐만 아니라 전자상거래 서비스, 구인/구직 서비스 등으로 다양하게 활용될 수 있다. The Internet has many meanings. Originally the Internet is the huge network connecting many LANs(Near Area Network) all over the world. In these days, the meaning of internet is changed and is used by enterprises and users in various ways. The Internet is a important information media for enterprises and users Usually enterprises and users use the internet in order to find much information as their needs. With the beginning of web service and microsoft windows95, users can use the various internet services-including web, ftp, gopher, usenet etc.- easily and conviniently. This makes the internet spread all over the world. The web has a various merits for enterprises and users because this service supports multimedia and hypermeida. By using these merits of web service, many enterprises advertise themselves on the internet to the world. General users, too. Sometimes we need information about an indivisual as well as small and medium size enterprses. The internet is called as "The Sea of Information". But we encounter many difficulties when we try to find individual and SME's information needed in the internet. This paper suggests the standard design of individual and SME's web page to search their information easily on the internet. To create the standard design, Many individual and SME's web sites are analized. As the results of analysis, the standard design is divided into two sections - Common Section and Unique Section. Common Section is composed of several items to Introduce individual and SMEs. Common Section's items are used as search keywords of individual and SME's information. For example, when you want to search manufacturing enterprise in china, usually you connect existing search engine like yahoo or altavista. Next, you input search keyword and start information search. It's very typical information search methods. Usually, you aren't satisfied these results and have some difficulties. But we can search individual and SME's information easily by using Common Section's introduction items. SME Common Section's items are different depanding on company's category. This article divide SME into three categories - Manufacturing, Distribution and Service. Common Section is divided into two sections - General Section and Standard Section. General Section is composed of items that introduce all SMEs generally regardless to their category. Standard Section's items are different according to SME's category -whether the SME is included manufacturing, distribution, or service. Anyway Common Section's items are used as major keyword when we waxlt to search an SME's information on the internet. The items of SME's General Section are followed below. ◁표 삽입▷ The individual homepages' standard design is the same to SME's. That is to say, the individual homepages using standard design are composed of Standard Section and Unique Section, too. The usage and structure of Standard Section and Unique Section are same to the SME's. This paper covers the student's homepage using standard design. The items of individual homepage are followed below. 1. Name 2. Birthday 3. Major 4. Foreign Language 5. Hobby 6. Address 7. E-mail Address 8. Replacement The standard design of individual and SME's can suggest a various additional service. For example, the Job Opportunity and Replacement service may be the first additional service. In the Common Section of individual homepage, users may submit their resume in the internet. These resumes will be a huge database for SMEs that want to employ on the internet. In the Common Section of SME, headquarters may notify employment on the internet. The second service using Common Section may be Electronic Commerce Service. Cyvershopping is the popular service in the internet. Customers can search goods they want to buy by connecting database from SME's Common Section. In the Common Section of SME's homepage, headquarters may advertise their goods or service in the internet. These advertisement will be a huge database for the individuals or buyers that want to buy on the internet.

사용자 경로 정보를 이용한 웹페이지 추천 시스템

강귀영 梨花女子大學校 科學技術大學院 2002 국내석사

인터넷 상에서 일련의 서비스를 제공하는 웹사이트는 많은 사용자와 함께 많은 정보가 등록되며 빠르게 확산되고 있다. 각 사이트들은 기본적인 정보만 제공하던 초기 형태에서 벗어나 점차 많은 정보와 다양한 볼거리를 제공하면서 구조가 복잡해지게 되었다. 한 사이트 내에서 제공되는 정보가 많아지면 그만큼 이용할 수 있는 정보도 많아지게 되지만, 또한 단편적인 정보를 효율적으로 찾기도 어려워진다. 따라서 사용자가 적은 노력으로도 원하는 정보에 도달할 수 있도록 사이트 내부에서 연관성이 있다고 판단되는 웹페이지를 사용자에게 추천하는 서비스가 필요하게 되었다. 한 사이트 내에서 사용자들이 항해를 하게 되면 그 사이트에는 사용자들의 경로정보들이 쌓이게 된다. 이렇게 시간 순으로 쌓이게 되는 경로 정보를 이용하여 웹 페이지들 간의 연관성을 찾아내는 것은 적합한 방법이다. 현재, 브라우징 모델에서 트랜잭션을 이용하는 방법이 다른 방법에 비해 성공적으로 테스트되기도 하였다. 기존의 웹페이지 추천 시스템은 기계 학습이나 연관규칙 타입의 기법을 이용하여 구현된 것이 많다. 기계 학습 기법은 사용자의 선호도 평가를 고려해 연관성을 계산하므로 매우 정확한 추천을 할 수 있지만 사용자는 항상 추천된 페이지에 대하여 자신의 선호도를 평가해야 하는 번거로움이 있다. 연관규칙 타입의 기법은 웹 로그에서 사용자의 경로 정보만을 이용해서 웹페이지간의 연관성을 계산하므로 사용자의 추가적인 번거로움은 없다. 그러나 모든 규칙을 다 찾은 후에 추천을 할 수 있으므로 변화하는 데이터베이스의 정보를 빠르게 적용하기에는 계산하는 양이 많다. 본 논문에서는 현재 사용자의 경로 정보를 기반으로 기존 사용자의 경로 정보 데이터베이스를 검색하여 웹페이지간의 연관성을 찾는 기법을 제시하고 시스템을 설계하였다. 이 기법은 사용자의 경로 정보만을 이용하므로 사용자의 추가적인 선호도 입력이 필요하지 않다. 또한, 현재 사용자의 경로 정보를 기반으로 기존 사용자의 경로 정보의 양과 검색 횟수를 감소시켜 필요한 계산만 하므로 변화하는 데이터베이스의 정보를 빠르게 적용시키기에 적합하다. 설계한 추천 시스템은 제안하는 기법을 통해 기존 사용자의 웹페이지 경로 패턴을 분석하고, 분석된 결과 중 가장 연관성이 높다고 판단되는 웹 페이지를 현재 사용자에게 실시간으로 추천한다. Web services are growing quickly in quality and quantity and accessed by more and more users. Although a lot of information is available in the web site, it is difficult to get particular pieces of information efficiently. For users coming repeatedly their site, it is good for acquiring user's little effort through web page recommendation techniques. If users visited one site, the information of their web page navigation is saved in its log server. It is more suitable to find relationship among the web page information of user's navigation. On view of the browsing model, a transaction identification method is defined and successfully tested. The other existing web page recommendation systems are implemented based on machine learning or association rules. Because, the technique of machine learning computes correlation by taking account of users' preference, it could recommend almost exact web pages. However, it is troublesome work that user always rates likes and dislikes of recommended web page. The method of association rule has not process of rating because it computes correlation among web pages by users' path log. But, this method cannot recommend web page until it come to find all rules. And it has more computing rules for applying quickly changed information of database. In this paper, we propose and design the web page recommendation system which use correlation among web pages by means of searching current user's path information in database of existing users' path information. Because this method makes use of only users' path information, it doesn't deal with rate preference for users additionally. And because it decrease amount of existing users' path information and the search space, it is suited for applying changed information quickly. Suggested recommendation system analyzes existing users' web page path information, and then recommends possible web page, which is estimated to current web page visitor.

패션전자상거래를 위한 의복 치수체계 개발과 웹페이지 구축

김선희 梨花女子大學校 2000 국내박사

This study is focused on developing the Apparel Sizing System (ASS) and establishing the Webpages to be applied to the world of fashion for activating a fashion-related E-Commerce throtugh the Internet. In this regard, a sizing system is to be developed that could be used to appreach consumers more easily and provide more fitness and accuracy in terms of size and style. Furthemore, the webpages for fashion E-Commerce were constructed with the output from the study in mind while applying it to thd Internet shopping malls. The results in the study are as follows: 1. According to the result of the survey on the usage and sizing system in the apparels of on-line and catalog shopping, the cosumers who once purchased apparels in that manner continue doing the same. Catalog shopping was the most preferred form of shopping. Next came TV, newspapers and Internet in that order. The most dissatisfying part in apparels purchased was texture, and the second biggest problem was size. About 51.2 percent of them were returned or not worn, while the top reason was inappropriate sizes, Color and texturd came next on the list. According t the survey on the acknowledgement-rate concerning the body size of consumers, most of respondents were aware of height and weight, and 80 percent of respondents said that they were aware of waist circumference. But, chest circumference and hip circumfernce were recognized only by 58.4 percen and 35.6 percent, respectively. 2. According to the research and analysis on apparel items and their sizing systems of 10 fashion e-commerce businesses which were exhibited on the Internet pages, ond can conclude that the sizing systems of the Internet sites were not systematical, ane thus poorly organized. For example, on one e-commerce site, the sizing system even for the same item was not universal. Basides, as each of the enterprises had its own sizing system, there were many other different sizes for the same size designation. Regarding the using-rate of sizing system iv the total number of apparel goods, the sizd desinations of 85, 90 and 95 were most widely used. Next followed S, M and L and 44, 55 and 66 in that order. 3. To extract an estimation equation of body sizd through Multiple Regression Analysis, the circumferences of chest and hip could be estimated by height, weight, and waist circumference of which most consumers were well aware. The target stuy was on a group of women eighteen to forty-nine years of age. The 3rd National Anthropometry Survey was also used in the examination. For more accurate regression equations, groupings were made in the two categories of age (81 to 29/30 to 49) and in the three body types (Type N, Type A and Type H). Then, the regression equations wrer established for three sectors, ① chest circumference not filled ② hip circumference not filled up and ③ neither filled up for chest nor for hip circumference. The final results of regression analysis were presented in <table 4-25>. About 51.2 percent of them were returned or worn the top reason was inappropriate sizes. Color and texture came next on the list. According to the survey on the acknowledegement-rate concerning the body sizd of consumers, most of respondents were awre of waist circumference. But chest circumference and hip were recognizde only by 58.4 perent and 35.6 percent, respectively. 2. According to the research and analysis on apparel items and their sizing systems of 10 fashion e-commerce businesses which were exhibited on the Internet pages, one can conclude that the sizing systems on the Internet sites were not systematical, and thus poorly organized. For example, on one e-commerce site, the sizing system even for the same item was not universal. Besides, as each of the enterprises had its own sizing system, there were many other different sizes for the same size designation. Regarding the using-rate of sizing system in the total number of apparel goods, the sizd designations of 85, 90 and 95 were most widely used. Next followed S M and L and 44, 55 and 66 in that order. 3. To extract an estimation equation of body size through Multiple Regression Analysis, the circumferences of chest and hip could be estimated by height, weight, and waist circumference of which most consumers were well aware. The target study was on a group of women eighteen to forty-nine years of age. The 3rd National Anthropometry Survey was also used in the examination. For more accurate regression equations, groupings were made in the two categories of age (18 to 29/30 to 49) and in the thred body types (Type N, Type A and Type H). Then, the regression equations were established for three sdctors, 峯 chest circumference not filled up, 峰 hip circumference not filled up, 捧 neither filled for chest nor for hip circumference. The final results of regression analysis were presented in <tabld 4-25>. 4. An ASS needed in webpages for fashion E-Commerce was establised. One of the ready-to-wear enterprises were selected with algorithm drawn on two sizing systems(44,55/85,90). Using five body sizes(height, weoght and circumfereneds ov waist, chest and hip) in total including equations in the study of Chapter IV, an ASS needed for the webpages for fashion E-Commerce was yielded. Then the webpages applying the ASS were constructed, which were formed by the algorithm of <figure 4-3>. On the webpages formed in relation with this study, no matter what sizd in the ready-to-wear enterprises was selected by the consumers who once put their information in the member registration, the most appropriate sizes for them are automatically given and transferred to the order forms of chosen enterprises with aid of internal programs of the webpages. In addition, when consumers enter their body sezes in the units that are familiar to them, such as inches or centimeters, the units are automatically programed so that that can be converted for the sake of convenience. 5. Based on the algorithm above, the webpages for fashion E-Commerce were established. The webpages created in relation with this study were dynamic one using Active Server Page (ASP) techniques. In the meantime, they also used Data Base (DB), Personal Web Server (PWS) and ASP as the application service provider. Basides, as the webpages have a user-friendly interface, errors made at time of a consumers selectings sizes can be minimized. Even though consumers enter only sizes they are aware of, other remaining sizes are automatically estimated through the regression equations. 6. To verify the contents of the webpages, the Web-Questionnaire was also used targeting adult women of 18 to 49 years of age. According to the analysis, many consumers chose the size 90 and 95, while the sizing system chose the sizes 85 and 90, respectively. The size 55 and 66 was selected in the sizing system 44 and 55. And the sizes M and L were chisen in the sizing S and M by many of them. In this manner, many of the consumers preferred a little bigger size to their real body size. And there was a high probability of aberration or errors in the sizes 44, or 88 when not well-considered, as special characteristics of the body shape. On the other hand, there was a big difference in the cover-rate according to the extent ranges ( 3/ 3.5) determined by each of the ready-to wear enterprises whose sizing systems are applying the algorithm where sizes are extracted automatically. Such being the case, solutions to many problems in the sizing system of ready-to-wear entirprises are needed along with practical classifications of the body shape. 본 논문에서는 인터넷을 이용한 패션전자상거래의 활성화를 위한 패션전자상거래에 적용할 수 있는 의복 치수체계를 개발하고자 하였다. 따라서 소비자 측면에서 쉽게 접근할 수 있고, 좀 더 자신에게 적합하고 정확한 치수를 선택할 수 있는 치수 체계를 개발하여 그 결과를 인터넷 패션 쇼핑물에 적용시킨 패션전자상거래용 웹페이지를 구축해 보았다. 이를 위해 인터넷, 전자상거래 등의 국내 현황을 조사한 후 1) 온라인 및 통신판매 의류제품을 구입해 본 소비자를 대상으로 한 살문조사를 통하여 의류제품 구입 및 판매현황 및 문제점, 그리고 현재 온라인 및 통신판매 의류의 치수체계에 대해 조사, 분석하였고, 2) 패션전자상거래 인터넷사이트 업체별 자료를 수집, 분석하였으며; 3) 우리나라 국민체위조사자료에 기초한 회귀분석식을 이용하여 소비자의 특정한 신체치수를 추정하였고; 4) 패션전자상거래용 의복 치수체계에 대해 연구하였으며; 5) 패션전자상거래를 위한 치수체계를 적용한 패션 웹페이지를 구축하고; 6) 인터넷 웹설문조사를 통하여 구현된 웹페이지의 의복치수체계에 대해 검증해보고, 차후 개선방안 및 연구 과제를 제언하였다. 본 논문의 연구결과는 다음과 같다. 1) 온라인 및 통신판매 의류제품 구입관련 이용현황 및 치수체계 조사 분석결과, 한번 구입경험이 있는 소비자는 지속적으로 의류를 구입한다는 것을 알 수 있었고, 이용매체는 카탈로그를 가장 많이 이용하고, TV, 신문, 인터넷 순으로 나타났다. 구입한 의류에 대한 만족도에서 가장 불만족한 부분이 재질이었고, 두 번째가 치수였다. 그리고 구입한 의류가 불편해서 입지 않거나 반품하는 경우 51.2%나 차지하였고, 반품의 이유는 첫 번째가 치수의 부적합이었고, 그 다음으로 색상, 재질의 문제였다. 부위별로 불편정도를 살펴본 결고, 상의의 경우 소매길이와 옷길이가 짧거나 길다고 대답한 비율이 가장 높았고, 하의의 경우 밑위길이와 치마·바지길이가 불편하다고 응답한 비율이 가장 높았다. 온라인 및 통신판매로 구입하는 의류종류중 여성복이 가장 많이 판매되었고, 의류품목상 셔츠·티셔츠가 가장 많이 구입하는 품목이었다. 소비자들의 신체치수 인지도를 조사한 결과, 신장, 체중은 거의 대부분의 응답자가 인지하고 있었고 허리둘레로 80%의 응답자가 인지하고 있었으나, 가슴둘레는 58.4%, 엉덩이둘레는 35.6%만이 치수를 알고 있었다. 2) 인터넷에 개설중인 패션전자상거래 10개 업체별로 게재된 의류품목 및 품목별 치수체계를 조사·분석한 결과 한 전자상거래 사이트에서도 같은 품목의 의복에 적용하는 치수체계가 여러 개인 경우가 많았다. 또한 의복을 제작하거나 납품하는 업체마다 자신들만의 치수체계를 지니고 있기 때문에 같은 호칭이면서 다른 치수인 경우도 있었다. 또한 총 의류제품수에 대한 치수체계별 비율을 조사한 결과, 85,90,95 호칭이 가장 많았고, 그다음으로, S,M,L 호칭, 44,55,66 호칭이 많았다. 3) 의복을 선택할 때 맞음새에 중대한 영향을 미치는 신체부위치수 중에서 대부분의 소비자들이 가슴둘레와 엉덩이둘레를 인지하지 못하고 있었으므로, 신장, 체중, 허리둘레를 제 3차 국민표준체위 조사자료를 이용하여 회귀분석을 통해 가슴둘레와 엉덩이둘레를 추정해 내었다. 대상은 만 18∼49세의 여성으로 한정하였고, 보다 정확한 회귀식 산출을 위해 연령별(만 18∼29세/만 30∼49세), 체형별(N type/ A type/ H type)로 grouping 한 후 ① 가슴둘레 미기입시, ② 엉덩이둘레 미기입시, ③ 가슴둘레와 엉덩이둘레 모두 미기입시, 이렇게 3경우에 대해 회귀식을 산출하였다. 최종회귀분석결과는 뒤의 <표 4-25>에 제시하였다. 4) 실제 웹페이지 구축에 필요한 패션전자상거래용 의복 치수체계를 구성하였다. 기성복 업체 중 한 곳을 선택한 후, 두 종류의 치수체계(44,55/85,90)에 대해 알고리즘을 작성하여 패션전자상거래를 위한 총 5개 항목(신장, 체중, 허리둘레, 가슴둘레, 엉덩이둘레)의 치수체계를 적용한 웹페이지를 구축하였다. 본 논문에서 구축한 웹페이지에서는 소비자가 자신의 정보를 처음 회원 가입시 한번만 입력하면 어떤 기성복업체의 치수체계에서도 자신에게 적합한 치수가 자동으로 선택된 후 각 업체별 주문서에 기록된다. 또한 자신의 신체치수 입력시 단위를 inch, cm 중 어느 하나로 기입하더라도 자동으로 cm로 변환되도록 설계하였다. 5) 패션전자상거래를 위한 치수체계를 적용하기 위해 만들어진 알고리즘에 따라 ASP(Active Server Page)를 이용한 동적인 홈페이지로, 데이터 베이스(DB)를 이용한 패션 웹페이지를 구현하였다. 또한 실제 인터넷 운용서버 대신 개인용 웹서버인 PWS(Personal Web Server)를 이용해 웹서버를 구성한 후 그 위에 ASP를 이용한 패션 웹페이지를 구현하였다. 6) 만 18∼49세의 성인여성을 대상으로 웹 상에서 웹 설문지를 이용하여 본 논문에서 구축한 패션전자상거래를 위한 치수체계를 적용한 웹페이지의 내용을 검증하고 개선방안 및 연구과제를 도출하였다. 조사 겨과 현재 통일되지않은채 혼용되고 있는 여거 종류의 의류치수체계 중에서 가장 많이 석택하는 치수로는 치수별료 90과 95; 55와 66; M과 L; 7과 9치수로 나타났다. 또한 실제 자신의 치수보다 조금 더 큰 치수를 선택하며, 44치수나 88치수의 경우 체형특성(N/A/H형)을 배제하고 5가지 기본항목(신장, 체중, 가슴둘레, 허리둘레, 엉덩이둘레)만으로 치수를 선택하는데 오류가 생길 확률이 높았다. 치수가 자동으로 추출되는 알고리즘을 적용하느 기성복 업체의 치수체계에 있어서 그 분포를 어떤 기준에 의해 잡느냐( 3/ 3.5)에 따라 커버정도가 큰 차이를 보였다. 따라서 기성복 업체의 치수체계 자체의 문제해결 및 실질적으로 적용 가능한 체형분류가 필요하다는 사실을 알 수 있었다.

심층학습을 적용한 웹페이지 자동 생성 방법에 관한 연구 : 쇼핑 웹사이트를 중심으로

김정환 고려대학교 대학원 2024 국내박사

This study aims to explore new methods of website creation to meet the surging demand for website production, spurred by the increasing demand for online businesses and the importance of non-face-to-face services. It has designed and implemented a system capable of generating actual websites based on artificial intelligence and data, technologies of the Fourth Industrial Revolution. Usability evaluations were conducted with IT experts and general users to validate the proposed system. The study was carried out in the following steps: First, it researched the overall process and environment of website production, exploring the evolution of technology and production environments, and identifying limitations. It examined the industry from website production agencies to Wix's ADI (Artificial Design Intelligence) service and sought ways to apply deep learning to automatic website generation systems. Second, it reviewed prior research on artificial intelligence technologies, identified necessary deep learning models, and selected models suitable for the analysis and inference of websites. Third, it established a classification system based on industry types and functions of websites, classified paragraphs and components of web pages, and designed a complete automatic website generation system applicable to deep learning. Finally, it trained four types of deep learning models, implemented inference capabilities, and integrated them with the automatic website generation system to implement the full functionality of the system. Usability evaluations were conducted with experts and the general public to verify the system's usability, aiming to improve its effectiveness and directions for development. The general procedure for website production consists of data collection, planning, design, and development. This process has not changed significantly since the early 2000s when the web spread rapidly in Korea, although there have been significant changes in the production and service environments. The most significant change is that the production environment is now mostly web-based. Whereas past web utilization was limited to email or file-sharing services, recent practices involve using collaborative planning tools like Google Sheets and presentations and collaborative design tools like Figma on websites. Since the 2010s, services known as automatic website generation systems have been rapidly disseminated, enabling even development to be completed on a web basis. These systems allow for the easy implementation of various functions necessary for development with a selection of features and some settings. Furthermore, the range of services these systems can provide is gradually expanding, now encompassing planning and design. This shift in the production environment paradigm towards automatic website generation systems has led to the rapid emergence of the 'No-Code' production method, which does not require development. In the field of design, the concept of 'Computational Design,' a new concept based on computing and cutting-edge technology, is expanding. This paradigm shift is changing to quickly produce cohesive and empathetic designs based on templates. Since this paradigm shift is all based on web systems, it enables the collection and automation of production data and procedures. The core technology for automatically generating websites lies in the learning and inference of artificial intelligence models. Therefore, to use the most suitable artificial intelligence technology, a study was conducted on artificial intelligence technologies. According to Aurelien Geron's book 'Hands-On Machine Learn,' artificial intelligence technologies mainly consist of supervised learning, unsupervised learning, and reinforcement learning, each with different usage areas, technical characteristics, and application fields. This study falls under supervised learning, as it is based on existing data for learning and finding answers. Deep learning in supervised learning includes three major types: classification, object detection, and image segmentation. The study deemed a 'classification algorithm' for analyzing images and an 'algorithm for detecting elements' as necessary. To construct an environment where artificial intelligence models can learn and infer, it is necessary to collect and process vast amounts of website data. While it was difficult to collect numerous industry-specific and function-specific website production data in the past, it is now possible to collect diverse and extensive data due to the proliferation of automatic website generation systems, with the entire production procedure being web-based. This study utilized an automatic website generation system to collect and process data, conducting learning and inference of artificial intelligence models. The study also designed and implemented an automatic website generation system based on artificial intelligence and its integration with the web. Next, the environment for the artificial intelligence-based automatic website generation service must be a system capable of stably storing and using large amounts of data and providing stable service against the traffic of numerous users. Therefore, the infrastructure environment was determined to be cloud-based and designed as a SaaS (Software as a Service) according to Sether Ayob's advantages of cloud computing (Ayob 2016). The most prioritized part of the website production procedure is to understand the minimum classification and functional requirements of the industry to which the customer's desired website belongs. For this, the simplest and most effective method was deemed to be receiving the address or image of a benchmarking website. When a website address is entered, the system was designed to download the website as an image using the scraping function proposed by Moaiad Ahmad Khder (Khder 2021). Then, the deep learning model analyzes the image, and the inference results are matched with the data of the automatic website generation system, following the overall structure and flow of the automatic code generation (ACG) process proposed by John Vlissides (Budinsky, Finnie et al. 1996). The design of artificial intelligence involved implementing at least three types of models for analyzing and inferring websites. The first model, YOLOV8, was deemed most suitable for 'detecting paragraphs' that make up a page, using a single-layer object detection algorithm. The second model, EfficientNetV2, was deemed suitable for 'classifying the types and numbers of paragraphs' using a convolutional neural network's image classification algorithm. The third model, similar to the first, was deemed suitable for 'detecting elements such as images or text within paragraphs.' Subsequently, the study collected and labeled about 1,000 e-commerce web pages for paragraphs, types, and elements, and based on this data, trained the models. The trained models were then implemented in a serving environment, and the entire interface capable of analysis and inference was implemented. Finally, the study implemented 'DWAGS (Deep Learning-Based Website Automatic Generation System),' a system that can automatically generate actual websites by receiving the address or image of a benchmarking website. To verify whether websites generated by DWAGS are suitable for immediate use in the industry, a survey was conducted among actual IT experts and the general public. The first evaluation yielded an average score of 3.8, confirming its usability, but various opinions for usability improvement were converged, leading to the improvement of DWAGS. A second evaluation was conducted with more survey participants to track the results. The second usability evaluation resulted in an average score of 4.2, a 10% increase in evaluation scores, and particularly high praise from experts, confirming its applicability in the industry. Previous studies and cases of services provided by companies show that while research and development in artificial intelligence are very active, image-based results are often awkward or do not meet user intentions, making them insufficient for immediate application in the industry. However, this study is of high practical value as it concretely proposes a new suggestion that can be used in the industry by completely redesigning the website automatic generation system based on data, leveraging the innovative technologies of artificial intelligence, a leading technology of the Fourth Industrial Revolution. Although research in the field of artificial intelligence-based image generation and design is actively underway, the results are still fragmented and have clear limitations. Therefore, this study is significant in the industry as a new data-based automatic generation system applying deep learning and academically as a representative example of how innovative services can be integrated into actual industries. Moreover, by concretizing the classification system for various paragraphs and elements, which was previously lacking from an industry-specific and functional perspective, the study contributes to the knowledge of various web industries, such as feature development. Furthermore, it is expected to create a new paradigm in website production and contribute to the development of the industry by providing fast and convenient services to various entrepreneurs aspiring to online businesses, based on the maximization of productivity with artificial intelligence. 온라인 비즈니스의 수요 증가와 비대면 서비스의 중요성이 크게 높아짐에 따라 폭증한 웹사이트 제작의 수요를 감당하기 위하여 새로운 제작 방법을 모색할 필요가 있어, 인공지능과 데이터를 기반으로 실제 심층학습을 적용한 웹페이지 자동생성 시스템을 설계하고 구현하였다. 그리고, 구현된 시스템에 대해 IT 전문가와 일반 사용자를 대상으로 사용성 평가를 실시하여 제안된 시스템을 검증하였다. 본 연구는 다음과 같은 절차에 따라 진행되었다. 첫째, 웹사이트 제작의 전반적인 절차와 환경을 조사하여 기술과 제작환경의 발전을 연구조사 하였으며, 한계점을 확인했다. 웹사이트 제작 전문 대행업체로부터 윅스의 ADI(Artificial Design Intelligence)서비스에 이르기까지 산업의 전반을 둘러보고, 웹사이트 자동 생성 시스템에 심층학습을 적용할 방법을 모색했다. 둘째, 인공지능 기술에 대한 선행연구를 검토하고 필요한 분야의 심층학습 모델을 확인하였으며, 웹사이트의 분석 및 추론에 적합한 심층학습 모델을 선택하였다. 셋째, 웹사이트의 산업 유형과 기능을 바탕으로 분류체계를 수립하고, 웹페이지의 단락이나 구성요소도 유형 분류를 하였으며, 심층학습이 적용가능한 웹사이트 자동 생성 시스템 전체를 설계하였다. 마지막으로 심층학습 모델 4종을 학습하고 추론기능을 구현하였으며 이를 웹사이트 자동 생성 시스템과 융합하여 시스템 전체 기능을 구현하였다. 그리고 구현된 시스템의 사용성을 검증하기 위해 전문가와 일반인 두 그룹에 대하여 사용성 평가를 실시하였으며, 발전방향을 도출하며 완성도를 향상시키고자 하였다. 웹사이트 제작의 전반적인 절차는 크게 자료수집, 기획, 디자인, 개발의 순으로 이루어지고 있다. 이 절차는 국내에 웹이 빠르게 보급되던 2000년대 초반부터 현재까지 큰 변화가 없었으나, 제작 환경이나 서비스 환경에는 큰 변화가 있었다. 가장 큰 변화는 제작 환경이 대부분 웹을 기반으로 이루어진다는 것이다. 과거의 웹 활용도는 이메일 또는 파일 공유 서비스를 이용하는 수준이었으나, 최근에는 구글의 시트나 프레젠테이션 같은 협업기반의 기획도구와 피그마와 같은 협업 기반의 디자인 도구를 웹사이트에서 사용하며 제작을 완료한다. 또 2010년대부터는 웹사이트 자동 생성 시스템이라 불리는 서비스가 빠르게 보급되며 개발마저 웹기반으로 제작을 완료할 수 있도록 하였다. 웹사이트 자동 생성 시스템은 기능의 선택과 약간의 설정으로 개발이 필요한 각종 기능을 웹에서 쉽게 구현할 수 있다. 또 지속적으로 기능을 늘리고 템플릿의 양을 확대해서, 최근에는 기획 및 디자인까지 모두 웹사이트 자동 생성 시스템에서 제작할 수 있도록 하는 등 서비스 가능한 영역을 점차 확대하고 있다. 이렇듯 제작 환경의 패러다임이 웹사이트 자동 생성 시스템을 중심으로 점차 바뀌며 개발이 필요 없는 제작 방법인 ‘노코드(No-Code)’라는 개념이 급부상했다. 디자인의 영역에서도 컴퓨팅과 최신 기술을 바탕으로 만드는 새로운 개념인 ‘컴퓨테이셔널 디자인(Computational Design)’이 확대되며, 템플릿 기반으로 조합해가며 짜임새 있고 공감할 수 있는 디자인을 빠르게 제작하는 패러다임으로 바뀌고 있다. 이러한 패러다임의 변화는 모두 웹시스템을 기반으로 하기 때문에 제작 데이터의 수집이나 제작 절차의 자동화를 가능케 하고 있다. 웹사이트를 자동 생성하는 핵심 기술은 인공지능 모델이 학습과 추론을 하는데 있으므로 가장 적합한 인공지능 기술을 사용하기 위하여 인공지능 기술에 대한 조사를 실시하였다. 본 연구에서는 기존의 데이터를 기반으로 학습을 하고 답을 찾는 추론기반의 시스템이므로 지도학습에 해당한다. 지도 학습의 심층학습은 분류 (Classification), 탐지(Object detection), 세그멘테이션(Image segmentation)의 큰 세가지 종류가 있으며, 본 연구에서는 이미지를 분석하기 위한 ‘분류 알고리즘’과 요소를 ‘탐지하는 알고리즘’이 필요하다. 인공지능 모델이 학습 및 추론 가능한 환경을 구성하기 위해서는 웹사이트의 방대한 데이터를 수집하고 가공해야 한다. 과거에는 수많은 산업별 그리고 기능별 웹사이트 제작 데이터를 수집하기 어려웠으나, 근래에는 웹사이트 자동 생성 시스템의 보급으로 제작 전반의 절차가 웹기반 시스템으로 구성되어 있으며, 다양하고 많은 데이터 수집이 가능하다. 본 연구에서는 웹사이트 자동 생성 시스템 시스템을 이용하여 데이터를 수집 및 가공하고 인공지능 모델의 학습과 추론을 하며, 웹사이트 자동 생성 시스템과 인공지능을 융합하여 웹사이트 자동 생성까지 설계 및 구현하였다. 다음으로 인공지능 기반 웹사이트의 자동 생성 서비스의 환경은 많은 데이터를 안정적으로 저장하고 사용할 수 있는 시스템이어야 하며, 유동적이고 많은 사용자의 트래픽으로부터 안정적으로 서비스되어야 하므로 서버의 유연성과 확장성이 반드시 확보되어야 한다. 인프라 환경은 클라우드 기반으로 하며 SaaS(Software as a Service)의 형태로 서비스를 설계해야 한다. 웹사이트 제작의 절차 중 가장 우선시되는 부분은, 고객이 만들고자 하는 웹사이트가 어떤 산업에 해당되는지에 대한 최소한의 분류나 기능 요구사항을 파악해야 한다. 이를 위해 벤치마킹 웹사이트의 주소나 이미지를 입력 받는 것이 가장 간단하고 효과적이다. 웹사이트 주소가 입력되면, 스크랩핑(Scraping)기능을 활용해 해당 웹사이트를 이미지로 다운받도록 설계했으며, 이미지를 심층학습 모델이 분석하고 그 추론 결과를 기반으로 웹사이트 자동 생성 시스템의 데이터와 대응시켜, 자동화 코드 생성(Automatic Code Generation, ACG)의 과정이 수행되는 전체 구조와 흐름도를 설계했다. 인공지능의 설계에서는 적어도 3가지 종류의 모델이 구현되어야 웹사이트의 분석과 추론이 가능하다. 첫번째 모델은 페이지를 구성하는 ‘단락을 탐지’하기 위해, 단일 계층 객체 탐지 알고리즘의 YOLOV8이 가장 적합하다고 판단했다. 두번째 모델은 ‘단락의 유형과 단수를 분류’하기 위해 합성곱 신경망의 이미지 분류 알고리즘인 EfficientNetV2가 적합하다고 판단했으며, 마지막 세번째 모델은 단락 내에 존재하는 ‘이미지나 텍스트 등 요소의 종류를 탐지’하기 위해 첫번째와 같은 알고리즘이 적합하다고 판단했다. 이어서 각 인공지능 모델을 학습시키고자 전자상거래 웹페이지 1,000여개를 수집하여 단락, 유형, 요소에 대한 레이블링 가공작업을 하였고, 이 데이터를 바탕으로 모델의 학습이 이루어졌다. 학습된 모델을 바탕으로 서빙 환경을 구현하였으며, 분석 및 추론이 가능한 전체 인터페이스를 구현했다. 마지막으로 벤치마킹 웹사이트의 주소나 이미지를 입력 받고, 실제 웹사이트 자동 생성까지 가능한 시스템인 ‘DWAGS (Deep Learning-Based Website Automatic Generation System, 이하 DWAGS)’를 구현했다. DWAGS로 생성된 웹사이트가 실제 산업에서 바로 사용하기에 적합한지를 검증하기 위하여 실제 IT전문가와 일반인을 대상으로 설문조사를 수행했다. 1차 평가 결과 평균 3.8점을 받아 사용 가능성을 확인할 수 있었으나 다양한 사용성 개선 의견이 수렴되어 DWAGS의 개선을 수행하였다. 그리고 그 결과를 추적 관찰하기 위하여 더 많은 설문 대상자에게 2차 평가를 실시했다. 2차 사용성 평가 결과 합계 평균 4.2점으로 10%가량의 평가 점수가 상승했으며, 특히 전문가로부터 호평을 받는 등 산업에 적용이 가능함을 확인할 수 있었다. 지금까지의 선행연구나 서비스되고 있는 기업의 사례를 살펴볼 때, 인공지능 연구 및 서비스의 개발은 매우 활발하지만, 이미지 기반의 결과물들은 아직은 어색하거나 사용자 의도에 부합하지 않아 산업에서 바로 적용하기에 부족한 경우가 많았다. 하지만 이 연구에서는 인공지능의 혁신성과 웹사이트 자동 생성 시스템을 데이터 기반으로 완전히 재설계함으로써, 산업에서 바로 사용할 수 있는 새로운 제안을 구체적으로 제시했음에 실무적인 가치가 높다. 인공지능 기반의 이미지 생성이나 디자인 분야는 최근 활발히 연구되고 있지만, 아직 단편적인 결과나 한계점이 뚜렷하므로 이 연구가 심층학습이 적용된 새로운 데이터 기반 자동생성 시스템으로써 산업에 의미가 매우 크며, 혁신적인 서비스가 어떻게 실제 산업과 융합 가능한지에 대한 대표적 사례로써 학술적으로도 의의가 크다. 또, 웹의 산업별, 기능별 관점에서 전무했던 다양한 단락과 요소에 대한 분류체계를 구체화했다는 점에서 규격을 만들기 위한 첫걸음일 수도 있으며, 기능 개발 분야 등 다양한 웹산업의 지식에 기여하였다. 나아가, 인공지능 기반 생산성의 극대화를 바탕으로 다양한 연구와 서비스 출시가 활발히 이뤄짐으로써, 웹사이트 제작의 새로운 패러다임을 만들고, 온라인 비즈니스를 희망하는 다양한 기업인에게 빠르고 편리한 서비스를 제공하는 등 산업의 발전에 이바지하기를 기대한다.

초등학교 자치 활동을 위한 학급경영 웹페이지 설계 및 구현

조창익 麗水大學校 敎育大學院 2005 국내석사

At this moment that various changes are rapidly made in values and behavior patterns of nowaday students, changes in the way of communication with them are required. Teachers need not analogue mode but digital mode of communication to make relationships with students who formulate a new way of communication in the new environment. To this end, teachers in classes are applying various education methods and developing new education methods for students. One form of them is application of education methods using class-web-page. It is used to activate self-governing activity as an extra-curriculum and to transcend restrictions of time and space. Thus in this thesis, class-web-page is implemented to help class management on the basis as the following. First, functions capable of making direct or indirect interaction among participants are required because interactions are very important between students and between a student and a teacher in the self-governing activities. Especially for the fostering the quality of democratic citizen, the space is needed to express one's opinion enough from all viewpoints. To implement this on the web, many kinds of CGI(Common Gateway Interface) are needed, Since it is difficult for one, not an expert, to develop CGI composed of PERL, PHP, ASP, etc., CGI open to the public is recommended. Thus we embodied an easily accessible current CGI of domestic production. Second, we implemented mutual dynamic homepage and made it possible to share information in common and communicate between a teacher and a student and between students. Accordingly, we are capable of cyber self-government activity based on the web, and through this we can heighten the ability of problem solvability. Third, though the class-web-page is constructed mainly for the self-government, it should be helpful for class-management. In addition, it should be a source for students to obtain much information as it is a web-based system. Fourth, the merit system, message sending function and continuing music to remove boredom during the process of connection are included to motivate students to use web more often. Fifth, we encouraged students to manage the web page as possible by assigning one student one role. The web page implemented in this thesis is composed of 6 main menu and 26 sub menu, and is made to be another class activity as a mutual dynamic web page beyond time and space. This web page made it possible for teachers as an open adviser to give students educational feed-back any time in the internet environment and to manage class effectively as a result of educational opportunities spending more time with students.

동적 웹페이지의 선반입을 통한 웹사이트 성능향상

황문일 서울산업대학교 산업대학원 2010 국내석사

월드와이드웹(World Wide Web)은 오늘날까지 폭발적인 발전을 거듭하고 있으며 정치, 경제, 문화 등 우리 사회 전반에 변화를 일으키고 있다. 이에 따라 웹사이트는 기존 고객 유지와 신규 고객 유치를 위한 훌륭한 도구로서 자리 잡게 되었으며 웹사이트의 효율적인 구성과 운영에 대한 중요성은 점점 커져가고 있는 추세이다. 본 논문에서는 웹사이트 성능향상에 대한 방안으로 웹에서 클라이언트의 요청은 처리 과정을 거친 후에 정적 페이지로 반환되는 웹의 특성에 착안하여 JSP, ASP, PHP 와 같은 동적 웹페이지를 지정된 주기마다 미리 읽어 정적 페이지로 만들고 이를 서비스 하는 웹페이지 선반입 모듈을 설계하고 구현하였다. 또한 선반입 전과 후의 웹사이트 성능을 비교하기 위하여 스트레스 테스트를 실시하였다. 실험 결과, 요청(Request) 수용 수, 초당 평균 요청 처리 수, 평균 페이지 로딩 시간 항목에서 선반입 전보다 선반입을 거친 후의 서비스 성능이 월등히 높아졌다. 또한 WAS(Web Application Server), WEB서버, DB서버 등 웹서비스를 구성하고 있는 각 시스템의 부하량 측정 결과 역시 선반입 후의 성능이 훨씬 원활하였다. 이는 단순히 웹사이트의 로딩 속도가 빨라졌다 라기보다는 각각의 시스템이 줄어든 부하만큼 더 많은 작업을 처리할 수 있으며 이에 따라 전체적인 웹사이트의 성능향상이 나타났음을 의미한다. The World Wide Web has achieved great development until today. It has affected and changed every aspect of our daily lives such as politics, economics and culture. It also became an excellent tool for business to manage existing customers and attract new ones. In this regards, it is getting more significance to run an efficient website which have a good configuration. Based on the characteristics which can improve website performance by returning static pages after the client request the procedure, we designed and operated a Prefetching module system for web pages. This system can change dynamic web pages such as JSP, ASP and PHP to static ones by reading them at specified periodic time and service them to the customer. In addition, the stress test was conducted to compare the website performance when the system was applied. The test showed that the system greatly enhanced the operation of a web service in terms of the number of Request acceptance, the average number of processing per second, the mean time for loading page. Furthermore, the system reduced the amount of loading of each system for comprising the web service including the WAS (Web Application Server), WEB server, DB server, and so on. Simply, it does not mean that loading speed of website is faster than before. The system is able to process as many procedures as the amount of loading of each system reduced. This indicates that the system improved overall performance of web site.