KR102361143B1 - 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 ui 설계 방법 - Google Patents

딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 ui 설계 방법 Download PDF

Info

Publication number
KR102361143B1
KR102361143B1 KR1020200085096A KR20200085096A KR102361143B1 KR 102361143 B1 KR102361143 B1 KR 102361143B1 KR 1020200085096 A KR1020200085096 A KR 1020200085096A KR 20200085096 A KR20200085096 A KR 20200085096A KR 102361143 B1 KR102361143 B1 KR 102361143B1
Authority
KR
South Korea
Prior art keywords
deep learning
input
design
user
web design
Prior art date
Application number
KR1020200085096A
Other languages
English (en)
Other versions
KR20220007210A (ko
Inventor
황기현
Original Assignee
동서대학교 산학협력단
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 동서대학교 산학협력단 filed Critical 동서대학교 산학협력단
Priority to KR1020200085096A priority Critical patent/KR102361143B1/ko
Publication of KR20220007210A publication Critical patent/KR20220007210A/ko
Application granted granted Critical
Publication of KR102361143B1 publication Critical patent/KR102361143B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/103—Formatting, i.e. changing of presentation of documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06N—COMPUTING ARRANGEMENTS BASED ON SPECIFIC COMPUTATIONAL MODELS
    • G06N20/00—Machine learning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services

Abstract

본발명은 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 관한 것으로, 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 있어서, 상기 딥러닝 학습하는데 필요한 입력데이터와 그 결과를 통해서 출력데이터 형식에 대한 처리 방법으로서, 상기 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법은 상기 스마트 폰에 사용자 입력 앱을 이용하여 미리 학습된 딥러닝 입력데이터와 동일한 형태의 값이 입력되고, 사용자 입력 데이터와 동시에 실시간 웹디자인 UI 입력을 하는 것으로, 실시간으로 유사 웹디자인 UI에 대한 정보를 받아 딥러닝 기반의 클라우드 기반의 서버시스템으로 전송하고 상기 딥러닝 기법으로 설계된 웹디자인 UI에 대한 결과를 앱으로 전송하는 것으로, 본 발명은 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 것으로, AI와 빅데이터를 활용하여 다양한 형태의 소비자 요구 사항에 따라 웹디자인을 설계하는 현저한 효과가 있다.

Description

딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법{User-designed emotional web design UI design method using deep learning technique and big data}
본발명은 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 관한 것으로, 보다 상세하게는 본 발명은 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 것으로, AI와 빅데이터를 활용하여 다양한 형태의 소비자 요구 사항에 따라 웹디자인을 설계하는 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 관한 것이다.
일반적으로 웹디자인의 사용증대에 의해 웹디자인 UI 설계 방법이 개발되어 왔고, 상기 웹디자인 UI 설계 방법은 종래기술인 공개특허공보 10-2006-0014233호에 기재된 바와 같이, 웹디자인 자동생성 방법에 있어서,
(A) ⅰ) 웹디자인 데이터베이스를 입력, 검색, 편집, 저장, 생성, 전송 및 관리하며 작업프로그램 데이터베이스, 디자인 데이터베이스 및 워크오더 데이터베이스를 구비하는 중앙서버와 ⅱ) 디자인 자료와 워크오더 자료를 입력하며 상기 중앙서버에 웹디자인 자동생성을 요청하고 생성된 웹디자인을 수신하는 클라이언트서버와 ⅲ) 상기 중앙서버와 상기 클라이언트서버를 연결하여 네트워크를 형성하는 유무선 통신망을 포함하는 웹디자인 자동생성시스템 구축단계(S10); (B) 상기 자동생성 시스템을 이용할 수 있는 자격을 부여하는 자격부여단계(S20); (C) 상기 자동생성 시스템을 이용하여 자동생성하고자 하는 웹디자인에 필요한 디자인 자료와 워크오더 자료를 입력하거나 상기 중앙서버에 저장된 데이터베이스를 편집하여 입력하는 자료입력단계(S30); (D) 입력된 디자인 자료 및 기저장된 디자인 자료에 워크오더 자료를 결합하여 원하는 웹디자인 생성을 요청하는 웹디자인생성 요청단계(S40); (E) 입력된 상기 디자인 자료와 상기 워크오더를 기초로 웹디자인을 자동 생성하는 웹디자인 자동생성단계(S50); (F) 생성된 웹디자인을 상기 중앙서버에 저장하고 이를 상기 클라이언트서버에 전송하며 재생하는 웹디자인 전송단계(S60)를 포함하는 것을 특징으로 하는 웹디자인 자동생성 방법이 공개되어 있다.
또한, 등록특허공보 등록번호 10-1228877호에는 웹 클라이언트로부터의 요청에 따라 상기 요청에 대응되는 사용자의 웹 디자인을 로딩하고, 상기 로딩된 웹 디자인을 파싱하여 프로그램 처리 계층의 웹 프로그램인 모듈에 의하여 처리되어야 할 HTML(Hypertext MarkupLanguage) 요소를 추출하고, 상기 추출된 HTML 요소를 포함하는 모듈 실행 요청을 전송하고, 상기 모듈의 실행에 의하여 처리된 HTML 요소를 사용하여 상기 웹 디자인을 재구성하는 스마트 컨트롤러; 및 상기 스마트 컨트롤러로부터 전송되는 상기 모듈 실행 요청에 따라 상기 모듈을 실행하여 상기 모듈 실행 요청에 포함되는 HTML 요소에 대하여 상기 웹 클라이언트로부터의 요청에 대응하는 프로그램 처리 계층에서의 처리를 수행하고 상기 처리된 HTML 요소를 상기 스마트 컨트롤러로 전달하는 모듈부를 포함하는 것을 특징으로 하는 웹 디자인을 이용한 동적 웹 사이트 개발 장치가 공개되어 있다.
그러나 상기 종래기술들은 자동적으로 웹디자인으 하되 다양한 형태의 소비자 요구 사항을 충족하지 못하며 제작이 어려운 단점이 있었다.
따라서 본 발명은 상기와 같은 문제점을 해결하고자 안출된 것으로, 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 것으로, AI와 빅데이터를 활용하여 다양한 형태의 소비자 요구 사항에 따라 웹디자인을 설계하는 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법을 제공하고자 하는 것이다.
본발명은 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 관한 것으로,
사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 있어서,
상기 딥러닝 학습하는데 필요한 입력데이터와 그 결과를 통해서 출력데이터 형식에 대한 처리 방법으로서, 상기 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법은 상기 스마트 폰에 사용자 입력 앱을 이용하여 미리 학습된 딥러닝 입력데이터와 동일한 형태의 값이 입력되고,
사용자 입력 데이터와 동시에 실시간 웹디자인 UI 입력을 하는 것으로, 실시간으로 유사 웹디자인 UI에 대한 정보를 받아 딥러닝 기반의 클라우드 기반의 서버시스템으로 전송하고 상기 딥러닝 기법으로 설계된 웹디자인 UI에 대한 결과를 앱으로 전송하는 것을 특징으로 한다.
따라서 본 발명은 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 것으로, AI와 빅데이터를 활용하여 다양한 형태의 소비자 요구 사항에 따라 웹디자인을 설계하는 현저한 효과가 있다.
도 1은 본발명의 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법 계통도
도 2는 본발명의 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법의 사용자 입력 선택 시스템 계통도
본발명은 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 관한 것으로, 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 있어서, 상기 딥러닝 학습하는데 필요한 입력데이터와 그 결과를 통해서 출력데이터 형식에 대한 처리 방법으로서, 상기 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법은 상기 스마트 폰에 사용자 입력 앱을 이용하여 미리 학습된 딥러닝 입력데이터와 동일한 형태의 값이 입력되고, 사용자 입력 데이터와 동시에 실시간 웹디자인 UI 입력을 하는 것으로, 실시간으로 유사 웹디자인 UI에 대한 정보를 받아 딥러닝 기반의 클라우드 기반의 서버시스템으로 전송하고 상기 딥러닝 기법으로 설계된 웹디자인 UI에 대한 결과를 앱으로 전송하는 것을 특징으로 한다.
또한, 상기 사용자 입력 선택 방법은 다양한 방법으로 선택할 수 있지만 도 2에 도시된 바와 같이 색상을 변화시켜 입력, 기본 폼을 선택, 스타일을 변화시켜 입력, 업종(제조, 카페 등) 형태로 변화하여 입력하여 딥러닝의 입력값으로 사용한다.
또한, 실시간 웹디자인 UI 입력 방식은 선택한 업종에서 가장 인기있는 웹디자인 UI를 화면캡쳐한 후에 이미지 프로세싱 기반을 활용하여 딥러닝 입력변수로 사용하도록 설계하는 것을 특징으로 한다.
본발명을 첨부도면에 의해 상세히 설명하면 다음과 같다.
도 1은 본발명의 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법 계통도, 도 2는 본발명의 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법의 사용자 입력 선택 시스템 계통도이다.
본 발명은 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 것이다. AI와 빅데이터를 활용하여 다양한 형태의 소비자 요구 사항에 따라 웹디자인을 설계하기 위해서 딥러닝의 입력데이터와 출력데이터를 어떤 형식으로 구성하는 것이 좋은지가 이 발명의 기술적 요지이다.
따라서, 본 발명은 딥러닝기반의 감성 웹디자인 UI 설계 방법에 대한 발명으로서, 딥러닝 학습하는데 필요한 입력데이터와 그 결과를 통해서 출력데이터 형식에 대한 처리 방법에 관한 것이다.
본발명의 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법은 상기 스마트 폰에 사용자 입력 앱을 이용하여 미리 학습된 딥러닝 입력데이터와 동일한 형태의 값을 입력한다.
사용자 입력 데이터와 동시에 실시간으로 유사 웹디자인 UI에 대한 정보를 받아 딥러닝 기반의 클라우드 기반의 서버시스템으로 전송한다. 그리고 상기 딥러닝 기법으로 설계된 웹디자인 UI에 대한 결과를 앱으로 전송한다.
1. 사용자 입력에 대해 설명하면,
사용자 입력 선택 방법은 다양한 방법으로 선택할 수 있지만 색상, 기본 폼 선택, 스타일, 업종(제조, 카페 등) 형태로 변화하여 딥러닝의 입력으로 사용한다.
상기 기본 폼 선택은 기존에 웹디자인가 설계한 다양한 형태의 디자인 중에서 선택할 수 있도록 하고 선택하도록 설계하는 것이며, 하기와 같이 변환된다.
A 폼 -> 딥러닝 입력값 : 1
B 폼 -> 딥러닝 입력값 : 2
C 폼 -> 딥러닝 입력값 : 3
D 폼 -> 딥러닝 입력값 : 4
상기 스타일 선택은 사용자 직업 또는 직종에 적합한 가장 인기있는 스타일로 사용자가 선택하도록 설계하는 것이며, 하기와 같이 변환된다.
A 스타일 -> 딥러닝 입력값 : 1
B 스타일 -> 딥러닝 입력값 : 2
C 스타일 -> 딥러닝 입력값 : 3
D 스타일 -> 딥러닝 입력값 : 4
상기 업종(제조, 카페 등) 결정은 산업 표준분류에 따라 딥러닝 입력값을 정하는 것이며, 하기와 같이 입력된다.
IT기업(1) -> 소프트웨어 업체 : 입력값 11
IT기업(1) -> 하드웨어 업체 : 입력값 12
2. 실시간 웹디지인 UI 로딩은 실시간 웹디자인 UI 입력 방식은 선택한 업종에서 가장 인기있는 웹디자인 UI를 화면캡쳐한 후에 이미지 프로세싱 기반을 활용하여 딥러닝 입력변수로 사용하도록 설계하는 것이다.
따라서 본 발명은 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하는 것으로, AI와 빅데이터를 활용하여 다양한 형태의 소비자 요구 사항에 따라 웹디자인을 설계하는 현저한 효과가 있다.

