intropage blog

블로그 이미지
intropage 와 관련된 소소한 이야기들을 공유할게요.
jurohan

Article Category

분류 전체보기 (25)
서비스 소개 (2)
서비스 업데이트 (14)
운영 이슈 (1)
활용 사례 (3)
참고자료 (5)

Recent Comment

Recent Trackback

Calendar

«   2017/11   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

Archive

My Link

  • Total2,042
  • Today0
  • Yesterday5
  1. 2015.12.09
    [기능소개] 배경이미지 쉽게 변경하기
  2. 2015.02.22
    [기능 소개] 본문 링크 카운트 기능
  3. 2015.01.20
    [기능 소개] 공지 팝업
  4. 2014.12.16
    [기능 소개] 인트로 페이지 제작 순서
  5. 2014.12.15
    [기능 소개] 팀만들기

안녕하세요. 인트로페이지입니다.

인트로페이지는 기 디자인된 코드 템플릿을 바로 적용하여 사이트의 디자인을 손쉽게 변경할 수 있게 하며, CSS/JS 코드를 직접 작성하거나 수정할 수 있는 사용자의 경우 직접 작성할 수 있는 온라인 코드 에디터 기능을 제공하고 있습니다.

하지만 비개발자의 경우 원하는 디자인 템플릿을 선택하여도 배경이미지 등을 자신의 기호에 맞게 수정하기에는 한계가 있었습니다.


이를 위지윅에디터를 통해 조금 쉽게 할 수 있는 방법을 고려하긴 하였으나 코드 자체가 생소한 사용자들에게는 이 또한 어렵게 느껴졌을 것입니다.

이에 조금 더 쉬운 방법을 고민하다가 원하는 영역의 배경이미지를 클릭한번으로 변경할 수 있는 방법을 도출하였고, 이에 대한 개발을 최근에 진행하였습니다.

1. 생성중인 인트로페이지의 디자인 선택 단계로 이동합니다.


2. 수정 버튼을 클릭하면, 팝업창이 출력됩니다.


3. 상단 메뉴창에서 배경 이미지 수정을 클릭합니다.


4. 배경 이미지 등록/변경을 원하는 영역의 배경 변경 버튼을 클릭합니다.

5. 이미지를 업로드 합니다.

6. 퍼블리싱 단계로 이동 후 페이지 활성화 버튼을 통해 수정 내용을 반영합니다.



7. 변경된 배경 이미지를 확인하실 수 있습니다.


다음에 개발할 기술에 대해서는 아직 결정되진 않았지만,
사용자가 조금이라도 더 쉽게 웹을 도구로 쓸 수 있게 도움을 줄 수 있는 기능이라는 방향성은 유지될 것 입니다. 


감사합니다.

신고
Trackback 0 and Comment 0

안녕하세요. 인트로 페이지입니다.

이번 글에서 소개해 드리고자 하는 기능은 활성화 된 인트로 페이지의 본문에 삽입한 링크 URL도, 관련 링크에 추가한 경우 자동으로 카운트 되는 기능을 추가했습니다.

이를 통해 방문한 고객이 하단의 관련 링크 뿐 아니라,
콘텐츠 본문에서 해당 링크를 눌렀을 때도 링크 클릭 카운트가 적용되도록 하였습니다.

기능에 대한 자세한 설명은 다음 영상으로 대신하겠습니다.


인트로 페이지 서비스에 사용을 원하시는 분은
http://intropage.net 을 통해 이메일을 남겨주세요.
새로운 소식들을 전달해드립니다.

신고
Trackback 0 and Comment 0

2015년 처음으로 개발된 기능은 공지 팝업입니다.

월초에 진행했던 외부 미팅에서, 현재 사용하고 있는 홈페이지를 관리하다보면 공지를 바로 띄워야 하는데, 개발사에 연락을 하면 바로 처리해주지 못하거나 매번 비용을 청구해 부담이 된다는 이야길 들었습니다.


개발자의 입장에서 보면, 다른 프로젝트를 진행하고 있을 경우 진행하던 일정들을 처리한 후 진행해야 하기에 즉시 처리하기에 어려운 부분이 있습니다.

이 대화를 마무리할 즈음, 아 실제 팝업 기능이 필요한 순간들이 있는데, 이 부분도 필요시 사용자가 직접 입력할 수 있는 환경이 필요할 것이란 생각이 들어 공지 팝업 기능을 만들게 되었습니다.

공지 팝업의 사용방법은 다음의 영상을 통해 확인하실 수 있습니다.

인트로 페이지 서비스에 사용을 원하시는 분은
http://intropage.net 을 통해 이메일을 남겨주세요.
새로운 소식들을 전달해드립니다.

신고
Trackback 0 and Comment 0

인트로페이지에서 제공하는 싱글페이지 기반 사이트는 크게 4가지 단계를 거쳐 제작됩니다.

첫번째는 개요 정보를 입력하는 단계이며, 두번째 단계에서는 본문 콘텐츠를 입력하는 단계가 있습니다. 세번째 단계에서는 입력된 콘텐츠에 디자인 템플릿을 입혀보는 단계이며, 마지막 활성화 단계에서는 부수적인 정보와 인트로 페이지의 성격에 따른 카테고리를 선택한 후 활성화 하는 단계로 구성되어 있습니다.



첫 단계인개요 입력 단계에서는 프로젝트와 관련된 로고, 프로젝트 명, 개요 정보, 페이지 URL, 활동 지역명, 연락처에 대한 정보가 입력됩니다. 실제 본문 콘텐츠를 입력하지 않고도 이곳에 입력된 기본 정보만으로도 인트로페이지가 구성될 수도 있게 하였습니다.



