intropage blog

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

Article Category

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

Recent Comment

Recent Trackback

Calendar

«   2019/04   »
  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

  • Total4,400
  • Today0
  • Yesterday0
  1. 2014.12.16
    [기능 소개] 인트로 페이지 제작 순서
  2. 2014.12.16
    [기능 추가] 분석 정보 엑셀 파일로 다운로드하기
  3. 2014.12.15
    [기능 소개] 팀만들기
  4. 2014.11.24
    [모바일 전용 사이트 개설] 세계태권도평화봉사재단

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

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



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



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

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

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

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

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

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

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

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


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


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

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



Trackback 0 and Comment 0

인트로 페이지에 새로운 기능이 추가되었어요.
분석툴을 사용하시는 분들이라면 익숙할 수 있는 분석 자료를 액셀 파일로 다운로드 하는 기능이 최근에 추가되었습니다.

현재 인트로 페이지를 활성화 한, DashBoard를 통해 다양한 분석 자료를 제공하고 있는데요. 이 자료를 통해 추가 분석을 시행하거나, 내부 양식에 맞춰 편집이 필요할 경우 액셀 파일로 다운로드 하는 기능을 활용하시면 쉽게 원하는 형태로 편집하실 수 있습니다.

인트로 페이지의 오픈 소식이 궁금하신 분은 아래 주소로 이동 후, 이메일을 등록해주세요. :)

http://intropage.net 



Trackback 0 and Comment 0

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

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

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

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

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

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

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



Trackback 0 and Comment 0



[세계태권도평화봉사재단의 인트로페이지]


[주간 페이지 방문자 수]

   지난 11월 21일, 123명이 세계태권도 평화봉사재단의 모바일 페이지에 방문하였습니다.이날은 새로 선발된 봉사단원에 대한 최종 발표가 있는 날이었기에 사용자가 다른 날에 비해 급격히 몰린 날인데요, 그렇지 않은 일상적인 날 또한 인트로 페이지에 개설된 모바일 전용 홈페이지로의 유입인원또한 적지 않음을 확인할 수 있습니다.

   스마트 폰이 더이상 신기하지 않은 것이 되어버린 요즘, 우리는 티비를 보다가도, 이동 중에도, 페이스북을 하다가도 스마트폰을 통해 인터넷에 접속하며, 인터넷 사이트를 방문하여 원하는 콘텐츠를 소비합니다.

   그런데 한때 유행했었던 플래시 메뉴와 영상은 모바일에서 사용자가 정보를 확인할 수 없게 하며 데스크탑에 최적화 된 웹사이트는 작은 크기의 모바일 화면에서 정보를 소비하기에 부적합한 형태로 되어 있는 경우가 많습니다.

   의뢰가 들어왔던 세계태권도평화봉사재단 또한 이와 같은 문제를 갖고 있었지만, 새롭게 홈페이지를 만들기에는 관련 예산이 마련되어 있지 않아 고민을 하고 있었습니다.몇번의 상담을 진행 한 후, intropage를 통해 모바일 전용 페이지를 만들고, 기존의 웹사이트 상단에 Javascript로 모바일 기기 여부를 체크하여 모바일 기기로 접근한 경우, 이동이 되도록 변경하였습니다.

   
[모바일에서 접근한 홈페이지와 인트로페이지로 제작한 모바일 전용 소개페이지]

기존 사이트 삽입 코드
<script type="text/javascript" src="http://intropage.net/js/outisde/tpcors_code.js"></script> 

코드 내용

<script type="text/javascript"> 
//모바일 체크하기 
if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i)  || navigator.userAgent.match(/iPhone/i)  || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){

url=location.href; 
ref=parent.document.referrer; 
//레퍼러가 intropage인것도 체크하기 
if(ref.indexOf('intropage.net')!=-1){ 
//alert(ref.indexOf('intropage.net')); 
//이전 페이지 주소에 intropage가 포함되어 있다면.. 사이트 그대로 보여주기 
}else if(url.indexOf('?ipg_check')!=-1){ 
//주소줄에 intropage 인식 변수가 존재하면.. 페이지 그대로 보여주기
 
}else if(url.indexOf('.php')!=-1){ 
//주소줄에 intropage 인식 변수가 존재하면.. 페이지 그대로 보여주기 
}else{ 
//연결될 모바일 페이지 주소 입력
location.href = 'http://intropage.net/tpcorps'; 

}

</script> 
<!--intropage 모바일 지원 코드 끝 --> 

   지난 8월 초 위와 같은 작업을 진행한 이후, 세계태권도 평화봉사재단에는 몇가지 변화가 생겼습니다. 

   먼저 추측했었던 것들을 실체화해 볼 수 있었습니다. 티비에 봉사단과 관련된 방송이 소개되었거나, 봉사단 모집광고를 시작하고 나면, 사이트로 사람들이 많이 방문할 것이라고 생각했었던 것을, intropage Dashboard를 통해 실제 사용자들이 어떤 일이 있은 후 유입량이 늘었는 지에 대해, 그리고 어떤 채널과 기기로 유입이 되는지에 대해 파악이 가능하게 되었습니다.


[DashBoard 정보]

   이렇게 유입량의 변화에 따른 원인에 대한 파악이 가능해지게 되니 다가올 이벤트 일정에 맞춰 콘텐츠를 위지윅 기반의 편집툴을 통해 직접 수정할 수 있게 되었습니다.


   세계태권도평화봉사재단의 사례처럼 예산이 부족한 비영리 재단, 사회적 기업 등의 경우, 인트로페이지를 통해 모바일 전용페이지를 제작하고, 기존 홈페이지와 연동하는 것이 방문자들의 정보 접근성을 높이는 데 하나의 방법이 될 수 있을 것입니다.


인트로 페이지 서비스에 관심이 있는 분들은 아래의 랜딩 페이지에서 이메일 주소를 입력해 주세요. 오픈 소식을 전해드립니다.

http://intropage.net

세계태권도평화봉사재단 인트로 페이지 : http://ipg.so/tpcorps


  

Trackback 0 and Comment 0