Claims (3)

  1. 사용자의 요구사항에 따라 AI 판단을 하여 자동적으로 웹디자인 UI 설계를 하기 위하여 딥러닝기법과 빅데이터를 활용하는 것으로, 상기 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법은 스마트 폰에 사용자 입력 앱을 이용하여 미리 학습된 딥러닝 입력데이터와 동일한 형태의 값이 입력되고, 사용자 입력 데이터와 동시에 실시간 웹디자인 UI 입력을 하는 것으로, 실시간으로 유사 웹디자인 UI에 대한 정보를 받아 딥러닝 기반의 클라우드 기반의 서버시스템으로 전송하고 상기 딥러닝 기법으로 설계된 웹디자인 UI에 대한 결과를 앱으로 전송하는 것이며,
    상기 사용자 입력 선택 방법은 색상을 변화시킴, 기본 폼 선택, 스타일을 변화시킴, 또는 업종형태로 변화하여 딥러닝의 입력값으로 사용하는 것이며,
    실시간 웹디자인 UI 입력 방식은 선택한 업종에서 가장 인기있는 웹디자인 UI를 화면캡쳐한 후에 이미지 프로세싱 기반을 활용하여 딥러닝 입력변수로 사용하도록 설계하는 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법에 있어서,
    상기 기본 폼 선택은 기존에 웹디자인으로 설계한 다양한 형태의 디자인 중에서 선택하도록 설계하는 것이며, 하기 1과 같이 변환되며,
    <하기 1>
    A 폼 -> 딥러닝 입력값 : 1
    B 폼 -> 딥러닝 입력값 : 2
    C 폼 -> 딥러닝 입력값 : 3
    D 폼 -> 딥러닝 입력값 : 4

    상기 스타일 선택은 사용자 직업 또는 직종에 적합한 가장 인기있는 스타일로 사용자가 선택하도록 설계하는 것이며, 하기 2와 같이 변환되며,
    <하기 2>
    A 스타일 -> 딥러닝 입력값 : 1
    B 스타일 -> 딥러닝 입력값 : 2
    C 스타일 -> 딥러닝 입력값 : 3
    D 스타일 -> 딥러닝 입력값 : 4

    상기 업종 결정은 산업 표준분류에 따라 딥러닝 입력값을 정하는 것이며, 하기 3과 같이 입력되는 것을 특징으로 하는 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 UI 설계 방법

    <하기 3>
    IT기업(1) -> 소프트웨어 업체 : 입력값 11
    IT기업(1) -> 하드웨어 업체 : 입력값 12
  2. 삭제
  3. 삭제
