Desarrollo de Una Red Social Utilizando Joomla y Facebook Developers 2010

PONTIFICIA UNIVERSIDAD CATLICA DEL ECUADOR
SEDE IBARRA
(PUCE-SI)
ESCUELA DE INGENIERA
INFORME FINAL DEL PROYECTO
Diseo e implementacin de una Web 2.0 para una Red
Social HUNABKU perteneciente al Club de Observacin
Galileo y su integracin a las redes sociales de Facebook y
Twitter mediante APIs utilizando software GNU.
Lnea de Investigacin: Investigaciones de nuevas tendencias de tecnologa
PREVIO LA OBTENCIN DEL TTULO DE

INGENIERO EN SISTEMAS
AUTOR
ASESOR
:
:
Neptal Mena Cisneros

Ing. Ismael Castro
IBARRA MAYO 2011
RESUMEN EJECUTIVO
El presente proyecto tuvo como finalidad el desarrollo de una plataforma Web 2.0
denominada Red Social HUNABKU, que permitir a los miembros del Club de
Observacin Galileo a nivel provincial y nacional, mantener una comunicacin
con todas las personas involucradas dentro de ella, a travs de la integracin con
las Redes Sociales ms utilizadas actualmente como son FACEBOOK Y TWITTER.
Para realizar el estudio se tom a los miembros del Club Galileo Imbabura como
poblacin, de la cual se obtuvieron los datos necesarios para diagnosticar cuanta
aceptacin tendra el desarrollo del sistema propuesto en este proyecto.
Los resultados muestran que, aproximadamente cerca del 80% de los encuestados
utilizan el Internet y las Redes Sociales, as mismo se muestra como todos los
encuestados es decir el 100% tienen una cuenta en una Red Social, el 76% ingresan
a las Redes Sociales para revisar sus estados o notificaciones de amigos, as
mismo, de grupos o de la Red en la que se encuentran inmersos. Esto indica que la
plataforma de la Red Social desarrollada tendr gran aceptacin por parte de los
socios del Club Galileo.
El sistema diseado est basado en una arquitectura cliente/servidor desarrollado
con herramientas libres para el desarrollo del sitio Web: Joomla!, MySQL y PHP,
JavaScript y la plataforma de Facebook para integracin, la administracin de la
Red Social HUNABKU, est implementado con el mismo CMS Joomla! y bajo el
componente JomSocial v2.0.2, componente de terceros que se encarga de la
administracin de la red social.
Entonces podemos afirmar que el sitio web es una completa y potente Web 2.0
que est diseada con Joomla! un sistema GNU y con la plataforma de integracin
de las APIs de Facebook y Twitter.
.:: Neptal Mena Cisneros ::.
AUTORA
Yo, Neptal Mena Cisneros, portador de la cdula de ciudadana N 100265829-0

declaro bajo juramento que la presente investigacin es de total responsabilidad
del autor, y que se han respetado las diferentes fuentes de informacin realizando
las citas correspondientes.
_______________________
NEPTAL MENA CISNEROS
PRESENTACIN
En vista del gran avance tecnolgico y de la continua preocupacin del hombre por
estar bien informado, este proyecto busca dotar de una innovadora forma de
comunicarse utilizando el Internet, la Web 2.0, y en conjuncin las Redes Sociales,
para mantener comunicados a los miembros del Club de Observacin Galileo, por
esta razn es que se decide implementar la Red Social HUNABKU. Este proyecto
se encuentra estructurado en cinco captulos: Marco Terico, Diagnstico,
Propuesta, Anlisis de Impactos y Conclusiones & Recomendaciones.
En el primer captulo se ha realizado una exhaustiva investigacin acerca de la

web2.0 y las redes sociales sus orgenes y su evolucin hasta llegar a ser lo que hoy
conocemos como las redes ms potentes como son Facebook y Twitter, de igual
forma se detalla cmo funciona la Plataforma de Facebook, su estructura y las
diferentes formas de utilizarlo adems se incluye un estudio de conectividad entre
el Sitio Web2.0 y las APIs de la Plataforma de Facebook.
En el segundo captulo se busc diagnosticar los actuales medios de comunicacin,

conocer cuan aceptable sera la implementacin del sistema propuesto en este
proyecto; Para lo cual se tom a los miembros del Club de Observacin Galileo de
Imbabura para obtener los resultados necesarios para este diagnstico.
Una vez conocida la realidad de los actuales medios de comunicacin y de cuan

aceptable sera el desarrollo del sistema que propone este proyecto, el tercer
captulo muestra como se desarroll el mismo, teniendo en consideracin las

tcnicas y mtodos que se utilizan para el desarrollo de software; Este captulo
contiene el anlisis, diseo, desarrollo y pruebas del sistema basados en una
arquitectura de tres capas: Capa de Datos [Back End], Capa de Negocios y Capa de
Presentacin [Front End].
En el cuarto captulo se realiza un anlisis de los principales impactos que gener el

sistema en los que se mencionan impactos: tecnolgico, educativo, econmico y
social-institucional.
Para finalizar este trabajo de investigacin y desarrollo se plantea una serie de

conclusiones y recomendaciones que podran ser tomadas en cuenta en el
desarrollo de futuras investigaciones y aplicaciones que sigan esta misma lnea o
pretendan dar una nueva perspectiva.
Este trabajo de investigacin se pone a disposicin de todas aquellas personas:

miembro del Club Galileo, investigadores del fenmeno OVNI, aficionados,
estudiantes de la PUCE-SI y pblico en general que desean conocer y profundizar
en el mbito de la comunicacin en internet y las de redes sociales.
DEDICATORIA
El sistema que se desarroll en este proyecto me ha llenado de tantas alegras,

triunfos y mucho conocimiento, as como de trabajo, esfuerzo y mucho sacrificio y
lo dedico a cinco personas que supieron guiarme y ayudarme en mi vida y en el
transcurso de mi carrera universitaria.
A mis Padres, que da a da en su trabajo incansable de guiarme y educarme han

entregado lo mejor de s, para formar un hombre de bien.
Ing. Ismael Castro, compaero, tutor y sobre todo un gran amigo, que de l
aprend a desarrollar y buscar nuevas tecnologas que se adapte a mi manera de
crear sistemas, dando solucin a muchas cosas y hacindolo divertido.
Ing. Eugenio Salazar, que me impulso en el medio creativo del mundo multimedia y
me apoya constantemente a surgir en el medio laboral y competitivo.
Ing. Jaime Rodrguez T., que supo darme su confianza y supo mostrarse amigo, y
quien con sus conocimientos, hizo que el espritu inquieto que estaba en mi, irradie
y siga buscando ms respuestas a lo existe ms all de todo este mundo.
AGRADECIMIENTO
A Dios por haberme concedido la oportunidad de culminar mi carrera, a mis padres

y hermana que con entusiasmo compartieron mis triunfos y derrotas, a todos mis
familiares quienes siempre estuvieron pendientes de mi, a todos mis compaeros,
colegas y amigos de quienes llevo gratos recuerdos, a los docentes de la escuela de
Ingeniera que sin reserva supieron impartir sus conocimientos, a la PUCE-SI y la
Escuela de Ingeniera por recibirme en sus aulas y permitir desarrollarme dentro de
un ambiente donde predomina los valores cristianos; A todos y cada uno de ellos
muchas gracias.
NDICE
RESUMEN EJECUTIVO
AUTORIA
PRESENTACIN
DEDICATORIA
AGRADECIMIENTOS
NDICE
CAPTULO l
MARCO TERICO
1.1 INTRODUCCIN A LAS REDES SOCIALES Y WEB 2.0
Red Social
Visin de la Web 2.0
1.1.1 Historia de las Redes Sociales en Internet
1.1.2 Arquitectura de una Red Social con Web 2.0
Componente Social
Distribucin
Aplicacin
Apis de terceros
1.1.3 Caractersticas y requerimientos de una Red Social basada en
una Web2.0
14
17
19
19
21
21
22
23
23
24
1.2 CONCEPTOS DE LA PLATAFORMA DE FACEBOOK

1.2.1 Ncleo API.
Graph API
La Autentificacin
Los Social Plugins
Los SDK
27
27
27
28
28
28
1.2.2 Social Plugins

Like Button (Botn Me Gusta)
Activity Feed (Actividad Reciente)
Recommendations (Recomendaciones)
Like Box (Caja de Me Gusta)
Login Button (Botn de Inicio de Sesin)
Registration (Registro)
Facepile (Pila de fotos)
Comments (Comentarios)
Live Stream (Transmisin en vivo)
1.2.3 Facebook SDKs
JavaScript SDK
Facebook SDK PHP
1.2.4 APIs Avanzadas
Facebook Markup Languaje (FBML)
Integracin con Facebook Chat
Facebook Anuncios API
30
30
31
32
32
33
34
34
35
36
37
37
38
39
40
40
41
1.3 FUNCIONALIDAD DE LA PLATAFORMA DE FACEBOOK

1.3.1 Introduccin a la Plataforma de Facebook
1.3.2 Descubriendo Facebook
Noticias
El Perfil
El Grfico Social
1.3.3 Qu es la Plataforma de Facebook?
Puntos de integracin
Directorio de aplicaciones de Facebook
Aplicaciones Verificadas por Facebook
Aplicaciones de Facebook Recomendadas
1.3.4 Arquitectura de las Aplicaciones de Facebook
1.3.5 Legado API
1.3.5.1 Legado REST API
1.3.5.2 Legado FQL
1.3.5.3 Legado JavaSript SDK
42
42
42
43
44
45
46
46
47
48
48
49
50
51
54
56
1.4 SERVICIOS WEB

1.4.1 Estructura de un sitio web 2.0.
1.4.2 Confuguracin de un CMS GNU
1.4.3 Adaptacin de APIs desarroladas para la web
58
59
59
61
CAPTULO ll
DIAGNSTICO
2.1 ANTECEDENTES DIAGNSTICO
62
2.2 OBJETIVOS
2.1.1 Objetivo General.
2.1.2 Objetivos Especficos.
63
63
63
2.3 METODOLOGA
2.3.1 Mtodos.
Mtodo Descriptivo
Mtodo Experimental
2.3.2 Tcnicas.
Observacin
Entrevista
Encuesta
2.3.3 Instrumentos.
64
64
64
64
64
64
64
64
65
2.4 ANLISIS DE RESULTADOS

Observacin.
Entrevista.
Encuesta.
65
65
65
68
2.5 ANLISIS DE FACTIVILIDAD

Factibilidad Tcnica.
Factibilidad Econmica.
Factibilidad Operativa.
77
77
77
78
10
2.6 ANLISIS FODA

Anlisis Interno del Club Galileo.
Anlisis Externo del Club Galileo.
Estrategias FA, FO, DO, DA.
78
78
79
80
2.7 INTERPRETACIN DEL DIAGNSTICO.
81
CAPTULO lll
PROPUESTA
3.1 INTRODUCCIN
82
3.2 PLATAFORMA
3.2.1 Hardware.
3.2.2 Software.
82
82
83
3.3 DESCRIPCIN DEL SISTEMA

3.3.1 Sitio Web
3.3.2 Usuarios
3.3.3 APIs de Integracin
3.3.4 Plataforma de Facebook
86
87
88
88
88
3.4 DISEO DEL SOFTWARE

3.4.1 Diseo e Implementacin de la Red Social Hunabku
3.4.1.1 Instalacin e implementacin de Joomla!
3.4.1.2 Instalacin e implementacin del Sistema JomSocial
3.4.2 Creacin y Conexin Facebook APIs
3.4.2.1 Construyendo nuestras Aplicaciones
Facebook Connect
Configuracin de usuario
Facebook configuracin de inicio de sesin
Configuracin de permisos
Trabajando con APIs de Facebook
Facebook Markup Language (FBML)
Utilizando Facebook Query Language (FQL)
Scripts con Facebook JavaScript
Construyendo APIs con Facebook Developers Tools
89
89
89
96
113
113
113
116
119
120
124
126
128
129
130
11
Desarrollo de pginas para Facebook

Creacin de contenidos para pginas de perfil
3.4.3 Datos del Servidor y Web

3.4.4 Usuarios Finales
3.5 PRUEBAS DEL SISTEMA
Conexin red Social/Facebook va APIs
130
135
136
137
139
139
CAPTULO lV
ANLISIS DE IMPACTOS
4.1 IMPACTO TECNOLGICO
4.1.1 Evaluacin del Impacto Tecnolgico.
4.1.2 Anlisis.
143
144
145
4.2 IMPACTO EDUCATIVO

4.2.1 Evaluacin del Impacto Educativo.
4.2.2 Anlisis.
146
147
147
4.3 IMPACTO ECONMICO

4.3.1 Evaluacin del Impacto Econmico.
4.3.2 Anlisis.
148
149
149
4.1 IMPACTO SOCIAL E INSTITUCIONAL

4.1.1 Evaluacin del Impacto Tecnolgico.
4.1.2 Anlisis.
150
151
151
CAPTULO V
CONCLUSIONES Y RECOMENDACIONES
5.1 CONCLUSIONES
152
5.2 RECOMENDACIONES
153
12
BIBLIOGRAFA
154
ANEXOS
156
A1. FORMATO DE ENCUESTA
157
A2. FOTOGRAFIAS DE LA SOCIALIZACIN
158
A3. PAPER
159
A4. TABLA DE LA WEB 2.0
160
A5. ANTEPROYECTO
161
A6. CARTA DE SATISFACCIN DEL PROYECTO
162
13
CAPTULO I
MARCO TERICO
1.1
INTRODUCCIN A LAS REDES SOCIALES Y WEB 2.0
1.1.1. RED SOCIAL1. En el mbito de Internet, las redes sociales son pginas que
permiten a las personas conectarse con sus amigos e incluso realizar nuevas
amistades, a fin de compartir contenidos, interactuar y crear comunidades
sobre intereses similares: trabajo, lecturas, juegos, amistad, relaciones
amorosas, etc.
Figura 1. Relacin de personas en una Red Social
Bajo el concepto de Redes, que son formas de interaccin social, definida como un
intercambio dinmico entre personas, grupos e instituciones en contextos de
complejidad. Un sistema abierto y en construccin permanente que involucra a
conjuntos que se identifican en las mismas necesidades y problemticas y que se
organizan para potenciar sus recursos.
Una sociedad fragmentada en minoras aisladas, discriminadas, que ha
desvitalizado sus redes vinculares, con ciudadanos carentes de protagonismo en
procesos transformadores, se condena a una democracia restringida. La
intervencin en red es un intento reflexivo y organizador de esas interacciones e
intercambios, donde el sujeto se funda a s mismo diferencindose de otros.
Fuente: http://es.wikipedia.org/wiki/Red_social
14
Entonces, en las redes sociales en Internet tenemos la posibilidad de interactuar

con otras personas aunque no las conozcamos, el sistema es abierto y se va
construyendo obviamente con lo que cada suscripto a la red aporta, cada nuevo
miembro que ingresa transforma al grupo en otro nuevo.
Al crear una red social, se empieza por hallar all otras personas con quienes
compartir nuestros intereses, preocupaciones o necesidades y aunque no
sucediera ms que eso, eso mismo ya es mucho porque rompe el aislamiento que
suele aquejar a la gran mayora de las personas, lo cual suele manifestarse en
retraimiento y otras veces en excesiva vida social sin afectos comprometidos.
Las redes sociales en Internet suelen posibilitar que pluridad y comunidad se
conjuguen y all quizs est gran parte de toda la energa que le da vida a los
grupos humanos que conforman esas redes. Las redes sociales dan al annimo
popularidad, al discriminado integracin, al diferente igualdad, al malhumorado
educacin y as muchas cosas ms.
Las redes sociales se basan en cinco pilares principales, los cuales son necesarios
para poder lograr el xito:
Organizacin en la red.
Pequeas influencias
econmicas.
Mtricas Relevantes.
Tipologa de la red.
Identidad Virtual.
Organizacin
en la Red
Identidad
Virtual
Mtricas
relevantes
Red
Social
Influencias
econmicas
Tipologa de
la red
Figura 2. Los cinco pilares de una Red Social
Existen diferentes tipos de redes sociales, estas se pueden clasificar por los
intereses que acercan al usuario a la red social, estas pueden ser de 4 tipos:
15
Sociales: se crean comunidades on line para que la gente intercambie

experiencias.
Profesionales: son aquellas redes en la cuales se intercambia informacin

profesional.
Parejas: redes para buscar parejas y amigos.
Buscar personas: redes que ayudan a retomar el contacto con viejos amigos
y antiguos compaeros de trabajo.
Figura 3. Clasificacin de las Redes Sociales.
16
1.1.2. WEB 2.02. Es la representacin de la

evolucin de las aplicaciones tradicionales
hacia aplicaciones web enfocadas al
usuario final. La Web 2.0 es una actitud y
no precisamente una tecnologa, dicho en
otras palabras es una manera de
entender internet, un internet donde los
usuarios pueden interactuar con otros
usuarios y ser participes activos de la red.
Ahora no solo se navega y se obtiene
informacin, ahora se es una entidad
dentro de internet.
Figura 4. Interconexin de personas mediante internet
La Web 2.0 es la transicin que se ha dado de aplicaciones tradicionales hacia

aplicaciones que funcionan a travs de la web enfocada al usuario final. Se trata de
aplicaciones que generen colaboracin y de servicios que reemplacen las
aplicaciones de escritorio.
Es una etapa que ha definido nuevos proyectos en Internet y est preocupndose
por brindar mejores soluciones para el usuario final. Muchos aseguran que hemos
reinventado lo que era el Internet, otros hablan de burbujas e inversiones, pero la
realidad es que la evolucin natural del medio realmente ha propuesto cosas ms
interesantes como lo analizamos diariamente en las notas de Actualidad.
Y es que cuando el web inici, nos encontrbamos en un entorno esttico, con
pginas en HTML que sufran pocas actualizaciones y no tenan interaccin con el
usuario.
Pero para entender de donde viene el trmino de Web 2.0 tenemos que
remontarnos al momento en que Dale Dougherty de OReilly Media utiliz este
trmino en una conferencia en la que comparti una lluvia de ideas junto a Craig
Cline de MediaLive. En dicho evento se hablaba del renacimiento y evolucin de la
web.
Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes
funcionalidades. Y as se dio la pauta para la Web 2.0 Conference que arranc en el
2004 y hoy en da se realiza anualmente en San Francisco, con eventos adicionales
utilizando la marca en otros pases.
2
Fuente: http://es.wikipedia.org/wiki/Web_2.0
17
En la charla inicial del Web Conference se habl de los principios que tenan las
aplicaciones Web 2.0:
La web es la plataforma
La informacin es lo que mueve al Internet
Efectos de la red movidos por una arquitectura de participacin.
La innovacin surge de caractersticas distribuidas por desarrolladores
independientes.
El fin del crculo de adopcin de software pues tenemos servicios en beta
perpetuo.
Existen tres aspectos fundamentales

en donde se apoya la web 2.0:
Tecnologa:
las
nuevas
herramientas tecnolgicas y el
mayor ancho de banda, han
facilitado crear aplicaciones web
ms interactivas.
Comunidad: gracias al crecimiento

de la gente que utiliza internet y la
nueva filosofa adquirida a travs
de las nuevas tecnologas se puede
acceder a un mayor nmero de
contenidos.
Tecnologa
Arquitectura
Software
Comunidad
Figura 5. Interconexin de personas mediante internet
Arquitectura Software: las nuevas arquitecturas fundamentadas en internet

facilitan el desarrollo de aplicaciones reutilizando y/o extendiendo
aplicaciones existentes.
18
VISIN DE LA WEB 2.0

En la web 2.0 se estn creando diferentes nichos de aplicaciones.
Figura 6. Pilares hacia donde se encuentran orientados la Web 2.0
Para ms informacin acerca de un organigrama de redes sociales ver en el

Anexo1 Mapa de la Web 2.0
1.1.1 HISTORIA DE LAS REDES SOCIALES EN INTERNET.
El origen de las redes sociales se remonta, al menos, a 1995, cuando Randy
Conrads cre el sitio web classmates.com. Con esta red social se pretende que la
gente pueda recuperar o mantener el contacto con antiguos compaeros del
colegio, instituto, universidad, entre otros.
19
Varios han sido los fines que han movido la creacin de redes sociales a travs del
tiempo. Desde 1997 hasta hoy el ms representativo ha sido disear un lugar para
el encuentro de miles de personas que tengan intereses en comn.
a. En 1997 se cre Sixdegrees, este fue el primer servicio que permiti crear un
perfil en la web, agrupar a los contactos directos e intercambiar mensajes con
ellos.
b. Para 1999 se cre LiveJournal.com, este fue uno de los primeros servicios de
redes sociales en ofrecer blogs y diarios en lnea.
c. En el 2001 aparece Ryce.com, y nace con ella la primera red social
especializada, en la actualidad sta agrupa por lo menos a 500 mil
profesionales.
d. En el 2002 nace Friendster que fue la primera en tener un sistema inteligente
capaz de relacionar a los usuarios de la red segn sus gustos.
e. Tambin en este ao nace Fotolog, la primera red social que nace con el fin de
intercambiar fotografas.
f. Last FM nace en el 2002, en principio con el objetivo de ser una emisora en
lnea, pero con el tiempo se convierte en una red social movida por el inters
en la msica.
g. En el 2003 se crea linked in, una red social con el fin de propiciar las relaciones
empresariales.
h. En el 2003 nace My Space, tal vez la red ms grande del momento agrupando a
ms de 250 millones de usuarios.
i. En ese mismo ao nace MSN Spaces llamado hoy Windows Live Spaces, que
tiene 100 millones de visitantes nicos al mes. En Colombia hay 1.5 millones
de usuarios de esta red.
j. Tambin en el 2003 nace Hi5 que, hoy por hoy, tiene 50 millones de cuentas
activas.
k. K. Flickr nace en el 2004 como una red social que funciona a travs del servicio
de compartir fotografas.
l. En este ao tambin nace Orkut, la red social de Google con gran popularidad
en Brasil y La India.
m. Facebook, la sensacin del momento nace en el 2004, tiene ms de 37
millones de cuentas activas y 50 millones de usuarios diarios.
n. En el 2005 nace Yahoo 360, la red social de esta empresa que cuenta con
servicio de correo, calendario, fotos, eventos, blog y msica.
o. En el 2005 tambin nace Bebo, una red muy bsica con el fin de contactar
amigos e intercambiar multimedia.
http://www.medellin.edu.co/sites/Educativo/Docentes/Noticias/Paginas/historiaderedessociales.aspx
20
p. Y la ltima en la cadena ha sido Xing, esta naci en el 2006 con el fin de

agrupar ejecutivos permitindoles compartir datos, crear agendas conjuntas y
construir discusiones en torno a un tema comn.
1.1.2 ARQUITECTURA DE UNA RED SOCIAL CON WEB 2.0
Para poder construir una aplicacin web 2.0 basada en redes sociales lo primero es
tener claro los cuatro pilares bsicos de
este tipo de aplicaciones:
Componente social: fundamental

en el desarrollo de una aplicacin de
este tipo. Se describe que aspecto
social va implementar.
Aplicacin: tecnologas a utilizar

para desarrollar la aplicacin.
Distribucin: definir las formas de

como otras aplicaciones interactan
con la nuestra.
Figura 7. Cuatro pilares de la arquitectura de Web 2.0
Apis de 3: incrustar en nuestra aplicacin Apis de terceros para aumentar

