BLOG main image
분류 전체보기 (77)
프로젝트 (8)
IT소문 (9)
영화가주는인생 (5)
OpenAPI (9)
DBMS (5)
JAVA (16)
IPhone/Object-C (9)
안드로이드 (0)
WEB etc (8)
Server (1)
Michael Kors Handbags on Sale
Michael Kors Handbags on Sale
Nike Roshe Run
Nike Roshe Run
michael kors handbags outlet
michael kors handbags outlet
outlet de zapatillas nike
outlet de zapatillas nike
Cheap beats by dre uk
Cheap beats by dre uk
2,296,991 Visitors up to today!
Today 69 hit, Yesterday 117 hit
daisy rss
tistory
2010.11.18 13:22

OpenID 는 사용자 중심 identity 를 위한 분산형 공개 표준 기술 입니다.

OpenID 는 웹사이트처럼 하나의 URI (URL 또는 주소)로 누구나 인터넷상에서 자신을 식별하게 해줍니다. URI 는 웹 아키텍쳐의 가장 핵심이기 때문에, 사용자 중심 identity 를 위한 단단한 토대를 제공합니다.

OpenID 기술의 첫번째 부분은 인증(authentication -- URI 의 소유자임을 증명하는것) 입니다. 오늘날 웹사이트들은 로긴하기 위해 사용자이름과 암호를 요구하는데, 사실 많은 사람이 같은 암호를 거의 모든곳에 사용하고 있습니다.  OpenID 인증(see specs)에서는, 당신의 이름은 당신의 URI 주소이고 당신의 암호(또는 다른 인증서)는 당신의 OpenID 제공서버(당신이 직접 운영하거나 제 3 자가 제공하는) 에만 안전하게 보관됩니다.

당신은 하나의 OpenID 로 OpenID 를 지원하는 모든 웹사이트들에 복잡한 가입 절차 없이 로긴할 수 있습니다.

OpenID 를 지원하는 웹사이트(생전 처음 방문하는 사이트라도) 에 로긴하기 위해서는, 단지 당신의 OpenID URI 만 입력하면 됩니다. 그러면 그 웹사이트는 인증을 위해 당신을 당신의 OpenID 제공서버로 보냅니다. 일단 인증되면 OpenID 제공서버는 당신을 인증된 상태로 그 웹사이트로 돌려보내 로그인 시킵니다. OpendID 기술은 Strong Authentication 을 적절히 사용함으로써, 확장된 single-sign-on 과 데이타 공유 수준 확장 등 모든 유형의 트랜젝션에 사용될 수 있습니다.

....요약

출처 : OpenID 공식사이트 http://www.openid.co.kr/


"번거로운 회원가입 절차가 없이 오픈아이디로 인증을 받아 다른 사이트에서도 이용 가능하며,

기존 ID체계와 달리 URL(인터넷주소)로 되어 있어 기억하기 쉽습니다."

맞습니다. 사실상 사이트 이용시 회원가입이라는 귀찮은 절차가 있어서 불편함을 느껴야  합니다.

요즘 주민번호를 받기보다는 이메일,패스워드가 주로 PK가 되는 경우가 많은데 특히나 더 그런거 같더라구요.

하지만 해당 서비스가 OpenID 나 ,  OAUTH 와 같은 기술을 이용하여 회원연동을 해준다면,

구지 매번 회원가입 할 필요없이 기존에 회원가입했던 계정을 그대로 해당 서비스에서도 이용할 수가 있는 것이죠.


openID  국내 적용 서비스들 http://openid.or.kr/11



저작자 표시
신고
coach outlet online | 2012.11.29 12:39 신고 | PERMALINK | EDIT/DEL | REPLY
This is my first time i visit here. I discovered so numerous interesting stuff in your weblog especially its discussion. From the tons of comments on your articles, I guess I am not the only one having all of the enjoyment here! maintain up the great work.
Накрутка видео | 2013.01.02 18:53 신고 | PERMALINK | EDIT/DEL | REPLY
감사합니다
adaroamurgy | 2014.11.12 19:44 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Name
Password
Homepage
Secret
2010.11.17 14:43



