728x90
300x250

[UI(User Interface)] - 개발환경 시스템 구축(Development environment system construction)


이번에 소개할 내용은 개발환경을 구축한다고 했을 때, 어떻게 구축하는 것이 효율적이고 효과적인지 소개하려고 한다.


The content to be introduced this time is to introduce how to build a development environment is efficient and effective.



* 진도관리 시스템 / Progress management system (2021-01-05)

해당 시스템의 문제점은 일정 지연, 예기치 못한 문제(예: 병원 치료, 기타 제품 설계 불량, 코드 불량, 각종 문제 등)에 대해서는 다루고 있지 않다.

직종, 직무 등에 대해서 반영되지 않는 오래된 방법론 중 하나라고 볼 수 있다.


설계를 할 경우에는 많은 고민을 해야 한다.

Problems with the system do not deal with schedule delays or unexpected problems (eg hospital treatment, other product design defects, code defects, and various problems).

It can be seen as one of the old methodologies that do not reflect on job types and jobs.

When designing, you have to worry a lot.



1. 소개(Introduce) - 네트워크 인증체계(Network authentication system)


네트워크 인증체계가 하나 필요할 것이다.


You will need a network authentication system.




그림 1. 네트워크 인증체계의 구성


인터넷이 개방될 수도 있고, 개방되지 않을 수도 있다.

상태를 확인하도록 한다.


The Internet may or may not be open.

Check the condition.



그림 2. 네트워크 인증체계의 구성



그림 3. 네트워크 인증체계의 구성




그림 4. 네트워크 인증체계의 구성




2. 네트워크 인증체계 - 절차(Network authentication system - Procedure)


앞에서 소개한 내용을 인증체계 절차로 살펴보면 아래처럼 예상해볼 수 있다.


If you look at the contents introduced earlier as the authentication system procedure, you can expect as follows.





그림 5. 네트워크 인증체계 - 절차





3. 네트워크 인증체계 - NAC(Network Access Control) 기반의 포트개방 시스템
= Network authentication system-Port opening system based on NAC (Network Access Control)


인증 계정이 배정되었다면, 접근할 수 있는 사이트나 포트가 있어야 하는데, 배정되지 않은 상태로 접할 수 있다.

배정되지 않은 경우에는, 포트개방 시스템을 통해서 관리자나 시스템에 요청해야 할 것이다.


If an authentication account has been assigned, there must be a site or port that can be accessed, but you can access it without being assigned.

If it is not assigned, you will have to ask the administrator or the system through the port opening system.


그림 6. 네트워크 인증체계 - NAC 시스템 체계(포트)




그림 7. 네트워크 인증체계 - NAC 시스템 체계(포트)




4. 공통 - IT Helpdesk 사이트 (Common-IT Helpdesk site)


처음 PC를 사용하는 사람이 컴퓨터가 셋팅되어 있는 경우도 있겠지만, 새로 설치해야 하는 상황이 있을 수 있다.

이런 경우에 IT Helpdesk를 운영하여 셀프로 조치할 수 있는 부분은 조치할 수 있는 사이트가 하나 제공되면 좋을 수 있다.


The first time the person using the PC may have the computer set up, there may be situations where a new installation is required.

In this case, it may be good if there is a site where you can take action by operating an IT Helpdesk.



그림 8. 공통 - IT Helpdesk



그림 9. 공통 - IT Helpdesk




5. 공통 - IT 작업진도 관리체계 (Common-IT work progress management system)


업무, 학업, 학교생활, 공부 등에 있어서 무엇을 하고 있는지 관리하는 체계가 될 수 있다.


It can be a system that manages what you are doing in work, study, school life, and study.




그림 10. 공통 - IT 작업진도 관리체계 (시스템)






그림 11. 공통 - IT 작업진도 관리체계 (시스템)




6. 공통 - IT 작업진도 관리체계[관리기능]

= Common-IT work progress management system [management function]


IT 작업 진도 관리체계에 대한 명세이다.

어떻게 작업이 진행되고 수행이 되는지, 등록, 수정, 조회, 목록을 할 수 있는 정보 단위를 명시해주는 것이다.

대표 등록자(예: 부서장, 학교에서는 조장) 하나에 무수히 많은 인원이 투입되어 작업을 수행할 수 있다.


무엇을 하고 있는지 명시를 해주는 도구가 될 수 있다.


It is a specification of the IT work progress management system.

It specifies the unit of information that can be registered, modified, inquired, and list how the work is performed and performed.

A number of people can be assigned to one representative registrant (eg, department head, head of school) to perform the task.

It can be a tool that lets you specify what you're doing.



그림 12. 공통 - IT 작업진도 관리체계 (관리기능)




그림 13. 공통 - IT 작업진도 관리체계 (관리기능)




그림 14. 공통 - IT 작업진도 관리체계 (관리기능)


그림 15. 공통 - IT 작업진도 관리체계 (관리기능)




