아이디저장


더보기 >










[공지] 미션 도전하기 전에 꼭 읽어보세요.
[공지] 초급미션이 A코스,B코스로 분리되었습니다.

미션 B코스 [초급8단] 채팅방 만들기
2012-06-10 21:16:00
아람스쿨 조회수 3632

많은 분들께서 채팅방을 운영하고 싶어 하시는분들이 많은신대요. 아쉽게도 본 솔루션에서는 채팅방기능이 제공되고 있지 않습니다.

본 미션은 외부에서 제공되는 서비스 및 컨텐츠를 본 솔루션에 연동 및 설치하는 방법 중 한 예를들어 설명하기 위해서 만들어 보았습니다.

현재 시중에 네이버 지도 및 구글 지도 또한 부정클릭 방지 스크립트, 접속통계 수집 스크립트 등 수많은 소스가 넘쳐나고 있습니다.

이 중에서 무료 채팅 솔루션(gagalive)을  쉽게 설치 하는 방법에 대해서 알아 보도록 하겠습니다.

  

 

관리자 모드로 로그인 하신후 [디자인관리 고급 디자인 관리 추가 페이지 관리]으로 이동 하셔서 아래와 같이 추가페이지를 생성 합니다.

  

 

 

※ 삽입된 HTML

<EMBED src=http://www.gagalive.kr/livechat1.swf?chatroom={MALL_ID}&user={SESS_ID}&encrypt={SESS_ID} width="90%" height=500 type=application/x-shockwave-flash></EMBED>

{MALL_ID} : 계정아이디로 자동 변환됩니다.

{SESS_ID} : 는 회원의 아이디로 자동 변환됩니다.

 

 

자세한 사용 방법및 연결 방법은 http://www.gagalive.kr  에서 참고 하시기 바랍니다.

 

[디자인관리 > 고급 디자인 관리 > 스킨 관리] 으로 이동 후 [default 기본스킨]을 수정 합니다. 

아래 와 같이 html을 수정합니다. 

  

 

※ 추가된 HTML

<a href='/shop_add_page/index.htm?page_code=chat'>채팅방</a>

 
어떠셨나요? 너무 간단하죠? ^-^

이해를 돕기 위해 몇가지 설명 드리겠습니다.

본 솔루션은 99% html 직접입력 방식으로 되어 있기 때문에 html5, css3, 제이쿼리 및 자바스크립트 등 모두 100% 호환됩니다.

시중에 나와있는 연동 스크립트는 약 40%정도가 자바스크립트로 되어 있으며, 이런경우 아무런 문제 없이 설치가 가능 합니다.

하지만 경우에 따라서는 시스템 소스를 수정해야 연동이 되는 경우가 있는데 이렇게 연동하는방식을 API연동 방식이라고 합니다. 본 솔루션에서는 네이버지도 API 및 트위터, 페이스북, 미투데이, 지식인등 많은 사용자가 이용하는 API에 대해서는 이미 설치되어 있어서 누구나 쉽게 사용 할 수 있도록 되어 있습니다. 

그렇다고 해서 세상 모든 API가 다 연결되어 있는건 아니며 사용률이 높은 API에 대해서 순차적으로 연동 작업 하고 있기 때문에 연동이 불가능한 API가 있다라는 점 유념하시기 바랍니다.

세상 모든 API가 아람스쿨에 연동되는 그날까지 열심히 개발하겠습니다.  쿨럭~ ㅜㅂㅜ

 

수고 하셨습니다.

 완성 화면  : http://uhkr08b.aramschool.co.kr/shop_add_page/index.htm?page_code=chat

 위와 같이 작동 된다면 다음 미션으로 고고고~ ^-^

  

위 미션 수행 후 덧글에 소감 한마디 남겨주세요~~~~ ^0^

 

댓글 130개