때론 영화에서 나오는 존 내쉬 처럼 연구에만 몰두하고 싶을 때가 있습니다. 그러면 요즘 여자들이 좋아할까요?
물론 그 인물이 존 내쉬면 뿅 갈지 모르겠네요.ㅋㅋ
이 이미지는 영화 마지막 부분에서 존 내쉬가 노벨상을 수상면서 아내에게 고마움을 표현하는 장면입니다.

"당신은 내 존재의 이유이고 나의 모든 이유는 당신입니다."



저작자 표시
신고
Name
Password
Homepage
Secret
2010.11.17 14:43



때론 영화에서 나오는 존 내쉬 처럼 연구에만 몰두하고 싶을 때가 있습니다. 그러면 요즘 여자들이 좋아할까요?
물론 그 인물이 존 내쉬면 뿅 갈지 모르겠네요.ㅋㅋ
이 이미지는 영화 마지막 부분에서 존 내쉬가 노벨상을 수상면서 아내에게 고마움을 표현하는 장면입니다.

"당신은 내 존재의 이유이고 나의 모든 이유는 당신입니다."



저작자 표시
신고
Name
Password
Homepage
Secret
2010.11.16 20:44
구글맵에서 할 수 있는 일은 무수히 많은 거 같습니다.
어떤 서비스를 하느냐에 따라...대박이냐, 쪽박이냐에 차이점이겠죠?ㅋ
며칠 전에 동선 그리는 프로젝트기 있었는데. 그 일부를 블로그에 올려볼까 합니다.
그럼 즐프 하세요~^^

크게 3가지 액션으로 구분 하겠습니다.

첫째, 지도 클릭시 해당 위치에 마크를 표시한다.
둘째, 마크의 위치를 기준으로 동선을 그린다.
셋째, 마커를 클릭하면 해당 위치의 주소를 가져온다.



<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

// 마크, 동선을 그리고 난 후 해당 위치를 array에 저장합니다.
var MarkersArray = [];
var Coordinates= [];
var travelPathArray = [];
var map;

