intropage blog

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

Article Category

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

Recent Comment

Recent Trackback

Calendar

«   2018/07   »
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 31        

Archive

My Link

  • Total2,628
  • Today4
  • Yesterday0
  1. 2017.10.26
    NPO, Web을 더 똑똑하게 활용하기 - 워크샵 자료
  2. 2015.01.02
    [활용 하기] Google Drive 활용하기
  3. 2014.12.30
    [활용 하기] Youtube 영상 삽입하기
  4. 2014.12.29
    [활용하기] Flickr 사진 앨범 삽입하기
  5. 2014.11.14
    홈페이지 만들때 참고하면 좋은 자료들


안녕하세요.

지난 10/24일 김구기념관에서 열렸던 NPO 파트너페어에 부스와 워크샵으로 참여했었습니다.


인트로페이지와 시리즈 맵, Page2.me라는 저희 내부 서비스와 

구글 사이트 도구, 구글맵, 알리미 서비스에 대한 사용방법 및 팁을 공유하는 자리를 가졌습니다.


이 자료가 다른 분들에게 조금이나마 도움이 되시기를 희망합니다 :)






npo파트너페어_워크샵.pdf


Trackback 0 and Comment 0

실제 프로젝트 사이트를 만들기 위해 콘텐츠와 기능을 설계하다보면, 참여자들을 대상으로 설문을 진행하거나, 문서를 공유해야할 상황이 필요할 때가 있습니다.

이런 상황에 필요한 기능들을 제공하는 서비스가 몇가지 있는 데, 

온라인 문서 작성, 프리젠테이션, 액셀, 설문지 작성 등과 함께 파일을 업로드하고 url을 가진 사람들이 다운로드를 하는 형태의 기능이 필요한 경우 유용하게 사용할 수 있는 것이 google 드라이브(전 구글 독스) 입니다.



구글 드라이브의 세세한 기능을 이글에서 다루기보다는 기본적으로 어떤 기능들을 제공하는 지에 대해서만 안내하겠습니다. (한글이나 워드 등의 프로그램에 익숙하며, 이메일을 사용하는 사용자라면 쉽게 활용할 수 있도록 구조화 되어 있기 때문에 별도의 장황한 설명은 필요가 없을 것 같습니다.)

먼저 구글 드라이브의 소개 사이트는 아래와 같습니다.
https://www.google.com/intl/ko/drive/index.htm

위의 사이트에서는 구글 드라이브의 개요 설명만을 담고 있으며, 실제 사용을 위해서는 구글 계정으로 로그인 후, https://drive.google.com 에 접근하시면 됩니다.

데스크탑상에서 작성한 워드, 액셀 등의 파일을 업로드할 수도 있으며, 우측의 만들기 버튼을 통해 새롭게 원하는 양식을 만드실 수도 있습니다.


기존에 진행했었던 시범 운영 사례 중에도 구글 드라이브를 연동하여 인트로 페이지를 제작한 사례가 있었습니다.

첫번째로는 먼저 인트로 페이지의 로고를 고르는 이벤트를 진행했었는데, 이 과정에서 사용자들의 의견을 받는 부분을 구글 드라이브를 통해 진행했었습니다.

http://intropage.net/intropage_logos

 또한 몽골 더르너드 지역에서 진행했었던, 더르너드+90 프로젝트에서도 각 지원팀의 아이디어를 소개하는 인트로 페이지를 제작하였는데, 후원자들의 리스트를 모으는 방법으로 구글 설문을 이용하였습니다.

http://intropage.net/dornod90

https://docs.google.com/forms/d/1Xt5YOM9OMrbqWOr2qFU5KXW4cAXs5HyIuTwyp7CEOH0/viewform


인트로 페이지와 구글 드라이브를 연동하여 사용하신다면,
온라인에서의 프로젝트 홍보에 있어 큰 도움을 얻으실 수 있을 것입니다.




Trackback 0 and Comment 0

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

이번 글에서는 Yotube에 등록한 영상을 인트로 페이지에 삽입하는 방법을 설명하겠습니다. 

1. 인트로 페이지에 삽입을 원하는 유투브 영상 페이지에서 공유 버튼을 클릭한 후, 하단에 출력된 세부 항목에서 소스코드를 선택하면, 아래와 같이 코드가 출력됩니다. 이 코드를 복사합니다.


2. 영상을 삽입할 인트로 페이지의 본문 영역에 해당 코드를 붙여넣습니다. 이때 편집모드를 'html보기'를 선택하셔야 정상적으로 코드를 삽입하실 수 있습니다. 이후 저장하기 버튼을 누릅니다.


3. 이후 페이지 활성화를 진행하여 변경 내용을 반영하면, 삽입된 영상을 확인하실 수 있습니다.


[Youtube 영상보기]

인트로 페이지의 새로운 정보를 듣고 싶으신 분은 http://intropage.net 에 이메일 주소를 등록해주세요. 오픈 소식을 전해드립니다.