7. 공통 - IT 작업진도 관리체계[통합계정관리 시스템 체계(SSO-Single-Side On]

= Common-IT work progress management system
  [integrated account management system system (SSO-Single-Side On])



계정을 여러 개 만들면 관리가 복잡해진다.

간단하게 하나의 계정으로 통합 관리를 시도해볼 수도 있다.

통합 관리를 하는 만큼에 개발자의 역량 등에 대해서도 보완할 방법을 하나 마련하고 개발을 시도하는 것을 권장한다.


Creating multiple accounts complicates management.

You can also try integrated management with one simple account.

In addition to integrated management, it is recommended to prepare a method to complement the developer's capabilities and attempt development.



그림 16. 공통 - IT (통합계정 관리 시스템 체계) - SSO



그림 17. 공통 - IT (통합계정 관리 시스템 체계) - SSO




그림 18. 공통 - IT (통합계정 관리 시스템 체계) - SSO




8. 공통 - 소통 채널(공식, 비공식)


소통 채널 사이트를 하나 운영해볼 수 있다.


One can try running a communication channel site.



그림 19. 소통 채널[공식]



그림 20. 소통 채널[비공식]



9. 개발자 영역(Developer area)


개발자를 위한 "임시 Dev공간"을 하나 배정해주는 것을 권장한다.


It is recommended to allocate a "temporary dev space" for developers.




그림 21. 개발자 영역(1) - 개발자 사이트



그림 22. 개발자 영역(2) - Mirror 사이트


그림 23. 개발자 영역(3) - 스키마 정의 사이트



10. W3C Validation Service (W3C 웹 표준)


개발자는 웹 개발에 있어서 w3c에 대해서도 고민을 해야 한다.


Developers should also think about w3c in web development.




그림 24. w3c - markup validation service




11. 첨부(Attachment)


210105_development_system_integration_guide_apache_license_v2_0.zip

[Apache License ver 2.0을 적용 받는다.]



* 맺음글(Conclusion)


개발환경 시스템 구축에 대해서 알기 쉽게 살펴보았다.



* 참고자료(Reference)


1. Figure 7: Firewalled DMZs in a Private Network 2. Network Access... | ResearchGate, https://www.researchgate.net/figure/Firewalled-DMZs-in-a-Private-Network-2-Network-Access-Control-NAC-NAC-is-an-industrial_fig7_320466729, Accessed by 2021-01-04, Last Modified 2021-01-04.

반응형
728x90
300x250

[UI(User Interface)] 한복, 정장 입히기, 그리고 국가별 옷 소개 - 레이아웃 툴

 

한복과 정장 입히기에 대한 레이아웃 툴을 소개하겠다.

 


1. 한복(Hanbok)

 

한복에 관한 것이다.

 

한복(韓服, 영어:  Hanbok, 문화어: 조선옷)은 한민족 고유의 옷이다.
역사적으로 한민족은 고유한 의복을 입었으며 위정자와 귀족은 외국 문물의 영향을 받은 복식을 도입해 입으면서 유행을 만들어 내고 격식에 따라 다른 옷을 입기도 하였다.
색이 들어간 천은 관복으로서 각 시대의 위정자가 내린 복식금제에 따라 다른 양상을 띠기도 하였으나 대다수의 평민들은 흰색 옷을 즐겨 입었으며 한복의 기본 구성인 치마와 저고리, 바지 등은 변치 않고 오랜 세월 동안 기본 골격을 유지하고 있다.

한복은 전통 복식으로서 나타나는 몇 가지 특징이 있다. 기본적으로 활동성을 중시하며 딱 붙는 옷이 아니다. 또한 천 자체를 보면 직선형이지만 몸에 입을 경우 곡선이 살아나게 도와주는 미적 특징도 나타나는데 이는 주머니가 없는 구조이기 때문이기도 하다.
마지막으로 기모노나 한푸 등 이웃 국가들의 복식과 달리 한복은 저고리와 치마, 즉 상·하의가 분리 되어 있어 형태상으로 구분된다.

현대의 한복은 보통 조선 시대에 착용했던 한복과 유사성이 크며 명절이나 격식을 갖추는 자리에서 입는 경우가 많다. 개량한복은 생활의 편리함을 강조하고 있어 20세기 동안 그 외형이 여러 변화를 겪었다.
한복도 의복이므로 기성복처럼 아주 빠르지는 않지만, 시대의 흐름과 대중의 요구에 따라 색과 소재, 특징 등을 새롭게 접목하며 이러한 시도는 여러 한복 디자이너들에 의해 현재에도 시도되고 있다.


https://ko.wikipedia.org/wiki/한복

 


2. 한복 입히기

 

한복 입히기에 대한 몇 가지 레이아웃 툴을 작성하였다.

 

그림 1. 한복의 예 - 도도(Dodo)

 


2. 시연하기(한복 입히기)

 

한복을 입는 방법에 대해서 몇 가지 레이아웃 툴을 바탕으로 시연하였다.

 

 

영상 1. 한복 입히기 레이아웃 툴의 예 - 도도(Dodo) / Mirror(트래픽)

 

[첨부(Attachment)]

hanbokLayout.zip

 

[GNU/GPL v3 License를 적용받는다.]

 


3. 정장

 

다음은 정장에 관한 것이다.

 

의류에서 양복은 같은 옷감으로 만든 의류 세트로 보통 적어도 자켓과 바지로 이루어져 있다.
브리튼에서 국가 착용으로 기인 한 로비 양복 (일컬어 색깔과 작풍에 사업 단복으로 알려져있는),은 서쪽 한 벌의 일반적인 작품이다.
아직도 착용되는 다른 종류의 옷은 검은 색 넥타이의 일부인 저녁 정장이다.
이 검은 색 넥타이는 라운지 정장이 외투와 아침 외투를 대체하는 날과 거의 같은 방식으로 외투를 입을 수있는 대안으로 떠올랐다.
그리고 드물게 오늘날 착용되는 아침 정장. 이 기사에서는 비즈니스 정장을 포함한 라운지 정장, 비공식적인 드레스 코드 요소에 대해 설명한다.

2(투)피스 나 3(쓰리)피스 또는 싱글 브레스트와 더블 브레스트와 같은 디자인, 커팅 및 천의 변형은 의류의 사회적 및 작업 적합성을 결정한다.
전통적인 셔츠와 넥타이와 같이 정장을 입는 경우가 종종 있다. 1960년대 전까지는 모든 남성 의류와 마찬가지로 착용자가 옥외에있을 때 모자를
착용 했을 것이다.
정장에는 또한 다른 수의 조각이 있다.
2피스 수트에는 자켓과 바지가 있다.
3조각은 양복 조끼 (북아메리카에 있는 조끼로 알려짐)를 추가한다. 더 이상의 조각에는 동일한 천으로 만든 평평한 캡이 포함될 수 있다.

원래 대부분의 옷과 마찬가지로 재단사가 고객이 선택한 천으로 양복을 만들었다. 이들은 이제 맞춤복으로 알려져 있다.
이 소송은 남자의 체형, 취향, 스타일에 맞게 맞춤 제작되었다. 산업 혁명 이후로, 대부분의 양복은 양산되며, 기성복으로 판매된다. (착용하기 전에 재단사에 의한 개조가 일반적 임에도 불구하고). 현재 슈트는 대략 네 가지 방식으로 판매된다. 고객 맞춤형으로 제작 된 패턴으로 재단사가 주문 제작 한 맞춤형 의류로 최상의 선택과 자유로운 선택을 제공한다. 사전 제작 된 패턴이 고객에 맞게 수정되고, 옵션과 패브릭의 제한된 선택이 가능하다. 기성품이거나 마침내 그대로 판매 될 준비가 되어있는 기성복 또는 오프 - 더 - 페그 (off-the-rack, 미국식 영어로); 정장은 재킷과 바지가 별도로 판매되는 위치를 분리하므로 고객이 자신에게 가장 적합한 크기를 선택하고 필요한 변경량을 제한할 수 있다.

 


4. 정장 시연하기

 

 


 


5. 기모노

기모노(일본어: 着物)는 일본의 전통 의상이다. '일본 옷'이라는 뜻의 와후쿠(和服わふく)라고도 한다. ‘기모노’라는 단어의 본래 뜻은 ‘입는 것’ (きるもの)으로 메이지 유신을 거쳐서 서양 의복이 도입된 이후 현대에 와서는 일본만의 독자적인 전통 의상을 뜻하는 것으로 의미가 축소되었다.

오늘날 기모노는 여성들이 의례나 결혼식과 같은 특별한 행사가 있을 때 많이 입는다. 결혼하지 않은 여성이 입는 전통적인 기모노는 후리소데라고 부른다[2]. 후리소데는 소매가 길고 매우 넓으며, 자수나 염색을 이용한 화려한 무늬로 장식되어 있다. 일부 노년의 일본인들은 오늘날에도 기모노를 일상복으로 입는다. 남자들은 보통 결혼식과 다도, 공식적인 행사가 있을 때 기모노를 입는다. 전문 스모 선수들은 공식 석상에서는 항상 일본 전통 의상을 입어야 하기 때문에 기모노를 입고 등장할 때가 많다.[3] 이들은 보통 안감이 없는 면화 형태의 유카타와 같은 간편한 종류의 의상을 입는다.


 

 

그림 2. 일본(국가 또는 지역, Country || Region) 전통 옷 기모노의 예 - 도도(Dodo)


 


부록 1. 레이아웃 툴(옷 입히기)

 

레이아웃 툴로 옷 입히기에 대해서 소개하겠다.

그림 부록 1. 의복 입히기의 레이아웃 - 도도(Dodo)

 

그림 부록 2. 의복 입히기의 레이아웃 - 도도(Dodo)

 

그림 부록 3. 의복 입히기의 레이아웃 - 도도(Dodo)

 

그림 부록 4. 의복 입히기의 레이아웃 - 도도(Dodo)

 



그림 부록 5. 매우 취약한 옷의 레이아웃 예 - 도도(Dodo)

 


부록 2. 레이아웃 시연하기

 

레이아웃 옷 입히기에 대해서 시연하였다.

 

[첨부(Attachment)]

clothes.7z

 

[GNU/GPLv3 License를 적용받는다.]



부록 3. 구두를 장시간 신고 있을 때

구두 등을 장시간 신고 있으면 발가락이 휜다.

구두라는 편안한 구두도 있겠으나 장시간 잘못된 형태의 굽이 높거나 단단한 구두를 신을 경우에는 발가락이 휠 수 있다.



그림 1. 발가락의 변형 현상의 예 - 도도(Dodo)


[첨부(Attachment)]

foot_health.7z

 

 


부록 4. 추위에 약한 옷
 

한복과 정장, 기모노 등은 추위에 매우 약한 옷이다.

정장을 겨울에 입고 돌아다니면, 매우 춥고 그렇다.

 


6. 맺음글(Conclusion)

 

한복, 정장 입히기, 그리고 국가별 옷 소개 등에 대해서 소개하였다.

 


7. 참고자료(Reference)

 

1. 한복 - 위키백과, Last Modified 2018-09-28 20:21, Accessed by 2018-10-08, https://ko.wikipedia.org/wiki/한복

2. Suit (clothing) - Wikipedia, Last Modified 2018-09-24 01:10 (UTC), Accessed by 2018-10-08, https://en.wikipedia.org/wiki/Suit_(clothing)

3. 和服 - Wikipedia, Last Modified 2018年9月25日 (火) 17:35, Accessed by 2018-10-08, https://ja.wikipedia.org/wiki/和服

4. 기모노 - 위키백과, Last Modified 2018-09-12 18:05, Accessed by 2018-10-08, https://ko.wikipedia.org/wiki/기모노

5. 슈트 - 위키백과, Last Modified 2018-09-12 22:29, Accessed by 2018-10-08, https://ko.wikipedia.org/wiki/슈트

6. ‘Valor’: 4 things to know about the soapy military drama - National | Globalnews.ca, Last Modified, Accessed by 2018-10-26, https://globalnews.ca/news/3787645/valor-tv-show-w-network-cw/

7. GAS MASKS: 6 Best Military-Grade CBRN Masks To Ensure Your Safety, Last Modified 2018-02-07, Accessed by 2018-10-26, https://thepreppingguide.com/gas-masks-military-grade-cbrn/
8. Clothes clipart policeman - Graphics - Illustrations - Free Download on zalarieunique.ru, Last Modified, Accessed by 2018-10-26, https://zalarieunique.ru/image/clothes-clipart-policeman/308106.html#gal_post_323_clothes-clipart-policeman-17.jpg
9. File:Flickr - The U.S. Army - Meeting the New York Police Department.jpg - Wikimedia Commons, Last Modifed 2004-03-17 09:07, Accessed by 2018-10-26, https://commons.wikimedia.org/wiki/File:Flickr_-_The_U.S._Army_-_Meeting_the_New_York_Police_Department.jpg

10. Police Community Relations: Professional Appearance Matters – e-Roll Call Magazine, Last Modified 2016-02-02, Accessed by 2018-10-26, https://andragogytheory.com/2016/02/06/police-community-relations-professional-appearance-matters/

반응형
728x90
300x250

[User Interface(UI)] Wireless Based Headset(무선 헤드셋) - 사용자 인터페이스로 디자인하기

 

이번에 소개할 것은 Wireless 무선 헤드셋에 관한 것이다.

"박스포장", "헤드셋", "제품보증서", "사용설명서", "USB 케이블" 등에 대해서 디자인 하는 방법에 대해서 소개하겠다.

 


1. 사용자 인터페이스 구현하기(Implement to User Interface)

 

사용자 인터페이스에 대해서 소개하면 다음과 같다.

 


1-1. 박스 디자인하기

 

아래의 그림은 박스를 디자인한 것이다.

공정을 생산부터 출고에 이르기까지 "식별코드(RFID, Barcode)" 등의 태그를 활용한다.

 

 

그림 1-1. 제품 박스 디자인의 예 - 도도(Dodo)

 

그림 1-1은 제품 박스 디자인의 예이다. 색상을 두 가지 색상만으로 아름답게 만들었다.

 

색상

색상명

 

빨강색

 

파란색

 

와이어레스(선이 없는 무선) 스테리오 헤드셋에 대해서 박스 디자인을 하였다.

 


2. 주요 구성품

 

다음은 주요 구성품에 관한 것이다.

제품 안에는 "플라스틱 케이스", "종이 박스", "Wireless 무선 헤드셋", "비닐류", "USB({N}Pin 표준케이블)", "헤드셋 보호캡(고무 예비 1쌍(2개))"로 구성되어 있다.

 

 

(재활용이 가능함)

 

(재활용이 가능함)

 

(재활용이 가능함)

 

 

 

 

 

 

 

(재활용이 가능함)

 

(재활용이 가능함)

 

 

 

 


3. 주요 구성품 개봉하기

 

주요 구성품을 개봉하면 다음과 같다.

 

 

그림 3-1. 이어폰 보호캡의 예 - 도도(Dodo)

 

 

 

그림 3-2. 박스 등에 들어있는 제품보증서, 설명서, USB Cable의 예 - 도도(Dodo)

 

 

 

그림 3-3. 소재가 적용된 "블루투스 헤드셋"의 예 - 도도(Dodo)

 

재료에는 "형상기억합금(소재계열의 재료)", "합금", "알로이(Alloy)" 등이 있다.

 

 


4. 레이아웃

 

아래의 그림은 제품 레이아웃에 관한 도구이다.

사용자 인터페이스의 관점에서 구현하였다.

 

 

그림 4-1. 레이아웃의 예 - 도도(Dodo)

그림 4-2. 레이아웃의 예 - 도도(Dodo)

 

[첨부(Attachment)]

 

product.7z

 

[GNU/GPL v3를 적용받는다.]

 


부록 1. 블루투스 규격에 대한 소개

 

블루투스 하드웨어 개발에 관한 규격 등에 관한 것이다.

아래의 링크를 클릭하면 규격에 대해서 살펴볼 수 있다.
https://www.bluetooth.com/ko-kr/specifications/bluetooth-core-specification

 

 

그림 부록 1-1. 블루투스 SIG에서 재정하는 Core Specification - (BluetoothSig)

 

CS(Core Specification 5.0)에 대한 내용의 일부이다.

 

 

그림 부록 1-2. Bluetooth 스팩에 관한 것(블루투스 SIG Version 5.0) - 도도(Dodo)

 

802_TX, 802_RX에 대해서 찾아보면 도움이 된다.
IEEE에서 재정하는 IEEE802_TX, IEEE802_RX에 관한 것이다.

 

블루투스(Bluetooth)

블루투스는 단거리(2.4 ~ 2.485 GHz의 ISM 대역에서 단파장 UHF 전파를 사용하고 개인 지역 네트워크(PAN)를 구축하기 위한 무선 기술 표준이다.
1994년 네덜란드 전기 엔지니어 Jaap Hartsen이 개발한 통신 공급업체 Ericsson은 원래 RS-232 데이터 케이블의 무선 대안으로 간주되었다.

블루투스는 통신, 컴퓨팅, 네트워킹 및 가전 분야에서 3만 개 이상의 회원사를 보유하고 있는 블루투스 SIG(Special Interest Group)에 의해 관리된다.
IEEE가 Bluetooth를 IEEE 802.15.1로 표준화했지만 더 이상 표준을 유지하지 않는다.
Bluetooth SIG는 사양 개발을 모니터링하고, 인증 프로그램을 관리하며, 상표를 보호한다.
Bluetooth SIG 표준을 반드시 충족해야 Bluetooth 장치로 시장에 출시할 수 있다. 개별 적격 기기에 대해 허가된 기술에는 특허 네트워크가 적용된다.

 

아래의 링크를 클릭하면, IEEE 802.15에 대한 무선 사양에 관한 그룹이다.

http://www.ieee802.org/15/

 

 

그림 부록 1-3. IEEE 802.15 Working Group - IEEE

 

 


부록 2. 유선 인터페이스 장치 / 이어폰 

 

무선 헤드셋에서의 큰 차이점이라고 하면 "칩(통신을 해주는 무선 칩)"이 내장되어 있다. 없다.
이런 차이라고 보면 된다.

 

 

 

그림 부록 2-1. 유선 이어셋의 예 - 도도(Dodo)

 

[첨부(Attachment)]

productWiredHeadSet.7z

 


5. 맺음글(Conclusion)

 

무선 기반의 헤드셋에 대한 사용자 인터페이스 및 블루투스 스팩에 대해서 소개하였다.

 


6. 참고자료(Reference)

 

1. Bluetooth Technology Website, Last Modified, Accessed by 2018-09-16, https://www.bluetooth.com/ko-kr

2. 규격 | Bluetooth Technology Website, Last Modified, Accessed by 2018-09-16, https://www.bluetooth.com/ko-kr/specifications/bluetooth-core-specification

3. Bluetooth - Wikipedia, Last Modified 2018-09-13 19:56 (UTC)., Accessed by 2018-09-16, https://en.wikipedia.org/wiki/Bluetooth

4. IEEE 802.15 Working Group for Wireless Personal Area Networks (WPANs), Last Modified, Accessed by 2018-09-16, http://www.ieee802.org/15/

반응형
728x90
300x250

[UI(User Interface), C++] 은행 통장명세서 및 계좌 구현, 사용자 인터페이스 설계

 

                                             은행 통장명세서 및 계좌 구현, 사용자 인터페이스 설계

                     Bank account details and account implementation, user interface design

 

                                                                                                  도도  {#i}

                                                                                              ( dodo at 127.0.0.1 )

 

사용자 인터페이스 설계를 소개하려고 한다. 일상생활에서 쉽게 살펴볼 수 있는 주제로 글을 담았다.

은행 통장명세서 및 계좌 구현 그리고 사용자 인터페이스 설계 등을 효율적으로 하는 방법과 더불어 몇 가지 가설을 바탕으로 공부를 진행하였다.

공부의 내용에는 크게 몇 가지 사항이 있는데 하나는 사회과학 관점에서의 가설을 바탕으로 한 몇 가지 공부를 수행하였다.

가설을 실질적인 사용자 체감 관점 기준으로 설계하려고 하였으며 학생, 직장인, 사업자 등의 체감적인 인터페이스를 실증적으로 다뤄보려고 하였다.

 

참고할 점: 정부 조직 개편 등이 있다면, 부처, 관계기관 등의 명칭이 달라질 수도 있음. 링크된 URL이 달라지거나 등의 현상이 발생할 수도 있음.
-> 시스템에 의한 예기치 못한 경우도 있어요.

 

글을 읽기 전에 도도는 연구원이냐? 아니에요.

 


1. 초록(Abstract)

 

사용자 인터페이스 설계에 앞서, 통장과 체크카드를 기준으로 작성하였다. 체크카드를 사용하면, 실시간으로 통장을 거쳐 현금이 인출된다.

이러한 기본적인 정보 등을 바탕으로 은행 통장명세서 및 계좌 구현, 사용자 인터페이스 설계에 대해서 공부하였다.

사용자 인터페이스에 대해서는 크게 통장을 바탕으로 하여 구조 등을 설계하였으며, 이를 바탕으로 통장 명세서를 도출하여 가설을 몇 가지 두고 실증에 대해서 논하게 되었다.

 


1-1. 금융관련 법규사항

 

http://www.law.go.kr/법령/금융실명거래및비밀보장에관한법률


도도의 글에서의 해당 공부는 이의 사실에 해당사항이 없다.

 

관련 법률에 관한 사항은 관계기관을 통해서 문의해보면 도움이 될 것으로 보인다.

 

 

이 공부와 관련된 개인정보보호법과 관련된 사항이다.
http://www.law.go.kr/법령/개인정보보호법/(14839,20170726)

 

도도의 글에서의 공부는 이의 사항에 해당이 없어요. 아래의 해명 글을 더보기를 통해서 살펴볼 수 있다.

 

 

관련 법률에 관한 사항은 관계기관을 통해서 문의해보면 도움이 될 것 같아요.

 

 


2. 사용자 인터페이스 설계(User interface design)

 

사용자 인터페이스 설계는 아래와 같이 수행할 수 있다.

사용자 인터페이스 설계를 Top-bottom Viewer Model 방식으로 하여 설계하였다.

 

그림 2-1. Top/Bottom Viewer Model - Adopted 도도(Dodo)

 

그림 2-1은 도도가 기존의 Top Bottom 방식 모델을 살짝 변형하여 Top/Bottom Viewer Model을 고안하였다.

사용 방법은 매우 간단하다. 사용자 시점과 개발자 시점 중간 사이를 설계자 시점이라고 봤다.

도도가 공부를 수행한 방법은 그림 2-1의 모델로 진행하였다.

 

개발자 표현에 세미로직(Semi-Logic)이라고 정의했는데, 개발자가 로직(Logic)을 설계하는 경우가 있음.
설계자는 인터페이스 범위를 벗어나지 못하지만, 개발자는 시야가 훨씬 크다.
그림 2-1을 보고 오해하지 않았으면 좋겠음.

 


3. 은행 - 통장 구현(Bank - Bankbook Implementation)

 

콘솔로 이러한 화면을 구현해보는 것이다. 굉장히 많은 시간이 소요될 것으로 보인다.

 

 

그림 3-1. 은행 통장 표지 설계하기 - 도도(Dodo)

 

 

그림 3-2. C++에서 구현했을 때 레이아웃의 예 - 도도(Dodo)

 

그림 3-2는 C++에서 수작업으로 레이아웃을 구현했을 때 이러한 레이아웃 구조를 가질 수 밖에 없을 것 같다.

 

글자 정렬 관련 함수: setw, seft, setprecision 

#include <iomanip>

main(){
     setprecision(3)
     cout.setf(ios::left);
     cout.setf(ios::right);
     setw(10)

}

 

 

co.kr이긴 한데, 법령에 의해서 설치가 된 특이한 은행이 있다.

1. 국가계열의 은행
우체국 은행과 IBK기업은행(이하 "중소기업은행")이다. IBK계열사 등에 대해서는 무관하다.
법령에 의해서 운영되는 은행은 "우체국예금", "KDB산업은행", "IBK기업은행"이다.
법인 형태로 운영되는 곳은 "KDB산업은행", "IBK기업은행"이 있다.

"기술보증기금, 한국주택금융공사"도 은행에 해당된다.

https://www.epostbank.go.kr/
https://www.ibk.co.kr/common/navigation.ibk?linkUrl=/intro/announce/history_01.jsp&pageId=IR01030100
https://www.kdb.co.kr/ih/wcms.do

http://www.law.go.kr/법령/중소기업은행법
http://www.law.go.kr/법령/우체국예금ㆍ보험에관한법률
http://www.law.go.kr/법령/한국산업은행법
http://www.law.go.kr/법령/기술보증기금법
http://www.law.go.kr/법령/한국주택금융공사법

2. 은행법에 의해 설치 또는 운영을 하는 은행(사업자로 운영하는 형태)

은행법에 적용받는 은행의 예를 들면, 다음과 같다.


[국내에 있는 은행]
1. DGB대구은행, BNK부산은행, 광주은행, 제주은행(신한은행), 전북은행(광주은행), BNK경남은행 (온/오프라인 점포 - 특정 지역에 위치함.)
2. KED하나은행, KB국민은행, Citibank, 한국수출입은행, 수협은행, SC제일은행, NH농협은행 (온/오프라인 점포)

3. 카카오뱅크 (온라인 점포)

http://www.law.go.kr/법령/은행법

 

3. 증권(Securities)

1. 삼성증권, 미래에셋증권, KB증권, 대신증권, NH투자증권, IBK투자증권 등의 많은 회사가 있다.


 

시중 은행이 많이 있으니 금융결제원 등을 참고하면 도움이 될 것이다.
은행 수수료에 관해서는 소개하지 않았다. 각 은행별로 정책이 다를 수 있어요.

 


4. 집에서 통근하는 학생 (집이 학교 옆에 사는 경우)

 

아래의 그림은 집이 학교 옆에 사는 경우에 대해서 설계하였다.

 

 

그림 4-1. 집에서 통근하는 학생 / "가정" - 도도(Dodo)

 

그림 4-1은 집에서 통근하는 학생을 가정하고 통장 내역을 사용자 인터페이스로 설계하였다.

현금흐름이 크게 그렇다.

 

해설1) 그림 4-1을 자세히 보면, "지로"가 있다. 지로 시스템에서의 오기입 환불금을 의미함.
해설2) 학교 식당의 경우, OOOO회사명으로 영수증이 잡히는 경우가 있음. 현찰로 거래할 경우 결제내역을 알 길이 없음.

 

학교가 집 근처일 때 버스도 탈 필요가 없는 경우

 

 

그림 4-2. 집에서 통근하는 학생의 통장내역서 - 도도(Dodo)

 

그림 4-2는 집에서 통근하는 학생의 통장내역서를 예시로 그려보았다.

통장내역서가 마지막 페이지에 도달하였을 때 어떻게 처리할 것인지 등에 대해서 심층적인 고민을 해볼 필요가 있다고 주장한다.

 

참고할 점: 현찰 사용에 대해서는 기입하지 않았음.
체크카드로 결제한 경우를 가정하고 이해하면 도움이 될 것으로 보인다.

 

집에서 버스를 타고 학교에 통학하는 학생도 있을 수가 있다.
산출식은 매우 단순하다.

"등교일수 * 왕복(2회) * 버스요금 = 계"로 산출할 수 있다.

 

 

그림 4-3. 통학하는 경우 - 도도(Dodo)

 

그림 4-3은 학생이 학교에 통학하는 경우를 가정하고 설계하였다.

 


5. 개별주거 - 거주자(학생 등)

 

개별주거라고 하면, 영외를 벗어나서 지내는 경우라고 정의하였다.

학생이 될수가 있고, 직장인이 될 수가 있고 경우의 수는 아래와 같은 수식으로 정의해볼 수 있다.

 

 

개별주거 생활을 한다고 가정했을 때 일어날 수 있는 현금흐름을 기준으로 설계를 해보았다.

 

 

그림 5-1. 타지역에서 개별거주하고 있는 경우 - 학생 / "가정" - 도도(Dodo)

 

그림 5-1는 타지역에서 개별거주하고 있는 학생이라고 가정하고 설계하였다.

 

해설
1. 선불버스: 시내,시외버스(City bus), 택시(Tax), 항공(Airport), 배(Ship), 기차(Train) 등의 운송수단(전국 공통 교통카드 사업자).
   => 국토교통부에서 관리하고 있다. http://cyber.molit.go.kr/traffic/main.jsp
2. EOO위원회: EOO위원회는 각종 자격증 시험이라고 가정하였음.
3. OO테크: OOO학생이 일용직으로 근무한 회사에서 일당을 넣어준 경우.

 

 

그림 5-2. 타지역에서 개별거주하고 있는 학생 - 도도(Dodo)

 

그림 5-2는 타지역에서 자취하는 학생이라고 가정하고 설계하였다.

2학기를 지냈다고 가정한다.

학생이 주거지를 퇴소하고, 생활관에 합격하여 생활관비를 납부하게 된 경우이다.

 


       한 명이 거주해야만 정상적인 공간일 수도 있지만, 경우에 따라서 8평 내에서 분할 거주자가 있을 수도 있음.

 

꼭 확인해야 할 것


-> 1. 전입신고와 관련된 사항 (정부 24)

http://www.gov.kr/main?a=AA020InfoCappViewApp&HighCtgCD=A01010&CappBizCD=13100000016&tp_seq=01

-> 2. 등기사항 관련 (법원 등기소)
http://www.iros.go.kr

 

 

[TV 수신료 등에 관한 것]

1. 병원비, 약제비 등에 관한 정보는 "건강보험심사평가원"에서 살펴볼 수 있다.
http://www.hira.or.kr/main.do

2. 과학기술정보통신부
주요 업무는 ICT, R&D, 과학기술정책 등의 업무를 담당하고 있다. http://www.msit.go.kr
-> TV 수신료 등에 관한 것도 관리를 하는 것으로 보인다.

3. 교육부
교육부가 학생에 관한 것은 담당하고 있을 것 같다.
http://www.moe.go.kr 

4. 예비군 훈련 / 민방위 훈련
예비군 훈련에 관한 것은 예비군 홈페이지나 국방부에 문의해보기 바란다.
https://www.yebigun1.mil.kr/

http://www.mnd.go.kr/mbshome/mbs/mnd/subview.jsp?id=mnd_011102030000 


국민재난안전포털이다.
http://m.safekorea.go.kr/

5. 장애인에 관한 사항

보건복지부를 참고하면 도움이 될 것으로 보인다.

http://www.mohw.go.kr 


6. 농축산 및 동물에 관한 사항
농림축산식품부에서 관할하고 있다.
http://www.mafra.go.kr,


동물 관리시스템 등도 운영하고 있다.
http://www.animal.go.kr

7. 학교 식당의 경우, OOOO회사명으로 영수증이 잡히는 경우가 있음. 현찰로 거래할 경우 결제내역을 알 길이 없음.
8. 임대 주택의 경우, 영수증, 세금계산서 등을 안 끊어주는 경우가 많음. 통장 거래가 많다. (월세 등의 존재를 알 수가 없음.)
9. 여성 및 가족에 관한 것
여성 가족부에 문의해보기 바란다. http://www.mogef.go.kr/


 

[보충]

 

아래의 그림은 학생이 타지역에서 거주할 경우, 주거 등에 관한 것이다.

 

 

그림 5-3. 대도심에 있는 건물들 - 도도(Dodo)

 

 

그림 5-4. 건물 사이에서 걸어서 이동하는 모습 - 도도(Dodo)

 

그림 5-3, 그림 5-4는 건물 사이에서 걸어가는 모습을 가정으로 두고 그려보았다.

 


6. 생활관에 거주하는 학생으로 전환 또는 직장인(이하 "회사 사택" 또는 "회사 생활관")

 

아래의 그림은 생활관에 거주하게 되었을 때 학생 기준에서 발생할 수 있는 현금흐름이 될 수 있다.

 

 

그림 6-1. 생활관에 거주하는 학생 - 도도(Dodo)

 

그림 6-1을 자세히 관찰해보면, 몇 가지 흥미로운 사실을 알 수 있다.

OO재단에 이자를 냈다. 학과O회비로 돈을 냈다. 택배를 통해서 물건을 보냈다.

"이삿집", "택배", "부모님 차량으로 이송" 등이 있을 수 있다.

 

회사 사택 또는 회사 생활관을 보유하고 있는 회사의 경우가 일부 있을 수 있음.

 

꼭 확인해야 할 것: 전입신고가 가능한지?
-> http://www.gov.kr/main?a=AA020InfoCappViewApp&HighCtgCD=A01010&CappBizCD=13100000016&tp_seq=01

학교 영수증에 관한 사항
- 그러나 세금계산서, 계산서 등이 아니라 A4용지에 출력해서 행정실에서 발행을 수기로 해주고 있다.
   학교에서 해주는 경우가 있고, 생활관에서 따로 별도로 해주는 경우가 있다.

- BTL 기숙사의 문제 등도 있다.

 

 


7. 직장인 - 자녀 중/고등학교 생활비

 

직장인으로 근무중이신 자녀 중/고등학교 학생의 생활비 시스템을 아래와 같이 사용자 인터페이스 관점으로 설계하였다.

 

 

그림 7-1. 직장인 부모님의 자녀 중/고등학생 학비 - 도도(Dodo)

 

그림 7-1은 직장인 부모님의 자녀 중/고등학생 학비를 설계하였다.

크게 어렵지 않는 구조로 설계가 가능하였다.

 

수입 구조는 간단하게 "월급"이 될 수 있다.

 

1. 단, 옷(품위유지비), 식료품 등은 산출하지 않았음.

 
[참고사항]

2. 생활법령에 의하면, "학원 또는 교습소"라고 표현한다.
http://easylaw.go.kr/CSP/CsmMain.laf?csmSeq=1140

 

가정의 예)

