Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
EQUIPO 5:
Martnez Hernndez Cristina
Reyes Armengol Ester
Rodrguez Cruz Evelia
Ruiz Cortez Yadira
Suarez Prieto Edith Jaqueline
Vsquez Reyes Edith Madai
Marco Terico
API
Red Social
Una red social es una estructura social que se puede representar en forma
de uno o varios grafos en el cual los nodos representan individuos (a veces
denominados actores) y las aristas relaciones entre ellos. Las relaciones
pueden
ser
de
distinto
sexuales,
tipo,
o rutas
como
areas.
Google Maps
Facebook
Facebook es un sitio de Internet que teje una amplia red de personas,
instituciones, organizaciones sociales y escuelas, entre otras que quieren
relacionarse.
Es un sitio mediante el cual, adems de publicar fotos, eventos, enlaces,
videos, comentarios y sugerencias, se puede mantener comunicacin con
compaeros de trabajo, amigos y familiares, cada da las 24 horas.
Aplicacin
Una aplicacin (tambin
llamada app)
es
simplemente
un programa
problema
hay
una
aplicacin.
http://www.mastermagazine.info/termino/3874.php#ixzz2qPFeBHdg
http://www.googlemaps.es/?page_id=3
http://www.jornada.unam.mx/2011/01/04/politica/003n2pol
SCRIPT
<!DOCTYPE HTML>
<html><head>
<title>Encuentra tu foto</title>
<meta charset="utf-8">
<!-- <link href="estilo.css" rel="stylesheet"> -->
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://.facebook.com/2008/fbml">
<script> src="http://connect.facebook.net/en_US/all.js" </script>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDdgCCZF2wgiCUq
9AKN9bYHLx39SDBQNGo&sensor=true">
</script>
<script
type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=true"
>
</script>
</head>
<body onload=inicializar()>
<div id="main">
<header>
<h1 class="titulo">UBICATEC-MI ALBUM<h1>
<script> src="http://connect.facebook.net/en_US/all.js" </script>
<script
src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.p
hp" type="text/javascript"></script>
</div>
<fb:login-button
scope="user_photos,friends_photos,user_photo_video_tags,friends_photo_
video_tags" onlogin="getAlbums()"> LOGIN</fb:login-button>
</div>
</header>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: '217368875117055',
status: true,
cookie: true,
xfbml: true
});
FB.Event.subscribe('auth.authResponseChange',
function(response) {
if (response.status === 'connected') {
testAPI();
// getAlbum();
} else if (response.status === 'not_authorized') {
FB.login();
} else {
FB.login();
}
});
};
(function(d) {
var
js,
id
'facebook-jssdk',
d.getElementsByTagName('script')[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));
function testAPI() {
console.log('obtiene informacion ');
FB.api('/me', function(user) {
if (user) {
ref
b_ruta.style.display = 'block';
var L1 = document.getElementById('l1');
L1.style.display = 'block';
var L2 = document.getElementById('l2');
L2.style.display = 'block';
}
});
function getAlbum() {
FB.api('/me/albums', function(resp) {
//Log.info('Albums', resp);
var ul = document.getElementById('albums');
for (var i = 0, l = resp.data.length; i < l; i++) {
var
album = resp.data[i],
li = document.createElement('li'),
a = document.createElement('a');
a.innerHTML = album.name;
a.href = album.link;
li.appendChild(a);
ul.appendChild(li);
}
});
alert("se accedara a las fotos de tus albums");
}
;
</script>
<ul id="albums"></ul>
<script>
window.getAlbums = function() {
FB.api('/me/albums', function(resp) {
Log.info('Albums', resp);
var ul = document.getElementById('albums');
for (var i=0, l=resp.data.length; i<l; i++) {
var
album = resp.data[i],
li = document.createElement('li'),
a = document.createElement('a');
a.innerHTML = album.name;
a.href = album.link;
li.appendChild(a);
ul.appendChild(li);
}
});
};
</script>
<br>
<br>
<div id="site_content">
<div id="elmapa">
</div>
<div id="panel_mapa">
<!-- <ul id="albums"></ul>-->
<input type="button" value=" MI ALBUM" onclick="getAlbum(); "
class="boton1" />
</div>
</body>
</html>