본문 바로가기

컴퓨터 프로그래밍

 (78)
웹 기획 - 홈페이지 와이어프레임 작성건 실제 예시 안녕하세요 시란입니다. 이번 포스팅에서는 저번에 말씀 드렸듯이 와이어프레임에 대해서 한번 소개해보고자 합니다. 지난 포스팅 링크는 아래와 같아요 참고로 지난 포스팅에서는 웹 기획에서 홈페이지 벤치 마킹을 했었어요. https://siran.tistory.com/199 웹 기획 - 홈페이지 벤치 마킹 참고 문서 안녕하세요 시란입니다 . 이번포스팅에서는 저번에 말씀드린대로 홈페이지 벤치마킹 한 내용을 공유드리려고 합니다 . 제가 벤치마킹한 홈페이지는 아래 표와 같아요. 참고로 아래 2곳은 벤치마킹 진행을 하지.. siran.tistory.com 네 그럼 제가 대략적으로 작성한 와이어프레임을 소개드리겠습니다. 홈페이지는 간략하게 6page로 되어있어요. 메인페이지와 메인메뉴에서 들어갈 수 있는 5개의 페이지가..
웹 기획 - 홈페이지 벤치 마킹 참고 문서 안녕하세요 시란입니다 . 이번포스팅에서는 저번에 말씀드린대로 홈페이지 벤치마킹 한 내용을 공유드리려고 합니다 . 제가 벤치마킹한 홈페이지는 아래 표와 같아요. 참고로 아래 2곳은 벤치마킹 진행을 하지 않았으며, 위 3개 홈페이지중 0.9M 홈페이지를 한번 살펴보고 포스팅에 작성하도록 하겠습니다. 일단 메인 페이지입니다. 메인 페이지 화면을 캡쳐했으며, 해당 페이지에 들어있는 요소들에 대해서 빨간 동그라미의 번호로 표시를 한 후 인터페이스 영역에 해당 번호의 내용을 작성했습니다. 그리고 특이사항이 있다면 우측 하단에 따로 작성을 하였습니다. 0.9 M의 메인페이지는 커다란 오피스 이미지가 슬라이드쇼 형태로 계속 변경되게 되어있었으며 특이점은 왼쪽에 메뉴가 위치했습니다. 나머지는 타 홈페이지와 비슷했습니다...
웹페이지 기획 - 와이어프레임 I 스토리보드 I 프로토타입 - 스토리보드편 스토리보드란? 영화나 tv광고 영상물 제작하기 위한 일종의 문서로 쓰이지만 웹 페이지 개발 쪽에서는 일종의 화면 기획쪽으로 사용합니다. 기획자에게는 가장 기본중 기본이며 기획의 꽃이라고 생각하면 됩니다. 그중 대부분의 페이지를 채우는 화면 설계를 알아보려고 합니다. 참고로 스토리보드는 할 수 있으면 상세하게 표현하는 것이 좋습니다. 화면도 실제 웹페이지를 만들듯이 표현하는 것이 좋으나 스토리보드를 가지고 작업을 하는 사람들 아니면 관계자 이외엔 설명을 들어도 이해하기 힘들다.( 모든 기획서는 다 이와 비슷하다.) 그래도 팀과 의사소통을 위해서는 문서화는 필수입니다. 또한 최대한 이해가 쉽게 되도록 풀어서 자세히 설명해야합니다 . 이런 스토리보드와 메인시안만 제대로 나온다면 홈페이지 제작은 일사천리로 진행..
웹페이지 기획 전 할일 - 홈페이지 벤치 마킹에 대해서. 안녕하세요 시란입니다. 이번 포스팅은 웹페이지 기획을 하기 전에 하면 도움이 될 홈페이지 벤치마킹에 대해서 알아보도록 하겠습니다. 일단 벤치마킹이란 다른 우수한 제품이나 기술의 경영 방식을 배워서 응용하는일로 다양하게 사용되고 있는 경영 방법이며 홈페이지 벤치마킹은 마찬가지로 우수한 홈페이지를 참고해 다양한 기능들을 응용하는 것을 의미하겠습니다. 이 벤치마킹은 그냥 괜찮은 홈페이지를 보고 "와 좋다.." 이렇게 끝날 것이 아니라 어떻게 구성되었는지 아니면 어떤 기능이 있는지 어떻게 디자인적으로 배치했는지를 분석하는 것이 중요하며 이를 혼자만 알 것이 아니라 팀원과 함께 공유하는 것이 핵심입니다. 그렇다면 홈페이지 벤치마킹을 하고 팀원과 공유하려면 어떻게 해야 될까요? 바로 벤치마킹 보고서를 작성하면 됩니..
웹페이지 기획 - 와이어프레임 I 스토리보드 I 프로토타입 - 와이어프레임 편 와이어프레임과 프로토타입은 UX디자인과 연결된 두 가지 대표적인 디자인 산출물입니다. 현 포스팅에서는 와이어프레임과 프로토타입의 기능과 프로세스 그리고 유용성에 대해서 기본적인 내용을 준비하도록 하겠습니다. 와이어프레임이란? 와이어프레임(골격)은 간단한 모양만을 사용해 인터페이스를 시각적으로 묘사한 것입니다. 와이어프레임은 구조와 콘텐츠 그리고 기능을 설명하는데 사용합니다. 아래의 그림이 와이어프레임의 좋은 예시라고 할 수 있습니다. 와이어프레임을 통해 페이지들의 구성방식 (구조), 그리고 페이지에 각각 표시될 내용들 (콘텐츠) 그리고 해당 인터페이스들의 작동방식(기능)을 설명 할 수 있습니다. 와이어프레임을 통해 디자인의 현재상태와 향후 디자인 방향성을 공유할 수 있습니다. 사실 와이어프레임과 실제 완..
적외선 시스템을 이용한 림브부종 모니터링 논문 리뷰 안녕하세요 시란입니다. 이번 포스팅은 개인적인 이유로 인해 읽게된 논문에 대한 리뷰입니다. 제가 관심있어하는 Depth카메라 쪽 분야이기도 합니다. 한번 가볍게 읽고 느낀점을 리뷰하려 합니다. 무겁게 분석은 하지 않았으니 주의 바라며, 이후 해당 분야에 대한 고찰을 해보도록 하겠습니다. 일단 논문제목은 아래와 같습니다. 혹시 몰라 저자와 논문지 등에 대한 정보 또한 캡처해두었습니다. 참고바랍니다. 논문 제목: Monitoring Leg Lymphedema Over the Course of Therapy Using an Infrared System 먼저 내용을 읽어보면 당연 논문에서 나오는 통계적인 의미가 나옵니다. 일단 현 포스팅에서는 간단하게 조사한 내용을 작성할 것이며 이후에 한번 날 잡고 통계값에 ..
Tensorflow gpu 버전 설치하기, windows 10, Anaconda(python 3.6) 안녕하세요 이번 포스팅에서는 아나콘다를 이용해서 윈도우 10환경에서 tensorflow gpu 버전을 설치해볼까 합니다. 텐서플로우의 경우는 python 버전에 따라 지원을 공식적으로 하기도 하고 안하기도 하기 때문에 정확하게 python 버전을 맞출 필요가 있습니다. 그럼 시작하겠습니다. ※ 요구사항 ---------------------------------------------------------------------------------------------------------------------------------- NVIDIA GPU (GTX 1050ti이상이면 충분하다) Anaconda with python 3.6 CUDA Toolkit (ver 9.0) CUDNN (ver 7.0) ..
Tensorflow 를 이용한 Object Detection (human detection) 이번 포스팅에서는 tensorflow를 이용한 Object Detection 을 알아보려고 합니다. 현 포스트는 본인의 필요에 의해 작업을 하는 동시에 포스팅도 작성함에 따라 조금은 비전문적일수 있음을 미리 알려드립니다. python 과 Tensorflow 환경에서 Object detection 하려고 하는데, 특이점은 linux환경이 아닌 windows환경에서 시도 하려 합니다. 먼저 Tensowflow는 설치되어있어야합니다. 간단하게 cmd창에서 다음의 명령어를 칩니다. pip install tensorflow-gpu (gpu버전) 그러고 난 후 pip install --user Cython contextlib2 jupyter matplotlib lxml pillow 라는 명령어를 쳐서 필요한 라이브..

티스토리툴바