1. 유치원 교육비 등 
http://www.easylaw.go.kr/CSP/CnpClsMainBtr.laf?popMenu=ov&csmSeq=631&ccfNo=2&cciNo=3&cnpClsNo=1 생활법령
http://e-childschoolinfo.moe.go.kr/ 유치원 알리미
http://www.childinfo.go.kr/main.jsp 어린이집 유치원 통합정보공시


2. 병원비, 약제비 등에 관한 정보는 "건강보험심사평가원"에서 살펴볼 수 있다.
http://www.hira.or.kr/main.do

 

3. 고용 등과 관련된 사항 

고용노동부에서 관할하고 있다. "일자리창출" 등의 업무를 수행한다. http://www.moel.go.kr/index.do
실업자 급여, 직업훈련, 노동정책 관련 문의도 담당하고 있다.
실업급여를 지급받는 대상이 어떻게 되는지 문의를 해보면 많은 도움이 될 것으로 보인다.

=> 6개월 이상 직장에 재직한 사람에 한해서 실업급여를 받으려면, 직장에 다니고 만기 퇴사를 해야 한다. 회사를 중도퇴사 하면 받을 수 없다고 한다.

노동을 하는 도중에 다쳤을 경우, 근로복지공단에서 업무를 수행하고 있다. 문의해보기 바란다.
https://www.kcomwel.or.kr/kcomwel/main.jsp