function initialize() {
  var myLatlng = new google.maps.LatLng(33.397, 126.65544);
  var myOptions = {
  zoom: 10,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

google.maps.event.addListener(map, 'click', function(event) { 
  var marker = new google.maps.Marker({ 
  position: event.latLng, 
  map: map,
  title: '위치마커'
});
attachMessage(marker, event.latLng);
//선을 그리기 위해 좌표를 넣는다.
Coordinates.push( event.latLng );
//마커 담기
MarkersArray.push(marker);
        //array에 담은 위도,경도 데이타를 가지고 동선 그리기
flightPath();
});
}

//해당 위치에 주소를 가져오고, 마크를 클릭시 infowindow에 주소를 표시한다.
function attachMessage(marker, latlng) {
geocoder = new google.maps.Geocoder();
 geocoder.geocode({'latLng': latlng}, function(results, status) {
     if (status == google.maps.GeocoderStatus.OK) {
if (results[0]) {
var address_nm = results[0].formatted_address;
var infowindow = new google.maps.InfoWindow(
     { content: address_nm,
size: new google.maps.Size(50,50)
     });
 google.maps.event.addListener(marker, 'click', function() {
   infowindow.open(map,marker);
 });
}
     } else {
alert('주소 가져오기 오류!');
     }
});
}

//동선그리기
function flightPath(){
for (i in travelPathArray){
travelPathArray[i].setMap(null);
}
var flightPath = new google.maps.Polyline({
path: Coordinates,
strokeColor: "#FF0000",
strokeOpacity: 0.3,
strokeWeight: 2
});
flightPath.setMap(map);
travelPathArray.push(flightPath);
}

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:500px; height:300px;"></div>
</body>
</html>



우선 전체 소스를 올려봅니다.
소스를 보시면,
1,2,3 파트에 있던거랑 + 동선을 그리기 위해서 new google.maps.Polyline 를 추가한거 밖에 없습니다.

new google.maps.Polyline에 옵션을 보면 
색,두께, 투명도,구분을 설정하여 선에 옵션을 줄 수가 있습니다.

* 저희 회사에서 운영중인 사이트 '트래비스타'에서 캡쳐한 사진입니다.

정말 3가지 액션으로 이루어졌나요?ㅋ
구글맵 API 는 사실상 code.google.co.kr 에 너무나 잘...그것도 한글로 정리가 되어있습니다.
굳이 블로그에 옮길 필요성을 못 느끼 겠더라구요..ㅋ
여튼 1~4 파트로 나눠서 너무나 기초적인 자료를 올려봤는데요.앞으로 더 삼빡한걸로 가져오겠습니다.ㅋㅋ

그럼 모두 즐프하세요~





저작자 표시
신고
이전 댓글 더보기
Joshuaen | 2015.01.22 23:10 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Matthewsy | 2015.01.23 00:02 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Enriqueui | 2015.01.23 08:16 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Matthewsy | 2015.01.23 09:14 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Williamgfy | 2015.01.23 10:06 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Georgetty | 2015.01.23 19:51 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Matthewsy | 2015.01.23 20:00 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Joshuaen | 2015.01.23 21:22 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Hermanio | 2015.01.23 21:33 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Matthewsy | 2015.01.24 06:50 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Enriqueui | 2015.01.24 20:09 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Matthewsy | 2015.01.25 04:20 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Joshuaen | 2015.01.25 06:28 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Enriqueui | 2015.01.25 06:39 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Georgetty | 2015.01.25 10:10 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Cameronji | 2015.01.25 16:44 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Joshuaen | 2015.01.26 05:28 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Joshuaen | 2015.01.26 17:18 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Thomasyi | 2015.01.26 23:53 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Williamgfy | 2015.01.27 05:37 | PERMALINK | EDIT/DEL | REPLY
이용약관위배로 관리자 삭제된 댓글입니다.
Name
Password
Homepage
Secret
2010.11.16 19:56
위도,경도를 대입해서 주소를 표시해 보도록 하겠습니다.
1,2 파트에서 했던 소스에서 아래와 같이 추가해 주면 주소를 가져올 수가 있습니다.

 geocoder = new google.maps.Geocoder();
  geocoder.geocode({'latLng': latlng}, function(results, status) {
     if (status == google.maps.GeocoderStatus.OK) {
if (results[0]) {
var address_nm = results[0].formatted_address;
document.getElementById('map_addr').innerHTML = address_nm;
}
     } else {
       
     }
});
<div id="map_addr"></div>

map_addr 에 주소가 보이나요?

geocoder 는 주소를 가져다 주는 역활을 하고 있습니다.
하지만 가져오는 텀이 빠르면 google.maps.GeocoderStatus.OK 가 떨어지는게 아니라 Faild 가 털어질 때도 있더군요.
되도록이면 약간의 텀을 줘서 가져오세요..예로 setTimer 같은걸 줘서..1초 정도는 쉬다가 가져오는걸로..



저작자 표시
신고
Name
Password
Homepage
Secret
2010.11.16 14:32
첨으로 구글애드센스를 달랐습니다.ㅋㅋ

두번째 시간인데 구글맵 샘플소스를 보고 퍼다 나르는 느낌이 들어서..식상하겠다는 생각이 들었습니다.
담에는 쌈빡한걸로 들고와야 겠어요.
우선 google map 시리즈를 다 마치고 들고 오겠습니다.ㅋ

저번 시간에 이어서 하도록 하겠습니다.

var marker;
var latlng = new google.maps.LatLng(-34.397, 150.644);
marker = new google.maps.Marker({ 
  position: latlng, 
  map: map,
  title: '마커'
});

var에 marker를 변수에 담아서 보관하고 google.maps.Marker 실행하여 마커를 표시합니다.
실행하면 디폴트 이미지가 표시되기 때문에 사용자가 원하는 이미지를 올리고 싶을거에요.
그럼 이번에는 이미지는 올리면 올려보겠습니다.

var size_x = 40;
var size_y = 40;
var image = new google.maps.MarkerImage( 'http://www.travista.co.kr/files/where/thumb/thumb_20101031_102502_581_C0',  
   new google.maps.Size(size_x, size_y),
   '',
   '',
   new google.maps.Size(size_x, size_y));

var latlng = new google.maps.LatLng(-34.397, 150.644);
marker = new google.maps.Marker({ 
  position: latlng, 
  map: map,
  icon: image,
  title: '마커'
});


google.maps.MarkerImage 부분을 추가하면 기본 이미지마크 말고, 자신이 원하는 이미지를 올려볼수가 있습니다.

MarkerImage(url:stringsize?:Size,origin:Point,anchor:Point,scaledSize:Size)           

'origin'과 'size'는 스프라이트 이미지의 세그먼트를 선택하는 데 사용되고 
'anchor'는 기본 중간 아래 위치에서 앵커 지점의 위치를 재정의(override)합니다. 
이미지의 앵커는 시스템이 이미지의 위치를 추적하기 위해 참조하는 픽셀입니다. 
기본적으로 앵커는 이미지의 중간 아래로 설정됩니다(너비/2, 높이로 좌표가 설정됨). 
따라서 마커를 지정한 LatLng에 배치하면 앵커로 정의된 픽셀이 지정한 LatLng 위치에 놓여집니다. 
이미지를 확장하려면 스프라이트 여부와 관계없이 scaledSize 값을 전체 이미지 크기로 설정하고 
조정된 값으로 크기, 원점 및 앵커를 설정합니다. 
MarkerImage는 일단 생성되면 변경할 수 없습니다.



그리고 클릭시 말풍선 띄우기

말풍선를 클릭해서 원하는 정보를 보이도록 하겠습니다.

google.maps.InfoWindow 를 호출하면 말풍선이 나타나게 됩니다.
저희가 하는건 클릭하면 띄워야하기 때문에 click 이벤트를 주도록 하겠습니다.

google.maps.event.addListener(marker, 'click', function() { 
var infowindow = new google.maps.InfoWindow( 
    { content: '안녕하세요~', 
      size: new google.maps.Size(100,100) 
    })
infowindow.open(map, marker);
});

말 풍선이 보이시나요?ㅋ

이벤트인자설명
click MouseEvent 이 이벤트는 폴리라인에서 DOM click 이벤트가 시작되면 시작됩니다.
dblclick MouseEvent 이 이벤트는 폴리라인에서 DOM dblclick 이벤트가 시작되면 시작됩니다.
mousedown MouseEvent 이 이벤트는 폴리라인에서 DOM mousedown 이벤트가 시작되면 시작됩니다.
mousemove MouseEvent 이 이벤트는 폴리라인에서 DOM mousemove 이벤트가 시작되면 시작됩니다.
mouseout MouseEvent 이 이벤트는 폴리라인 외부로 마우스를 이동하면 시작됩니다.
mouseover MouseEvent 이 이벤트는 폴리라인 위로 마우스를 이동하면 시작됩니다.
mouseup MouseEvent 이 이벤트는 폴리라인에서 DOM mouseup 이벤트가 시작되면 시작됩니다.
rightclick MouseEvent 이 이벤트는 마우스 오른쪽 버튼으로 폴리라인을 클릭하면 시작됩니다.




여기까지 입니다.ㅋ
다음 3교시에 뵙도록 하겠구요. 3교시에는 지도에서 주소를 가져오고
요즘 많이 하는 동선그리기를 따라 해보도록 하겠습니다.크크

그럼 즐프~






저작자 표시
신고
김택민 | 2012.08.08 10:51 신고 | PERMALINK | EDIT/DEL | REPLY
질문있어서 질문드려요~
그럼 말풍선 띄울때 그 안에 들어가는 content에 값을 변수로 저장해서 넣을순없나요..??
닥컴 | 2012.08.09 09:52 신고 | PERMALINK | EDIT/DEL

var content = '안녕하세요~';

이런식으로 해서 marker에 content 옵션에 변수를 넣으시면 되구요.
텍스트도 되지만 html 도 가능합니다.

수고하세요.

coolk999 | 2012.10.29 07:14 신고 | PERMALINK | EDIT/DEL | REPLY
좋은 정보 감사합니다...
그런데요... 님이 올려주신 소스 이용해서 마커 띄우고 말풍선 까지 구현은 했는데요...
모든 마커가 클릭을 하게되면 마지막 마커에서 말풍선이 뜨네요....
해당 마커에서 말풍선을 띄울려면 어떻게 수정을 해야 할까요?ㅠ
조언 부탁드려요 ...ㅠ 수고하세요
asdf | 2014.05.15 17:13 신고 | PERMALINK | EDIT/DEL | REPLY
폴리라인이 아니고 마커 올렸을때 이벤트 작동인대요 -_ -;;
Name
Password
Homepage
Secret

티스토리 툴바