컴퓨터 프로그래밍/웹 기획 및 프로그래밍 (7) 썸네일형 리스트형 호스팅 선택 시 주의사항 및 CDN 에 대해서 웹 호스팅의 경우 언어 및 프레임워크 지원 대상을 확인 해야 합니다. 웹 사이트를 구축한 후 호스팅을 할 업체 선정은 정말 중요한 사항입니다. 웹사이트의 속도와 안정성, 보안, 가동시간 등 모든것이 이 호스팅 선택에 따라 바뀝니다. 만약 잘못된 선택을 한다면 마이그레이션(서버 이식)을 하는데 힘듬을 겪을 수 있습니다. 이렇듯 호스팅을 선택할 때는 호스팅 서비스가 제공하는 기술 요구사항을 확인해야합니다 . 필자의 경우 언어및 프레임워크는 python 기반의 Django를 사용해서 웹을 개발 했습니다. 하지만 아래 사이트의 호스팅에서 지원되는 프레임워크에는 Django는 없으며, PHP나 JSP, NODE.js등을 지원합니다. 이렇듯 웹 호스팅의 경우 언어 및 프레임워크에 제한사항이 있습니다. 만약 필자와 .. 제경비와 기술료에 대해서 - 홈페이지 금액 산정은 어떻게 해야되는가? 안녕하세요 시란입니다. 요즘 홈페이지 제작업체 선정을 위해 견적서를 요청드리고 있어요. 그러던 중 견적서에 인건비는 이해를 하겠지만 제경비와 기술료 항목이 견적 금액에 포함이 되어있더라고요. (모든 기업에서 인건비 + 제경비+ 기술료를 선정하고 있었습니다.) 그래서 과연 제경비와 기술료가 무슨 항목이고, 왜 인건비 소계에 %로 선정을 하는지 알아보려고 합니다. 아래 그림은 견적서에 포함된 금액 목록 예시입니다. 참조하시기 바랍니다. 그렇다면 제경비와 기술료 의미를 알아보도록 하겠습니다. 제경비란? 직접비(직접인건비와 직접 경비)에 포함되지 않고 소프트웨어 사업자의 행정운영을 위한 기획, 경영, 총무 분야에서 발생하는 간접 경비로 임원, 서무, 경리직원 등의 급여, 사무실비, 사무용 소모품비, 비품비, 회.. 웹 기획 - 홈페이지 와이어프레임 작성건 실제 예시 안녕하세요 시란입니다. 이번 포스팅에서는 저번에 말씀 드렸듯이 와이어프레임에 대해서 한번 소개해보고자 합니다. 지난 포스팅 링크는 아래와 같아요 참고로 지난 포스팅에서는 웹 기획에서 홈페이지 벤치 마킹을 했었어요. https://siran.tistory.com/199 웹 기획 - 홈페이지 벤치 마킹 참고 문서 안녕하세요 시란입니다 . 이번포스팅에서는 저번에 말씀드린대로 홈페이지 벤치마킹 한 내용을 공유드리려고 합니다 . 제가 벤치마킹한 홈페이지는 아래 표와 같아요. 참고로 아래 2곳은 벤치마킹 진행을 하지.. siran.tistory.com 네 그럼 제가 대략적으로 작성한 와이어프레임을 소개드리겠습니다. 홈페이지는 간략하게 6page로 되어있어요. 메인페이지와 메인메뉴에서 들어갈 수 있는 5개의 페이지가.. 웹 기획 - 홈페이지 벤치 마킹 참고 문서 안녕하세요 시란입니다 . 이번포스팅에서는 저번에 말씀드린대로 홈페이지 벤치마킹 한 내용을 공유드리려고 합니다 . 제가 벤치마킹한 홈페이지는 아래 표와 같아요. 참고로 아래 2곳은 벤치마킹 진행을 하지 않았으며, 위 3개 홈페이지중 0.9M 홈페이지를 한번 살펴보고 포스팅에 작성하도록 하겠습니다. 일단 메인 페이지입니다. 메인 페이지 화면을 캡쳐했으며, 해당 페이지에 들어있는 요소들에 대해서 빨간 동그라미의 번호로 표시를 한 후 인터페이스 영역에 해당 번호의 내용을 작성했습니다. 그리고 특이사항이 있다면 우측 하단에 따로 작성을 하였습니다. 0.9 M의 메인페이지는 커다란 오피스 이미지가 슬라이드쇼 형태로 계속 변경되게 되어있었으며 특이점은 왼쪽에 메뉴가 위치했습니다. 나머지는 타 홈페이지와 비슷했습니다... 웹페이지 기획 - 와이어프레임 I 스토리보드 I 프로토타입 - 스토리보드편 스토리보드란? 영화나 tv광고 영상물 제작하기 위한 일종의 문서로 쓰이지만 웹 페이지 개발 쪽에서는 일종의 화면 기획쪽으로 사용합니다. 기획자에게는 가장 기본중 기본이며 기획의 꽃이라고 생각하면 됩니다. 그중 대부분의 페이지를 채우는 화면 설계를 알아보려고 합니다. 참고로 스토리보드는 할 수 있으면 상세하게 표현하는 것이 좋습니다. 화면도 실제 웹페이지를 만들듯이 표현하는 것이 좋으나 스토리보드를 가지고 작업을 하는 사람들 아니면 관계자 이외엔 설명을 들어도 이해하기 힘들다.( 모든 기획서는 다 이와 비슷하다.) 그래도 팀과 의사소통을 위해서는 문서화는 필수입니다. 또한 최대한 이해가 쉽게 되도록 풀어서 자세히 설명해야합니다 . 이런 스토리보드와 메인시안만 제대로 나온다면 홈페이지 제작은 일사천리로 진행.. 웹페이지 기획 전 할일 - 홈페이지 벤치 마킹에 대해서. 안녕하세요 시란입니다. 이번 포스팅은 웹페이지 기획을 하기 전에 하면 도움이 될 홈페이지 벤치마킹에 대해서 알아보도록 하겠습니다. 일단 벤치마킹이란 다른 우수한 제품이나 기술의 경영 방식을 배워서 응용하는일로 다양하게 사용되고 있는 경영 방법이며 홈페이지 벤치마킹은 마찬가지로 우수한 홈페이지를 참고해 다양한 기능들을 응용하는 것을 의미하겠습니다. 이 벤치마킹은 그냥 괜찮은 홈페이지를 보고 "와 좋다.." 이렇게 끝날 것이 아니라 어떻게 구성되었는지 아니면 어떤 기능이 있는지 어떻게 디자인적으로 배치했는지를 분석하는 것이 중요하며 이를 혼자만 알 것이 아니라 팀원과 함께 공유하는 것이 핵심입니다. 그렇다면 홈페이지 벤치마킹을 하고 팀원과 공유하려면 어떻게 해야 될까요? 바로 벤치마킹 보고서를 작성하면 됩니.. 웹페이지 기획 - 와이어프레임 I 스토리보드 I 프로토타입 - 와이어프레임 편 와이어프레임과 프로토타입은 UX디자인과 연결된 두 가지 대표적인 디자인 산출물입니다. 현 포스팅에서는 와이어프레임과 프로토타입의 기능과 프로세스 그리고 유용성에 대해서 기본적인 내용을 준비하도록 하겠습니다. 와이어프레임이란? 와이어프레임(골격)은 간단한 모양만을 사용해 인터페이스를 시각적으로 묘사한 것입니다. 와이어프레임은 구조와 콘텐츠 그리고 기능을 설명하는데 사용합니다. 아래의 그림이 와이어프레임의 좋은 예시라고 할 수 있습니다. 와이어프레임을 통해 페이지들의 구성방식 (구조), 그리고 페이지에 각각 표시될 내용들 (콘텐츠) 그리고 해당 인터페이스들의 작동방식(기능)을 설명 할 수 있습니다. 와이어프레임을 통해 디자인의 현재상태와 향후 디자인 방향성을 공유할 수 있습니다. 사실 와이어프레임과 실제 완.. 이전 1 다음