4. 기획재정부
기획재정부에서는 조금 어려운 용어가 많으니 해석을 하면, "국가의 경제안살림"을 맡고 있다. 재정을 담당한다고 하면 이해가 될지는 모르겠다.
어려운 일들을 수행한다.

http://www.moef.go.kr/

5. 환경부
환경부에서는 육안으로는 잘 안 보이는 일을 수행한다.
"환경오염", "물 상하수도", "자원 순환" 등 많은 일을 수행하고 있다.

http://www.me.go.kr

6. 과학기술정보통신부
주요 업무는 ICT, R&D, 과학기술정책 등의 업무를 담당하고 있다. http://www.msit.go.kr 
-> TV 수신료 등에 관한 것도 관리를 하는 것으로 보인다.

7. 행정 / 지방세에 관한 사항
행정안전부나 관할 지방자치단체에 문의하기 바란다.
http://www.mois.go.kr

8. 국세에 관한 실무에 관한 사항
관할 지방세무서나 국세청을 통해서 문의하기 바란다. 상급기관은 기획재정부이다.
https://www.nts.go.kr/

9. 금전 거래 등으로 인해 신용이 불량한 상태가 되어버린 경우

신용회복위원회에 문의해보면 많은 도움이 될 것으로 보인다.
https://www.ccrs.or.kr/main.do
실무적으로 많은 기능을 하고 있다.