la interactividad de la aplicacin.
COMPONENTE SOCIAL
El componente social define la forma que la comunidad se va a intercomunicar e
interactuar. Tambin define el fin y la temtica de la red social que se crea.
Lo ms importante en este apartado es la comunicacin entre los usuarios y como
los usuarios pueden obtener beneficios de las aportaciones de otros usuarios.
21
Figura 9. Comunicacin de los componentes sociales
DISTRIBUCIN
Una parte principal tambin de una buena aplicacin web 2.0 es la forma de
interactuar con las diferentes aplicaciones existentes y futuras en el mercado. Para
ello se utilizan diferentes protocolos existentes as como servicios estndares que
faciliten la interaccin entre dichas aplicaciones.
Figura 10. APIs Widgets - Syndication
22
APLICACIN
La seleccin de la tecnologa que se utilice para implementar y hacer correr la
aplicacin web tambin es muy importante ya que con ellas podremos avanzar
ms rpidamente.
Figura 11. Aplicaciones para Webs 2.0
APIS DE TERCEROS
La integracin con Apis de terceros puede ser la clave para la aplicacin a
desarrollar ya que con ello se conseguir muchas interactividad con los usuarios y
tambin entre ellos.
Figura 12. APIs de terceros para web 2.0
23
1.1.3. CARACTERISTICAS Y REQUERIMIENTOS DE UNA RED SOCIAL BASADA EN

UNA WEB 2.04
Menos es ms
Un principio ms esttico y que rige el desarrollo de las interfaces en el planeta
web 2.0 viene directo de la Bauhaus participa de la idea de "menos es ms". Si la
web de las punto com (la web 1.0) se trataba de ofrecer portales donde todo se
poda obtener, llenos de opciones, botones, imgenes en movimiento, inteligencia
artificial, etc.la web 2.0 consiste en la web de la simplicidad: desarrollar interfaces
muy simples, para una funcin muy especfica y con un sistema de funcionamiento
muy bsico. No hay ms que comparar un portal de la web 1.0 con Google para
notar la diferencia.
Usabilidad como criterio clave
Siguiendo de nuevo la filosofa Bauhaus, las aplicaciones web 2.0 abandonan todas
las exageraciones de estilo de la web 1.0, la idea de crear "interfaces alternativas"
muy innovadoras pero difciles de utilizar. De nuevo, basta mirar Google o
examinar un Ipod para ver esta filosofa de la usabilidad en accin. Adems de ser
un elemento esttico clave, tambin es una pieza importante en el desarrollo
econmico. Una interface til que permite hacer buenas bsquedas, entender
cada paso que se hace, tener confianza en el sistema de pago de comercio
electrnico etc. marca la diferencia entre un sistema fcil de usar, y que genera
confianza y por tanto permite generar negocio y un sistema complejo y poco
amigable que hace mucho ms difcil la transaccin econmica.
Interfaces diseadas con un nico objetivo bsico
Este es otro de los puntos clave en el desarrollo de la web 2.0. Si la web 1.0
apostaba por los portales en los que se acumulaba toda la informacin (as no era
raro encontrarse un portal donde uno poda ver su horscopo, la hora, el tiempo
que haca, su correo electrnico, noticias de msica, la ventana del chat, artculos
de revista, etc.) la web 2.0 desarrollar aplicaciones sencillas, pensadas para un
nico objetivo. De nuevo, la fuente de inspiracin es Google que tiene una
interface especfica para cada funcin, optimizada para llevar a cabo una tarea de
la forma ms sencilla y usable posible: www.google.com para los buscadores,
4
http://www.redessocialesdistribuidas.net
24
www.gmail.com para el correo electrnico, reader.google.com para consultar RSS,

etc.
Acercamiento universalista e inclusivo
La plasticidad de las tecnologas de la informacin, que permiten reconfigurar los
datos a ofrecer en diferentes formatos de forma que personas con dificultades de
visin o ciegas puedan tambin tener acceso a los textos en una web, ya sea
aumentando el tamao de la letra de forma automtica o incluso convirtiendo el
texto en habla mediante un programa conversor.
Igualmente, las posibilidades de customizar una aplicacin web permiten adaptar
la informacin presentada al nivel de inters o de conocimientos de un usuario, de
manera que en lugar de ofrecer el mismo contenido para todos podemos tener un
web educativo con diversos formatos y contenidos en funcin de si uno es
profesor o alumno, tambin la posibilidad de traducir un website a varias lenguas,
de adaptar la cantidad de jerga tcnica o el nivel de detalle en una explicacin, etc.
Separacin entre forma y contenido
A nivel tcnico este elemento es muy importante, tener la forma y el contenido
separados como piezas de un rompecabezas en una base de datos es lo que
permite precisamente el punto anterior, que una web pueda adaptarse a
diferentes usuarios y necesidades. Al separar forma y contenido es mucho ms
sencillo ofrecer servicios al usuario como una versin para imprimir de un artculo,
conseguir que ciertas informaciones sean accesibles desde un mvil o una PDA,
poder leer un artculo en nuestra lengua materna, etc. A nivel tcnico tambin
facilita a los tcnicos la tarea de revisar un website a la bsqueda de errores, y
para los creadores de contenidos ms facilidad a la hora de subirlos, sin tenerse
que preocupar en qu formato va a aparecer.
Reciclado de datos y mashup
Otro fenmeno que por un lado potencia la web 2.0 y por otro le sirve de
combustible para funcionar es el concepto de libre distribucin de contenidos. Ya
le llamemos Creative Commons, Copyleft, Software libre, Cdigo Abierto, etc.
parte de la estructura de la web 2.0, especialmente la que se basa en el data remix
y en la aportacin de datos por los usuarios, necesita que informacin, software,
25
imgenes, msica y otros materiales culturales puedan distribuirse y reusarse de

forma libre. Ello no implica necesariamente violaciones de copyright, aunque sin
duda este nuevo paradigma est poniendo en aprietos los sistemas tradicionales
de distribuir los objetos culturales. Sobre todo se trata, como en el modelo de
Creative Commons de desarrollar nuevos modelos a la hora de distribuir los
contenidos intelectuales, sin necesariamente pasar por el modelo del copyright.
Gracias a este sistema es fcil conseguir nuevos servicios de forma rpida y casi
automtica, cruzando los datos de varios websites o servicios on-line en una nueva
aplicacin web, siguiendo la filosofa de Internet como base de datos del ya citado
Manovich (2006).
Criterios en el uso de colores, fondos y tipografas
Este informe no est pensado para un anlisis detallado de la esttica 2.0, ni
tampoco es su funcin. Tambin hay que recordar que la esttica del diseo es
algo eminentemente voltil y que puede cambiar de un mes al siguiente. Sin
embargo, hay algunos aspectos de la esttica web 2.0 que tienen que ver con
algunas de las caractersticas que hemos mencionado antes.
As, el uso de fondos blancos, que ofrezcan un buen contraste para la lectura es un
ejemplo de cmo la filosofa de la usabilidad est presente tambin en la esttica
de la web 2.0. Lo mismo sucede con muchas otras caractersticas, como el uso de
tipografas san serif (que sn ms legibles en pantalla) el uso de tamaos grandes
(accesibilidad), etc. Otras caractersticas como las formas redondeadas en lugar de
las rectangulares, el uso de colores pastel o los botones grandes con iconos buscan
ms una esttica amable, familiar, frente a la tendencia de la esttica corporativa,
tecnolgica e innovador, pero tambin fra e impersonal- de la burbuja tecnolgica
y la web 1.0.
26
1.2. CONCEPTOS DE LA PLATAFORMA DE FACEBOOK

1.2.1. Ncleo API
GRAPH API5
La Graph API o API de grficos es el ncleo de la plataforma de Facebook, lo que le
permite leer y escribir datos en Facebook. Proporciona una visin simple y
consistente de la grfica social, de manera uniforme que representan objetos (por
ejemplo, la gente, fotos, eventos, y las pginas) y las conexiones entre ellas (por
ejemplo, las relaciones amigo, contenido compartido, y etiquetas de fotos).
Cada objeto en el grfico social tiene un identificador nico. Usted puede acceder
a las propiedades de un objeto por su inters en la pgina
https://graph.facebook.com/ID. Por ejemplo, la pgina oficial de la Plataforma
Facebook ha Identificacin 19292868552, para que pueda buscar el objeto en la
direccin https://graph.facebook.com/clubgalileoec:
{
"id": "222035317567",
"name": "Club de Observaci\u00f3n Galileo",
"picture": "http://profile.ak.fbcdn.net/hprofile-aksnc4/203468_222035317567_762748_s.jpg",
"link": "http://www.facebook.com/clubgalileoec",
"category": "Science",
"likes": 47,
"website": "www.clubgalileo.com",
"username": "clubgalileoec",
"description": "OVNIS "
}
Facebook ha adoptado el modelo de datos Json y ha pasado a generar las

peticiones mediante URLs muy simples.
Por ver unos ejemplos:
- Para ver los datos de la pgina Matt Cutts: https://graph.facebook.com/36350343556
- Y para ver la foto de esta pgina: https://graph.facebook.com/36350343556/picture
- O para ver su hilo de mensajes: https://graph.facebook.com/36350343556/feed
Con este tipo de accesos, vemos que las peticiones de datos, sobre todo para
pginas pblicas (ya que la informacin para urls no pblicas es un poco ms difcil
de extraer) se han vuelto mucho ms sencillas. A m personalmente me recuerdan
5
http://developers.facebook.com/docs/reference/api
27
a las de la API de Twitter en su sencillez. Esto va a hacer que la creacin de

consultas sea muchsimo ms sencilla: podremos ver la informacin en el mismo
tipo de plugins que ahora mimo maneja twitter accediendo incluso de forma
cmoda con javascript.
En si la API de Facebook es una interfaz de servicios Web para acceder a la
programacin servicios bsicos (perfil, amigos, grupos, eventos, foto) y realizar
otras funcionalidades de Facebook (iniciar la sesin, reorientar, actualizar vista). El
API est basado en una arquitectura basada en REST (que explico ms adelante).
Facebook apoya oficialmente bibliotecas de cliente para PHP (4 y 5) y Java. Estos se
puede descargar de developers.facebook.com / resources.php.
Varias bibliotecas de cliente no oficiales se han desarrollado para la mayora de
todos los principales Lenguajes de programacin web, incluyendo ASP.NET, ASP
(VBScript), ColdFusion, C + +, C #, D, Lista de Emacs, PHP4, Lisp, Python Perl, Ruby
on Rails, VB.NET, y Windows Mobile. Para descargar estas versiones no oficiales, ir
a la wiki de documentacin. developers.facebook.com
Cuando se utiliza una biblioteca de cliente, utilice los mtodos especficos del
idioma para acceder a Facebook servicios. Por ejemplo, aqu est cmo se puede
recuperar el nombre y foto de un usuario y luego mostrar en una pgina:
$user_data = array(name, pic, activities);
$current = $facebook->api_client->users_getInfo($user, $user_data);
echo <p>Tu nombre es {$current[0][name]} </p>;
echo <Esto es lo que parece: <img src={$current[0][pic]} /></p>;
No se preocupe por los detalles por ahora. Slo observe que la informacin del
usuario especfico se accede mediante las llamadas $facebook->api_client>users_getInfo()
LA AUTENTIFICACIN6
Pero la base de la mayor parte de Facebook es la informacin privada a la que solo
se puede acceder si se te da permiso como usuario: los amigos, sus feeds, sus
fotos, etc. Esto hace que sea imprescindible una forma de autentificar usuarios.
Facebook no ha querido comerse demasiado la cabeza en este sentido y a
generado por lo que ya podemos decir que es un estndar de identificacin: el
OAuth. Usado por Twitter y adaptado recientemente por meebo para crear una
plataforma conjunta de autentificacin de la mayor parte de redes sociales (salvo
los dos grandes: Facebook y twitter). Facebook ha hecho tambin su adaptacin
del sistema y la ha llamado OAuth 2.0. Este sistema se basa en que el usuario, con
6
http://developers.facebook.com/docs/authentication/
28
las cookies de login en Facebook ya creadas habilite el acceso con nuestra

aplicacin de forma que a nosotros nos vuelva un "Token", un identificador con el
que en cada peticin que hagamos demostramos tener acceso a esa informacin.
Realmente el sistema se ha simplificado hasta el punto que uno mismo puede
entender todos los pasos que se dan al autentificar usuarios. Aun as, sea cual sea
la va por la que accedamos Facebook va poner en nuestras manos las
herramientas necesarias para que esta parte sea lo ms sencilla posible.
LOS SOCIAL PLUGINS
Pero Facebook no se ha quedado ah y ha sacado formas an ms sencillas para
interactuar con l en lo que ha llamado "Social Plugins". En estos vienen definidos
unos mdulos que podemos aadir fcilmente a nuestra web y que se encargan de
aportar a nuestra web de nuevas funcionalidades totalmente gestionadas por
Facebook y en las que muchas ya interactan por si solas con sus sistemas.
LOS SDK
Facebook tambin nos brida clases ya trabajadas para poder usar esta nueva API
en nuestras webs. Destaca entre ellas la JavaScript SDK en la que con un simple
cdigo aadimos a nuestras pginas de forma asncrona el javascript de Facebook
que nos permitir realizar desde el cliente y a nuestra manera el login del usuario y
las llamadas a las distintas urls de la nueva Graph Api.
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
Sin embargo, el proceso sigue siendo demasiado complejo para todo aquel que no
sea programador. Este SDK es con diferencia mucho ms usable que la API
javascript de Facebook Connect, pero seguimos necesitando entenderlo
totalmente para hacer la mayor parte del trabajo.
29
1.2.2. Social plugins 7

Dentro de los cambios aportados por
la Facebook Graph API encontramos
como elemento destacado los Social
Plugins.
Estos
son
pequeos
fragmentos de cdigo (Iframes o
etiquetas FBML de Facebook) con los
que dotar a nuestras pginas y
aplicaciones de Facebook de nuevas
opciones sociales y de conectividad
con la red social por excelencia.
Los plugins sociales de Facebook (Facebook) son herramientas que te ayudan a
integrar un sitio web o blog con Facebook, ofrecen funcionalidades para compartir
contenido e interactuar con tu comunidad sin que los lectores dejen el sitio web.
Esto trae consigo el beneficio de generar una exposicin del contenido del sitio
muy grande a un mercado mucho ms amplio, incrementando as el nmero de
visitas y la comunicacin con los lectores.
Aqu explicaremos brevemente para que se utiliza cada uno. Estos botones los
puedes generar a travs de la pgina oficial de facebook
http://developers.facebook.com/plugins/, para instalarlos bsicamente generas
el cdigo html del plugin o los plugins que se vaya a utilizar y se lo inserta en tu
sitio web.
Seguidamente daremos un repaso a los 9 plugins que ha sacado Facebook por el
momento, intentando mostrar sus posibilidades y su utilidad en el desarrollo de
webs.
1. Like Button (Botn Me Gusta)

Explicacin:
El Botn de Me Gusta es un icono que permite a
cualquier lector registrado en Facebook compartir el
contenido de un sitio web o blog, pueden ser
productos, servicios, vdeo, msica o algn artculo.
Cuando los lectores dan un clic al botn, el contenido aparecer en el lector
de noticias de sus amigos con un link al sitio o blog donde se encuentran.
Existen dos tipos de botones de Me Gusta, la versin con tecnologa
XFBML o con Iframe. La versin con XFBML es mucho ms verstil, tiene
7
http://developers.facebook.com/docs/plugins
30
opciones en tiempo real como ajustar el tamao automticamente, mostrar

el nmero de Me Gusta en tiempo real y dar la opcin al lector de escribir
un comentario, que se publicara en su Muro con el link al sitio. El Iframe por
otro lado solo mostrara el botn de Me Gusta.
Es recomendable para:
Sitios web que tienen contenido muy dinmico
que se puede compartir individualmente como
Tiendas Virtuales, Blogs, sitios de noticias y de
descarga de Apps (Apps)/software.
Figura 13. Panel de Configuracin de Like Button
2. Activity Feed (Actividad Reciente)

Explicacin:
Este plugin muestra la actividad ms reciente en
facebook de tu sitio, lo que incluye cuantos usuarios
han dado clic al botn Me Gusta o compartido el
contenido del sitio en su red de contactos.
Si el usuario esta registrado, el plugin mostrara la actividad de sus amigos y
si no est registrado mostrara las recomendaciones del sitio y la opcin de
registrarse.
Figura 14. Panel de Configuracin de Activity Feed
Sitios con una alta actividad de fans en facebook y
publicacin de contenido, especficamente para los
blogs este plugin es una poderosa herramienta que
permite a los lectores ver que temas son los ms
relevantes.
31
3. Recommendations (Recomendaciones)
Explicacin:
El plugin de recomendaciones muestra el contenido
que ms ha gustado a los lectores de un sitio. Como
el contenido est hospedado en Facebook, el plugin
no requiere que el usuario tenga su sesin abierta de facebook.
Para generar las recomendaciones el plugin considera todas las
interacciones sociales con el URL del sitio web o blog.
Figura 15. Panel de Configuracin de Recommendations
Sitios web que tengan una gran cantidad de fans en
facebook y quieran mostrar las recomendaciones de su
comunidad a las nuevas visitas del sitio.
4. Like Box (Caja de Me Gusta)

Explicacin:
Plugin que permite a los dueos de pginas de
facebook incrementar el nmero de Me Gusta
desde su propio sitio web o blog.
La caja de Me Gusta permite a los usuarios:
* Ver el nmero y fotos del perfil de los usuarios que les gusta la pgina.
* Leer los artculos ms recientes de la pgina
* Dar clic al botn de Me Gusta sin necesidad de visitar la pgina en
Facebook.
32
Es recomendada para:
Sitios web que tengan una seccin
esttica, ya que el objetivo del plugin es
promocionar la marca a travs de los
lectores que gusten del contenido y le den
clic a el botn de Me Gusta; la diferencia
entre el botn Me Gusta y La caja Me
contenido dinmico individual como
productos, servicios, artculos y la caja est
enfocada a la marca del sitio en general.
Figura 16. Panel de Configuracin de Like Box
5. Login Button (Botn de Inicio de Sesin)

Explicacin:
El botn de inicio de sesin ofrece la funcionalidad de
registrarse a Facebook desde un sitio web, adems
muestra las fotos del perfil de los amigos del usuario
que ya se ha firmado.
Es posible especificar el nmero mximo de filas en donde se mostraran las
fotos. El plugin automticamente se ajusta de tamao, por ejemplo, si
especifica un mximo de cuatro filas y hay amigos slo para llenar dos filas,
la altura del plugin ser slo lo necesaria para dos filas de fotos.
Figura 17. Panel de Configuracin de Login Button
Sitios que tengan comunidades, donde los

miembros sean lectores que promuevan
con sus amigos el sitio e interacten a
travs de ste.
33
6. Registration (Registro)
El registro plugin te da la flexibilidad necesaria para
solicitar informacin adicional que no est disponible
a travs de la API de Facebook (por ejemplo, pelcula
favorita). El plug-in permite a los usuarios que no
tienen una cuenta en Facebook, o si no desea
registrarse en su sitio con Facebook para el uso de la misma forma que los
que se conectan con Facebook. Esto elimina la necesidad de ofrecer dos
experiencias entrada independiente.
Figura 18. Panel de Configuracin de Registration
Que los usuarios mediante este plugin de registro puedan a suscribirse
fcilmente en su sitio web con su cuenta de Facebook. El plugin es un
Iframe simple que usted puede bajar en su pgina. Al iniciar la sesin en
Facebook, los usuarios ven un formulario que se rellena con la informacin
de Facebook en su caso.
7. Facepile (Pila de fotos)

Explicacin:
Este plugin despliega las fotos de los usuarios a los
que les gusta el sitio o que se han registrado
previamente. Es muy similar al Botn de inicio de
sesin (Login Button) pero sin la parte de registro.
Si ningn usuario o amigo que visita el sitio tiene abierta su sesin en
facebook, no se mostrara el plugin.
34
Figura 19. Panel de Configuracin de Facepile
Sitios que tienen un sistema de registro diferente

y buscan promocionarse a travs de mostrar los
amigos de los usuarios que visitan el sitio con la
sesin abierta de Facebook.
8. Comments (Comentarios)
Explicacin:
Plugins que permite compartir la actividad y los
comentarios en tiempo real. Funciona mejor cuando
se ejecuta un evento en vivo, como vdeo streaming,
conciertos, discursos, conferencia, chats en vivo, juegos en internet.
Figura 20. Panel de Configuracin de Comments
Sitios que tienen un sistema de registro diferente y buscan promocionarse a
traves de mostrar los amigos de los usuarios que visitan el sitio con la sesin
abierta de Facebook.
35
9. Live Stream (Transmisin en vivo)

Explicacin:
Plugins que permite compartir la actividad y los
comentarios en tiempo real. Funciona mejor cuando
se ejecuta un evento en vivo, como vdeo streaming,
conciertos, discursos, conferencia, chats en vivo, juegos en internet.
Figura 21. Panel de Configuracin de Live Stream
Sitios que transmitan eventos en vivo. Es una herramienta poderosa para la
interaccin en tiempo real, te apoya a dar seguimiento a preguntas,
comentarios, concursos y promociones.
36
1.2.3. Facebook SDKs

Facebook cuenta con varios SDKs 8 para uso de programadores, existen los
siguientes JavaScript SDK, iOS SDK (iPhone y IPAD), Android SDK, PHP SDK,
Tools (Herramientas).
Anteriormente hemos indicado todos los SDK con lo que podemos trabajar en
Facebook, pero como en esta tesis la estamos desarrollando con software GNU y
nos basaremos ms en el JavaScript SDK y PHP SDK.
JavaScript SDK
El SDK de cdigo JavaScript que permite acceder a todas las funciones de la API de
grficos y cuadros de dilogo a travs de JavaScript. Se proporciona un conjunto
completo de funcionalidades de cliente para la autenticacin y la representacin
de las versiones XFBML de nuestros plugins sociales.
FBML no es compatible con el uso del estndar de JavaScript utilizando el
elemento de secuencia de comandos.
Sin embargo, Facebook JavaScript (o FBJS, para abreviar) permite una limitada
funcionalidad de secuencias de comandos dentro de una aplicacin de Facebook.
stos son algunos de los diferencias entre FBJS y JavaScript:
En lugar de utilizar el estndar DOM 9 JavaScript, Facebook ofrece a sus
propia implementacin DOM alternativa.
FBJS Muchos objeto implementaciones son las mismas de forma estndar
de JavaScript, aunque hay algunas diferencias. Por ejemplo, en lugar de
acceder a una propiedad de JavaScript (como document.href), FBJS utiliza
un par de obtener y mtodos establecidos en su lugar (getHref, setHref).
Cuando Facebook procesos cdigo de scripting en el interior de los
elementos de script, tachuelas en el identificador de aplicacin a los
nombres de funciones y variables. Facebook hace esto para crear un mbito
especfico de la aplicacin.
Facebook JavaScript prev AJAX y objetos de dilogo para que los desarrolladores
de Facebook aprovechen estas herramientas.
8
SDK Es un kit de desarrollo de software o SDK (siglas en ingls de software development kit) es
generalmente un conjunto de herramientas de desarrollo que le permite a un programador crear
aplicaciones para un sistema concreto, por ejemplo ciertos paquetes de software, frameworks, plataformas
de hardware, computadoras, videoconsolas, sistemas operativos, etc.
9
DOM - El Document Object Model es una plataforma cruzada y la convencin independiente del lenguaje
para representar e interactuar con objetos en HTML, XHTML y documentos XML. La interfaz pblica de un
DOM se especifica en su interfaz de programacin de aplicaciones (API).
37
Facebook SDK PHP