KR1020200085096A 2020-07-10 2020-07-10 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 ui 설계 방법 KR102361143B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020200085096A KR102361143B1 (ko) 2020-07-10 2020-07-10 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 ui 설계 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020200085096A KR102361143B1 (ko) 2020-07-10 2020-07-10 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 ui 설계 방법

Publications (2)

Publication Number Publication Date
KR20220007210A KR20220007210A (ko) 2022-01-18
KR102361143B1 true KR102361143B1 (ko) 2022-02-09

Family

ID=80052128

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020200085096A KR102361143B1 (ko) 2020-07-10 2020-07-10 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 ui 설계 방법

Country Status (1)

Country Link
KR (1) KR102361143B1 (ko)

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20200394026A1 (en) 2019-06-15 2020-12-17 International Business Machines Corporation AI-assisted UX Design Evaluation

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101760777B1 (ko) * 2016-01-09 2017-08-04 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
KR102131785B1 (ko) * 2018-12-14 2020-07-08 서울여자대학교 산학협력단 사물성격에 따른 사용자 인터페이스 설계방법 및 전자장치

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20200394026A1 (en) 2019-06-15 2020-12-17 International Business Machines Corporation AI-assisted UX Design Evaluation

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
Chunggi Lee 외 6명. GUIComp: A GUI Design Assistant with Real-Time, Multi-Faceted Feedback. 2020년 4월