10. 장애인에 관한 사항

보건복지부를 참고하면 도움이 될 것으로 보인다.

http://www.mohw.go.kr 

11. 농축산 및 동물에 관한 사항

농림축산식품부에서 관할하고 있다.
http://www.mafra.go.kr,


동물 관리시스템 등도 운영하고 있다.
http://www.animal.go.kr

12. 바다에 관한 사항
해양수산부에서 운영하고 있는데, 도도는 바다생태 정보나라 사이트를 추천한다.
http://www.ecosea.go.kr/

13. 학교 영수증 관련(식당, 매점, 학비, 책값 등)
영수증 등을 발급해주지 않은 것으로 알고 있다. (중/고등학교) 통장 거래만으로 운영되고 있는 실정으로 알고 있다.
간이 영수증 형태로 학교 자체적으로 발행은 해주고 있는 경우가 있다. 그러나 세금계산서, 계산서 등이 아니라 A4용지에 출력해서 행정실에서
발행을 수기로 해주고 있다.

14. 여성 및 가족에 관한 것
여성 가족부에 문의해보기 바란다. http://www.mogef.go.kr/

 


8. 사업자 부모님 - 자녀 중/고등학생 학비

 

사업자 부모님 밑에서 성장한 아이의 중/고등학생 학비 등을 사용자 인터페이스 관점으로 설계하였다.

 

 