Este SDK proporciona apoyo a la plataforma Facebook a sus aplicaciones web
basado en PHP. Esta biblioteca le ayuda a agregar Facebook sesin y el apoyo
grfico de la API a su sitio web. Los archivos de repositorio para descargarlos se los
puedes hacer en el link https://github.com/facebook/php-sdk/ y son los siguientes:
Figura 22. Muestra de visualizacin del sitio del repositorio
Este repositorio contiene el cdigo abierto PHP SDK le permite utilizar todo los
archivos en su sitio web.
Uso
Los ejemplos son un buen lugar para comenzar. El mnimo que se necesita tener
es:
<?php
require './facebook.php';
$facebook = new Facebook(array(
'appId' => 'YOUR APP ID',
'secret' => 'YOUR API SECRET',
'cookie' => true, // enable optional cookie support
));
Para hacer llamadas a la API:

try {
$me = $facebook->api('/me');
} catch (FacebookApiException $e) {
error_log($e);
}
Identificados vs registrada de salida:

if ($facebook->getSession()) {
echo '<a href="' . $facebook->getLogoutUrl() . '">Logout</a>';
} else {
echo '<a href="' . $facebook->getLoginUrl() . '">Login</a>';
}
38
1.2.4. APIs Avanzadas

Hoy en da existen algunas APIs avanzadas que podemos utilizarlas como son las
de Dilogos, FQL, Internacionalizacin de la API, Crditos de la API, Legado
API, Legado API REST, Legado FBML , Legado API Javascript, pero igualmente
el esta tesis nos basaremos en las siguientes:
Facebook Query Language

Facebook Query Language, o FQL, le permite utilizar una interfaz de estilo SQL para
consultar los datos expuestos por el API de grficos. Se prev que algunas de las
caractersticas avanzadas no disponibles en la API de grficos, incluyendo el
procesamiento por lotes varias consultas en una sola llamada.
Facebook (Lenguaje de consulta FQL) es una interfaz basada en SQL en los datos de
Facebook.
Usted puede acceder a muchas tablas de bases de datos de Facebook, incluyendo
el usuario, un amigo, grupo, group_member, evento, event_member, la
foto, lbum, y photo_tag.
El lenguaje en s mismo es similar al estndar SQL, aunque con algunas
restricciones:
Las instrucciones SELECT se debe realizar una tabla a la vez.
nete a las consultas no estn permitidas.
Una consulta debe ser indexables.
En realidad se puede realizar la mayora de las rutinas de acceso a los mismos
datos utilizando API o FQL. Para ese momento, varias de las llamadas a la API no
son ms que contenedores para las consultas FQL. FQL incluso tiene algunas
ventajas sobre el estndar API interfaz. Se reduce el ancho de banda y gastos
generales de anlisis y puede ayudar a reducir al mnimo el nmero de solicitudes
de datos en situaciones complejas.
(donde la variable $ user es el usuario actual):

$friends = $facebook->api_client->fql_query(SELECT uid, name
FROM user WHERE
uid IN (SELECT uid2 FROM friend WHERE uid1=$user));
39

FBML le permite construir aplicaciones de Facebook que integran profundamente
en la experiencia de un usuario de Facebook. Para utilizar JavaScript en FBJS FBML
uso.
Facebook Markup Language (FBML) es un lenguaje HTML que se usa para mostrar
pginas interiores de la tela Facebook. Aqu hay tres hechos bsicos sobre FBML:
FBML contiene un subconjunto de los elementos HTML. Tales elementos comunes
como p, ul, y H1 son parte de FBML.
FBML proporciona cualificado de apoyo para los elementos de escritura y estilo.
Normal JavaScript no se admite en un elemento script, aunque Facebook
JavaScript no permite algunas capacidades de scripting. Usted no puede utilizar el
elemento de estilo para ligarse a hojas de estilo externas, pero se puede utilizar
para CSS interna.
FBML tambin incluye varias extensiones propietarias en Facebook especficos
Elementos de la interfaz, as como el flujo del programa.
Por ejemplo, el FB: elemento de nombre muestra el nombre del usuario,
basndose en el valor del atributo uid:
<p> Su nombre es: <fb:name uid=665127078 useyou=false/></p>
Algunos elementos FBML ayudar a controlar el flujo de un programa. Por ejemplo,

FB: -si puede-ver slo muestra el contenido dentro de ella si el usuario tiene
permiso para ver una funcin especfica (el qu atributo) para el usuario
especificado (el uid atributo). Considere lo siguiente:
<fb:if-can-see uid=665127078 what=profile>
<p> Se le concede acceso, afortunado!</p>
<fb:else> Ir a otro lugar, que un desafortunado.</fb:else>
</fb:if-can-see>
Integracin con Facebook Chat

Puede integrar Facebook Chat en su web, de escritorio, mviles o los productos de
mensajera instantnea. Su cliente de mensajera instantnea se conecta al chat de
Facebook a travs de Jabber / XMPP servicio. Este documento describe las
caractersticas y limitaciones del protocolo de chat de Facebook de XMPP para el
desarrollador que se propone aplicar un cliente de chat de Facebook.
Facebook Anuncios API

40
Los anuncios de Facebook API permiten crear y gestionar sus propios anuncios en
Facebook programacin, sin necesidad de utilizar la herramienta Administrador de
Publicidad de Facebook.
Esta API est disponible como parte de un programa beta limitada y est sujeta a
cambios. Si ests interesado en participar en la prueba beta, por favor, contacte
con su administrador de cuentas de publicidad de Facebook. Si usted no tiene un
Facebook cuenta de Administrador de Publicidad, sin embargo, usted puede
solicitar soporte en la pgina de Facebook.
Puede utilizar la API de anuncios si coincide con uno de estos perfiles:
Usted administra su propio anuncio gastar, y tienen muchas cuentas y / o
anuncios de muchos. Puede utilizar la API de anuncios como una alternativa
escalable a la herramienta de Facebook Gerente de Publicidad.
Usted es un proveedor de herramientas de publicidad que vende soluciones
de gestin publicitaria a las empresas pequeas y medianas empresas, as
como a gestionar los anuncios de mltiples fuentes (como Facebook y otros
anunciantes en lnea).
Usted es una agencia de publicidad de la gestin de presupuestos y
campaas para varios clientes.
Si no quiere construir su propia herramienta de gestin de anuncios, se puede
trabajar con un vendedor que tiene.
1.3. FUNCIONALIDAD DE LA PLATAFORMA DE FACEBOOK

1.3.1. Introduccin a la Plataforma de Facebook.
Omos todo el tiempo acerca de "plataformas" en diversos mbitos de la vida.
Partidos polticos presentan sus polticas y agendas en documentos llamados
plataformas. Un clavadista olmpico realiza una inmersin perfecta fuera de una
plataforma de 10 metros en el camino en alcanzar con una medalla de oro. Heck,
tenis de plataforma es una forma de tenis que la gente juega con remos.
Facebook tambin tiene su propia plataforma, que inteligentemente la llam
Plataforma de Facebook. Afortunadamente para sus compaeros de trabajo, es
una plataforma que no es necesario un traje de bao o una paleta de usar. Sin
embargo, usted necesita saber un lenguaje de programacin web tales como PHP
o Java.
Facebook ha ganado popularidad debido a su ambiente estructurado y su red
social, pero la Plataforma de Facebook est demostrando ser un medio
fundamental de ayudar a potenciar un negocio, empresa o persona y que se
convierta en ms productivo, gracias a aplicaciones de terceros. Facebook ofrece
41
ahora una razn importante para que los usuarios inviertan en s mismos en
Facebook.com de una manera que nunca fueron realmente capaces de hacer con
los sitios de redes sociales como MySpace. De hecho, sobre el lanzamiento de la
Plataforma, era slo cuestin de semanas para que los usuarios comenzaran a ver
miles y miles de aplicaciones de todo tipo en Facebook que fueron inspirados por
desarrolladores de las grandes corporaciones o simplemente aficionados que
trabajan en sus casas por diversin.
1.3.2. DESCUBRIENDO FACEBOOK
MySpace y Friendster pueden haber sido los primeros "ir a" lugares de lnea
interaccin social, pero Facebook ha superado el crecimiento ms rpido sitio de
redes sociales en la Web. Su ambiente estructurado, el usuario agradable
experiencia, y la plataforma extensible para aplicaciones de otros fabricantes han
ayudado a que Facebook tenga este nivel de importancia y popularidad.
Antes de empezar a desarrollar aplicaciones para Facebook, se debe llegar a
conocer todos los contenidos del propio Facebook para garantizar plenamente
entender el potencial de la forma en que su aplicacin puede aprovechar su
plataforma.
Si es nuevo en Facebook, lo que se necesita primordialmente es tener muy
presente los conceptos importantes de: Noticias y El Perfil.
Noticias
Una vez que haya iniciado sesin en Facebook, la pgina principal de Facebook
(www.facebook.com) muestra la Noticia, como se muestra en la Figura 23. Piense
en la Noticia como su propio canal de noticias personalizadas - algo as como un
FNN (Noticias de la Red de Amigos), si desea obtener inteligente.
La Noticia contiene una lista en vivo de anuncios o historias sobre la actividad de
su red de amigos en Facebook - quien se hizo amigo, qu aplicaciones se agreg,
cul es su situacin. Por ejemplo, si mi amigo Jaime Albear se convirti en amigos
con Andrea Hernndez, me gustara recibir la siguiente historia:
Jaime Albear y Andrea Hernndez ahora son amigos.
Facebook compila esta lista de historias de noticias sobre la base de varios factores
la actividad de sus amigos, sus preferencias de tipos de historia, la configuracin
de frecuencia en determinados amigos, los niveles de privacidad de tus amigos, la
opinin de un usuario en la calidad de una historia (conocido como "Me Gusta" y
"x" votos) todos mezclados en un detrs de cmaras, el algoritmo de super
secreto. Un usuario puede determinar la frecuencia de las noticias ciertas, pero en
42
ltima instancia, Facebook mantiene el control ms de lo que se coloca en el

Servicio de Noticias. Facebook tambin coloca anuncios sociales en el interior del
servicio de noticias.
Figura 23. Noticias contiene la lista de las nuevas novedades de nuestra red de amigos
El Perfil
Cada usuario de Facebook tiene un perfil individualizado, como la que se muestra
en la Figura 24. Una pgina de perfil de un usuario "bienes inmuebles" en
Facebook.com, una casa Pgina para el usuario, amigos y otras personas. Los
usuarios deciden qu informacin para mostrar o restringir en funcin de quin es
el visitante.
La pgina de Facebook contiene una variedad de elementos. Algunos de los ms
notables para desarrolladores de aplicaciones son las siguientes:
Izquierda de navegacin: la barra lateral izquierda de navegacin (que mide
150 pxeles de ancho) contiene un men de aplicaciones en las que los
usuarios pueden acceder rpidamente a las aplicaciones. Los usuarios
pueden arrastrar y soltar sus cinco aplicaciones favoritas en la seccin
superior.
Canvas: El lienzo o canvas es la seccin de 520 pxeles a la derecha de la
izquierda men y debajo del men de navegacin superior. No slo es la
pgina de perfil contenida en el lienzo, pero todas las aplicaciones de
Facebook se incluye tambin.
43
Mini-Feed: Mini-Feed contiene un resumen de instantneas de las

actividades de un del usuario. Ntese la diferencia con el Noticias:
Considerando que de Noticias de Facebook.com muestra historias de
amigos, un perfil de Mini-Feed presenta historias slo se relaciona con el
usuario. Como desarrollador de Facebook, puede publicar un Mini-Feed
historia usando la API.
Perfil de la caja: cajas de perfil en la pgina de perfil del usuario consiste de
una funcin de Facebook cajas (Mini-Feed, amigos, Educacin y Trabajo) y
Facebook aplicaciones. Pueden ser de ancho (400 pxeles) y aparecen en la
seccin principal del perfil, o estrecha (100 pxeles) a la izquierda barra
lateral. Un usuario puede arrastrar y soltar cajas perfil a diversas partes del
pgina y se puede quitar la caja el perfil de una aplicacin sin borrar la
aplicacin.
Muro: Usted puede pensar en la pared como un "tabln de anuncios" de
clases que las personas puede utilizar para enviar notas, comentarios, o
comentario acerca de una persona. Como un desarrollador de Facebook, no
se puede publicar directamente en el interior de la pared su aplicacin. Sin
embargo, puede proporcionar un archivo adjunto de la pared para sus
usuarios. Un mensaje que la pared proporciona una forma para que los
usuarios de su aplicacin a agregar el contenido especfico de la aplicacin a
sus paredes.
Figura 24. La pgina de perfil de "Club Galileo" en Facebook.
44
El Grfico Social
La red social a largo plazo se ha vuelto tan popular y familiar en los ltimos aos y
aunque la gente no sea aficionada a la tecnologa, por lo menos comprende el
significado del trmino. Facebook, sin embargo, tiene su propia lengua verncula
en lo que respecta a la comprensin de redes sociales. Lo llaman el grfico social.
El grfico social se puede definir como las interconexiones que existen entre la
familia, amigos y conocidos que toda persona tiene.
Tmame como un ejemplo. Tengo una esposa y tres nios, los padres que viven en
Ibarra, una hermana que vive en Otavalo, muchos amigos de mi iglesia, conocidos
de mi pueblo, compaeros de trabajo en los lugares de empleo anteriores, y as
sucesivamente. Algunas de estas personas tienen las interconexiones de los suyos.
Mi esposa conoce a mi hermana, mis hijos y a mis padres. Otros miembros de mi
red no se conocen entre s. Mis hijos, por ejemplo, nunca conocen a mi ex jefe,
Salomn.
Las relaciones sociales como estos estn unidas por algn tipo de
interdependencia entre s. Puede ser de la familia, la fe, los amigos comunes
intereses, la geografa, o la lnea de trabajo. Pero siempre hay algn tipo de vnculo
entre ellos, sin embargo suelto.
En la vida cotidiana, la gente le da un gran valor a su grfico social. Si estoy en
busca de un trabajo, probablemente comenzar por la creacin de redes mis
amigos y antiguos compaeros de trabajo o conocidos en el mundo de alta
tecnologa. Si estoy buscando a alguien para ver nuestro perro mientras est de
vacaciones, estoy dispuesto a confiar en la sobrina de su fin amigo para hacer bien
el trabajo, a pesar de que apenas conocen la sobrina personalmente.
Por otra parte, cuando estoy en busca de un dentista, busco y obtengo
recomendaciones de la gente cuya opinin valoro en mi grfico social. Las
comunidades en lnea como Facebook y MySpace buscan volver a crear este
natural fenmeno humano en el mundo digital. Dentro de estas comunidades, que
establecer estos vnculos entre las personas basadas en algn tipo de
interdependencia. A travs de los servicios comunitarios, que son capaces de llegar
a saber cules son sus amigos y que estn haciendo, la msica que estn
escuchando, las pelculas que recomendamos, y qu aplicaciones estn utilizando.
Sin embargo, las prcticas, el comportamiento y la cultura de estas redes sociales
diferentes al impacto de los sitios que emulan muy bien con el mundo real. En
MySpace, por ejemplo, puedo recoger cientos o incluso miles de conexiones, pero
slo unos pocos son verdaderamente amigos con algn grado de
interdependencia. En cambio, en un ambiente como el de Facebook, que no
promueve, recogiendo amistades, puede que en la actualidad slo tienen una
docena de amigos, pero casi todas las conexiones estn respaldadas por las
45
relaciones del mundo real. Como resultado, tanto el lugar o las opiniones y
actividades de mis amigos en Facebook, no me fuesen posibles en un sitio como
MySpace. Este valor de la interconexin social es importante para el desarrollador
de aplicaciones Facebook creando aplicaciones viables para socializar.
Algo que es curioso para muchos el uso de la palabra, grfico, en el trmino grfico
social. El trmino red en la red social es lo suficientemente intuitiva, pero el grfico
de la palabra evoca imgenes de algo que se crea en Microsoft Excel para mostrar
la accin que u operacin que se desea mostrar. Aunque el grfico puede ser un
sinnimo de tabla en el uso cotidiano, Facebook utiliza la definicin matemtica
del trmino. En este contexto, se puede pensar en un grfico como una
abstraccin para modelar relaciones entre conjuntos de nodos.
1.3.3. Qu es la Plataforma de Facebook?
La Plataforma de Facebook es un marco de programacin basada en estndares
que permite a los desarrolladores crear aplicaciones que interactan y se integran
con los servicios bsicos de Facebook.
Puntos de integracin
Cuando se crea una aplicacin para la plataforma Facebook, se puede integrar en
varios puntos en el marco de la creacin de la aplicacin. Dado el gran incremento
de peticiones de aplicaciones que estamos recibiendo, se van necesitando manos
nuevas en el equipo de desarrolladores de aplicaciones para Facebook.
El perfil que se busca seran programadores jvenes, con ganas de aprender y que
programen en PHP, MySQL y tengan nociones de JQuery/Ajax. Considerndose la
forma en que se integra en Facebook y sus aplicaciones, tanto por lo que se
convierte ms y ms difcil de distinguir entre las aplicaciones creadas por
Facebook y los desarrollados por terceros.
Ahora podemos decir que las aplicaciones de Facebook son pequeos programas
que se ejecutan dentro de la plataforma de Facebook (Facebook), es decir una
aplicacin de Facebook trabaja similar a un plug-in para un navegador o como un
plug-in para un Content Management System (CMS)
Diariamente Usamos aplicaciones dentro de Facebook para facilitarnos muchas

actividades en nuestros perfiles de Facebook por ejemplo (Compartir contenido de
youtube, compartir un enlace o cargar una imagen)
Directorio de aplicaciones de Facebook

46
Para conocer todo el potencial que ofrece Facebook con respecto a las
aplicaciones existe el poco conocido Directorio de aplicacin de Facebook que
puedes acceder con la siguiente direccin Directorio de aplicaciones en facebook
puedes buscar aplicaciones por categora, opiniones de los usuarios y conocer
cuales estn verificadas y cuales se han agregado recientemente al directorio.
Figura 24. Directorio de Aplicaciones de Facebook
Aplicaciones verificadas por Facebook

Las aplicaciones verificadas por Facebook son todas aquellas que cumplen con
todos los requisitos de transparencia y funcionalidad, respetando la privacidad del
usuario y la de sus amigos cuando enva informacin e invitaciones sobre la misma.
Figura 25. Aplicaciones verificadas por Facebook
47
Aplicaciones de Facebook recomendadas

Desde mi punto de vista las aplicaciones que yo recomiendo y utilizo son las
siguientes:
Aplicaciones para perfiles personales
- YouTube Video Box: Esta aplicacin permite publicar y guardar en favoritos todos
tus videos de youtube o la de tu cuenta de forma manual y agregarlos en una
pestaa en tu perfil.
- Selective Tweets: permite integrar tu perfil de twitter y solo publicar aquellos
tweets que consideres importantes, tambin se utiliza para actualizar aquellas
pginas de Facebook que t seas administrador y des autorizacin a dicha
aplicacin.
- Twitterfeed (twitterfeed): enlaza con todos los canales RSS que ests suscrito y
los publica en tu perfil de Facebook al igual que en las pginas de Facebook que t
seas administrador y suministres autorizacin de publicacin.
- Creative Commons License: Permite colocar licencias CC a todos tus
actualizaciones y contenido que cargues dentro de tu perfil de Facebook.
- Profile Box: esta aplicacin se utiliza para colocar contenido HTML dentro de tus
pestaas o cajas en tu perfil de Facebook.
Aplicaciones para Pginas de Facebook
- Twitter (Twitter) for Pages (pages): esta aplicacin crear una pestaa donde se
publican todos los tweets de la cuenta de twitter que coloquemos en esta
aplicacin.
- Selective Tweets: permite actualizar el estado de nuestra pgina de Facebook a
travs de nuestro perfil de twitter.
- FBML: Aade funciones avanzadas a tu pgina usando la aplicacin FBML Esttica
de Facebook. Esta aplicacin aadir un botn a tu pgina en la cual podrs
convertir HTML o FBML (Seleccionador de lenguaje de Facebook) para una
personalizacin mejorada de la pgina.
- Networked Blogs: Importar los artculos de tu sitio web, posee soporte para RSS y
Atom, esta aplicacin tienes gran utilidad entre la comunidad de bloggers en
Facebook.
Una vez abierto el cdigo de Facebook muchas empresas y Programadores se
dedicaron a desarrollar numerosas aplicaciones de Facebook relacionadas con el
ocio, entretenimiento y profesionales.
48
1.3.4. Arquitectura de las Aplicaciones de Facebook

Las Aplicaciones de Facebook no se instalan directamente en el servidor de
Facebook, en su lugar, se colocan en el servidor del desarrollador y luego hace la
llamada por Facebook cuando se solicita la URL de la aplicacin.
Para interactuar con las aplicaciones, Facebook utiliza una metfora de devolucin
de llamada, es decir, la direccin URL de su aplicacin est asociada con una
aplicacin registrada en Facebook. Cuando la URL de la aplicacin Facebook se
solicita, Facebook vuelve a dirigir la solicitud a su servidor, la aplicacin procesa la
solicitud, se comunica con Facebook utilizando el Facebook Application
Programming Interface (API) o Facebook (Lenguaje de consulta FQL), y devuelve
Facebook Markup Language (FBML) para Facebook para su presentacin al usuario
dentro de su grilla o pagina.
Figura 26. Arquitectura Standard de una aplicacin Web
Figura 27. Arquitectura de las Aplicaciones de Facebook
49
1.3.5. Legado API

En el proceso del desarrollo de la tesis se inici un proceso de desaprobacin de
algunas APIs, cambiando de esta manera el modo de programacin que se
efectuaba hasta el mes de diciembre del 2010, entonces para esto facebook
recomendaba que si usted est construyendo una nueva aplicacin de Facebook,
por favor se utilicen la API de grficos, nuevos SDK de Javascript y plugins sociales
en su lugar.
A pesar de esto y como es misin de cumplir con los objetivos de la tesis tan solo
detallaremos todas aquellas Apis que se las ha llamado de legado y que darn paso
a nuevas mtodos de programacin dentro de el nuevo grfico de Facebook.
1.3.5.1. Legado REST API

La API REST le permite interactuar con el sitio web de Facebook mediante
programacin a travs de peticiones HTTP.
La API REST OAuth es compatible con 2.0, as como un mayor, esquema
personalizado firma de autorizacin. Para hacer peticiones a la API REST con
OAuth, que pide direcciones URL en el formato siguiente:
https://api.facebook.com/method/method_name?
access_token=oauth_access_token&
arg0=value0&
arg1=value1
Por ejemplo, puede buscar el perfil Zuck con:

https://api.facebook.com/method/users.getInfo?uids=4&fields=name&access
_token=2227470867|2.hWwHbXXT7t5cpNkw1ZaEYQ__.3600.1300932000670080972|w4CUJqc6u1d-otbn2FFuirHBHFI&format=json
Los mtodos de las REST APIS se clasifican en:

Mtodos de Administracin
admin.banUsers
admin.getAllocation
admin.getAppProperties
admin.getBannedUsers
admin.getRestrictionInfo
admin.setAppProperties
admin.setRestrictionInfo
admin.unbanUsers
ads.getAdreportSchedules
application.getPublicInfo
batch.run
data.setCookie
fbml.setRefHandle
intl.getTranslations
intl.uploadNativeStrings
links.getStats
migrations.getStatuses
migrations.setStatus
pages.blockFan
50
Mtodos de Nombre/autenticacin
auth.createToken
auth.expireSession
auth.getSession
auth.promoteSession
auth.revokeAuthorization
auth.revokeExtendedPermission
Mtodos de recuperacin de datos
comments.get
data.getCookies
fbml.refreshImgSrc
fbml.refreshRefUrl
fql.multiquery
fql.query
friends.areFriends
friends.get
friends.getAppUsers
friends.getLists
friends.getMutualFriends
groups.get
groups.getMembers
links.get
message.getThreadsInFolder
notes.get
notifications.get
notifications.getList
pages.getinfo
pages.isAdmin
pages.isAppAdded
pages.isFan
photos.get
photos.getAlbums
photos.getTags
privacy.get
profile.getFBML
profile.getInfo
profile.getInfoOptions
status.get
stream.get
stream.getComments
stream.getFilters
users.getInfo
users.getLoggedInUser
users.getStandardinfo
users.hasAppPermission
users.isAppUser
users.isVerified
video.getUploadLimits
profile.setFBML
profile.setInfo
profile.setInfoOptions
status.set
stream.addComment
stream.addLike
stream.publish
stream.remove
stream.removeComment
stream.removeLike
users.setStatus
video.upload
Mtodos de publicacin
comments.add
comments.remove
links.post
links.preview
liveMessage.send
notes.create
notes.delete
notes.edit
notifications.markRead
notifications.sendEmail
photos.addTag
photos.createAlbum
photos.upload
Mtodos de Facebook Connect

connect.getUnconnectedFriendsCount
connect.registerUsers
connect.unregisterUsers
Neptal Mena Cisneros .::NEMECIS SOLUTIONS::.
52
Mtodos mvil
sms.canSend
sms.send
Mtodos de paneles API
dashboard.addGlobalNews
dashboard.addNews
dashboard.clearGlobalNews
dashboard.clearNews
dashboard.decrementCount
dashboard.getActivity
dashboard.getCount
dashboard.getGlobalNews
dashboard.getNews
dashboard.incrementCount
dashboard.multiAddNews
dashboard.multiClearNews
dashboard.multiDecrementCount
dashboard.multiGetCount
dashboard.multiGetNews
dashboard.multiIncrementCount
dashboard.multiSetCount
dashboard.publishActivity
dashboard.removeActivity
dashboard.setCount
Mtodos de API Eventos
events.cancel
events.create
events.edit
events.get
events.getMembers
events.invite
events.rsvp
Mtodos de API de etiquetas personalizadas

fbml.deleteCustomTags
fbml.getCustomTags
fbml.registerCustomTags
Mtodos de anuncios
ads.addAccountUsers
ads.createAdGroups
ads.createAdreportSchedules
ads.createCampaigns
ads.createCreatives
ads.estimateTargetingStats
ads.getAccounts
ads.getAdGroupCreatives
ads.getAdGroupStats
ads.getAdGroupTargeting
ads.getAdGroups
ads.getAdreportJobs
ads.getAutoCompleteData
ads.getCampaignStats
ads.getCampaigns
ads.getConnectionObjectIds
ads.getKeywordAutocomplete
ads.getKeywordSuggestions
ads.getValidKeywords
ads.removeAccountUsers
ads.setAccountUsersRole
ads.updateAdGroups
ads.updateAdreportSchedules
ads.updateCampaigns
53
1.3.5.2. Legado FQL

FBML le permite construir aplicaciones de Facebook que integran profundamente
en la experiencia de un usuario de Facebook. Para utilizar JavaScript FBJS en FBML.
Herramientas
fb:board
fb:bookmark
fb:chat-invite
fb:comments
fb:default
fb:else
fb:feed
fb:friend-selector
fb:google-analytics
fb:if
fb:if-multiple-actors
fb:multi-friend-input
fb:quantcast
fb:random
fb:random-option
fb:switch
fb:typeahead-input
fb:typeahead-option
fb:user-agent
fb:if-is-user
fb:if-is-verified
fb:name
fb:profile-pic
fb:pronoun
fb:user
fb:user-status
El usuario / Grupos
fb:eventlink
fb:grouplink
fb:if-can-see
fb:if-can-see-photo
fb:if-is-app-user
fb:if-is-friends-with-viewer
fb:if-is-group-member
Notificaciones y Solicitudes
fb:application-name
fb:multi-friend-selector
fb:multi-friend-selector_(condensed)
fb:req-choice
fb:request-form
fb:request-form-submit
Plataforma de Internacionalizacin
fb:date
fb:fbml-attribute
fb:intl
fb:intl-token
fb:tag
fb:tag-attribute
fb:tag-body
fb:window-title
fb:profile-action
fb:rock-the-vote
fb:userlink
fb:visible-to-added-app-users
fb:visible-to-user
Obsoletas
fb:if-is-own-profile
fb:if-user-has-added-app
fb:networklink
fb:notif-email
fb:notif-page
fb:notif-subject
54
Mensajes de estado
fb:error
fb:explanation
fb:message
fb:success
Navegacin de pgina
fb:create-button
fb:dashboard
fb:header
fb:header-title
fb:help
fb:mediaheader
fb:owner-action
fb:tab-item
fb:tabs
Muro
fb:wall
fb:wallpost
fb:wallpost-action
Visibilidad sobre el perfil
fb:18-plus
fb:21-plus
fb:restricted-to
fb:visible-to-app-users
fb:visible-to-connection
fb:visible-to-friends
fb:visible-to-owner
Visitas al perfil especfico
fb:action
fb:add-section-button
fb:if-section-not-added
fb:narrow
fb:publisher-link
fb:subtitle
fb:user-item
fb:user-table
fb:wide
fb:add-profile-tab
fb:fbml
fb:fbmlversion
fb:js-string
fb:page-admin-edit-header
fb:redirect
fb:ref
fb:serverFbml
fb:time
fb:title
fb:editor-divider
fb:editor-month
fb:editor-text
fb:editor-textarea
fb:editor-time
Otros
Editor de pantalla
fb:editor
fb:editor-button
fb:editor-buttonset
fb:editor-cancel
fb:editor-custom
fb:editor-date
55
Incorporado los medios de comunicacin

fb:flv
fb:iframe
fb:mp3
fb:photo
fb:silverlight
fb:swf
Dilogo
fb:dialog
fb:dialog-button
fb:dialog-content
fb:dialog-title
Permisos adicionales
fb:prompt-permission
Plugins sociales
fb:comments
fb:live-stream
Archivos adjuntos de mensajes

fb:attachment-preview
Formularios
fb:captcha
fb:submit
1.3.5.3. Legado JavaScript SDK

Si actualiza a la nueva SDK JavaScript, por favor asegrese de quitar todas las
referencias a la antigua biblioteca de JavaScript, ya que son incompatibles y har
que la aplicacin deje de funcionar. Usted puede encontrar referencias a la antigua
biblioteca de JavaScript al buscar la cadena "FeatureLoader.js.php".
FB.CanvasClient
FB.CanvasClient.add_windowSizeChan
ged
FB.CanvasClient.getCanvasInfo
FB.CanvasClient.get_timerInterval
FB.CanvasClient.remove_windowSizeC
hanged
FB.CanvasClient.setCanvasHeight
FB.CanvasClient.set_timerInterval
FB.CanvasClient.startTimerToSizeToCo
ntent
FB.CanvasClient.stopTimerToSizeToCo
ntent
FB.Connect
FB.Connect.addSignedPublicSessionDat
aToUrl
FB.Connect.createApplication
FB.Connect.forceSessionRefresh
FB.Connect.getSignedPublicSessionDat
a
56
FB.Connect.getUIServerDialogProperty
FB.Connect.get_loggedInUser
FB.Connect.get_status
FB.Connect.ifUserConnected
FB.Connect.inviteConnectUsers
FB.Connect.isUIServerEnabled
FB.Connect.logout
FB.Connect.logoutAndRedirect
FB.Connect.pollLoginStatus
FB.Connect.requireSession
FB.Connect.showAddFriendDialog
FB.Connect.showAddSectionButton
FB.Connect.showBookmarkDialog
FB.Connect.showFeedDialog
FB.Connect.showPermissionDialog
FB.Connect.showProfileTabDialog
FB.Connect.showUIServerDialog
FB.Connect.streamPublish
FB.ApiClient.pages_isFan
FB.ApiClient.photos_addTag
FB.ApiClient.photos_createAlbum
FB.ApiClient.photos_get
FB.ApiClient.photos_getAlbums
FB.ApiClient.photos_getTags
FB.ApiClient.preloadFQL_get
FB.ApiClient.requireLogin
FB.ApiClient.revokeAuthorization
FB.ApiClient.sessionIsExpired
FB.ApiClient.set_session
FB.ApiClient.stream_get
FB.ApiClient.stream_getComments
FB.ApiClient.stream_getFilters
FB.ApiClient.users_getInfo
FB.ApiClient.users_hasAppPermission
FB.ApiClient.users_isAppAdded
FB.ApiClient.users_isAppUser
FB.ApiClient.users_setStatus
FB.ApiClient
FB.ApiClient.auth_getAppPublicKey
FB.ApiClient.auth_getSignedPublicSessi
onData
FB.ApiClient.callMethod
FB.ApiClient.connect_getUnconnected
FriendsCount
FB.ApiClient.events_get
FB.ApiClient.events_getMembers
FB.ApiClient.fbml_refreshImgSrc
FB.ApiClient.fbml_refreshRefUrl
FB.ApiClient.feed_getAppFriendStories
FB.ApiClient.feed_publishUserAction
FB.ApiClient.fql_query
FB.ApiClient.friends_get
FB.ApiClient.get_apiKey
FB.ApiClient.get_session
FB.ApiClient.get_sessionWaitable
FB.ApiClient.pages_getInfo
FB.ApiClient.pages_isAdmin
FB.ApiClient.pages_isAppAdded
FB.XFBML.Host
FB.XFBML.Host.get_areElementsReady
FB.XFBML.Host.parseDomElement
FB.XFBML.Host.parseDomTree
FB.XFBML.Host.refresh
FB.XFBML.Conditions
FB.XFBML.Conditions.ifCanSee
FB.Monitor
FB.Monitor.bind
FB.Monitor.copy
FB.Monitor.disableLogging
FB.Monitor.externalCallback
FB.Monitor.forEach
FB.Monitor.logFunction
FB.Monitor.logXFBML
FB.Monitor.loggingEnabled
FB.Monitor.provide
FB.Monitor.redo
FB.Monitor.resolve
FB.Monitor.scheduleSend
FB.Monitor.send
FB.Monitor.subclass
57
FB.Monitor.wrapObject
FB.Facebook
FB.Facebook.add_initCalled
FB.Facebook.get_baseDomain
FB.Facebook.get_initialized
FB.Facebook.get_isInCanvas
FB.Facebook.get_isInConnect
FB.Facebook.get_sessionState
FB.Facebook.get_sessionWaitable
FB.Facebook.init
FB.Facebook.remove_initCalled
FB.Facebook.set_baseDomain
FB.Waitable
FB.Waitable.waitForCondition
FB.Waitable.waitForValue
FB.Waitable.waitUntilReady
FB.Waitable.add_changed
FB.Waitable.onChange
FB.Waitable.remove_changed
FB.Waitable.resetChange
FB.BatchSequencer
FB.BatchSequencer.execute
FB.PendingResult
FB.PendingResult.setPendingRes
1.4. SERVICIOS WEB

1.4.1. Estructura de un sitio web 2.0
La nueva era de las pginas web ha llegado y no pasar desapercibida. La Web 2.0
est cambiando de forma radical la forma en la que las empresas, los directores, y
los profesionales estn utilizando Internet para sus negocios. Los nuevos retos son
universales e importantes. Aqu tenis diez apuntes sobre la nueva era de la red.
La Web 2.0 (tambin conocida como Internet 2.0) no
es un software especfico ni tampoco una marca
registrada, pero en cambio se trata de una serie de
aplicaciones web que facilitan el intercambio de
informacin de forma interactiva, el uso de centros
de diseos y las colaboraciones en la www (World
Wide Web). Normalmente este trmino se asocia
58
con Dale Dougherty, vicepresidente de OReilly Media; este hecho se volvi oficial
durante la conferencia de OReilly Media en el 2004. El trmino se refiere a una
actitud sobre el compartir la informacin y los cambios que se acumulan sobre los
usos de la web. Esta aproximacin revolucionaria se basa en la Web como un tipo
de plataforma. El problema con el que an nos encontramos es el hecho que ni
Dale Dougherty ni tampoco Tim OReally (presidente de OReilly Media) han
formulado una definicin clara sobre la Web 2.0. La Web 2.0 representa la
evolucin de la www de una serie de portales estticos hacia un entorno global en
el que el software online, las aplicaciones multimedia y la conexin de banda
ancha permiten ofrecer una mayor cantidad de informacin y una interaccin ms
estrecha entre los usuarios.
En este escenario, la ausencia de una nica definicin ha contribuido a la
generacin de un debate internacional (que an hoy da existe) sobre el trmino
Web 2.0. Desde el anlisis de las afirmaciones de Tim OReilly hasta las que frece
Wikipedia y varios posts, creo que las caractersticas de la Web 2.0 pueden
resumirse en los siguientes diez apuntes que permitirn una mejor comprensin
sobre la Web 2.0:
1. La Web es una plataforma. Hemos pasado de un software instalable en
nuestros PCs a servicios de software que son accesibles online.
2. La Web es funcionalidad. La Web ayuda en la transferencia de informacin
y servicios desde pginas web.
3. La Web es simple. Facilita el uso y el acceso a los servicios web a travs de
de pantallas ms agradables y fciles de usar
4. La Web es ligera. Los modelos de desarrollo, los procesos y los modelos de
negocio se vuelven ligeros. La ligereza est asociada con la habilidad para
compartir la informacin y los servicios de forma fcil y hacerlo posible a
travs de la implementacin de intuitivos elementos modulares.
5. La Web es social. Las personas crean la Web popularizan la Web
mediante la socializacin y el movimiento gradual de los miembros del
mundo fsico hacia el mundo online.
6. La Web es un flujo. Los usuarios son vistos como co-desarrolladores, la Web
2.0 permanece en el perpetuo beta, se encontrar en el nivel de
desarrollo beta por un periodo de tiempo indefinido.
7. La Web es flexible. El software se encuentra en un nivel ms avanzando
porque este nivel permite el acceso a contenidos digitales a los que antes
no se poda llegar. Esta idea es similar a la del concepto del Long Tail, que
58
se centra en el contenido menos popular al que antes no se poda tener

acceso.
8. La Web es combinable. La expansin de cdigos para poder modificar las
aplicaciones web (como Google hace con las aplicaciones de Google Maps)
permite a los individuos, que no tienen porque ser profesionales de los
ordenadores, combinar diferentes aplicaciones para crear nuevas.
9. La Web es participativa. La Web 2.0 ha adoptado una estructura de
participacin que alientan a los usuarios mejorar la aplicacin mientras la
utilizan, en vez de mantenerla rgida y controlada.
10. La Web est en nuestras manos. El aumento de la organizacin de la
informacin enfatiza el uso amistoso de la misma a travs de los enlaces.
Gracias al fenmeno social del etiquetado cada vez es ms fcil acceder a la
informacin.
1.4.2. Configuracin de un CMS GNU

Para el desarrollos de este sitio web se ha
obtado por la utilizacin del software GNU
Joomla!, ya que este cumple con todas las
caractersticas necesarias para desarrollar la
propuesta de este proyecto.
Joomla! es un sistema de gestin de
contenidos, y entre sus principales virtudes
est la de permitir editar el contenido de un
sitio web de manera sencilla. Es una
aplicacin de cdigo abierto programada mayoritariamente en PHP bajo una
licencia GPL. Este administrador de contenidos puede trabajar en Internet o
intranets y requiere de una base de datos MySQL, as como, preferiblemente, de
un servidor HTTP Apache.
Joomla! Un sistema seguro?
En trminos objetivos, nada que est publicado en la web puede considerarse
completamente seguro. Si han violado sistemas tan complejos como el de la
Fuerza Area norteamericana, poco queda para el resto del contenido de internet.
Ahora bien, si nos plegamos a lo que la generalidad entiende como seguridad en
internet, Joomla! es uno de los escasos CMS que cuenta con la suficiente
59
participacin activa como para generar soluciones precisas en el menor tiempo

posible ante los bugs/vulnerabilidades que se vayan descubriendo.
Esto de la seguridad no es un mal exclusivo de Joomla!; otros CMS han cado bajo
el yugo de los ataques y muchas veces la solucin llega demasiado tarde.
Comenzando con Joomla!
En principio es bueno saber cmo estn organizados los distintos elementos que
intervienen en Joomla! y cmo actan para devolver los resultados esperados.
Cuando un usuario escribe o hace click en nuestra direccin web, el index.php
inmediatamente llama a la plantilla que estamos usando:
En el index de la plantilla se encuentra buena parte de la informacin de estructura

de la web, y casi toda la informacin de los estilos. No toda la estructura se
controla desde la plantilla porque sta, a su vez, llama a los elementos que el
diseador incluy con anterioridad.
Es decir, si en la plantilla se requieren mdulos, entonces aparecer el Mdulo
especfico que originalmente se encuentra en su directorio y ahora se refleja en el
sitio. Igualmente sucede con los Componentes.
60
Todo Mdulo y Componente tiene insertada su propia estructura HTML, as como

instrucciones PHP particulares para cada caso, y algunas veces hasta su propia hoja
de estilos CSS. Los Mdulos estn en el directorio /modules/ y los Componentes en
/components/. Puedes probar personalizando el Mdulo que ms te guste con tus
propias etiquetas y opciones de configuracin, ya que cada Mdulo tiene sus
parmetros en un archivo XML.
Lo anterior constituye una explicacin muy bsica (quizs haga falta otro artculo
ms tcnico y especfico al respecto), pero ahora sabes que la compleja
estructura no es tan compleja; un archivo llama a otro y todo se refleja como
HTML a la vista de tus visitantes.
1.4.3. Adaptacin de APIs desarrolladas para la Web

Las APIS que se utilizarn en este proyecto sern las descritas anteriormente en
tem 1.2.2. de los Socials Plugins, adems se podr integrar ms aplicaciones a
medida que se vayan presentando necesidades.
61
CAPTULO ll
DIAGNSTICO
2.1.
ANTECEDENTES DIAGNSTICO
El Club de Observacin Galileo fue creado ya hace ms de 15 aos, su fundador y

representante el Uflogo Jaime Rodrguez T. que es muy conocido en medios
televisivos y radiales tanto a nivel nacional como internacional con su programa
Evidencia Ovni, conjuntamente con un grupo de amigos dan los inicios a la
primera entidad dedicada a la Investigacin del Fenmeno Ovni en nuestro pas,
este club naci bajo la necesidad de tratar de abastecer conocimientos acerca de
este tema, a todos los llamados espritus inquietos (personas que se interesan en
el tema OVNI), brindndoles tambin la oportunidad de colaborar en importantes
investigaciones tanto nacionales como internacionales como por ejemplo: Tayos,
un mundo intraterrestre, rea 51: Secretos que matan, Billy Meier, la historia,
Chupacabras, mascota extraterrestre? y as una gran cantidad de evidencia y
casos por investigar que exista sobre este tema y que de una u otra manera se
necesitaba incrementar en nmero de personas para agilitar el proceso de
investigacin.
Viendo estas necesidades, se decidi conformar un grupo que los una en el
esfuerzo de investigacin para de esta manera seguir consiguiendo ms Evidencia
Ovni, y a su vez brindando la oportunidad a todas las personas interesadas en
formar parte del equipo de investigacin, aportando con su conocimiento y su
apoyo al enriquecimiento de las pruebas presentadas por este fenmeno.
Hace 3 aos atrs se lanz oficialmente el sitio web de dicha entidad con el
dominio registrado de www.clubgalileo.com; este sitio sirve para personas que se
interesaran en el tema puedan mantenerse al tanto de noticias sobre el fenmeno
OVNI y del mismo Club.
Sin embargo el Club Galileo se ha visto en la necesidad de cada vez actualizar y
mejorar su modo de comunicacin con los dems miembros y gracias a los avances
de la tecnologa y la Web 2.0, podemos decir que hoy en da las Redes Sociales
han ganado su lugar de una manera vertiginosa, convirtindose en promisorio
crecimiento de entidades o lugares de encuentros de personas que compartan las
mismas ideologas, estableciendo estas un nuevo hito dentro de la comunicacin y
expresin de opinin sobre algn tema a debatir con fines netamente de
compartir con los dems, entonces es as como el Club de Observacin Galileo ha
optado por incluir esta herramienta tecnolgica dentro de sus objetivos a futuro,
para poder conectar en una sola red a las personas que les interese el fenmeno
OVNI y los grandes enigmas de la humanidad.
62
2.2.
OBJETIVOS DE DIAGNSTICO.
2.1.1. Objetivo General

Disear e Implementar una Web 2.0 para la Red Social HUNABKU perteneciente
al Club de Observacin Galileo y su integracin a las redes sociales de Facebook y
Twitter mediante APIs utilizando software GNU.
2.1.2. Objetivos Especficos.

2.1.2.1. Investigar y recolectar informacin sobre la Web 2.0, Redes Sociales y su
accin dentro de la sociedad, en el campo de la comunicacin y tecnologa, as
como tambin sobre la APIs de autentificacin, plugins sociales y APIs grficos
correspondientes a la plataforma de Facebook y APIs Twitter.
2.1.2.2. Diagnosticar el estado actual del sistema web del Club de Observacin
Galileo, determinando la forma de cmo se han estado relacionando,
intercomunicando y organizando.
2.1.2.3. Modificar APIs de Facebook tales como de autentificacin, plugins sociales
y APIs grficos segn las necesidades del club, adems los APIs de Twitter para su
integracin en redes sociales.
2.1.2.4. Implementar APIs de Facebook que ayuden al mejoramiento de los
procesos que maneja el Club Galileo, para ayudarlos a impulsarlos mediante
herramientas de e-marketing en la web.
2.1.2.5. Disear, implementar e implantar el sistema de la Red Social HunabKu
para el sitio del Club de Observacin Galileo, aplicando los conocimientos
adquirido sobre las APIs y plataforma de Facebook.
2.1.2.6. Realizar pruebas de funcionamiento del sistema para corregir fallos y
errores que se generen en el diseo y desarrollo.
2.1.2.7. Analizar los impactos generados por el sistema de la Red Social
HunabKu, documentar el Proyecto con el procedimiento del funcionamiento y
uso de todas las APIs aplicadas, en un Informe.
2.1.2.8. Socializar los resultados del proyecto.
63
2.3.
METODOLOGA.
METODOS
Mtodo Descriptivo.
Permitir la descripcin del estado actual de los medios
de comunicacin en la escuela de Ingeniera de la PUCE-SI, para obtener un punto

de referencia en el desarrollo de la solucin informtica.
Mtodo Experimental.
Con este mtodo se proceder a modificar la realidad
actual, mediante la implementacin e implantacin del presente proyecto y

poder describir en qu forma afect y podra seguir afectando la solucin
informtica a la problemtica mencionada.
2.3.2. TCNICAS
Observacin. Nos permite conocer cul es la forma en la que se establece el
proceso de comunicacin entre los miembros del Club Galileo, que nos permite
conocer a los responsables de esta accin y los beneficiarios del mismo. Dicha
tcnica permite recabar gran cantidad de datos y por ende informacin que sern
utilizadas en el proceso del diseo e implantacin del sistema del sitio Web.
Entrevista. Mediante esta tcnica, se pretende obtener importante informacin
acerca de cmo se han venido comunicando los miembros del Club a travs de
experiencias que les han permitido comunicarse. De estas entrevistas se
recopilar informacin valiosa para deducir que opciones y soluciones sern
acogidos por el sistema a desarrollar.
Encuesta. Sin duda, la tcnica de encuesta es la ms utilizada por los
investigadores, se la realizar a los miembros del Club de Observacin Galileo
para conocer la informacin y aplicaciones que les gustara que tenga el sitio
web.
64
2.3.3. INSTRUMENTOS
Para realizar la investigacin es necesario contar con los siguientes instrumentos
de investigacin:
Hojas de recoleccin de datos.
Computador.
Dispositivos de almacenamiento como Memorias Flash o CDs.
Software y Hardware para el desarrollo de la aplicacin.
2.4 ANLISIS DE LOS RESULTADOS
OBSERVACIN.
A travs de esta tcnica se ha obtenido los siguientes resultados:
El Club de Observacin Galileo, cuenta con una persona encargada que viene ser
un Coordinador por provincia, quien difunde la informacin y contacta por va
telefnica o va e-mail a los miembros del Club. Por otro lado, los miembros del
Club, se ven en la necesidad de hacer llamadas al Coordinador o a otros
miembros del Grupo, para saber la informacin acerca de un evento o de un caso
de investigacin a tratarse.
ENTREVISTA.
Las entrevistas realizadas a los miembros del Club Galileo, arrojaron grandes
aportaciones para el desarrollo de esta aplicacin y a continuacin se detalla un
resumen de la informacin recolectada en estas entrevistas.
Medios de comunicacin. Una forma de comunicarse entre los miembros del
Club, es a travs de llamadas telefnicas, haciendo un proceso con el que el
Coordinador tiene que hacer una llamada telefnica a cada uno de los miembros,
para transmitir informacin sobre un evento o casos a investigarse, hacindose
65
repetitivo y tedioso para cada uno de los integrantes del Club haciendo que este
medio sea sumamente costoso.
Ahora se puede prestar atencin especial a la acogida que ha tenido el uso del
internet en nuestro pas y a nivel mundial, se dice que al menos cerca del 60% de
la poblacin ecuatoriana tiene acceso al Internet, siendo que muy pocas
entidades se ha dedicado a transmitir informacin por medio de esta gran
herramienta de la comunicacin actual.
Mediante el Internet con la Web 2.0 y con las herramientas: Facebook y Twitter
que se encargan de difundir algn tipo de informacin ya sea de noticias, y otros
aspectos de inters personal y un sin fin de alternativas para los usuarios y lo ms
importante es que, los costos para la publicacin de una noticia o evento son
gratuitos, y se lo hace simplemente ingresando a la pgina con la que se conoce
en forma inmediata cualquier informacin que se requiera.
Ing. Sistemas.
La tecnologa sin duda revolucion a la humanidad, con ella
todo es posible, hace unas dcadas atrs era fascinante ver pelculas de Ciencia
Ficcin en las que la gente poda volar, comunicarse a travs de complejos
dispositivos que le permita visualizar a la apersona con la que sostenan la
conversacin, complejos sistemas de seguridad y muchas otras cosas que en la
actualidad ya han dejado de ser ciencia ficcin.
Especficamente la tecnologa ha tenido gran repercusin en las comunicaciones

actualmente el Planeta cuenta con una gran cantidad de satlites, antenas y
lneas de cable interocenico que se han encargado de acortar las distancias en la
Tierra y solo hace falta retroceder 20 aos y echar un vistazo a lo que hacan
nuestros antepasados para comunicarse con cualquier familiar o conocido en
otra ciudad y a otro pas.
66
Esta generacin se dedic a la escritura, su nica forma de comunicarse era a

travs de las casi olvidadas cartas y para esa poca era lo mximo en
comunicacin, un mensaje tardaba das en llegar a su destino y das en obtener
una respuesta, hoy en la actualidad la carta ha sido reemplazada por los emails es
imposible establecer un negocio, trabajar e inclusive hacer amistades sin tener un
email.
Sin duda esta es una excelente forma de comunicarse y como es el caso de esta
investigacin el mantener informados a gran cantidad de usuarios y sin costo
alguno, muchas empresas ya han implementado servicios a travs del Internet y
la Web 2.0, como son consultas bancarias, envo de pedidos a proveedores y
cualquier servicio que requiera localizar al usuario en la mayor cantidad de sitios
en el pas.
TABULACIN Y ANLISIS DE LA INFORMACIN.

Para la recoleccin de Informacin en este proyecto de investigacin se
utilizar los mtodos o tcnicas como: Encuestas y entrevistas, a los socios
del Club Galileo ms cercano, que en este caso sera el Club Galileo
Imbabura, que se vera favorecido con este proyecto, Esta informacin ser
relevante en el desarrollo del diseo e implantacin del Sistema.
67
ENCUESTA
La encuesta realizada a 25 personas dio como resultado los siguientes datos:
1.- Usted es parte de alguna red social?
RESPUESTAS
FRECUENCIA
PORCENTAJE
SI
25
100%
NO
0%
Total
25
100%
Pregunta #1
si
no
0%
100%
Observamos que el 100% de los encuestados tiene una cuenta en una red social.
68
2.- Cul es la red social que ms usa?
RESPUESTAS
FRECUENCIA
PORCENTAJE
Facebook
21
84%
My space
16%
Hi5
16%
Twitter
14
56%
Otra
4%
Pregunta #2
4%
56%
84%
Facebook
My space
Hi 5
Twitter
16%
16%
Otra
Observamos que el porcentaje de los encuestados vara de acuerdo a la red social

que utilizan, de la siguiente manera: 84% para Facebook, 16% para My space, 16%
para Hi5, 56% para Twitter y el 4% posee otra cuenta diferente. Podemos observar
que la mayora de usuarios poseen cuenta en Facebook ya que ofrece mayor
facilidades que los otros.
69
3.- Con qu frecuencia se conecta a la red?

RESPUESTAS
FRECUENCIA
PORCENTAJE
Varias veces al da
32%
Una vez al da
16%
Varias veces a la semana
32%
Una vez a la semana
4%
Varias veces al mes
12%
Una vez al mes
4%
Total
25
100%
Pregunta #3
VVD
UVD
VVS
UVS
VVM
UVM
4%
12%
4%
32%
32%
16%
Observamos que el 32% de los encuestados se conecta varias veces al da, lo cual
es una buena opcin ya que nos muestra que los usuarios se mantienen
comunicados va internet. Adems existe el mismo porcentaje en los usuarios que
se conectan varias veces a la semana, lo cual tambin es un resultado positivo. Las
dems opciones varan de la siguiente manera: 16% una vez al da, 12% varias
veces al mes, 4% una vez a la semana y 4% una vez al mes.
70
4.- Para qu utiliza una red social?

RANGO DE IMPORTACIA
Comunicar con mis amigos
10
Tener ms informacin sobre mis amigos
Hablar de mi
10
Compartir vdeos y fotografas
Hacer anuncios polticos, apoyar causas
10
Hacer mi propia publicidad
10
Encontrar a nuevos amigos
12
Utilizar el Chat
17
Encontrar a mis antiguos amigos
FRECUENCIA
15
28
55
56
71
PORCENTAJE
7%
13%
20%
27%
33%
20
2
10
Pregunta # 4
1
7%
13%
33%
20%
27%
Como podemos apreciar en cada

una de las preguntas sobre la
utilizacin de una red social, nos
podemos dar cuenta segn su
grado de importancia, calificado
de 1 a 5, que en cada una de las
preguntas los encuestados dan
mucha prioridad a las actividades
dentro de una Red Social. Para
esto podemos decir entonces que
al 33% y 27% tiende a decir que es
muy importante, siendo un ndice
muy alto con respecto a los otros
niveles de importancia siguiente
que vienen a ser de 20%, 13% y
7%. En conclusin podemos
determinar que en la Red Social
por implementar debemos incluir
los factores expuestos.
71
5.- Cree que este tipo de espacios virtuales son tiles?
RESPUESTAS
FRECUENCIA
PORCENTAJE
SI
23
92%
NO
8%
Total
25
100%
Pregunta #5
si
no
8%
92%
Podemos observar que el 92% de los encuestados piensan que las redes sociales
son espacios virtuales tiles, que les permiten realizar diferentes actividades
sociales.
72
6.- Cree que sera de gran ayuda integrar una red social dentro de la web del
Club Galileo?
RESPUESTAS
FRECUENCIA
PORCENTAJE
SI
22
88%
NO
12%
Total
25
100%
Pregunta #6
si
no
12%
88%
Podemos observar que el 88% de los encuestados piensan que una red social
dentro de la web del Club Galileo ser de gran ayuda para el desarrollo de este.
73
7.- Una red social nos ayudara para mejorar la comunicacin entre sus
miembros?
RESPUESTAS
FRECUENCIA
PORCENTAJE
SI
22
88%
NO
12%
Total
25
100%
Pregunta #7
si
no
12%
88%
Podemos observar que el 88% de los encuestados piensan que una red social
dentro de la web del club Galileo ser de gran ayuda para la comunicacin dentro
del club.
74
8.- Una red social nos permitira planificar mejor el Club? (Distribucin de
tareas de investigacin)
RESPUESTAS
FRECUENCIA
PORCENTAJE
SI
19
76%
NO
24%
Total
25
100%
Pregunta #8
si
no
24%
76%
El resultado de esta pregunta es muy importante ya el 76% de los encuestados

piensan que la comunicacin dentro de la red social del club ser de gran ayuda
para la planificacin de las tareas de este.
75
9.- Cree que una red social nos brindar un espacio informativo y de
entretenimiento?
RESPUESTAS
FRECUENCIA
PORCENTAJE
SI
20
80%
NO
20%
Total
25
100%
Pregunta #9
si
no
20%
80%
El 80% de los encuestados piensan que la red social dentro del club Galileo podr
brindarles un espacio donde ellos puedan compartir informacin, subir videos y
comentar acerca de eso.
76
2.5
ANLISIS DE FACTIBILIDAD
El proyecto propuesto tiene como finalidad disear e implementar un sistema que

permita utilizar una red social que est asociada con Facebook y Twitter para
comunicar y difundir informacin sobre el tema, el que est inmerso el Club
Galileo, organizando a los Grupos o Personas permitindoles estar informados las
24 horas del da, mediante Streaming en vivo, comentarios, fotografas, videos,
chat, permitiendo mediante esta aplicacin mejorar el proceso de comunicacin
entre los miembros del Club Galileo a nivel nacional. De esta forma se hace
ineludible un anlisis de factibilidad: tcnica, econmica y operativa.
FACTIBILIDAD TCNICA.
El mayor problema en el envo de informacin a los miembros del Club,
eran las distancias y tiempo, puesto que en la observacin realizada
anteriormente se identific la forma en que se realiza esta accin
encontrando en ella varias falencias de las cuales se puede mencionar:
comunicacin tediosa a un grupo de personas, comunicacin tarda y en
algunos casos total desconocimiento, estas podran ser mejoradas y
corregidas mediante el desarrollo de este sistema, ya que la tecnologa
necesaria se encuentra disponible en el hogar, en la oficina, en la calle o
SmartPhones que cuenten con Internet.
FACTIBILIDAD ECONMICA
Puesto que el presente proyecto est basado en un desarrollo con
herramientas de libre distribucin permite disminuir drsticamente el costo
de las licencias para el desarrollo a $0.00 dlares.
77
FACTIBILIDAD OPERATIVA.
Concluyendo este anlisis de factibilidad observamos que el beneficio
obtenido con el desarrollo de este sistema, abarca a todas las personas que
conforman el Club Galileo e nivel nacional y a personas que se interesen en
el tema OVNI a nivel internacional.
La facilidad en la comunicacin e informacin en la red en la que se
desenvuelve la informacin, hace que llegue al usuario o miembro del Club
cualquier propuesta de un importante avance de investigacin o de algn
tema de manera inmediata.
2.6
ANLISIS FODA
El anlisis mostrado a continuacin est basado en el aspecto de comunicacin

entre las personas que componen la los miembros deI Club Galileo.
ANLISIS INTERNO DEL CLUB GALILEO.
Fortalezas
Debilidades
Personas capacitadas y con experiencia.
Personas
con
emprendimiento
Recopilacin
de
buen
material
de
Falta de Comunicacin con el resto de

clubes a nivel nacional.
de
investigacin.
Medios de comunicacin muy limitantes

para el envo de informacin.
investigacin.
Buena amistad entre sus miembros.
Tabla 6: Anlisis FODA, Fortalezas Debilidades.

Fuente: Neptal Mena C.
78
ANLISIS EXTERNO DEL CLUB GALILEO

Oportunidades
Amenazas
Inters de la ciudadana por conocer ms
Limitacin en la asignacin de recursos para
sobre el Club Galileo.
la publicacin de eventos.
Nuevos conocimientos sobre casos de
Falta de propuesta para innovar los medios
investigacin en el mbito nacional e
de comunicacin actuales.
internacional.
Creacin de nuevos grupos y clubes a

nivel nacional e internacional.
Tabla 7: Anlisis FODA, Oportunidades Amenazas.

79
ESTRATEGIAS FA, FO, DO, DA

En la siguiente matriz propondremos algunas estrategias para mejorar las
fortalezas, aprovechar las oportunidades, disminuir las amenazas y mejorar las
debilidades en el proceso de comunicacin del Club Galileo.
AMENAZAS
F
O
R
T
A
L
E
Z
A
S
D
E
B
I
L
I
D
A
D
E
S
Buscar patrocinadores que

contribuyan en la difusin masiva
de eventos organizados por el Club
Galileo.
Utilizar los servicios actuales que
proveen las empresas de
comunicaciones para desarrollar
sistemas que permitan su utilizacin
de una manera eficiente.
Fortalecer los medios de

comunicacin entre todas las
personas que conforman el Club
Galileo.
OPORTUNIDADES
Socializar a la comunidad los proyectos
de investigacin que realizan los
miembros del Club Galileo.
Involucrar a los socios en tecnologas
para que usen aplicaciones que
mejoren la calidad de los procesos de
comunicacin con el resto de
miembros del Club.
Elaborar nuevas propuestas en el

desarrollo de aplicaciones para mejorar
la comunicacin entre los socios del
Club Galileo.
Tabla 8: Estrategias FA, FO, DA, DO.

80
2.7
INTERPRETACIN DEL DIAGNSTICO
Este diagnostico de los actuales medios de comunicacin que enfrenta el Club de

Observacin Galileo, ante la propuesta analizada, se ha podido establecer las
principales ventajas del sistema.
El sistema es de fcil uso ya que la tecnologa no es un limitante

tanto en la existencia como en el costo.
100% de aceptacin por parte de los miembros del Club.
En vista de esto, se ha llegado a la conclusin que la creacin de la Red Social

HUNABKU que propone este trabajo, es muy importante para el desarrollo del
Club Galileo y para sus miembros. Tambin cabe recalcar que el sistema gozar
de mejores ventajas en la comunicacin dentro de las personas que integran el
Club Galileo o de cualquier institucin o persona que decida implementar el
proyecto en la misma escala.
81
CAPTULO lll
PROPUESTA
3.1. INTRODUCCIN.
Como ya conocemos las redes son formas de interaccin social, definida como un
intercambio dinmico entre personas, grupos e instituciones en contextos de
complejidad. Un sistema abierto y en construccin permanente que involucra a
conjuntos que se identifican en las mismas necesidades y problemticas y que se
organizan para potenciar sus recursos.
Una sociedad fragmentada en minoras aisladas, discriminadas, que ha
desvitalizado sus redes vinculares, con ciudadanos carentes de protagonismo en
procesos transformadores, se condena a una democracia restringida. La
intervencin en red es un intento reflexivo y organizador de esas interacciones e
intercambios, donde el sujeto se funda a s mismo diferencindose de otros,
dentro de una plataforma web 2.0 y unindose a otras redes como en este caso
Facebook mediante APIs de integracin las cuales nos benefician para poder
ejecutar una aplicacin especfica en si por ejemplo nos permite conectar nuestro
sitio web a la plataforma de Facebook, medir el trfico de la web o en si del mismo
club, crear aplicaciones para uso de e-marketing, crear encuestas, unir el sistema
a otras redes sociales, envo de alerta de mensajes, aplicacin de calendario de
eventos, envo de datos, en si hay una infinidad de aplicaciones que se pueden ir
implementando a medida que se vayan presentando las necesidades del sitio y del
club.
3.2. PLATAFORMA.
Para el diseo y desarrollo de este sistema es necesario:
3.2.1. Hardware
El sistema propuesto posee:
a) 1 computadora porttil.
b) 1 modem para internet.
c) 1 servidor de hosting.
El hosting segn el anlisis costo beneficio
d) Un dominio web.
82
La cantidad de dispositivos puede variar segn las necesidades de los

usuarios finales.
3.2.2. Software.
Como sistema de desarrollo software se ha utilizado una plataforma Windows 7
con las siguientes caractersticas y programas:
Sistema Operativo :
Windows 7
Browser
Mozilla Firefox v4.0
CMS
Joomla v1.5.22
Plataforma Social
JomSocial v2.0.2
MySQL 3.23.x o superior
JFBConnect Facebook
10
RDBMS
Plugin conexin
Administradores de :
BDD
phpMyAdmin Data Base Manager versin 2.10.

MySQL Administrator 1.1.9,
MySQL Query Browser 1. 1.20.
Desarrollo
JavaScript 11SDK de Facebook.
IDE
JavaScript 12Test Console de Facebook
FTP
Filezilla
Editor PHP y Html :
Dreamweaver CS4
Caractersticas del software del servidor

Para el uso de la pgina del proyecto, se determin soluciones tcnicas para el
desarrollo del sitio web, se puede decir que se necesita contratar un servicio de
hosting con las siguientes caractersticas:
Sistema Operativo Linux
10
RDBMS. Relational Data Base Manager System (Sistema Manejador de Base de Datos).
JavaScript SDK. El SDK de cdigo JavaScript que permite acceder a todas las funciones de la API de grficos
y cuadros de dilogo a travs de JavaScript. Se proporciona un conjunto completo de funcionalidades de
cliente para la autenticacin y la representacin de las versiones XFBML de nuestros plugins sociales.
12
JavaScript Test Console. Una manera sencilla de aprender, probar y depurar el SDK de JavaScript.
Tambin incluye un gran nmero de ejemplos de trabajo.
11
83
Como sabemos un sistema operativo en Linux es un sistema operativo el cual no es

atacado con virus a diferencia de los sistemas de Windows.
Sistema de administracin de servidor con cPanel
cPanel entrega un gran nivel de control al usuario individual, mientras se mantiene
la seguridad. Aunque el administrador de sistema puede desactivar cualquier
caracterstica para cada cliente en cualquier momento, el usuario puede usar
cualquier elemento que se encuentre disponible.
SSH Access - cPanel tiene integrado un applet Java que permite una
conexin directa con el servidor va SSH. Se encuentra desactivado en la
mayora de los sitios debido a que es un riesgo a la seguridad del servidor.
Crontab - cPanel provee una interfaz para el manejo de las listas de tareas.
OpenPGP Support
CGI Scripts -Autoinstala varios scripts para cualquier sitio webPermite Bloquear el acceso a direcciones IP especficas
Aunque hay otros Control Panel, cPanel se distingue por su facilidad para
realizar respaldos completos o parciales (algunos proveedores de host no
dan derechos para restaurar respaldos )
Se puede administrar correo, estadsticas, subdominios,
Espacio en disco de 4GB

Se requiere un espacio en disco de 4GB para el uso de manejo de archivos y el sitio
mismo. Es mucho mejor tener un espacio grande para preveer cualquier necesidad
a futuro ya que el manejo de contenidos ir en incremento a diario.
Espacio de transferencia mensual de 4GB
Segn el sitio clubgalileo.com y basndonos en un estudio estadstico de la
afluencia y el trfico diario de visitas es de entre 250 a 1000 personas diarias, llega
a consumirse mensualmente un ancho de banda de 4GB mensuales.
Al tratarse de un proyecto de tal magnitud basndonos en las estadsticas
anteriores, se determin que se requiere un trfico minimo de 4GB que estos
abasteceran todos los requerimientos de subida y bajada de datos y manejo de
archivos en el sitio para el proyecto.
84
Sistema con PHP

Se requiere un sistema con soporte PHP ya que es un sistema flexible y de
programacin avanzada, aparte de que es un sistema GNU compatible con
gestores de administracin de archivos.
Sistema MySQL
Es un sistema compatible e ideal para trabajar con PHP, porque de cierta forma
tambin es un sistema de base de datos GNU.
Sistema servidor de Correos
Se requiere que tenga la opcin de crear, editar o eliminar correos para el manejo
de los recursos para el proyecto y para esto debera darnos las opciones de crear
algunas cuentas, para cada uno de los usuarios y miembros del proyecto, con la
extensin del dominio que se establezca.
Base de Datos
Tener la opcin de crear algunas bases de datos hemos puesto como mnimo 5 ya
que dos obligatoriamente se requieren para la creacin de la pgina web y las
otras tres por si se requiere en la creacin de futuras aplicaciones que necesiten
un almacenamiento en la base de datos.
Subdominios
Se requiere tener esta opcin porque se manejara internamente los subdominios
para accesos directos con subnombres del dominio principal, para acceso o
reconocimiento rpido de links sea para el usuario o el sistema.
Cuentas FTP
Se requiere cuentas de FTP para el manejo de archivos internos o para el uso de las
personas responsables que se pondrn a cargo del sitio para la administracin del
mismo va FTP.
Dominio
El dominio puede ir registrado segn se determine el nombre y la extensin que
corresponden al sitio en vivo, para esto la empresa debe estar presta a que
cualquier tipo de dominio sea este .net, .com, .edu, .ec se pueda registrarlo.
85
3.3. DESCRIPCIN DEL SISTEMA.
Figura 28. Fases del Sistema de la Red Social HunabKu
86
3.3.1. Sitio Web.

El sitio web www.clubgalileo.com es un sitio web desarrollado con software GNU,
este se encuentra disponible en la web gracias a un servidor Linux, cuya
administracin se la realiza directamente desde el servidor a travs del software
para administracin de sitios llamado C-Panel que contiene sistemas integrados de
administracin de Bases de datos en MySQL, administrador de Correos,
administrador de dominios, administrador de archivos y muchas utilidades ms, es
decir este servidor dedica sus operaciones explcitamente para un buen
funcionamiento de una web 2.0.
Una de las ideas de cmo se conectara nuestro sistema y a todas las aplicaciones
generadas por los APIs de integracin es como se muestra en la Figura 29.
Figura 29. Sistema de relacin entre el usuario, sitio web, APIs, Facebook dentro de toda la Red Social
HunabKu
Bsicamente siguiendo el esquema y teniendo en claro lo explicado anteriormente,

podemos empezar explicando cmo sera el funcionamiento de nuestro sistema,
es decir las iteraciones que tendr un usuario dentro de la Red Social HunabKu
87
creada especficamente para el Club de Observacin Galileo, as como lo

explicamos en la Figura 28.
Primero necesitamos que un Usuario se conecte a nuestra red Social conformada
por muchos usuarios, para eso el Usuario deber ingresar con sus datos en la web
2.0, es decir en la pgina del Club Galileo, y en caso no tenerlos deber registrarse
en un formulario de registro.
3.3.2. Usuarios.
Despus de haber ingresado al sistema de la pgina web, el Usuario ya puede
ingresar a la Red Social HunabKu y conectar sus datos con su cuenta personal de
Facebook a nuestra red Social, mediante los APIs de integracin, es decir un
usuario ya registrado puede entrar directamente a nuestra Red Social, con su login
personal de su cuenta de Facebook. Para esto hay que considerar que el usuario
puede ingresar con sus datos y todo lo que publique o comente en nuestra red o la
de Facebook aparecer en las dos. Es decir muchas aplicaciones y usos que tiene
en su cuenta de Facebook podrn sincronizarla con nuestra Red Social.
Ahora se tiene que dejar en claro que la Red Social contar con usos y aplicaciones
con opciones para poder subir videos, fotografas, y compartirlos con dems
amigos, sea de su cuenta dentro de nuestro sitio o de su cuenta de Facebook, abra
de igual manera un muro donde deje o le dejen comentarios, un espacio para un
blog, un chat similar al que tiene cualquier otra red social, y algunas aplicaciones
ms que cada usuario puede tener la posibilidad de instalar si lo desea, sobre todo
integrar a otras aplicaciones dentro del mismo sitio de la pgina de
www.clubgalileo.com.
3.3.3. APIs de Integracin.

El sitio web puede conectarse, por ejemplo, a Facebook mediante estas APIs las
cuales son pequeos mdulos programables con funcionalidades especficas, que
tienen las plataformas de Facebook, Twitter, y otras ms.
3.3.4. Plataforma de Facebook.

Este es un campo muy amplio en el cual nos concentraremos mucho ya que es de
suma utilidad para el desarrollo de este sistema, porque Facebook aparte de solo
ser una red social nos brinda toda una plataforma en varios lenguajes de
programacin que son muy desconocidos por usuarios comunes y nosotros como
futuros Ingenieros en Sistemas deberamos explotar estas nuevas tendencias de la
tecnologa.
88
3.4. DISEO DEL SOFTWARE.

3.4.1. Diseo e Implementacin de la Red Social HunabKu
Para el diseo, desarrollo e implementacin del sistema de la Red Social
Hunabku, se dividir esta seccin en dos puntos importantes:
Instalacin e implementacin del 13CMS 14Joomla!, que es la herramienta y
plataforma base para el desarrollo del sitio web 2.0
Implementacin del Sistema JomSocial, que esta abarca toda la estructura y
plataforma de la Red Social Hunabku.
3.4.1.1. Instalacin e implementacin de Joomla!

Primeramente antes de empezar tenemos que conocer las caractersticas que
necesita Joomla! para su funcionamiento y son las siguientes:
PHP 4.2.x o superior - http://www.php.net
MySQL 3.23.x o superior - http://www.mysql.com
Apache 1.13.19 o superior - http://www.apache.org
Adems debe comprobar que el mdulo PHP tenga instalado el soporte para
MySQL, XML y Zlib. Joomla! puede utilizarse con los principales navegadores web,
incluyendo: Firefox, Internet Explorer (versin 5.5+) y Netscape. Estos navegadores
se aprovechan de la interfaz Administrativa de Joomla!.
Ahora teniendo en cuenta los requisitos previos seguimos los siguientes pasos para
la configuracin e implementacin del CSM Joomla!.
Paso 1 - Obtener la plataforma de Joomla!

Primeramente ingresamos al sitio web http://www.joomlaspanish.org y los
archivos principales de la distribucin de Joomla! A descargarse pueden ser:
Pack de Joomla! Spanish (en espaol)
Pack de Joomla! Global (en ingls)
13
CMS. Es un sistema de software para ordenador que permite organizar y facilitar la creacin de
documentos y otros contenidos de un modo cooperativo. Con frecuencia, un CMS es una aplicacin web
usada para gestionar sitios web y contenidos web.
14
Joomla!. Es un Sistema de Gestin de Contenidos (CMS) reconocido mundialmente, que le ayuda a
construir sitios web y otras aplicaciones en lnea potentes. Lo mejor de todo, es que Joomla! es una solucin
de cdigo abierto y est disponible libremente para cualquiera que desee utilizarlo.
89
Los archivos se encuentran en un paquete comprimido (zip o tar), por lo que

necesitar una utilidad para descomprimir el paquete ya sea localmente o en el
servidor.
Paso 2 - Instalacin de Joomla en un servidor remoto

La instalacin de Joomla! en un servidor remoto depende en gran parte de las
posibilidades que proporcione su servicio de hosting y de su prctica con las tareas
de acceso al servidor. No obstante, el procedimiento habitual implica
simplemente:
Extraemos el archivo de Joomla! en el directorio remoto, en este caso en
/public_html
Subir los archivos al servidor por FTP (Protocolo de Transferencia de Archivos),
colocndolos directamente en la raz del sitio o en un subdirectorio. Para esto
existen muchos programas FTP gratuitos disponibles como Filezilla.
90
Paso 3 - Instalacin va Navegador

Si es su primera instalacin de Joomla!, verifique que su servicio de hosting cumple
los requisitos de sistema sealados previamente. Suponiendo que dispone de un
servidor Apache, un mdulo PHP y una Base de Datos MySQL, podr continuar la
instalacin de Joomla!.
Una vez haya terminado de transferidos los archivos y las carpetas, vamos a la
pgina de inicio, http://www.clubgalileo.com. Ahora debera ver la pgina de PreInstalacin generada por Joomla!, para escoger el idioma de instalacin y le
damos siguiente.
Paso 4 - Pgina de Pre-Instalacin

Si todo est correctamente, y todava no ve la pgina de pre-instalacin,
intentamos introduciendo: http://www.clubgalileo.com/installation/index.php.
ste es el enlace directo a la pgina de instalacin. Si an no se muestra o ve una
gran cantidad de errores, probablemente no disponga de un servidor
Apache/MySQL/PHP.
91
La pgina de Pre-instalacin tiene tres partes:

La primera parte verifica que su sistema cumple los requisitos para ejecutar
Joomla!:
La segunda parte verifica la versin que est instalando. Pulse el botn Comprobar
la versin para conocer si existe una nueva versin de Joomla!:
La tercera parte es una verificacin de seguridad relacionada con las directivas

register global y RG_Emulation del archivo globals.php, verifica si los ajustes PHP
estn configurados correctamente en trminos de compatibilidad y los Permisos
de los Directorios y los Archivos.
La siguiente pgina mostrar la licencia de Joomla!.
Si est de acuerdo con los trminos de la licencia pulse el botn Siguiente.
92
La siguiente pgina configura la base de datos MySQL, que es el Paso 1 del proceso
de instalacin.
El Nombre del Host de la base de datos depende del modo en que su proveedor de
hosting haya configurado MySQL. El nombre ser localhost, si la base de datos
est instalada en el mismo servidor que el sitio web.
No obstante, en ocasiones, cuando el servidor de la web no se utiliza como
servidor de la base de datos, necesitar contactar con su proveedor para conocer
los datos de la base de datos. Un ejemplo sera: mysql.sudominio.com o similar.
Habitualmente, los proveedores de hosting le permiten configurar su propio
Nombre de Usuario, Contrasea y Nombre de Base de Datos mediante un Panel de
Control (phpMyAdmin). De nuevo, si tiene alguna duda consulte con su proveedor
para obtener ms informacin.
El siguiente paso es configurar la capa FTP, no es obligatorio se lo puede hacer ms
tarde en configuracin del sistema, por el momento le damos siguiente.
93
La siguiente pagina es simplemente una pgina en la que debe introducir el

nombre de su sitio web, el correo electrnico y la contrasea del administrador.
En este paso se le permite borrar y hacer una copia de seguridad de las tablas
existentes en la base de datos seleccionada. Tambin puede instalar los Datos de
Ejemplo, que le servirn de ayuda para aprender a manejar Joomla! (si es su
primera instalacin le recomendamos que seleccione esta casilla).
Tambin nos da la opcin de migracin de una base de datos sea de la versin 1.0
de Joomla! o versin 1.5.
El ltimo paso es seguir el indicativo el cual nos dice que eliminemos el directorio
installation de la carpeta del sitio.
Por motivos de seguridad se pedir que borre la carpeta de instalacin, y luego

refrescar la pgina. Hasta que realice esto, Joomla! no funcionar (no podr
acceder ni al Sitio ni al panel de control del Administrador)
94
Se presentan dos botones que le llevan al Sitio Joomla! o al Administrador. Si es su

primera instalacin pulse el botn Ver Sitio.
Una vez terminado el diseo y la configuracin de Joomla nos quedar algo como
la siguiente estructura.
Todos estos pasos hemos detallado nos sirven para tener una nocin como se
compone Joomla! y las soluciones que nos est brindando para implementacin de
este proyecto de la creacin de la red social.
95
3.4.1.2 Instalacin e implementacin del Sistema JomSocial

Las redes sociales son increblemente divertidas para establecer y ampliar las
relaciones en lnea y la red dentro de una comunidad.
JomSocial hace ms fcil instalar redes sociales en su sitio hecho en Joomla!. Se
puede habilitar la creacin de redes sociales para colaborar con su comunidad con
las caractersticas tales como la actividad de los muros, siendo a la vez flexible sus
plantillas de diseo, galera de fotos, vdeos, grupos, gestin de eventos, gestin
de grfico social, personalizar el perfil de mensajera privado, la integracin
externa de la red social y muchos ms. JomSocial hace parte superior del software
de cdigo abierto de redes sociales.
Requisitos del sistema

Joomla Requisitos
JomSocial requiere Joomla 1.5.16 y superiores. Debido a razones de seguridad, le
recomendamos que utilice la ltima versin de Joomla! 1.5. No se admite la
instalacin en mayor liberacin de Joomla.
Requisitos del servidor

PHP Requisito
Versin de PHP 5.2.6 y superior
"Upload_max_filesize" debe ser 3M o superior
Extensin PHP requeridos
librera GD (al menos v1.8 con libjpeg)
Curl coleccin
Zip
Opcional (pero muy recomendable) Extensiones de PHP
ImageMagick (permitir el procesamiento rpido de la imagen)
Funciones requeridas PHP
fsockopen
exec
PHP requisito de memoria
JomSocial est desarrollado para funcionar adecuadamente en el sistema con slo
16 MB de memoria asignada a PHP. De hecho, todo nuestro sistema de desarrollo
96
tienen su lmite de memoria de PHP establece en slo 16Mb y trabajamos duro

para asegurarnos de que nunca romper el lmite de 16Mb.
Dicho esto, cualquier aplicacin que funcione bien con ms memoria. Se
recomienda reservar al menos 64 MB de memoria de PHP. Las siguiente tareas
consumen mucha memoria.
cambiar el tamao de avatar subido usuario
cualquier cambio de tamao de las fotos subidas por el usuario
la conversin de videos subidos a Flash. swf
Binarios del sistema necesarios

FFMPEG - Responsable de la conversin de videos en formato flv
FLVTOOL2 (Opcional) - Se utiliza para la inyeccin de metadatos de vdeo
Flash
MySQL
MySQL 4.1 o superior es necesario.
JomSocial no se ha probado en un sistema con MySQL 4.0 o inferior.
Desactivar safe_mode y openbase_dir
Algunos proveedores de hosting tienen modo de openbase_dir y seguro activado.
Para que la subida de fotos (con el apoyo de ImageMagick), la conversin de vdeo
y soporte de Amazon S3 para el trabajo, usted tiene que desactivar. Si el hosting
permite reemplazar la configuracin del Apache, es necesario reemplazar la
configuracin del host virtual.
1.<span
onmouseover="_tipon(this)"
onmouseout="_tipoff()"><span
class="google-src-text"
style="direction:
ltr;
text-align:
left">php_admin_flag
safe_mode
off</span>
php_admin_flag
safe_mode
off</span>
2.<span
style="direction:
ltr;
text-align:
left">php_admin_value open_basedir none<directory></span> php_admin_value
<directorio> open_basedir ninguno</span>
Si su servicio de hosting permite. Htaccess, busque el archivo. Htaccess en el

directorio raz de Joomla y aadir estas lneas en l.
1.<span
style="direction:
ltr;
text-align:
left">php_admin_flag
safe_mode
off</span>
php_admin_flag
safe_mode
off</span>
97
2.<span
style="direction:
ltr;
text-align:
left">php_admin_value
open_basedir
none</span>
php_admin_value
open_basedir ninguno</span>
Cmo comprobar los requisitos?

Se puede comprobar la mayora de los requisitos anteriores yendo en Joomla a
Ayuda> Informacin del sistema> Sistema de Informacin y ficha de informacin
de PHP.
Instalacin JomSocial
Control de la instalacin
JomSocial se ejecutar en la mayora de entornos de alojamiento web estndar.
Para instalar JomSocial, necesita
Joomla! 1.5.16 o superior

PHP 5.2.4 y anteriores
MySQL 4.1 y superiores
MySQL 4.0 (no probado)
PHP GD extensin
mnimo de 32Mb de memoria reservada para PHP.
/ Components / carpeta com_community no debe ser utilizado por otro
componente
La siguiente carpeta necesidad de tener permiso de escritura
o / Tmp
98
/ Componentes
o / Plugins
o / Lengua /
o / Images /
o / Plugins / sistema
o / Administrator / components
max_execution_time PHP ideal debe ser de 60 (segundos) o ms.
o
Instalacin del componente

La instalacin de Jomsocial es bastante simple, slo se tiene que instalar el archivo
del componente principal del instalador. Siga estos pasos y tendrs Jom social
instalado en poco tiempo.
1. Por favor, ingresamos a nuestro Acceso a la administracin de Joomla!.
2. Ir a Ayuda> Informacin del sistema> Directorio de permiso y nos aseguramos

que todos los directorios listados no son modificables por Joomla.
99
3. Proceda a Extensiones> Instalar / Desinstalar. Al subir el paquete de archivos,

buscamos e instalamos la versin com_community_pro
4. Sremos recibidos con el panel de instalacin:

JomSocial es un componente de red social para Joomla! Gracias por elegir
JomSocial, por favor haga clic en el botn siguiente para completar la instalacin.
Pulsamos 'Completar la instalacin ".
5. JomSocial har un chequeo del sistema para ver si su PHP y configuraciones de

servidor son compatibles con JomSocial.
100
6. Pulsamos Siguiente. JomSocial entonces utilizar un procedimiento de instalacin

avanzada para evitar cualquier lado del servidor PHP mximo de errores en tiempo
de ejecucin. Una vez que la barra de progreso automtico alcanza el paso 10, le
dar la bienvenida con:
7. Pulsamos Siguiente, y ya temenos instalado el paquete de JomSocial.
8. Podemos tener la primera vista del Panel de control de JomSocial.
Desde este panel podemos configurar y administrar todo lo que sera la red social
Hunabku.
101
Instalacin de mdulos
Podemos instalar los mdulos JomSocial a travs del panel de instalacin global de
Joomla!.
A continuacin, haga clic en el botn "Examinar" y busque el instalador que usted

acaba de descargar y haga clic en "Abrir e instalar" botn. Si la instalacin se
realiza correctamente, debera haber un mensaje que indica que la instalacin del
mdulo completado con xito.
Configuracin de aplicaciones y plugins
Qu es una aplicacin JomSocial?
Se trata esencialmente de un Joomla plugin que se adapta para el uso JomSocial.
Por lo tanto, se puede instalar a travs de la zona del panel de instalacin global de
Joomla!, al igual como explicamos anteriormente sobre los mdulos. De forma
predeterminada, plg_wall y plg_deleteuser se instalan junto con JomSocial. Pero se
puede definir en uno de estos tipos detallamos a continuacin:
1. Aplicaciones independientes JomSocial (Perfil-plugin)
2. Componente integrador de aplicaciones JomSocial (Perfil-plugin)
3. JomSocial Basado en plugins para Joomla (Joomla Plugin)
Perfil Plugin
Se lo llama un perfil-plugin a la aplicacin JomSocial que es una aplicacin
autnoma y de integracin de componentes, como son las que se muestra en la
pgina de perfil de un usuario una vez que est activado.
102
JomSocial aplicaciones independientes Estas aplicaciones se pueden ejecutar por

su cuenta sin necesidad de ningn partido componentes de terceros. Un ejemplo
de estas aplicaciones es plg_friendslocation y plg_feeds.
JomSocial componente integrador de aplicaciones Con el fin de integrar mejor
JomSocial con otros componentes de Joomla, tenemos que instalar las aplicaciones
que sirven de puente entre JomSocial y el otro componente. Ejemplos de ello son
plg_jomcomment, plg_myblog, plg_eventlist, plg_kunena. Los componentes reales
no se suministran con el paquete JomSocial, sino que hay que integrarlos
descargndolos aparte. .
Joomla Plugin
JomSocial Basado en plugins para Joomla Estos son regulares plugins Joomla que
tiene por objeto ayudar a JomSocial en determinadas funciones dentro del sistema
Joomla.
Configuracin
Dependiendo de cada aplicacin/plugin, que se puede o no puede ser configurable

por el usuario desde la interfaz. Como administrador, puede establecer algn
plugin para formar parte de 'Core', que significa que ser activado de forma
automtica sin intervencin del usuario.
Slo tienes que ir a Joomla Plugin Manager> Seleccione la aplicacin / plugin>
configurarlo como ncleo. Tambin puede cambiar el nombre en esta pgina.
103
Plugins
plg_allvideo
Tipo: Aplicacin Integrador
Requisito: cURL, Allvideo plugin.
plg_allvideo le permite hacer uso
de AllVideo plugin de etiquetas
dentro de sus paredes. Sin
embargo, ya no es necesaria en la ltima versin JomSocial como plg_wall ahora
detecta automticamente cualquier vnculo de intercambio de videos y analizar en
consecuencia para mostrar el video.
plg_eventlist
Requisito: componente Eventlist
plg_eventlist permite a los
usuarios mostrar su ltima actividad Eventlist dentro del perfil JomSocial. No se
puede configurar en la interfaz.
EventList es precisamente eso lo que el nombre que llevara a esperar. No es un
calendario, sino una manera fcil de gestionar y presentar sus eventos para su
grupo, empresa o comunidad.
plg_feeds
Tipo: Aplicacin independiente
Requisito: CURL, RSS o una url.
plg_feed le permite a su usuario a
mostrar sus elegidos de alimentacin dentro de un perfil JomSocial. Es
configurable a travs de la interfaz, lo que le permite enviar la URL del feed y el
recuento de artculo.
104
plg_friendslocation
Tipo: Comunidad autnoma de aplicaciones
Requisito: cURL, Google Map API Key
muestra plg_friendslocation amigo de un
usuario en un lugar fresco mapa de Google.
Para utilizar esta funcionalidad, usted tendr
que adquirir la clave API de Google en:
http://code.google.com/apis/maps
Posteriormente vaya a Plugin Manager

amigos de ubicacin> y enviar la clave de la
API. Se debe definir tres campos obligatorios dentro de sus campos de perfil
personalizado para permitir que GoogleMaps para localizar la posicin del usuario.
Los campos son de Ciudad Cdigo de campo, ciudad y pas Cdigo de campo
Cdigo de campo.
plg_groups
Requisito: ninguno
Este plugin mostrar una lista de todos los grupos que un usuario en particular se
ha unido. No puede ser necesaria en algunos JomSocial plantillas como esta
caracterstica ya se poda construir-en.
plg_invite
Requisito: ninguno
Permite al sistema de captura de una
invitacin Identificacin del enlace de
invitacin que se envi la invitacin y se
almacenan en la base de datos despus de que el registro de nuevos usuarios se ha
completado.
105
plg_jomcomment
Requisito: JomComment, un sistema
de comentarios AJAX avanzadas.
En el sitio utilizamos JomComment como un sistema de comentarios de sus
artculos y nos permite mostrar los comentarios del usuario especfico dentro de
su perfil junto con un enlace al artculo relacionado.
plg_latestphoto
Requisito: ninguno
Este es un plugin para mostrar las fotos de un usuario en su perfil.
plg_myarticles
Requisito: ninguno
Este plugin permite mostrar artculos del
usuario presentndolos dentro de su perfil.
plg_twitter
Requisito: cURL, cuenta de Twitter.
Permite a los propietarios del perfil mostrar sus mensajes de
Twitter.
106
plg_walls
Requisito: ninguno
Plg_walls sirve para que los usuarios dejen un mensaje en su perfil.
plg_myphpbb
Requisito: PHPBB.
Rokbridge.
Si puente utilizando rokbridge se crear otra
carpeta para usted donde almacena todos los
archivos necesarios para el puente a las obras.
en mi caso la carpeta se llama "foro", ese es el
camino del puente.
Mientras que la ruta de acceso de
configuracin es la ruta de acceso si la carpeta
donde los archivos de phpBB es la tienda y en
mi caso yo lo llamo "phpBB3".
plg_jomsocialconnect
Requisito: ninguno
Aadir espacio de nombres en el facebook de su sitio para IE6 otra cosa que su
sitio no funcionar correctamente si Facebook Connect es habilitar (Slo aplicable
a Internet Explorer 6).
Mdulos
mod_activegroups
mod_hellome
mod_onlineusers
mod_activitystream
mod_latestdiscussion
mod_statistics
107
Configuracin bsica de JomSocial

Para configurar JomSocial se puede acceder desde el Back-end de administrador
del sitio de Joomla. Tenemos que acceder al componente JomSocial y hacemos clic
en el enlace "Configuracin global". A continuacin se muestra una lista de las
configuraciones que est disponible y una breve descripcin de lo que cada
configuracin lo hace.
1. Inicio Ttulo: Ttulo de Inicio le permite tener un ttulo personalizado en el

navegador de la pgina principal de Hunabku.
2. los ltimos miembros de Inicio: Usted puede configurar el nmero X de los
miembros recientes se muestren en la pgina principal de Hunabku.
Caractersticas
108
Diseo
Privacidad
Multimedia
109
Habilitar Vdeos: Activar o desactivar la funcionalidad de vdeos en JomSocial.

Habilitar subir vdeos: Activa o desactiva la funcin de subir vdeos en JomSocial.
Eliminar vdeos originales: Si est activado, videos originales se borran una vez los
vdeos se convierten a los formatos adecuados.
Ruta de acceso a los vdeos subidos: Establecer la ruta de acceso donde se
almacenan los vdeos.
mximo tamao de subida de vdeo: Ajuste el tamao mximo de vdeo subido
permitido en Megabytes (MB)
Camino FFMPEG: Establecer la ruta de acceso absoluta a binario FFMPEG. Si el
binario que no se encuentra, JomSocial no ser capaz de convertir videos en. En
formato flv.
FLVTool2 Ruta: Establecer la ruta absoluta al FLVTool2 binario para que las
inyecciones de metadatos de vdeo flash.
Video Cuantizador Escala: Seleccione la calidad de vdeo de una escala de 1
(excelente) a 31 (peor). 5, 9 y 11 se recomiendan ajustes.
Tamao Vdeos: Ajuste el tamao de fotograma de vdeo en formato de altura x
anchura.
Comando personalizado: Especifique comandos adicionales para FFMPEG
(usuarios avanzados)
Facebook Connect
API clave: Establezca la clave de API que se proporciona por Facebook.

Aplicacin Secreto: Establecer la clave secreta que se proporciona por Facebook.
Nota: A fin de que Facebook Connect para que funcione correctamente, tanto
estas claves deber ser ajustado correctamente.
110
Facebook Connect importaciones
Importar perfil de facebook en firmar por primera vez: Si se habilita esta opcin
se asegurar de que el perfil de los usuarios se importan de Facebook. No todos la
informacin del perfil se importan, ya que hay algunas restricciones que impone
Facebook.
Aade marcas de agua en Facebook avatar: Esta opcin permite importar
imgenes de perfil de Facebook para tener una pequea marca de agua en la parte
inferior derecha de las imgenes.
Automticamente volver a importar el perfil de usuario al iniciar sesin: Al
habilitar esta se asegurar de que el perfil de los usuarios importar cada vez que el
signo de los usuarios a travs de Facebook Connect.
Importar automticamente el usuario avatar nuevo al iniciar sesin: Habilitar
esto har que el perfil de imagen de usuario que se importen de Facebook cada
vez que el usuario se de a travs de Facebook Connect.
Actualizar el estado del usuario: Al activar esta opcin permitir a los usuarios de
estado que se importen de Facebook cada usuario se Faceboook tiempo a travs
de Connect.
Creacin de un perfil personalizado
Para crear un campo nuevo perfil personalizado, slo la cabeza a la parte de atrs
de tu sitio Joomla! sitio y el acceso JomSocial. A continuacin, acceder a los
"perfiles personalizados" seccin. Haga clic en el "nuevo campo" y una pantalla
entonces emergente de la siguiente manera.
111
Hay un par de tipos de campo que usted puede elegir. A continuacin se presentan
la lista de campos y su funcionalidad.
Tipo
Grupos: - Los grupos son simplemente un grupo que contiene los campos
personalizados.
Cuadro de texto: - Cuadro de texto son cuadros de texto que puede constar de
cualquier valor alfanumrico.
Seleccin mltiple: - seleccin mltiple
Casilla de verificacin: - Casilla de verificacin
rea de texto: - Una caja de texto
Botones de radio: - Un botn de radio
Seleccione: - Seleccione listado
Fecha: - tipo de fecha que permite al usuario especificar los valores de fecha
112
3.4.2. Creacin y Conexin Facebook APIs.

3.4.2.1. Construyendo nuestras Aplicaciones.
Facebook Connect
Facebook Connect es un sistema que permitir a cualquier usuario con cuenta de
Facebook a unirse al sitio con facilidad, con tan slo un clic. Reduce al visitante la
molestia de registrar a otro sitio y volviendo a crear otro nombre de usuario y
contrasea. Con este sistema, su sitio puede verificar la identidad de su visitante y
registro en su sitio fcilmente.
Facebook Connect en la Red Social Hunabku le permite a los usuarios que ya
tienen una cuenta en Facebook, conectar su cuenta de Facebook y la informacin
con el sitio del Club Galileo con un inicio de sesin nico, proceso que no requiere
al usuario a recordar la informacin de mltiples cuentas.
Para configurar Facebook Connect, primero tendr que crear una nueva aplicacin
de Facebook mediante el acceso a http://www.facebook.com/developers/
En la parte superior derecha, debe haber un botn llamado "Configuracin de una
nueva aplicacin '
Dle a su solicitud de un nombre. Este nombre aparecer como sus aplicaciones y

que no se limitan a utilizar cualquier nombre. Usted tendr que leer a travs de
Facebook Condiciones del servicio antes de aceptarla.
A continuacin, copie la "clave de API" y "API SECRETO" y gurdelo en su Facebook

Connect de configuracin en la parte trasera del JomSocial.
113
Establecer la URL a su sitio principal para la configuracin de autenticacin.

La opcin Conectar URL debe estar en la URL de su sitio. En este ejemplo, usamos
http://www.clubgalileo.com
Establezca la configuracin de Facebook Connect nica a su sitio.
Si desea configurar otras opciones, como cambiar el logotipo de la aplicacin,

puede hacerlo en la pestaa de base.
114
La instalacin de JFBConnect es igual que otros componentes de Joomla.

Simplemente vamos a "Extensiones-> Instalar / Desinstalar" del men en el rea
de administracin. Utilizamos la opcin "Cargar paquete Archivo", seleccione el
archivo zip que ha descargado y haga clic en "Subir archivo & Instalar".
Luego vemos una ventana de salida similar a la de abajo tras la instalacin con
xito:
El proceso de instalacin instala el componente, 3 plugins necesarios, plug-in

opcional de 1 y el mdulo de entrada. Para ello, acceda a la seccin de
administracin de su sitio y vamos a "Administrador de extensiones-> Plugin".
Habilitar el "Autenticacin - JFBConnect Facebook" plug-in
Habilitar el "Sistema - JFBCSystem" plug-in
Habilitar el "Usuario - JFBConnect Facebook" plug-in
115
Facebook configuracin de la aplicacin

A continuacin, vamos al JFBConnect rea de configuracin de JFBConnect, en
"Componentes -> JFBConnect". Hacemos clic en la pestaa "Configuracin" y luego
clic en la pestaa "Facebook API".
Aadir la identificacin de la aplicacin, API Key y clave secreta en sus respectivos

campos de entrada.
Facebook depuracin Configuracin
Los ajustes siguientes estn disponibles para la depuracin o casos especiales.
Normalmente, estos se debe establecer en No.
Mostrar API de errores en aplicaciones para el usuario: API de errores de

Facebook, se puede producir por varias razones, incluyendo el acceso a
"privado" los datos del usuario, enviar mensajes repetidos de un usuario al
muro, etc. El valor recomendado para instalacin es "No". Los errores del
API se muestran siempre para el rea de administracin "backend",
independientemente de esta configuracin.
Deshabilitar la certificacin SSL de Validacin: Si se recibe un "problema de

certificacin SSL, compruebe que el certificado CA est bien." de error,
habilite esta opcin. certificados SSL. El servidor raz no estn actualizados y
tener esta opcin activada pasar por alto la comprobacin de validacin.
Tambin debe contactar a su anfitrin para actualizar sus certificados raz.
Configuracin de usuario:
JFBConnect se puede utilizar en una instalacin estndar de Joomla para permitir
el registro rpido y fcil, o en complemento con el componente JomSocial,
Hacemos clic en la pestaa "Configuracin de usuario" para configurar esta opcin.
116
Creacin de usuario:
Full User Joomla - cuando los nuevos usuarios a registrarse en el sitio, que
se presentar con "Quick Registro" la pgina le pide su nombre de usuario,
contrasea y direccin de correo electrnico. Una vez introducido, tendr
un nombre de usuario Joomla totalmente funcional que puede utilizar para
acceder al sitio o que puedan regresar y acceder utilizando el botn azul de
Facebook Connect.
Facebook solo para el Usuario Sirve para los nuevos usuarios registrarse
en su sitio, es decir, un nombre de usuario ser automticamente asignado
a ellos, con su direccin de correo electrnico y nombre completo ser
importado de Facebook. En otro caso solo podr ingresar utilizando el
botn Conectar Facebook. Todas las funciones dentro de Joomla y 3ros
componentes llevar a cabo el mismo de forma normal (que ser tratado
como "registro de los usuarios). Esta opcin es una gran manera para que
el acceso de usuarios al sitio con un mnimo de molestias.
En ambos casos, como tenemos JomSocial activado, el perfil del usuario

automticamente se importarn en el perfil correspondiente (tal como est
configurado).
Vincular automticamente usuario de Facebook Correo electrnico:
Al habilitar esta opcin se conectar automticamente un nuevo usuario de
Facebook a un usuario existente en su sitio Joomla, si coincide sus direcciones de
correo electrnico. Esto es ideal para sitios con mucho de los actuales usuarios de
Joomla para hacer la adicin de Facebook Connect un proceso fcil.
Si la direccin de correo electrnico ya est en uso en el sistema, un campo de
direccin de correo electrnico en blanco se muestra para que el usuario ingrese
manualmente una direccin de correo electrnico nuevo, sin importar el correo
electrnico de campo sobre la configuracin de registro. Si el usuario intenta
117
entrar en la direccin de correo electrnico tomada, un error se mostrar al

usuario que introduzca una nueva direccin de correo electrnico vlida.
Correo electrnico de campo sobre el registro:
Al Seleccinar 'Ocultar' para esta configuracin se ajustar automticamente el
correo electrnico del nuevo usuario a su direccin de correo electrnico de
Facebook, o direccin de correo electrnico proxy si no se permite su acceso al
sitio de su permiso de correo electrnico real. Si se establece en 'Mostrar', un
campo de correo electrnico aparecer en el formulario de inscripcin,
rellenndolo con su direccin de Facebook. Esto slo se aplica cuando el ajuste de
la creacin del usuario se establece en "Full User Joomla", por lo tanto, esta opcin
se oculta en el backend cuando "Facebook solo para el Usuario" es seleccionado.
Esta configuracin permite un control adicional para el usuario de activacin. Si ha
habilitado la activacin del nuevo usuario en Joomla (en el rea de configuracin
global), para que pase aqu se activar automticamente todos los nuevos usuarios
de Facebook. Si se establece en No, entonces el ajuste de activacin del usuario en
la configuracin global se utilizar para todos los nuevos usuarios de Facebook. Se
recomienda habilitar esta opcin, porque las direcciones de los usuarios de
Facebook de correo electrnico se ha verificado ya.
FBConnect ofrece diversas opciones para configurar el comportamiento cuando un
usuario inicia sesin en o fuera de uso de Facebook Connect en su pgina.
Hacemos clic en "Iniciar sesin / Cerrar sesin Redirecciones" ficha para configurar
estas opciones.
118
Facebook Configuracin de la redireccin de inicio de sesin

Nueva redireccin del usuario:
Seleccione la opcin de men de la pgina que los usuarios iniciar sesin a travs
de Facebook Connect por primera vez debe ser redireccionado. La totalidad de las
redirecciones de inicio de sesin se establece a travs de la redireccin del usuario.
Habilitar Volviendo redireccin del usuario:
Si est desactivado, cuando un usuario vuelve a su sitio y se conecta a travs de
JFBConnect, permanecern en la misma pgina. Cuando est activada, el elemento
de men seleccionado a continuacin sern utilizados para redirigir al usuario al
iniciar sesin.
Volviendo la redireccin del usuario:
Al habilitar la redireccin del usuario por encima de ajuste de regreso es activado,
ste es el lugar donde se redirige a los usuarios al iniciar sesin.
Facebook configuracin Login
Auto usuarios de Facebook inicio de sesin:
Cuando est activado, si un usuario vuelve a su sitio web que ha iniciado la sesin
en Facebook y ya ha conectado que cuenta de Facebook a tu sitio Joomla, que
automticamente se registrar pulgadas
Desconectarse de automticamente de Joomla:
Establezca esta opcin para especificar si un usuario conectado se cerrar la sesin
de ambas Joomla y Facebook o simplemente Joomla slo cuando deciden salir de
su sitio.
Nota: Hay tener en cuenta que con las dos configuraciones activado
accidentalmente puede impedir que los usuarios cerrar la sesin. Por lo tanto, no
le permiten hacer esto en el backend y se mostrar una ventana emergente que
describe el ajuste que se utiliza si usted trata de permitir a ambos.
119
Configuracin de la redireccin de Facebook Desconectarse

Habilitar la redireccin de cierre de sesin:
Si est desactivado, cuando un usuario cierra la sesin de su sitio, que
permanecer en la misma pgina. Cuando est activada, el elemento de men
seleccionado a continuacin sern utilizados para redirigir al usuario al salir.
Cerrar sesin de redireccin:
Cuando la opcin Habilitar la redireccin de regulacin por encima del cierre de
sesin est habilitado, este es el lugar donde el usuario ser redirigido a al salir.
Configuracin de permisos
Se utiliza la ficha Configuracin de permisos para seleccionar los permisos que se

requieren Facebook, o facultativo, de entrada.
Establecer permisos requeridos como se le solicitar al usuario la primera vez que
intentes registrarte en su sitio. Si se redujo, el usuario no podr registrarse. Si se
concede, que ser capaz de registrar y no se han de conceder los permisos en el
futuro.
Establecer permisos que no es necesario, se solicitar cuando sea necesario por
JFBConnect en una ventana de permisos independientes.
Tambin puede especificar los permisos adicionales requeridos por los usuarios.
Normalmente, puede dejar este campo en blanco, pero si desea personalizar este,
proporcione una lista separada por comas de los permisos en la casilla
correspondiente. JFBConnect solicitar estos permisos adems de los otros
permisos seleccionados en esta pantalla.
120
Situacin / Muro de Configuracin
Habilitar actualizaciones de estado:

Al habilitar esta opcin intentar enviar un mensaje a la pared del usuario en el
registro inicial o inicios de sesin posteriores a su sitio. Usted puede especificar un
mensaje de estado, vnculo y la imagen de cada actualizacin.
Los mensajes de estado sern enviados a la pared del usuario cuando el registro y /
o entrada ocurrir. Si el mensaje se deja en blanco, la pared no ser actualizada.
JFBConnect pgina general de administracin
Ahora regresa a la "Informacin general" ficha de JFBConnect, debera ver una
pgina similar a la de abajo. En la seccin de arriba a la izquierda, usted debe
consultar a su nombre de la aplicacin, la URL del sitio, sitio de dominio y el
logotipo de la aplicacin segn lo establecido en el rea de desarrolladores de
Facebook. Esta informacin se extrae de Facebook y slo se puede configurar all
(no dentro de JFBConnect).
En la parte superior derecha, vers algunas bsicos Insights Facebook (anlisis) de
datos sobre su aplicacin y los usuarios, incluyendo cuntos estn conectados a su
sitio, y cuntos estn activos en una lnea de tiempo diario, semanal y mensual.
Para obtener informacin ms detallada, utilice la "Visita Insights Facebook"
enlace.
En la seccin central, puedes encontrar informacin sobre las extensiones
relacionadas con JFBConnect.
Todas las extensiones necesarias a la izquierda debe tener una marca de

verificacin verde al lado de ellos. Si no, por favor, que puedan en el plug-in
o el gestor de mdulos y / o corregir los errores de otros que se especifican.
Los plugins sociales son mdulos opcionales o plugins que es posible que
desee utilizar en su sitio. Estas extensiones se pueden descargar en la
seccin "Gestionar suscripciones".
121
Disponible en plugins de integracin de terceros. Si la integracin es

activado, una marca verde ser el prximo a la tercera componente del
partido. Si no es as y que el deseo de integrarse en este sistema, por favor,
habilite el plugin adecuado en el Administrador de complementos.
Perfiles de la Seccin
JFBConnect se integra con los componentes terceros de la comunidad para rellenar
automticamente los datos de perfil de Facebook en estos sistemas.
Al tener componentes terceros instalados, es decir en nuestro caso JomSocial, y
deseamos importar de forma automtica la informacin de perfil de Facebook en
sus cuentas de nuevos usuarios. En caso contrario, proceder al siguiente paso.
1) En primer lugar, vaya a la zona Plugin yendo al "Gestor de Extensiones-> Plugin".
Tendr que instalar y habilitar el jfbcprofiles plugins deseados:
Habilitar "JFBConnect - Perfiles - JomSocial" para JomSocial
2) A continuacin, vaya a la JFBConnect rea de perfiles, vaya a "Componentes->

JFBConnect-Perfiles> ya continuacin, hacer clic en la parte tercera componente
del nombre que desee (. Usted tendr que configurar la integracin en cada uno
de los perfiles" de la nota etiquetas.: Slo permiti plugins jfbcprofiles se mostrar
en la pgina de perfiles.)
122
Usted ver una pgina similar a la de abajo, aunque los campos en la parte inferior
probablemente ser diferente.
Opciones de integracin
Siempre Importacin de datos de perfil: Se establece en "S" para importar

'avatares usuarios y los datos de campo cada vez que entrar Si se establece
en "No" a la importacin slo se producir en el registro.
Avatar de importacin: Se establece en "S" de forma automtica a la

importacin de usuarios de Facebook avatar en el perfil del usuario tercera
parte.
Asignacin de campos
JFBConnect le permite asignar los campos de perfil de Facebook en algunos
campos por defecto en o cualquier rea de texto, campo de texto o campo de
fecha que ha creado dentro de JomSocial. La columna de la izquierda muestra
todos los campos disponibles tercera parte a la que usted puede importar
automticamente los datos de perfil de Facebook en. A la derecha, utilice la lista
desplegable para seleccionar el perfil de Facebook de datos de campo que desea
trado a la tercera parte de campo.
Cuando termine, haga clic en "Aplicar cambios" y proceder al siguiente paso.
La ficha UserMap es una manera para que usted pueda ver cmo los usuarios de
Joomla se asignan a Facebook en su sitio. El "Joomla usuario" columna mostrar el
nombre de los usuarios de Joomla con un enlace a la zona del Administrador de
usuarios para ese usuario. El "Facebook Usuario" columna muestra el ID de
usuarios nicos de Facebook con un enlace al perfil de Facebook puede ver
pblicamente.
123
Trabajando con APIs de Facebook

A las APIs de Facebook se la puede ir integrando mediante mdulos o plugins de
terceros, o a su vez tambin se los puede ir programando en mdulos individuales
dentro de Joomla gracias a su plataforma que nos brinda la oportunidad de crear
mdulos personalizados
Los APIs que hemos considerado dentro de este proyecto son los de los Plugins
Sociales de Facebook, los cuales mediante un proceso de programacin sencilla se
lo pueden ir generando mediante la pgina de http://developers.facebook.com y
algunos de ellos tambin estn disponibles dentro del paquete de JFBConnect y
son
las
siguientes: JFBCLike,
JFBCComments,
JFBCFan,
JFBCFeed,
JFBCRecommendations, JFBCFriends, JFBCLiveStream, JFBCLogin, JFBCInvite.
Para habilitar los mdulos, el acceso al rea de administracin de su sitio y vaya a
"Administrador de extensiones-> Mdulo". A continuacin, habilitar el mdulo
correspondiente. A continuacin, configurar los parmetros del mdulo para
personalizar la vista y el comportamiento del mdulo.
Facebook Like Button (Botn Me Gusta)
Al igual que el botn permite al usuario compartir su contenido con los amigos en
Facebook. Cuando el usuario hace clic en el botn igual que en su sitio, una
historia aparece en los amigos del usuario de Noticias con un enlace a su sitio web.
Cuando la pgina Web representa una entidad del mundo real, las cosas como
pelculas, equipos deportivos, celebridades y restaurantes, utilizan el protocolo
abierto de grficos para especificar informacin sobre la entidad. Si se incluyen
estas etiquetas en su pgina web, la pgina se convierte en equivalente a una
pgina de Facebook. Esto significa que cuando un usuario hace clic en un botn
igual que en la pgina, se realiza una conexin entre su pgina y el usuario. Su
pgina aparecer en el "gustos e intereses" de perfil del usuario, y tiene la
capacidad de publicar actualizaciones para el usuario. Su pgina aparecer en los
mismos lugares que las pginas de Facebook aparecen alrededor del sitio
(bsqueda, por ejemplo), y se puede orientar los anuncios a las personas que les
gusta su contenido.
124
Facebook Comments
Comentarios Box es un bien
social plugin que permite al
usuario comentar en su sitio.
Las caractersticas incluyen
las
herramientas
de
moderacin
y
de
distribucin.
Relevancia social: Comentarios Box utiliza seales sociales a la superficie de los
comentarios ms alta calidad para cada usuario. Los comentarios estn ordenados
a mostrar a los usuarios de los comentarios ms relevantes de los amigos, amigos
de amigos, y los hilos de discusin ms le gustaba o activo, mientras que los
comentarios marcados como spam se ocultan de la vista.
Distribucin: Los comentarios se puede compartir fcilmente con amigos o con
gente que le gusta de su pgina en Facebook. Si un usuario sale de la "Publicar en
Facebook" casilla marcada cuando se publica un comentario, una historia aparece
en noticias de sus amigos de alimentacin que indica que ella ha hecho un
comentario en su sitio web, que tambin se unir de nuevo a su sitio.
Amigos y gente que le gusta la pgina a continuacin, puede responder a la
discusin por gusto o en respuesta a la observacin directa en el News Feed en
Facebook o en la casilla de comentarios en su sitio. Temas permanecer en
sincronizacin a travs de Facebook y en la casilla de comentarios en su sitio,
independientemente de dnde se hizo la observacin.
Live Stream
La Transmisin en vivo plugin permite a los
usuarios que visitan su sitio o aplicacin
comparten la actividad y los comentarios en
tiempo real. Vivo funciona mejor cuando se
ejecuta un evento en tiempo real, como video
streaming en vivo de conciertos, discursos, o
emisiones por Internet, los chats en vivo,
seminarios, juegos masivos multijugador.
125
Facebook Fan
Al igual que la Caja permite a los usuarios como su pgina
de Facebook y ver su flujo directamente desde su pgina
web.
Feed
La actividad de alimentacin plug-in muestra a los usuarios lo que
sus amigos estn haciendo en su sitio a travs de gustos y
comentarios.
Fcebook Connect y Login

El botn de inicio de sesin muestra imgenes de perfil de los
amigos del usuario que ya han firmado para su sitio Web,
adems de un botn de inicio de sesin. (Cuando se conect,
un botn de cierre de sesin puede ser opcionalmente se
muestra).

El equipo de desarrollo de Facebook ha lanzado una nueva pgina de referencia de
FBML. Esta pgina contiene un amplio listado con todos los tags FBML, sus
parmetros y ejemplos de uso.
Hasta hace poco podamos encontrar esta referencia en el Wiki para
Desarrolladores de Facebook, pero ahora la nueva pgina de referencia tiene un
aire mucho ms corporativo.
Si se quiere desarrollar cualquier aplicacin de Facebook para canvas o para
pestaas esta referencia es absolutamente imprescindible.
FBML le permite construir aplicaciones de Facebook que en el acusado integrar la
experiencia del usuario de Facebook. Dentro de JavaScript para utilizar el uso
FBML, FBJS.
126
Herramientas
Usuario / Grupos
Notificaciones y Solicitudes
Plataforma de Internacionalizacin
Desaprobado
Los mensajes de estado
Pgina de Navegacin
Muro
Visibilidad sobre el perfil
Especfico para cada perfil

Otros
Mostrar Editor
Los medios incorporados
De dilogo
Los permisos adicionales
Sociales Plugins
Mensaje adjuntos
Formularios
En si podemos decir que FBML es una combinacin de elementos especficos de

Facebook (etiquetas) y un subconjunto de Elementos de HTML que son apropiados
para uso en el entorno Facebook.
Cuando el servidor de Facebook procesos FBML (que puede ser enviado como un
parmetro de muchas de las llamadas API de Facebook), que procesa el marcado y
muestra la salida en HTML para la representacin en un navegador.
Se puede dividir FBML en seis tipos principales de elementos:
Marcadores de posicin de campo de Facebook: Varios elementos se utilizan
como marcadores de posicin para mostrar los datos relacionados con Facebook.
Por ejemplo, la etiqueta de fb:name se utiliza para llamada del nombre de un
usuario especifico:
<fb:name uid="loggedinuser" useyou="false" capitalize="true"/>
Elementos condicionales de programacin: FBML contiene varios elementos

utiliza para agregar lgica condicional a su cdigo. Consideremos, por ejemplo,
fb:if-can-see. Nos permite adaptar el contenido en funcin en el nivel de
permisos del usuario conectado. He aqu cmo usted puede mostrar diferentes
contenidos en funcin de la capacidad del usuario para ver otra usuario en el
muro.
<fb:if-can-see uid="585166905" what="wall">
<p> Te gusta escribir en la pared? </p>
<fb:else>
<p> Qu quieres hacer? </p>
</fb:else>
</fb:if-can-see>
127
Elementos de Presentacin: Un tercer grupo de elementos se utiliza para la

presentacin de texto y contenidos de los medios. El elemento de fb:photo, por
ejemplo, muestra una Facebook fotos en funcin de su identificacin con foto:
<fb:if-can-see-photo pid=2856699047694594570>
<fb:photo pid=2856699047694594570/>
</fb:if-can-see-photo>
Widgets Facebook: Un cuarto grupo de elementos se utiliza para insertar un

familiar Facebook elemento UI, como un muro de la Junta, o el tablero de
instrumentos. El uso de estos elementos, usted puede tomar ventaja de estos
elementos de interfaz de usuario de Facebook sin necesidad de cdigo y formato
de usted mismo. Por ejemplo, si desea mostrar un muro en su aplicacin, puede
utilizar el elemento de fb:wall:
<fb:wall>
<fb:wallpost uid=loggedinuser>Felicitaciones :)</fb:wallpost>
</fb:wall>
Elementos generales de marcado: El quinto grupo de etiquetas expone una gran

variedad de la funcionalidad general de la Plataforma de Facebook que se necesita
para el desarrollo de aplicaciones robustas. Las etiquetas de fb:error, por ejemplo,
se utiliza para mostrar un mensaje de error Facebook:
<fb:error>
<fb:message>Application Error</fb:message>
<p> Algo raro que acaba de pasar a nuestra aplicacin. No tenemos idea de
cmo esto sucedido.</p>
</fb:error>
Subconjunto de elementos HTML: Para que no olvidemos HTML, FBML tambin

incluye un subconjunto de los elementos HTML que se puede trabajar con el
interior del medio ambiente.
Utilizando Facebook Query Language (FQL)
FQL tiene una serie de funciones similares a las del SQL de toda la vida.
Las enumero aqu:
now(): Devuelve la hora actual.

rand(): Genera un nmero aleatorio, sirve tambin para para ordenar los
resultados de manera aleatoria.
strlen(string): Devuelve la longitud de una cadena de texto.
concat(string, ): Une cadenas de texto.
substr(string, start, length): Obtiene una cadena de texto una subcadena.
128
strpos(haystack, needle): Devuelve la posicin de una cadena de texto

determinada. Si no encuentra nada devuelve un -1.
lower(string): Convierte la cadena de texto a minsculas.
upper(string): Convierte la cadena de texto a maysculas.
strip_tags(field): Quita las marcas de HTML.
Son pocas funciones, pero son tiles.
Scripts con Facebook JavaScript

Cuando cargamos el SDK de Javascript por defecto los mensajes del mismo vienen
en ingls, de tal manera que si creamos un botn de Me gusta aparecer como I
like.
Se puede configurar el idioma del SDK cargando un fichero de javascript distinto,
hay uno por cada idioma.
Les pongo un ejemplo, os pongo en primer lugar el cdigo que viene en todos los
tutoriales que carga el SDK en ingls americano:
<div id=fb-root></div>
<script src=http://connect.facebook.net/en_US/all.js></script>
Debemos cambiarlo por este si lo queremos en espaol:

<div id=fb-root></div>
<script src=http://connect.facebook.net/es_ES/all.js></script>
El listado de todos los idiomas disponibles y sus cdigos est en un fichero XML
que Facebook actualiza cada vez que agrega un idioma.
Asi existen un signumero de posibilidades para llamar a funciones JavaScript de
Facebook.
129
CONSTRUYENDO APIS CON FACEBOOK DEVELOPERS TOOLS

Desarrollo de Pginas para Facebook
Comencemos definiendo unos conceptos:
Pestaa/Opcin men: zona o apartado en nuestra pgina en Facebook

que podemos personalizar para una mejor experiencia de usuario.
FBML: digamos que es una especie de pseudo-html en el que se incluyen
algunas etiquetas propias de Facebook con el que podemos personalizar
esas pestaas de nuestra pgina de empresa en Facebook.
iFrame: en sntesis es un marco o ventana dentro de una pgina web que
permite cargar en su interior otra pgina completa.
Aplicacin Facebook: es una herramienta que puedes instalar y utilizar en
Facebook. Por ejemplo los famosos juegos como la granja o aplicaciones
como RSS Graffiti.
En definitiva el cambio propuesto por Facebook lo podemos traducir como pasar

de tener pestaas limitadas por el FBML, a tener pestaas preparadas para cargar
una pgina web en su interior, permitiendo javascript, flash, etc. S, vas a poder
meter tu cdigo de Analytics.
La idea es crear una pgina web con el cdigo FBML de la pestaa que queremos
migrar y subirlo a nuestro servidor, para posteriormente cargar esta pgina en una
pestaa a travs de una aplicacin de Facebook.
Para la primera parte te puedes descargar este archivo quitarle la extensin .txt y
sustituir el cdigo indicado por el de tu pestaa.
130
Matiz importante sobre los tamaos: Para el alto de la pestaa de la fan page no
hay problema. La cuestin est en el ancho. Si bien es cierto que el ancho mximo
de una aplicacin en facebook es de 760px, al meter esa aplicacin en una
pestaa, este ancho se reduce a 520px como mximo como se puede ver en
http://developers.facebook.com/docs/guides/canvas/
Pero, cmo hacemos una pestaa con iframe? Sigue los siguientes pasos:
1. Creamos una aplicacin de Facebook
Para crear una pestaa con iframe, Facebook nos

obliga a hacerlo a travs de una aplicacin. Para crear una aplicacin nos dirigimos
a la direccin http://facebook.com/developers Si es la primera vez que entras, te
pedir permiso para acceder a tu informacin bsica. Hacemos clic en el botn de
Crear una nueva aplicacin y especificamos el nombre de esta aplicacin.
Confirmamos las condiciones y le damos al botn Create App.
Y ya la tenemos creada. Vamos a por el siguiente paso?
2. Configuramos la aplicacin
Ahora tenemos que configurar dicha aplicacin para decirle qu pagina web vamos
a cargar dentro de esta. De las (seis) opciones que nos aparecen en la parte
izquierda seleccionamos la que pone Sitio Web. Y el campo que tenemos que
rellenar es:
131
Site URL donde le especificaremos la direccin de nuestra pgina que

queremos cargar en la pestaa. Ojo, hay que tener en cuenta lo siguiente,
slo debes especificar el directorio donde est el index.html que has creado
anteriormente. El resto de opciones las dejamos como estn.
La siguiente opcin a tratar es la de Integracin con Facebook. Aqu debemos

indicar dentro del grupo Canvas los siguientes campos:
Pgina de trabajo o Canvas Page es la url de nuestra aplicacin.

Especificamos un nombre para ella (mx. 20 caracteres y sin maysculas),
Canvas URL aqu ponemos la misma url que escribimos en el paso
anterior. El resto de los campos de este grupo los dejamos como tal.
Ahora dentro de esta misma opcin, en la parte inferior donde el grupo Page
Tabs, debemos especificar:
Nombre de la pestaa Indicar el nombre que queremos que tenga la

pestaa (mx 16 caracteres).
Pestaa URL donde escribiremos el archivo web que queremos incluir en
la pestaa iframe. En este caso ponemos index.php
132
3. Aadir la aplicacin a la pgina
En esta pantalla, donde aparecen todos los datos de la aplicacin que acabas de
crear, tienes una opcin para ir al perfil de la aplicacin, desde donde podrs
aadir esta a tu pgina. Todas las aplicaciones tienen un perfil con su muro, etc.
133
4. Configurar la aplicacin en la pgina.
Una vez aadida la aplicacin a nuestra pgina de fans, damos click en Agregar
esta aplicacin a nuestra pgina que tenemos instalada, agregamos y tenemos
como resultado de la llamada a nuestra pgina en nuestro sitio.
134
Creacin de Contenidos para Pginas de Perfil

Para aplicaciones que trabajen en conjunto con facebook, por ejemplo twitter, nos
redirigimos por ejemplo a la pgina de http://apps.facebook.com/twitter/ y
configuramos segn nuestras necesidades.
Por otro lado con el FBML podemos crear nuestra propia pgina dentro de
facebook la cual nos ayuda a potenciar y hacer llegar ms informacin a ms
personas. Como por ejemplo el que mostramos en nuestro sitio de HUNABKU.
135
3.4.3. Datos del Servidor y Web.

Los datos entre el servidor y el sitio web funciona perfectamente, gracias a la
estructura en la que funciona el servidor, es decir, se tiene un servidor bajo Linux
con administracin de C-PANEL, el sitio web trabaja perfectamente con Joomla y el
componente de JomSocial.
En otra instancia, gracias a las libreras de la plataforma de facebook que corren en

nuestro servidor, nos permiten tener todas las aplicaciones y datos de facebook
bien conectados.
136
3.4.4. Usuarios Finales.

Detallamos los roles que pueden tener los Usuarios dentro del sistema:
Muro personal con opcines para insertar aplicaciones como de Twitter,
Google Maps, Youtube, etc.
Sistema de Correos.
Listas de amigos
lbumes de fotos
137
Integracin a Grupos
Anuncios a Eventos
Videos
Chat
Participacin con activa en la pgina de facebook.
138
3.5.
PRUEBAS DEL SISTEMA.
Una vez terminada la implementacin de Sistema continuamos con las pruebas

para verificar su correcto funcionamiento, estas pruebas se basan en los casos de
uso que realizaron anteriormente.
Las pruebas de la plataforma sern conocidas como Casos de Prueba cada una
tendr instancias dependiendo de las pruebas que se requiera.
Conexin Red Social/Facebook va APIs.
Descripcin.
Este caso de prueba est dirigido al caso de uso 1 y contiene un conjunto de
pruebas para verificar su correcto planteamiento y codificacin, las cuales se
mencionan a continuacin:
Peticin a la API de Facebook a travs del mtodo Autentication.
Solicitud se usuario nuevo o existente.
139
Registro de datos.
Importacin de datos de facebook
Comprobacin de perfil de Usuario
Dar un me gusta para formar parte de la API Grfica.
140
Comprobacin de participacin de la API Grfica en el sitio de

facebook.
Comprobacin
de
la
API
Grfica
en
el
sitio
del
www.clubgalileo.com
Condiciones de Ejecucin.
-
Haber realizado todos los pasos a cabalidad en el sitio web

de www.clubgalileo.com o www.facebook.com . Indicada en
la instancia 3.5.1.
Entrada.
-
Colocar en los casilleros de necesarios las credenciales del

usuario solicitante de forma correcta.
Participar con un Me Gusta en cualquiera de la parte de

las APIs Grficas de facebook.
141
Resultados Esperados.
-
El servidor WEB almacena los datos del nuevo usuario que

ya puede participar en el sitio web de Club Galileo.
Se suma y se toma en cuenta al usuario dentro de la

plataforma de facebook para comunicacin y envo de
informacin.
Evaluacin de la Prueba.
La prueba se realiz con xito obteniendo los resultados esperados,
prueba realizada y satisfactoria.
142
CAPTULO IV
ANLISIS DE IMPACTOS
En este captulo se analiza e identifica los impactos y efectos que produce el
presente proyecto sobre determinados entornos, por ello se debe tomar en
consideracin los distintos componentes que conforman dichos medios.
Por tratarse de un proyecto de Software Especfico, se ha establecido una muestra

de poblacin para desarrollar este anlisis que comprende al Club de Observacin
Galileo, de la Provincia de Imbabura.
La evaluacin de estos impactos se realizar mediante la utilizacin de la matriz de

Impactos, cuya escala es la que se detalla a continuacin:
1 a 3 positivo (+) si es favorable.
1 a 3 negativo (-) si es desfavorable.
0 si es Indiferente.
Dicho todo esto los impactos pueden ser:
4.1
IMPACTO TECNOLGICO.
Optimizacin de recursos tecnolgicos.
Sistematizacin de procesos en la comunicacin.
Uso de las Redes Sociales como facilitador estratgico.
Referente a los grupos de investigacin del Pas.
143
Poblacin posiblemente Afectada
Cantidad
estimada
Miembros del Club de Observacin Galileo
960
Coordinadores del Club Galileo
24
Pblico general interesado
ilimitado
TOTAL ESTIMADO ENTRE MIEMBROS Y
984
COORDINADORES
Tabla 1: Tabla de la Poblacin Afectada Impacto Tecnolgico.

4.1.1 EVALUACIN DEL IMPACTO TECNLOGICO.

Indicador
-3
-2
-1
Tecnologa de
X
vanguardia
Reutilizacin de
Recursos.
Desarrollo de Software
Base.
Flexibilidad
X
TOTAL
144
SUMATORIA:
NI =
2,75
= 3
Nivel de impacto Tecnolgico: Positivo.
4.1.2 ANLISIS:
El resultado obtenido en la matriz anterior es positivo, esto indica que el
proyecto incentiva el desarrollo de software orientado a automatizar los
procesos de comunicacin de los miembros del Club, en este caso a travs
de la Red Social HUNABKU y las Redes Sociales de Facebook y Twitter.
La reutilizacin de recursos es satisfactoria ya que no hace falta adquirir

ningn tipo de tecnologa para su implantacin, de igual forma parte del
software resultante se convierte en cdigo reutilizable lo que se conoce
como software base, esto es producto del paradigma de la Programacin
Orientada a Objetos, la reutilizacin de cdigo gracias a la plataforma de
Facebook.
En cuanto a la flexibilidad est en el rango es media positiva, esto es debido

a que la plataforma de implementacin es de Software GNU, que es
accesible para cualquier persona que quiera hacer de su uso, en sistemas
Linux, Mac o Windows, pero existe el inconveniente que
debido a la
plataforma de desarrollo de Facebook, se convierte en un nuevo Lenguaje

de Programacin por aprender.
145
4.2
IMPACTO EDUCATIVO.
Crecimiento y fortalecimiento en la autoeducacin e investigacin de los
estudiantes de la Escuela de Ingeniera de la PUCE-SI.
Involucrar a la Escuela de Ingeniera en el diseo, desarrollo e
implementacin de software orientado a solucionar problemas con
tecnologa existente.
Fortalecer y afirmar la lnea de investigacin que ha tomado la PUCE-SI
Cantidad
estimada

Autor de la propuesta.
Asesor y lectores de la propuesta.
Directivos Escuela de Ingeniera (Director de Escuela,
Coordinadora Acadmica, Consejo de Escuela)

Profesionales en formacin de la Escuela de Ingeniera.
100
Docentes Escuela de Ingeniera
15
TOTAL
125
Tabla 2: Tabla de la Poblacin Afectada Impacto Educativo.

146
4.2.1 EVALUACIN DEL IMPACTO EDUCATIVO.

-3
-2
-1
Indicador
Aplicacin de conocimientos
X
tericos y prcticos.
Investigacin de Tecnologa.
Documentacin
como
Base
Terica.
X
TOTAL
SUMATORIA:

NI =
2.33
Nivel de impacto Tecnolgico: Medio positivo.
4.2.2 ANLISIS:
El resultado obtenido en la matriz anterior es medio positivo, esto indica
que el proyecto se ha desarrollado aplicando la gran cantidad de
conocimientos adquiridos en el transcurso de la formacin profesional.
Tambin ha incentivado al desarrollo de la investigacin cientfica orientado
a la tecnologa reforzando la lnea de investigacin que la PUCE-SI ha ido
fomentando en los ltimos aos.
147
Los conocimientos generados han permitido la creacin de este documento

que servir como base terica en el desarrollo de proyectos que involucren
tecnologa de la Plataforma de Facebook.
4.3
IMPACTO ECONMICO.
Reducir los gastos telefnicos que genera la comunicacin entre los
miembros que conforman el Club Galileo, ya sean coordinadores,
integrantes y usuarios interesados.
Uso de los Recursos disponibles, brindando soluciones de bajo consumo
econmico, para general ingresos en membresas y donaciones, con las que
se puede sustentar el Club, como tambin estos fondos reinvertirlos en
gastos de investigacin que ser requiera.
Cantidad
estimada
(Mensual)
Miembros del Club Galileo.
960
Coordinadores del Club
24
Pblico en general interesado

Espacio Afectado
ilimitado
984
Tabla 3: Tabla de la Poblacin Afectada Impacto Econmico.

148
4.3.1 EVALUACIN DEL IMPACTO ECONMICO.

Indicador
-3
-2
-1
Inversin en
X
tecnologa.
Eficiencia Operativa
Reduccin de Costos
TOTAL
SUMATORIA:

NI = 2.33
4.3.2 ANLISIS:
que el proyecto no requiere de inversin econmica. Solo el Hardware y el
internet tiene un costo econmico, pero es accesible en cualquier lugar del
pas, y en cuanto al Software utilizado es Open Source.
Tambin agilita la forma de enviar informacin a varios receptores, en este

caso los miembros, coordinadores y pblico interesado del Club Galileo.
149
De igual forma la reduccin en los pagos de planilla telefnicas sern

considerables, puesto que las llamadas telefnicas a celulares para
contactarse con los miembros y coordinadores sern reemplazadas por un
mensaje ya sea por facebook, twitter o la misma pgina del Club, mediante
feedbacks o correos masivos.
4.4
IMPACTO SOCIAL E INSTITUCIONAL.

Aumentar la credibilidad, prestigio y protagonismo de la PUCE-SI en la
comunidad.
Identificar a la PUCE-SI como una Institucin en constante cambio y
crecimiento tecnolgico
Cantidad
estimada
(Mensual)

Estudiantes de la PUCE-SI.
1800
Docentes de la PUCE-SI.
300
Administrativos de la PUCE-SI.
300
Poblacin aledaa a la PUCE-SI.
50000
TOTAL
52400
Tabla 4: Tabla de la Poblacin Afectada Social e Institucional.

150
4.4.1 EVALUACIN DEL IMPACTO SOCIAL E INSTITUCIONAL.

Indicador
-3
-2
-1
Imagen Institucional.
Transferencia
2
X
de
X
Tecnologa.
Investigacin
y
X
Autoeducacin
TOTAL
SUMATORIA:

NI = 2.33

4.4.2 ANLISIS:
que el proyecto reafirmar a la PUCE-SI frente a la sociedad Imbaburea
como modelo y referente en la formacin de profesionales emprendedores,
con capacidad de ingeniar, modificar y mejorar servicios para el confort de
la comunidad.
Los conocimientos generados por esta investigacin se pondrn a
disposicin de quienes quieran aprender, esto incluye a estudiantes,
docentes y pblico en general contribuyendo as a la transferencia de
tecnologa que la PUCE-SI se ha propuesto.
151
CAPTULO V
CONCLUSIONES Y RECOMENDACIONES
5.1 CONCLUSIONES
Las conclusiones que se pueden extraer de este trabajo son las siguientes:
El sistema de comunicacin mediante las Redes Sociales es muy simple, sin
embargo las redes ya creadas como facebook y twitter requieren de
conocimientos avanzados de programacin para cualquier aplicacin que
se desee implementar.
La forma de comunicarse con la plataforma de facebook requiere tener
conocimientos bsicos de PHP, JavaScript, y en s conocer su lenguaje
interno que es el FBML, XFBML, FQL y dems.
El acceso fsico a la comunicacin con la plataforma de facebook es
mediante la conexin con APIs, adems con las libreras PHP que trabajan
en nuestro servidor.
Para disear aplicaciones para implementarlos en nuestro sitio web,
simplemente accedemos al grfico social de facebook y especficamente a
los servicios de conexin con facebook.
La complejidad de la aplicacin no depende en s de las herramientas que
nos brinda los Social Plugins, sino de la funcionalidad que se les quiera dar.
Mediante este proyecto se pudo dar solucin a todas las necesidades que
requera el Club Galileo, a travs de su integracin con la plataforma de
Facebook y Twitter.
152
5.2 RECOMENDACIONES
Investigar y profundizar en el tema de servicios en el desarrollo y
programacin en la plataforma de Facebook, siendo muy importante por
todas las bondades que podemos adquirir en el desarrollo de aplicaciones
que no existan en el medio, implementndolas a nuestras necesidades.
Facebook Connect era incmodo y los desarrollos no aprovechaban todas
sus funcionalidades. Ahora facebook se ha vuelto ms amigable y a la
espera que la comunidad responda, se puede decir que hay 3 aspectos
principales a destacar:
La informacin pblica es ahora mucho ms accesible, tanto como la
de twitter pero con la informacin ms ordenada y clasificada.
Cualquier web puede "socializarse" sin grandes conocimientos.
Vamos a implementar botones de "Me gusta" en cualquier parte de
webs con escaso desarrollo.
Los procesos con usuarios se vuelven ms sencillos, lo que permite a
ms webs adaptarse a Facebook e integrarlo totalmente en sus
sistemas.
A nivel prctico son muchas las aplicaciones que se pueden desarrollar,
tomando de base la investigacin de este trabajo y la plataforma de
Facebook.
153

Desarrollo de Una Red Social Utilizando Joomla y Facebook Developers 2010

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Desarrollo de Una Red Social Utilizando Joomla y Facebook Developers 2010

Încărcat de

Drepturi de autor:

Formate disponibile

PONTIFICIA UNIVERSIDAD CATLICA DEL ECUADOR

PREVIO LA OBTENCIN DEL TTULO DE

Neptal Mena Cisneros

IBARRA MAYO 2011

.:: Neptal Mena Cisneros ::.

Yo, Neptal Mena Cisneros, portador de la cdula de ciudadana N 100265829-0

.:: Neptal Mena Cisneros ::.

En el primer captulo se ha realizado una exhaustiva investigacin acerca de la

En el segundo captulo se busc diagnosticar los actuales medios de comunicacin,

Una vez conocida la realidad de los actuales medios de comunicacin y de cuan

captulo muestra como se desarroll el mismo, teniendo en consideracin las

En el cuarto captulo se realiza un anlisis de los principales impactos que gener el

Para finalizar este trabajo de investigacin y desarrollo se plantea una serie de

Este trabajo de investigacin se pone a disposicin de todas aquellas personas:

.:: Neptal Mena Cisneros ::.

El sistema que se desarroll en este proyecto me ha llenado de tantas alegras,

A mis Padres, que da a da en su trabajo incansable de guiarme y educarme han

.:: Neptal Mena Cisneros ::.

A Dios por haberme concedido la oportunidad de culminar mi carrera, a mis padres

.:: Neptal Mena Cisneros ::.

1.2 CONCEPTOS DE LA PLATAFORMA DE FACEBOOK

.:: Neptal Mena Cisneros ::.

1.2.2 Social Plugins

1.3 FUNCIONALIDAD DE LA PLATAFORMA DE FACEBOOK

.:: Neptal Mena Cisneros ::.

1.4 SERVICIOS WEB

2.4 ANLISIS DE RESULTADOS

2.5 ANLISIS DE FACTIVILIDAD

.:: Neptal Mena Cisneros ::.

2.6 ANLISIS FODA

2.7 INTERPRETACIN DEL DIAGNSTICO.

3.3 DESCRIPCIN DEL SISTEMA

3.4 DISEO DEL SOFTWARE

.:: Neptal Mena Cisneros ::.

Desarrollo de pginas para Facebook

3.4.3 Datos del Servidor y Web

4.2 IMPACTO EDUCATIVO

4.3 IMPACTO ECONMICO

4.1 IMPACTO SOCIAL E INSTITUCIONAL

.:: Neptal Mena Cisneros ::.

A1. FORMATO DE ENCUESTA

A2. FOTOGRAFIAS DE LA SOCIALIZACIN

A4. TABLA DE LA WEB 2.0

A6. CARTA DE SATISFACCIN DEL PROYECTO

.:: Neptal Mena Cisneros ::.

INTRODUCCIN A LAS REDES SOCIALES Y WEB 2.0

Figura 1. Relacin de personas en una Red Social

.:: Neptal Mena Cisneros ::.

Entonces, en las redes sociales en Internet tenemos la posibilidad de interactuar

Figura 2. Los cinco pilares de una Red Social

Sociales: se crean comunidades on line para que la gente intercambie

Profesionales: son aquellas redes en la cuales se intercambia informacin

Parejas: redes para buscar parejas y amigos.

Figura 3. Clasificacin de las Redes Sociales.

.:: Neptal Mena Cisneros ::.

1.1.2. WEB 2.02. Es la representacin de la

La Web 2.0 es la transicin que se ha dado de aplicaciones tradicionales hacia

.:: Neptal Mena Cisneros ::.

Existen tres aspectos fundamentales

Comunidad: gracias al crecimiento

Figura 5. Interconexin de personas mediante internet

Arquitectura Software: las nuevas arquitecturas fundamentadas en internet

.:: Neptal Mena Cisneros ::.