Trackback 0 and Comment 0

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

홈페이지를 만드는 이유는 다양하겠지만, 저희는 자신들의 활동/프로젝트에 대한 정체성을 알릴 수 있는 홈페이지가 필요한 사람들에 초점을 맞춰 서비스를 개발하고 있습니다. 이러한 사용자 집단은 홍보의 도구로써 홈페이지가 필요하기 때문에 보다 적극적으로 사이트를 제작하고 콘텐츠를 다듬을 것이고, 프로젝트의 알림에 있어 다른 전문 채널(유투브, 플리커, 페이스북, 트위터 등)을 적극적으로 활용하는 사용자일 것이라 전제하였습니다.

인트로 페이지는 이러한 사용자들의 기본적 특성에 맞춰 위지윅 뿐 아니라 html 형태의 코드를 직접 삽입할 수 있도록 하였으며, 이를 통해 유투브. 플리커 등 외부 채널의 콘텐츠를 인트로 페이지에 담을 수 있게 하였으며, 이러한 채널들과의 연동을 통해 인트로 페이지를 더욱 다양하게 활용할 수 있습니다.

이번 글에서는 Flickr 사진을 인트로 페이지에 삽입하는 방법을 소개하겠습니다.

1. Flickr에서 인트로 페이지에서 보여주기를 희망하는 사진을 선택합니다.



2. 세부 사진 페이지의 우측하단에 있는 '이 사진 공유' 버튼을 클릭한 후, Html 임베드 코드를 복사합니다.


3. intropage 의 본문 구성 단계에서 사진 삽입을 원하는 영역에 임베드 코드를 붙여넣습니다.(*html 보기 상태에서 붙여넣어야 정상적으로 동작합니다.)


4. 수정한 내용을 페이지 활성화를 통해 변경 내용을 반영합니다.

위의 과정을 담은 아래의 유투브 영상을 보시면, 보다 쉽게 이해하실 수 있을 것이라 생각합니다. 감사합니다.

[Flickr 삽입과정 - Youtube 영상보기]




인트로 페이지의 새로운 정보를 듣고 싶으신 분은 http://intropage.net 에 이메일 주소를 등록해주세요. 오픈 소식을 전해드립니다.



Trackback 0 and Comment 0

1. 고해상도 무료 이미지

홈페이지를 만들거나, 포스터를 만들 때 가장 쉽게 방문자들의 시각적 만족도를 높여주는 것이 배경이미지나 콘텐츠에 삽입된 이미지들이 아닌가 싶습니다.

하지만 일반인이 좋은 사진을 소유하고 있기엔 한계가 있고,
구글링 해서 쓰자니 저작권이 있는 사진은 아닌가 하는 걱정도 들고..

이러한 걱정을 덜어 줄, 멋진! 고해상도 사진들을 제공하는 사이트들을 정리한 곳이 있어 그 정보를 공유합니다 :)

http://ludens.kr/entry/gorgeous-stock-photo-sites


2. 무료 아이콘

디자인을 하다보면, 아이콘을 하나하나 만드는 것도 시간적 부담이 되는 게 사실인데요,
이럴 때 쓰기 좋은 범용적인 아이콘들을 무료로 공유하는 곳들이 많아지고 있는 것 같습니다.

구글 무료 아이콘

http://platum.kr/archives/29362


무료 아이콘

http://designbeep.com/2014/11/04/free-download-iconomous-100-outlined-icons/



3. 분석툴

블로그 서비스, 홈페이지 제작 툴 중에는 보통 컨텐츠에 대한 유입량을 분석할 수 있는 기능을 제공하기도 합니다. 하지만 직접 제작한 사이트나 이벤트 페이지의 경우 이러한 분석툴을 직접 하나부터 열까지 개발하기에는 추가적으로 개발해야하는데, 이를 보조해줄 수 있는 좋은 분석 툴로는 구글에서 제공하는 구글 애널리틱스 같은 서비스가 있습니다.


http://google.com/analytics

회원가입 후 사이트 도메인을 추가하면 인식코드가 출력되는데 해당 코드를 직접, 혹은 사이트 개발자에게 요청하셔서 사이트에 삽입해주시면, 방문자, 유입경로 분석 등 간단한 분석에서부터 이벤트 설정까지 실시간 방문자 분석 등의 기능또한 이용하실 수 있습니다.


https://www.google.com/webmasters

구글 마스터는 사이트와 관련하여 최신 이벤트 및 구글 서비스와의 연동된 경우 연동된 기능과 관련하여 최신 상태를 확인할 수 있는 기능을 제공하며, 구글 검색에서 운영중인 사이트로 어떤 키워드 검색을 통해 유입 되는지, 외부 사이트에서의 URL 링크 경로 등에 대한 분석 정보를 제공해주며, HTML 및 모바일 사용편의성과 관련하여 개선할 사항을 알려주기도 합니다.





Trackback 0 and Comment 0