그림 8-1. 사업자 부모님의 자녀 - 도도(Dodo)

 

 

그림 8-2. 사업자 부모님의 자녀 - 도도(Dodo)

 

그림 8-2는 사업자 부모님의 자녀로 크게 될 경우를 가정하고 사용자 인터페이스 설계를 하였다.

 

[공부(Study) - 주안점]

cf-가정1) 
직장인 부모님은 급여를 받지만, 사업자는 거래처에서 거래금이 들어오거나 하루 일 매출이 나와야 급여를 받을 수 있다.

가설 변수)
변수1. 미미하긴 하지만, 매출이 있다는 가정으로 설계하였다.
변수2. 현실세계에서는 매출이 없을 경우도 있을 수 있다.

 

생활법령 > 학원의 설립 및 운영에서 보면, "학원 또는 교습소"라고 표현한다.
http://easylaw.go.kr/CSP/CsmMain.laf?csmSeq=1140

 

가정의 예)

1. 유치원 교육비 등 
http://www.easylaw.go.kr/CSP/CnpClsMainBtr.laf?popMenu=ov&csmSeq=631&ccfNo=2&cciNo=3&cnpClsNo=1 생활법령
http://e-childschoolinfo.moe.go.kr/ 유치원 알리미
http://www.childinfo.go.kr/main.jsp 어린이집 유치원 통합정보공시


2. 병원비, 약제비 등에 관한 정보는 "건강보험심사평가원"에서 살펴볼 수 있다.
http://www.hira.or.kr/main.do

 

3. 중소벤처기업부
중소기업(사업자)와 관련된 업무는 중소벤처기업부에서 담당하고 있다. 

http://www.smba.go.kr/site/smba/main.do#btn_topBarNav 

인력, 금융, 창업, 기술 등의 복합 업무를 관할하고 있다.
폐업과 기업해산과 청산에 관한 문의도 해보면 도움이 될 것으로 보인다.


4. 기획재정부
기획재정부에서는 조금 어려운 용어가 많으니 해석을 하면, "국가의 경제안살림"을 맡고 있다. 재정을 담당한다고 하면 이해가 될지는 모르겠다.
어려운 일들을 수행한다.

http://www.moef.go.kr/

5. 환경부
환경부에서는 육안으로는 잘 안 보이는 일을 수행한다.
"환경오염", "물 상하수도", "자원 순환" 등 많은 일을 수행하고 있다.

http://www.me.go.kr

6. 과학기술정보통신부
주요 업무는 ICT, R&D, 과학기술정책 등의 업무를 담당하고 있다. http://www.msit.go.kr 
-> TV 수신료 등에 관한 것도 관리를 하는 것으로 보인다.

7. 행정 / 지방세에 관한 사항
행정안전부나 관할 지방자치단체에 문의하기 바란다.
http://www.mois.go.kr

8. 국세에 관한 실무에 관한 사항
관할 지방세무서나 국세청을 통해서 문의하기 바란다. 상급기관은 기획재정부이다.
https://www.nts.go.kr/

9. 폐업/기업 해산에 관한 사항
제일 중요한 것이다. 경영을 독학으로 공부하거나, 주경야독 등으로 공부한 사람들도 있을 것으로 보인다.
국세청 홈택스(http://www.hometax.go.kr), 행정자치부 지방세정책과(http://www.mois.go.kr/frt/a07/searchStaff.do?selectedTeamId=1741232&orgnzt_id=1741232&mgrDetailFlag=Y), 법원 등기소(http://www.iros.go.kr) 또는 법원(https://www.scourt.go.kr)에 문의를 해보길 바란다.
실질적으로 폐업을 할 수 밖에 없는 상황에 닦쳤을 때 도와주는 곳에 대해서도 한번 문의를 해보기 바란다.
폐업 세무실무 등에 관해서도 문의해보면 도움이 될 것이다.

10. 금전 거래 등으로 인해 신용이 불량한 상태가 되어버린 경우

신용회복위원회에 문의해보면 많은 도움이 될 것으로 보인다.
https://www.ccrs.or.kr/main.do
실무적으로 많은 기능을 하고 있다.

11. 장애인에 관한 사항

보건복지부를 참고하면 도움이 될 것으로 보인다.

http://www.mohw.go.kr 

12. 농축산 및 동물에 관한 사항
농림축산식품부에서 관할하고 있다.
http://www.mafra.go.kr,


동물 관리시스템 등도 운영하고 있다.
http://www.animal.go.kr

13. 바다에 관한 사항
해양수산부에서 운영하고 있는데, 도도는 바다생태 정보나라 사이트를 추천한다.
http://www.ecosea.go.kr/

14. 여성 및 가족에 관한 것
여성 가족부에 문의해보기 바란다. http://www.mogef.go.kr/

 


9. 통장의 표지(앞면, 뒷면)

 

통장의 표지는 크게 두 종류로 구성될 수 있다.

앞면 표지와 뒷면 표지가 있다.

 

 

그림 9-1. 통장 앞면 / 뒷면 표지 - 도도(Dodo)

 

그림 9-1은 통장의 앞면 표지와 뒷면 표지에 관한 사용자 인터페이스 설계이다.

크게 어렵지 않게 만들 수 있을 것으로 보인다.

 


10. 부록1 - 사용자 인터페이스 총체적인 설계하기

 

사용자 인터페이스를 총체적인 관점으로 설계하는 방법에 대해서 소개하려고 한다.

일반 은행(카드) 시스템이 크게 비슷비슷할 것으로 보인다.

 

 

 

 

 

 

 

 10-1. 사용자 인터페이스 설계 - 도도(Dodo)

 

 10-2. 사용자 인터페이스 설계 - 도도(Dodo)

 

 10-3. 사용자 인터페이스 설계 - 도도(Dodo)

 

 10-4. 사용자 인터페이스 설계 - 도도(Dodo)

 

 10-5. 사용자 인터페이스 설계 - 도도(Dodo)

 

 

 10-6. 사용자 인터페이스 설계 - 도도(Dodo)

 

 

 10-7. 사용자 인터페이스 설계 - 도도(Dodo)

 

 

 10-8. 사용자 인터페이스 설계 - 도도(Dodo)

 

 

 10-9. 사용자 인터페이스 설계 - 도도(Dodo)

 

 

 10-10. 사용자 인터페이스 설계 - 도도(Dodo)

 

 

 

 10-11. 사용자 인터페이스 설계 - 도도(Dodo)

 

 10-12. 사용자 인터페이스 설계 - 도도(Dodo) 

 


11. 부록2 - 첨부(Attachment)

 

번호

파일명(Filename)

세부내용(Description)

작성일자(Create Date)

비고(Remarks)

1

UI-StudentBank.7z

UI-StudentBank.pptx

2018-08-21

 

2

bankDesign1.7z

bankDesign1.ai

2018-08-21

 

3

bankDesign2.7z

bankDesign2.ai

2018-08-21

 

4

bankDesign3-1.7z

bankDesign3-1.ai

2018-08-21

 

5

bankDesign3-2.7z

bankDesign3-2.ai

2018-08-21 

 

6

bankDesign3-3.7z

bankDesign3-3.ai

2018-08-21

 

7

bankDesign4_1.7z

bankDesign4-1.ai

2018-08-21

 

8

bankDesign4_2.zip

bankDesign4-2.ai

2018-08-21

 

9

bankDesign4_3.7z

bankDesign4-3.ai

2018-08-21

 

10

bankTitle.7z

bankTitle.ai

2018-08-21

 

11

bankDesign5-1.7z

bankDesign5-1.ai

2018-08-21

 

12

bankDesign6-1.zip

bankDesign6-1.ai

2018-08-21

 

13

bankDesign6-2.7z

bankDesign6-2.ai

2018-08-21

 

14

bankDesign6-3.zip

bankDesign6-3.ai

2018-08-21

 

15

csv.7z

type1-1.csv

type1-2.csv

type2-1.csv

type2-2.csv

type3.csv

type4.csv

2018-08-21

 

16

180822-select.7z

 180822-select.pptx

2018-08-22

 

17

180822-topBottom.7z

180822-topBottom.pptx

2018-08-22

 

 

 


12. 부록3 - 프로그래밍 설계(Design)

 

코드로 구현했을 경우를 대비하여 몇 가지 프로그래밍으로 설계하였다.

은행 계좌 시스템을 설계하는 데 프로세스를 생성할 것인지 쓰레드 방식으로 처리할 것인지 깊은 고민을 해보면 도움이 될 것이다.

 

개발환경: Eclipse Jee Photon, Mingw G++ Compliler, Microsoft Windows 10

 

그림 12-1. 메뉴 선택 설계하기 - 도도(Dodo)

 

그림 12-1은 메뉴 선택 기능을 설계하는 데 있어서 충분한 고민을 해봐야 할 것이다.

 

 

그림 12-2 프로그래밍 설계하기 / 은행 콘솔 표지 만들기 - 도도(Dodo)

 

그림 12-3 프로그래밍 설계하기 / 통장 내역 출력하기 - 도도(Dodo)

 

그림 12-4 프로그래밍 설계하기 / 은행 통장 내역 출력하기 - 도도(Dodo)

 

그림 12-5 프로그래밍 설계하기 / 은행 통장 내역 출력하기 - 도도(Dodo)

 그림 12-6 프로그래밍 설계하기 / 은행 통장 내역 출력하기 - 도도(Dodo)

 


13. 맺음글(Conclusion)

 

은행 명세서 및 계좌 구현이라는 실험 주제에서 얻을 수 있는 흥미로운 점은 다소 많이 있었다.

기대효과는 모른다. 좀 더 발전된 모습으로 좋은 공부를 수행할 것이다.

 

아무튼 이상으로 글을 마친다.

 


14. 참고자료(Reference)

 

1. Use the thread library,| MinGw, Last Modified 2008-10-27, Accessed by 2018-08-21, http://www.mingw.org/wiki/Use_the_thread_library

2. CreateThread function | Microsoft Docs, Last Modified 2018-08-10, Accessed by 2018-08-21, https://docs.microsoft.com/en-us/windows/desktop/api/processthreadsapi/nf-processthreadsapi-createthread

3. 전입신고 | 민원안내 및 신청 | 민원24 | 정부24, Last Modified 2017-07-26, Accessed by 2018-08-22, http://www.gov.kr/main?a=AA020InfoCappViewApp&HighCtgCD=A01010&CappBizCD=13100000016&tp_seq=01

4. 인터넷 등기소 , Last Modified , Accessed by 2018-08-22, http://www.iros.go.kr

5. UI for Setting up a Checking account and Savings account for my bank project, Last Modified, Accessed by 2018-08-22, https://stackoverflow.com/questions/34164396/ui-for-setting-up-a-checking-account-and-savings-account-for-my-bank-project

6. 통장 - 위키백과, Last Modified 2018-06-07 09:21, Accessed by 2018-08-22, https://ko.wikipedia.org/wiki/통장

7. 중소기업은행법 | 국가법령정보센터, Last Modified 2017-07-26, Accessed by 2018-08-22, http://www.law.go.kr/법령/중소기업은행법

8. 우체국예금ㆍ보험에 관한 법률 | 국가법령정보센터, Last Modified 2017-07-26, Accessed by 2018-08-22, http://www.law.go.kr/법령/우체국예금ㆍ보험에관한법률

9. "지료(Giro)는" 금융결제원에서 통합납부 시스템을 운영하고 있다.

     지로란 "일상거래에서 발생하는 지급인과 수취인 간의 각종 대금결제를 현금이나 수표로 주고받는 대신에 금융회사의 계좌를 이용하여 결제할 수
     있도록 지로자금의 지급·수취정보 처리센터 역할을 수행하고 있다."

10. 지로업무 | 금융결제원, Last Modified , Accessed by 2018-08-22, http://www.kftc.or.kr/kftc/business/BusinessGiroInfo.do

11. 계좌정보통합관리서비스 | 금융결제원, Last Modified , Accessed by 2018-08-22, https://www.payinfo.or.kr/payinfo.html

     금융결제원에서는 계좌정보통합관리스 서비스를 운영하고 있다고 한다.

12. 학원의 설립ㆍ운영 및 과외교습 | 찾기쉬운 생활법령정보시스템, Last Modified, Accessed by 2018-08-22,  http://easylaw.go.kr/CSP/CsmMain.laf?csmSeq=1140

13. 대학알리미(AcademyInfo), Last Modified , Accessed by 2018-08-22, http://www.academyinfo.go.kr

14. 교육부(Ministry Of Education), Last Modified , Accessed by 2018-08-22, http://www.moe.go.kr/main.do?s=moe

15. 유치원 교육비 :: 영유아교육 | 생활법령정보, http://www.easylaw.go.kr/CSP/CnpClsMainBtr.laf?popMenu=ov&csmSeq=631&ccfNo=2&cciNo=3&cnpClsNo=1

16. 약제비 계산기 | 건강보험심사평가원, Last Modified , Accessed by 2018-08-22, http://www.hira.or.kr/rf/medicine/calculator/form.do?pgmid=HIRAA030037000000

17. 건강보험심사평가원, Last Modified , Accessed by 2018-08-22, http://www.hira.or.kr/main.do

18. 유치원 알리미, Last Modified , Accessed by 2018-08-22, http://e-childschoolinfo.moe.go.kr/#none

19. 어린이집 유치원 통합정보공시, Last Modified, Accessed by 2018-08-22, http://www.childinfo.go.kr/main.jsp

20. 국토교통부 - 교통정보, Last Modified, Accessed by 2018-08-22, http://cyber.molit.go.kr/traffic/main.jsp

21. 내일을 위한 고용노동부, Last Modified, Accessed by 2018-08-22, http://www.moel.go.kr/index.do

22. 중소벤처기업부, Last Modified, Accessed by 2018-08-22, http://www.smba.go.kr/site/smba/main.do#btn_topBarNav

23. 기획재정부, Last Modified, Accessed by 2018-08-22, http://www.moef.go.kr/

24. 환경부, Last Modified, Accessed by 2018-08-22, http://www.me.go.kr/home/web/main.do

25. 과학기술정보통신부, Last Modified, Accessed by 2018-08-22, http://www.msit.go.kr

26. 금융실명거래 및 비밀보장에 관한 법률 | 국가법령정보센터, Last Modified, Accessed by 2018-08-22, http://www.law.go.kr/법령/금융실명거래및비밀보장에관한법률

27. 개인정보보호법 | 국가법령정보센터, Last Modified 2017-07-26, Accessed by 2018-08-22, http://www.law.go.kr/법령/개인정보보호법/(14839,20170726)

28. 의무경찰 | 복무안내, Last Modified , Accessed by 2018-08-23, http://ap.police.go.kr/ap/main.do

29. 의무소방원 - 현역(전환복무) | 병무청, Last Modified, Accessed by 2018-08-23, https://www.mma.go.kr/contents.do?mc=mma0000504&num=3

30. 군인사법 | 국가법령정보센터, Last Modified 2018-01-16, Accessed by 2018-08-23, http://www.law.go.kr/법령/군인사법

31. 은행법 | 국가법령정보센터, Last Modified 2017-01-19, Accessed by 2018-08-23, http://www.law.go.kr/법령/은행법

32. 기술보증기금법 | 국가법령정보센터, Last Modified 2018-06-12, Accessed by 2018-08-23, http://www.law.go.kr/법령/기술보증기금법
33. 한국산업은행법 | 국가법령정보센터, Last Modified 2016-09-30, Accessed by 2018-08-23, http://www.law.go.kr/법령/한국산업은행법

34. 한국주택금융공사법 | 국가법령정보센터, Last Modified 2018-02-21, Accessed by 2018-08-23, http://www.law.go.kr/법령/한국주택금융공사법
35. 행정안전부, Last Modified , Accessed by 2018-08-23, http://www.mois.go.kr

36. 국세청, Last Modified, Accessed by 2018-08-23, https://www.nts.go.kr/

37. 행정안전부 지방세정책과, Last Modified, Accessed by 2018-08-23, http://www.mois.go.kr/frt/a07/searchStaff.do?selectedTeamId=1741232&orgnzt_id=1741232&mgrDetailFlag=Y

38. 근로복지공단, Last Modified, Accessed by 2018-08-23, https://www.kcomwel.or.kr/kcomwel/main.jsp

39. 신용회복위원회, Last Modified, Accessed by 2018-08-23, https://www.ccrs.or.kr/main.do

40. 대한민국 국방부, Last Modified, Accessed by 2018-08-23, http://www.mnd.go.kr

41. 예비군 훈련, Last Modified, Accessed by 2018-08-23, http://www.mnd.go.kr/mbshome/mbs/mnd/subview.jsp?id=mnd_011102030000

42. 국민재난안전포털, Last Modified, Accessed by 2018-08-23, http://m.safekorea.go.kr/idsiSFK/50/menuMap.do?w2xPath=/idsiSFK/wq/sfk/cs/contents/civil_defense/SDIJKM1205.xml

43. 정책 > 장애인 > 장애인정책 | 보건복지부, Last Modified, Accessed by 2018-08-23, http://www.mohw.go.kr/react/policy/index.jsp?PAR_MENU_ID=06&MENU_ID=063701

44. 보건복지부, Last Modified, Accessed by 2018-08-23, http://www.mohw.go.kr

45. 농림축산식품부, Last Modified, Accessed by 2018-08-24, http://www.mafra.go.kr

46. 동물보호관리시스템, Last Modified, Accessed by 2018-08-24, http://www.animal.go.kr/

47. 바다생태 정보나라(해양수산부), Last Modified, Accessed by 2018-08-24, http://www.ecosea.go.kr/

48. 여성가족부, Last Modified, Accessed by 2018-08-28, http://www.mogef.go.kr/

 


* 제1저자(Author) 도도는 http://yyman.tistory.com 운영자이다. 샵인클루드와 미개닉 등 샵인클루드족이다.

                                   - 제1저자 도도는 풍부한 실험을 하기 위해서 매우 안락한 상태에서 공부를 진행하였다.

 

* 교신저자(Corresponding author || Contact author)는 해당 없음. (N/A - Not Applicable)

* 도도(Dodo)는 http://yyman.tistory.com의 Editor(에디터)이다.

반응형
728x90
300x250

[User Interface(사용자 인터페이스)] UI 설계 디자인 - 콤보박스

 

User Interface(사용자 인터페이스) 디자인에서 사용될 수 있는 콤보박스를 소개하려고 한다.

 

IDE 통합개발환경에서 제공하는 경우도 있으니 참고할 것.
Text 기반으로 작성해야 하는 경우도 있으니 아래의 자료를 참고하면 많은 도움이 될 것으로 보인다.

 


1. 콤보박스(Combobox)

 

콤보박스(Combobox)는 아래처럼 그림을 그릴 수 있다.

크게 어렵지 않다.

 

그림 1-1. Ui-Design - 도도(Dodo)

 

 

그림 1-2. Ui-Design - 도도(Dodo)

 

 

그림 1-3. Ui-Design - 도도(Dodo)

 

그림 1-4. Ui-Design - 도도(Dodo)

 

 

그림 1-5. Ui-Design - 도도(Dodo)

 

* 첨부(Attachment)

ui-combobox.7z

 


2. IDE에서 UI-Design

 

Visual Basic, Visual Studio, Eclipse 등에는 UI-Designer가 존재한다.

Eclipse에서 UI-Desiger가 작동하지 않을 경우에는 Sun Microsystems에서 배포하는 자바 개발 도구를 사용하는 것도 방법이 될 수 있다.

안드로이드스튜디오에도 디자이너를 위해서 디자인 환경을 제공하고 있다.

 


2-1. 자바 Swing에서의 WindowDesigner

 

자바 스윙에서의 윈도우 디자이너에 대해서 소개하려고 한다.

아래의 그림들은 시연에 관한 것이다.

 

 

그림 2-1-1. Eclipse - Java Swing Designer - 도도(Dodo)


 

 

그림 2-1-2. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-3. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-4. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-5. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-6. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-7. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-8. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-9. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-10. Eclipse - Java Swing Designer - 도도(Dodo)

 

참고 해야 할 점

동작에 있어서 하위 버전(JDK 10 이하)을 사용해도 되지만, JDK 10의 정책이 어떻게 돌아가는지 등도 충분히 생각해봐야 한다.

오라클의 동향 등도 모니터링을 해야 한다.

 


2-2. Ubuntu 18.04(루분투 18.04)에서 Anjuta Studio (With Glade, GTK+, GTK3)

 

이번에 시연할 것은 UI 설계를 개발도구에서도 가능한지에 관한 것이다.

가능하다.

 

 

영상 2-2. UI(사용자 인터페이스) 시연 - 도도(Dodo)

 

이클립스도 거의 비슷비슷할 것으로 보인다.

GTK+ (GTK 3.0)의 경우에는 GNU/LGPLv2.1을 적용받는다.

 


3. 결론(Conclusion)

 

이 밖에도 사용자 인터페이스에 대한 설계는 무척 중요하다고 할 수 있다.

복잡하고 어려운 기기도 예를 들면, 기계 장치도 훨씬 쉽고 이쁘게 심미적으로 단순하게 바꿀 수가 있다.

 

컴퓨터에만 적용되는 것은 아니다.

반응형

+ Recent posts