본문 구성하기 단계에서는 본문을 작성할지, 아니면 개요 정보만으로 인트로 페이지를 생성할 지에 대해 묻는 모달창이 출력됩니다. 바로 사이트를 생성할 수도 있겠지만, 콘텐츠 본문을 구성하게 되면 방문자에게 보다 정확한 정보를 제공할 수도 있으며, 본문 구성자에 한하여 기본 디자인이 아닌 디자인 템플릿을 선택할 수 있는 권한이 있기 때문에, 개성있는 인트로 페이지를 만들 수가 있기 때문에, 되도록이면 콘텐츠 본문 입력을 권장하고 있습니다.

본문 입력을 선택하면, 글 작성 순서를 10개의 주제 내로 적을 수 있는 인풋박스가 보여집니다. 이 곳에 적은 내용은 각 문단의 타이틀 및 메뉴명이 됩니다. 글 작성자는 본문 작성에 앞서 글의 흐름을 미리 구성할 수 있기 때문에 보다 읽기 좋은 글을 작성하는 데 도움을 주는 과정이라고 생각합니다.

본문 구성을 완료하고, 내용입력단계로 넘어가면, 각 타이틀 별로 위지윅 에디터를 통해 콘텐츠를 입력할 수 있는 창이 설정되어 있습니다. 위지윅과 HTML 을 기본적으로 제공하며, 업로드 가능한 이미지 형식은 jpg,gif,png 입니다. 또한 모바일 환경에서도 컨텐츠 편집이 가능한 위지윅 에디터 플러그인을 커스터 마이징 하여 개발하였기 때문에, 이동 중에도 타블릿 PC, 모바일 폰 등으로 콘텐츠 수정이 가능합니다.

디자인 설정 단계로 넘어가면, 레이아웃 형태를 설정하는 모달창이 출력되고 원하는 레이아웃을 선택하면, 세부 디자인 템플릿 정보가 출력됩니다.

원하는 디자인 템플릿을 선택하면, 실시간으로 반영된 페이지를 확인할 수 있습니다.

하단 메뉴 중 수정을 누르면, CSS/JS 수정이 가능한 창이 출력되며, 이 코드 에디터 창을 통해 디자인 템플릿을 자신의 기호에 맞게 수정할 수 있습니다. 또한 일부 템플릿의 경우 간편편집 기능을 제공하여, 코드를 모르는 사용자도 색상, 본문 너비, 글자 크기 등에 대한 수정이 가능하도록 기능을 제공하고 있습니다.

하단 View mode 중 모바일 아이콘을 누르면, 모바일 환경에서 콘텐츠가 정확히 보이고 있는지에 대해서도 확인할 수 있습니다.

페이지 활성화 단계에서는 페이지의 카테고리 설정, 대표 사이트가 존재하는 경우 URL, 대표 이미지 선택, 팀 및 팀원 정보 입력, 연관된 온라인 정보 등을 입력할 수 있도록 하였으며, 내부 구성원간 사이트 활성화 전 페이지의 콘텐츠 및 기능적 완성도를 체크할 수 있도록 암호화된 URL을 제공하는 임시 활성화 기능을 선택할 수도 있습니다.


이후, 모든 내용이 완성되었을 때, 하단의 활성화 버튼을 누르면 작성한 인트로페이지가 활성화 됩니다.


인트로 페이지의 오픈 소식이 궁금한 분들은
http://intropage.net 을 통해 자신의 이메일 주소를 남겨주세요.

오픈 소식을 메일을 통해 알려드립니다. 감사합니다.



신고
Trackback 0 and Comment 0

intropage에서는 Team 정보를 콘텐츠와는 별도로 만들 수 있도록 구성되어 있습니다.

인트로 페이지는 싱글페이지 기반 홈페이지를 제공하는데, 이러한 특징은 기관/팀을 부각시키기보다는 활동 정보, 경험 등을 중심으로 보다 세밀한 정보를 입력하고, 사이트로 제작하게 하는 것이 방문자로 하여금 콘텐츠에 대한 집중력을 높인다고 생각하기 때문입니다.

이를 위해 팀 정보를 팀 기능을 통해 만들고, 연관된 페이지의 활성화 단계에서 연관된 팀을 검색을 통해 연결할 수 있는 기능을 제공합니다.

로그인 후, 오른쪽 화면에서 Team info를 선택한 후, 오른쪽 화면에서 팀 추가하기를 누르면 하단에 팀명 검색창이 나타납니다. 이곳에 원하는 팀명을 입력후 검색 버튼을 누르면, 해당 팀명이 있으면 기존 생성된 팀 정보를 확인할 수 있는 링크가 나오며, 없을 경우 팀 만들기 버튼을 클릭합니다.

이후 출력된 모달창에서 팀의 활동분야와 소개글을 입력하면, 팀 페이지가 생성됩니다.

팀 정보가 정상적으로 저장되었다면, Team info 메뉴에서 생성된 팀정보를 확인할 수 있으며, 팀명을 클릭하면 세부 팀 정보를 확인할 수 있는 페이지로 이동합니다.

이 곳에서 인트로페이지에 가입한 사용자를 팀원으로 추가할 수 있으며,
팀과 연관된 프로젝트의 페이지 활성화 단계에서 연관된 팀에 새롭게 생성한 팀의 정보를 입력하면, 추가할 수 있습니다.



신고
Trackback 0 and Comment 0