Aplicacion Facebook Equipo 5 Ambientes Distribuidos

INSTITUTO TECNOLOGICO DE
OAXACA
CARRERA: Lic. Informtica
CATEDRTICO: Dra. Marisol Altamirano Cabrera
EQUIPO 5:
Martnez Hernndez Cristina
Reyes Armengol Ester
Rodrguez Cruz Evelia
Ruiz Cortez Yadira
Suarez Prieto Edith Jaqueline
Vsquez Reyes Edith Madai
26 de diciembre del 2013
CREACION DE UNA APLICACIN CON FACEBOOK
Se pretende desarrollar una aplicacin llamada "Ubicatec-Mi album"

trabajando con las Apis de Facebook y
Google Maps, teniendo como
objetivo mostrar la ubicacin de las fotos dentro de un mapa ubicando que

contactos estuvieron en ese lugar, para esto es necesario hacer un logeo
con una cuenta de Facebook de esta manera podr extraer las fotos del
usuario.
En la actualidad existe una aplicacin llamada Panoramio que muestra las
fotos y ubicacin dentro de un mapa, subidas por usuarios registrados. La
aplicacin que se pretende desarrollar a diferencia de la que ya existe,
mostrar una versin personalizada y sencilla para conocer los lugares que
frecuentan los usuarios de Facebook, puesto que en las otras aplicaciones
hay muchos requisitos en cuanto a las caractersticas de las imgenes que
se publican y en este caso se tomarn en cuenta todas las imgenes sin
importar la calidad o el tamao.
Se utilizara PHP como lenguaje de programacin.
Marco Terico
API
API es la abreviatura de Aplication Programming Interface. Un API no es ms
que una serie de servicios o funciones que el Sistema Operativo ofrece al
programador, como por ejemplo, imprimir un carcter en pantalla, leer el
teclado, escribir en un fichero de disco, etc. Visto desde la perspectiva del
cdigo mquina, el API aparece como un conjunto de procedimientos y
funciones.
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
intercambios financieros, amistad, relaciones
sexuales,
tipo,
o rutas
como
areas.
Tambin es el medio de interaccin de distintas personas como por ejemplo

juegos en linea, chats, foros, spaces, etc.
Google Maps
Google Maps es un servicio de Google que ofrece imgenes va satlite de

todo el planeta, combinadas, en el caso de algunos pases, con mapas de
sus ciudades, lo que unido a sus posibilidades de programacin abierta ha
dado lugar a diversas utilidades ofrecidas desde numerosas pginas web.
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
informtico creado para llevar a cabo o facilitar una tarea en un dispositivo

informtico. Cabe destacar que aunque todas las aplicaciones son
programas, no todos los programas son aplicaciones. Existe multitud de
software en el mercado, pero slo se denomina as a aquel que ha sido
creado con un fin determinado, para realizar tareas concretas.
Las aplicaciones nacen de alguna necesidad concreta de los usuarios, y se
usan para facilitar o permitir la ejecucin de ciertas tareas en las que un
analista o un programador ha detectado una cierta necesidad. Pero las
aplicaciones tambin pueden responder a necesidades ldicas, adems de
laborales (todos los juegos, por ejemplo, son considerados aplicaciones). Se
suele decir que para cada problema hay una solucin, y en informtica, para
cada
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">

<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="js/modernizr-1.5.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?
key=AIzaSyDdgCCZF2wgiCUq9AKN9bYHLx39SDBQNGo&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 id="blogin" style="width:20%; float:right">

<br><fb:login-button show-faces="true" width="1000" maxrows="4"></fb:login-button>
</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', ref = 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) {
var imagenu = 'https://graph.facebook.com/' + user.id +

'/picture';
var campoimagen = document.getElementById('image');
campoimagen.innerHTML = "<img src='" + imagenu + "'/>";
var nombreusuario = user.name;
document.getElementById("cnt").innerHTML = "<img src='" +

imagenu + "' /> <br><label>" + name + "</label>";
var t_r = document.getElementById('tipo_ruta');
t_r.style.display = 'block';
var nfb = document.getElementById('name');

document.getElementById('nombre').value = nombreusuario;
var t = document.getElementById('tipo');
t.style.display = 'block';
var b_ruta = document.getElementById('b1');
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">

<input type="button" value=" MI ALBUM" onclick="getAlbum(); "
class="boton1" />
</div>
</body>
</html>

Aplicacion Facebook Equipo 5 Ambientes Distribuidos

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Aplicacion Facebook Equipo 5 Ambientes Distribuidos

Uploaded by

Copyright:

Available Formats

INSTITUTO TECNOLOGICO DE

CATEDRTICO: Dra. Marisol Altamirano Cabrera

26 de diciembre del 2013

CREACION DE UNA APLICACIN CON FACEBOOK

Se pretende desarrollar una aplicacin llamada "Ubicatec-Mi album"

Google Maps, teniendo como

objetivo mostrar la ubicacin de las fotos dentro de un mapa ubicando que

intercambios financieros, amistad, relaciones

Tambin es el medio de interaccin de distintas personas como por ejemplo

Google Maps es un servicio de Google que ofrece imgenes va satlite de

informtico creado para llevar a cabo o facilitar una tarea en un dispositivo

<script type="text/javascript" src="js/modernizr-1.5.min.js"></script>

<link rel="stylesheet" type="text/css" href="style.css" />

<div id="blogin" style="width:20%; float:right">

var imagenu = 'https://graph.facebook.com/' + user.id +

var nombreusuario = user.name;

document.getElementById("cnt").innerHTML = "<img src='" +

var nfb = document.getElementById('name');

var b_ruta = document.getElementById('b1');

You might also like