Also Published As

Publication number Publication date
KR20220007210A (ko) 2022-01-18

Similar Documents

Publication Publication Date Title
US8244541B2 (en) Content creation system, content creation method, computer executable program for executing the same content creation method, computer readable storage medium having stored the same program, graphical user interface system and display control method
CN108551592B (zh) 一种基于iptv的epg自编排方法及其系统
DE60216096T2 (de) Informationsverarbeitungsvorrichtung und -verfahren und programmprodukt
JP2001314677A (ja) ウェブベースの刺繍システムおよび方法
CN111930381A (zh) 一种支持SaaS多租户系统的个性化页面配置方法
JP2002091523A (ja) 自動プログラミング・シミュレーション装置
US11321584B2 (en) Information processing device, information processing program, and information processing method
JP2002082704A (ja) Ｎｃ加工シミュレーション装置
CN112257406A (zh) 一种基于web前端的内容封面生成器及方法
KR102304781B1 (ko) 시설물 점검 방법 및 시설물 점검 방법을 수행하는 사용자 단말
CN114638232A (zh) 一种文本转换成视频的方法、装置、电子设备及存储介质
KR102361143B1 (ko) 딥러닝기법과 빅데이터를 활용한 사용자 맞춤형 감성 웹디자인 ui 설계 방법
CN107210001A (zh) 使用视频片段的自主学习系统
US20030204811A1 (en) Website system and method with dynamic maintaining function
CN100562868C (zh) 彩虹文本实现方法及装置
US20200364034A1 (en) System and Method for Automated Code Development and Construction
CN108874392A (zh) 用户指引界面生成方法及装置
CN113778446B (zh) 一种低代码应用开发平台
KR102149189B1 (ko) 온라인을 통한 웹페이지 제작방법과 제작시스템
CN101114279A (zh) 文档生成支持设备及其方法
KR101172881B1 (ko) 온라인용 객관식 시험지의 제작 방법 및 시스템
JP3185931B2 (ja) ハイパーテキスト編集装置
KR100416420B1 (ko) 웹 페이지를 변형하여 표시하는 방법 및 그 시스템
JP2000155714A (ja) アプリケーション開発支援方法および開発支援システム
KR20060014233A (ko) 웹디자인 자동생성 방법

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant