SOCIAL FAN: UN GENERADOR DE
REDES SOCIALES
MEMORIA DEL PROYECTO
Al onso Tomé Co onas
Ve ónica del Valle Co al
Di ec o es del p oyec o
Belén Díaz Agudo
Juan An onio Recio Ga cía
Depa amen o de Ingenie ía del So wa e e In eligencia A i icial
Facul ad de In o má ica
Uni e sidad Complu ense de Mad id
Junio 2016
SOCIAL FAN: UN GENERADOR DE
REDES SOCIALES
Memo ia del p oyec o
G ado en Ingenie ía In o má ica
Depa amen o de Ingenie ía del So wa e e In eligencia A i icial
Facul ad de In o má ica
Uni e sidad Complu ense de Mad id
Junio 2016
AUTORIZACIÓN PARA LA DIFUSIÓN DEL TRABAJO FIN DE GRADO Y SU DEPÓSITO
EN EL REPOSITORIO INSTITUCIONAL E-PRINTS COMPLUTENSE
Los abajo i man es, alumno/s y u o /es del T abajo Fin de G ado (TFG) en el
Gado e ……………………………………………………………… de la Faul ad de
………………………………………, au oiza a la Uiesidad Coplu ese de Madid
(UCM) a di undi y u iliza con ines académicos, no come ciales y mencionando
exp esamen e a su au o el T abajo Fin de G ado (TF) cuyos da os se de allan a
con inuación. Así mismo au o izan a la Uni e sidad Complu ense de Mad id a que
sea deposi ado en acceso abie o en el eposi o io ins i ucional con el obje o de
inc emen a la di usión, uso e impac o del TFG en In e ne y ga an iza su
p ese ación y acceso a la go plazo.
Pe iodo de emba go (opcional):
 6 meses
 12meses
TÍTULO del TFG:
..........................................................................................................
Cu so académico: ….. / …..
Nomb e del Alumno/s:
……………………………………………………………………………………………………
……………………………………………………………………………………………………
Tu o /es del TFG y depa amen o al que pe enece:
……………………………………………………………………………………………………
……………………………………………………………………………………………………
Fi ma del alumno/s Fi ma del u o /es

Ag adecimien os
Que emos ap o echa es as líneas pa a ag adece a odas aquellas
pe sonas que nos han ayudado y apoyado du an e odos es os du os años de
ca e a.
En p ime luga , que emos da nues o más since o ag adecimien o a Juan
An onio Recio Ga cía y Belén Díaz Agudo po habe di igido nues o p oyec o de
in de g ado. G acias po la a ención ecibida y el iempo dedicado que nos ha
ayudado a esol e cada p oblema. Pe o especialmen e po la con ianza que
habéis deposi ado en noso os.
También que emos ag adece a nues os compañe os y amigos que hayan
es ado con noso os en los momen os más du os y di íciles de la ca e a
ayudándonos y mo i ándonos a sali adelan e. G acias po habe hecho de es os
años una expe iencia inol idable.
Además nos gus a ía mos a nues o ag adecimien o a odos los
p o eso es que hemos enido a lo la go de nues a ida ya que sin oso os
ampoco lo hab íamos log ado. G acias po habe nos o mado no solo
p o esionalmen e sino ambién como pe sonas.
Y po úl imo el ag adecimien o más impo an e, aquel que a dedicado a
nues as amilias y pa ejas. Especialmen e a nues os pad es po su apoyo
incondicional, es po es o que que emos dedica les nues o p oyec o de in de
g ado.
Índice
Índice de igu as ....................................................................................................... IX
Resumen ................................................................................................................ XIII
Abs ac .................................................................................................................. XV
1.Mo i ación y Obje i os ........................................................................................... 1
1.1 Obje i os ................................................................................................................... 2
1.2 Mé odo de abajo .................................................................................................... 3
1.3 Es uc u a de la memo ia .......................................................................................... 5
2.Es ado del a e ....................................................................................................... 7
2.1 Apa ición de las edes sociales .................................................................................. 7
2.1.1. La eo ía de los seis g ados de sepa ación ........................................................ 7
2.2 Tipología de las edes sociales .................................................................................. 9
2.2.1 Redes sociales O -Line o analógicas ............................................................ 10
2.2.2 Redes sociales On-Line o digi ales.................................................................... 10
2.2.2.1 Po su público obje i o y emá ica ............................................................ 10
2.2.2.2 Po el suje o p incipal de la elación ......................................................... 10
2.2.2.3 Po su localización geog á ica ................................................................... 11
2.3 Análisis uncional ..................................................................................................... 12
2.3.1 Acceso .............................................................................................................. 12
2.3.2 Vínculos ............................................................................................................ 13
2.3.3 Publicaciones .................................................................................................... 13
2.3.3.1 Fo ma o ..................................................................................................... 13
2.3.3.2 Comen a ios .............................................................................................. 14
2.3.3.3 Valo aciones .............................................................................................. 14
2.3.3.4 Di usión ..................................................................................................... 14
2.4 Si ios web que inco po an edes sociales ............................................................... 18
2.5 Tecnologías u ilizadas .............................................................................................. 19
XII

XIII
Resumen
Las edes sociales ienen un papel p o agónico en la ac ualidad. Y es que
hoy en día, no sólo se u ilizan pa a la comunicación ins an ánea sino que ambién
ponen a nues a disposición o as muchas uncionalidades que nos hacen la ida
más ácil an o a ni el pe sonal como p o esional. G acias a ellas, podemos
eencon a nos de una mane a cómoda y sencilla con pe sonas del pasado,
compa i e in e cambia in o mación en di e en es medios e incluso p omo e
los p oduc os y se icios que o ezca una de e minada emp esa, log ando así un
con ac o más ce cano con sus clien es y a iliados.
Además en los úl imos años las edes sociales ambién se han con e ido
en una nue a o ma de búsqueda en In e ne , de hecho se es ima que pod ían
llega a eemplaza a los mo o es de búsqueda. Según los da os ob enidos as un
es udio lle ado a cabo po En ep eneu , el 43% de los usua ios de in e ne u ilizan
las edes sociales como buscado de in o mación o negocios1.
El obje i o de es e p oyec o, denominado SocialFan, es el diseño y
desa ollo de un gene ado de edes sociales. Con SocialFan el usua io pod á c ea
una ed social o almen e a su gus o y sin necesidad de ene conocimien os
p e ios in o má icos, odo ello g acias a una in e az muy sencilla y al amen e
pe sonalizable. Cabe des aca ambién la exis encia de un sis ema de
ecomendación capaz de suge i aquel con enido que pueda esul a del in e és
pa a cada uno de los usua ios. Con el in de log a el obje i o an e io , se han
es ablecido elaciones en e los usua ios y pode encon a así pe sonas con
pe sonalidades y gus os simila es.
Señala ambién que las edes sociales gene adas a a és de SocialFan
cuen an con nume osas uncionalidades. La uncionalidad más impo an e
consis e en la publicación del con enido que compone la ed social. Es e con enido
puede se apo ado an solo po el adminis ado de la ed social o po odos los
1 h p://c ea i oses a egicos.com/las- edes-sociales- s-mo o es-de-busqueda/ (Junio 2016)
XIV
usua ios que la componen, a ándose en es e úl imo caso de una ed
colabo a i a. Además los usua ios pueden alo a y comen a el con enido
publicado po o os usua ios. O a uncionalidad impo an e es el seguimien o de
usua ios, el cual puede se mu uo o no. Además es as edes sociales inco po an
una búsqueda de usua ios y con enido que pe mi e al usua io mo e se con
libe ad po la página web sin necesidad de ceñi se a las ecomendaciones
ealizadas.
Sin emba go SocialFan no se limi a a la gene ación de es as edes sociales
sino que ambién pe mi e la in eg ación de la misma en una página web. Es e caso
puede se más complicado de en ende y pod íamos p egun a nos ¿po qué un
si io web puede que e inco po a una ed social? La espues a a es a p egun a es
que la in e acción social nos pe mi e conoce los gus os y opiniones de o os
usua ios, lo cual apo a c edibilidad y animan a los usua ios a in e ac ua y
compa i sus expe iencias.
Pa a es e p oyec o se han implemen ado dos p o o ipos de uso del
gene ado , c eando dos edes sociales, la p ime a o ien ada al u ismo en Mad id
y la segunda o ien ada a los eje cicios de p og amación. Sin emba go,
conside amos de g an impo ancia señala que SocialFan no se limi a a es os dos
p o o ipos, sino que se a a de un p oyec o muy ex ensible y gené ico, lo que
pe mi e adap a lo a muchos o os dominios, como pod ían se el mundo del a e,
los depo es, las masco as, e c.
El p oyec o se encuen a disponible ía web en los siguien es enlaces:
h p://con aine . di.ucm.es:20083/SocialFan
h p://con aine . di.ucm.es:20083/Mad id
Palab as cla e: Gene ado , Redes sociales, Sis ema de ecomendación,
Gené ico, Inco po ación, Se icio web.
XV
Abs ac
Social ne wo ks play a leading ole oday. Today, no only a e hey used o ins an
communica ion, bu also hey make a ailable many o he ea u es ha make li e easie ,
bo h pe sonally and p o essionally. Thanks o hem, we can mee again wi h people om
he pas in a com o able and easy way, sha e and exchange in o ma ion in di e en
media, and e en p omo e p oduc s and se ices o e ed by a pa icula company, hus
achie ing close con ac wi h i s cus ome s and a ilia es.
In addi ion, in ecen yea s he social ne wo ks also ha e become a new o m o
In e ne sea ch, in ac i is es ima ed ha hey could e en ually eplace sea ch engines.
Acco ding o da a ob ained a e a s udy ca ied ou by En ep eneu , 43% o in e ne
use s use social ne wo ks as in o ma ion seeke o business.
The objec i e o his p ojec , called SocialFan, is he design and de elopmen o a
gene a o o social ne wo ks. Wi h SocialFan he use can c ea e a social ne wo k en i ely
o hei liking wi hou needing any p io compu e knowledge, all hanks o a simple and
highly cus omizable in e ace. Also no ewo hy is he exis ence o a ecommenda ion
sys em capable o sugges ing con en ha may be o in e es o each use . In he ligh o
he abo e-men ioned objec i e, ela ions ha e been es ablished be ween use s and help
you ind people wi h simila pe sonali ies and as es.
Also men ion ha , social ne wo ks gene a ed h ough SocialFan, ha e many
unc ionali ies. The mos impo an is he publica ion o con en ha makes up he social
ne wo k. This con en can be p o ided ei he by he adminis a o o social ne wo k o by
all he use s ha a e pa o i , in ha case, i would be a collabo a i e ne wo k. Mo eo e ,
use s can a e and e iew he con en pos ed by he o he use s. Ano he impo an
ea u e is he acking, which can be mu ual o no . In addi ion, hese social ne wo ks
inco po a e a use sea ch and con en ha allows he use o mo e eely a ound he
websi e wi hou he need o adhe e o he ecommenda ions made.
Howe e , SocialFan is no limi ed o he gene a ion o hese social ne wo ks, bu
also allows he in eg a ion o i on a websi e. This case can be mo e complica ed o
unde s and, and we could ask ou sel es, why a websi e may wan o inco po a e a social
ne wo k? The answe o his ques ion is ha social in e ac ion allows us o know he
as es and opinions o o he use s wha b ings c edibili y and encou ages use s o in e ac
and sha e hei expe iences.
Fo his p ojec , wo p o o ype o he use o he gene a o ha e been
implemen ed o c ea e wo social ne wo ks: he i s , aimed a ou ism in Mad id and he
XVI
second o ien ed o p og amming exe cises. Howe e , we conside e y impo an o no e
ha SocialFan is no limi ed o hese wo p o o ypes, as i is a e y ex ensible and gene ic
p ojec which allows o adap i o many o he domains, such as migh be he a wo ld,
spo s, pe s, e c.
The p ojec is a ailable ia he web a he ollowing link
h p://con aine . di.ucm.es:20083/SocialFan
h p://con aine . di.ucm.es:20083/Mad id.
Keywo ds: Gene a o , Social Ne wo ks, Sys em ecommenda ion, Gene ic, Inco po a ion,
web se ice.
1
Capí ulo 1
Mo i ación y Obje i os
En la ac ualidad las edes sociales juegan un papel muy impo an e ya que
nos p opo cionan dis in as o mas de in e acción social y nos pe mi en accede a
di e sos con enidos conside ados de in e és po pa e de nues a p opia ed de
con ac os.
Los o ígenes de las edes sociales se emon an a inales del S.XX, cuando el
es adounidense Randy Con ads c eó u si io e deoiado lassa es.o.
La página nació con el obje i o de que la gen e pudie a ecupe a o man ene el
con ac o con an iguos compañe os del colegio, ins i u o o uni e sidad y aunque
en esos iempos sus uncionalidades e an bas an e limi adas, u ie on un g an
éxi o y alcanza on un impo an e núme o de usua ios eniendo en cuen a lo
limi ado que e a po aquel en onces el acceso a In e ne .
Poco a poco es e ipo de se icio se con i ió en uno de los negocios más
en ables de In e ne , po lo que a p incipios del S.XXI comenza on a apa ece una
g an a iedad de si ios web dedicados a b inda la posibilidad de la comunicación
den o de las edes sociales, que en aquella época e an conocidas como Cí culos
de Amigos.
Con el co e de los años ue aumen ando el núme o de edes sociales y su
mayo explosión no a dó en llega . En el año 2003 ie on la luz algunos de los
si ios más popula es que log a on hace c ece exponencialmen e el uso del
se icio, es amos hablando de comunidades ales como MySpace o F iends e ,
en e o as2. Pa a hace nos una idea de la ele ancia que u ie on debemos
des aca que es a úl ima alcanzó millones de usua ios en sus dos p ime os años
sin habe salido siquie a de Es ados Unidos. A medida que pasaba el iempo ue on
2 h p://www.in o ma ica-hoy.com.a / edes-sociales/La-his o ia-de-las- edes-sociales.php (Junio 2016)

2
c eciendo an o el núme o de edes sociales exis en es como las uncionalidades
que és as p esen aban y el núme o de usua ios que dis u aban de las mismas.
Ac ualmen e las uncionalidades de las edes sociales son muy di e sas.
Exis en edes sociales o ien adas a la dis ibución y compa ición de o os y ideos,
como pod ía se el caso de Ins ag am o You ube, o as que ayudan a plani ica
iajes y conoce las opiniones de los usua ios que han isi ado p e iamen e el
luga , po ejemplo T ipAd iso , o incluso edes sociales más o ien adas al mundo
labo al como LinkedIn, que pe mi e publica a sus usua ios el Cu iculum Vi ae con
el in de acili a les la ob ención de abajo y ayuda a las emp esas a la ho a de
selecciona candida os que en en en sus p ocesos de selección .
Como no mal gene al, la c eación de una ed social es algo bas an e
labo ioso y complicado que equie e del abajo de a ios desa ollado es con
conocimien os en ecnologías web, sis emas de ecomendación, e c. Po odo
es o, con SocialFan buscamos acili a la c eación de una ed social basada en la
p omoción del con enido que se adap e a las necesidades del usua io además de
se capaz de ecomenda con enido en base a los in e eses comunes que
compa en los usua ios.
Po úl imo, queda indica que SocialFan es la base de un g an p oyec o que
puede c ece y e oluciona de o ma sencilla añadiendo nue as uncionalidades o
mejo ando su sis ema de ecomendación.
1.1 Obje i os
Con SocialFan, nues o p incipal obje i o es desa olla un gene ado
de edes sociales in ui i o y ácil de u iliza . Las edes sociales que se gene an
a a és del mismo son de ca ác e e sá il, po lo que se pueden adap a a
dis in os dominios sin ningún ipo de di icul ad añadida.
Pa a SocialFan se p esen an las siguien es me as:
 Facili a a los usua ios la c eación de una ed social a a és de una
in e az sencilla que pueda se comple ada sin necesidad de posee
conocimien os especí icos de p og amación.
3
 O ece la pe sonalización de la ed social gene ada, pe mi iendo
en e o as cosas la elección del nomb e, el aspec o isual, ...
 Uni pe sonas con in e eses comunes.
 Gene a edes sociales cuya in e az sea in ui i a, ácil de u iliza
y capaz de adap a se a dis in os disposi i os.
 O ece una API que pe mi a la in eg ación de la ed social
gene ada en un si io web ya exis en e.
 Inclui en la ed social gene ada las ca ac e ís icas más comunes de
las edes sociales ac uales:
o Pe mi i el seguimien o en e usua ios (seguidos y
seguido es).
o Fomen a la di usión del con enido que pueda esul a de
in e és pa a el usua io.
o Inclui un sis ema de alo ación pe sonalizable que nos
pe mi a conoce los gus os y opiniones de cada uno de los
usua ios.
o O ece la posibilidad de añadi comen a ios al con enido
con el in de pode conoce o as opiniones.
o Inclui un sis ema de búsqueda an o a ni el de usua ios
como de con enidos.
1.2 Mé odo de abajo
En es a sección habla emos del p oceso de diseño que hemos lle ado
a cabo pa a la elabo ación del p oyec o.
4
Aunque exis en una g an a iedad de modelos de desa ollo, cabe des aca
dos de ellos: el modelo Top-down y Bo om-up (Ve igu a 1.1)
Figu a 1.1 Modelos de desa ollo
En el modelo Top-down (De a iba hacia abajo), se comienza pensando
en una isión global de cómo a a unciona odo en su conjun o pa a después
pasa a de ini cuáles an a se los g andes componen es del sis ema. Poco a
poco se an e inando y de iniendo las unciones de las pa es más pequeñas
has a que se e mina cons uyendo el sis ema en su o alidad.
Po el con a io en el modelo Bo om-up (De abajo hacia a iba), se
empieza po las pa es más pequeñas, sin ene una isión global del sis ema.
Con o me se an de iniendo soluciones pa a di e sos p oblemas pequeños,
es as soluciones se an conec ando y a su giendo una solución pa a a ios de
los sub-p oblemas. Con o me se an subiendo ni eles el sis ema gene al a
eme giendo de o a a ual e i elige e3.
Una ez explicados es os dos modelos comp endemos que el
sis ema global de nues o p oyec o es el gene ado de edes sociales, mien as
que sus subsis emas se ían cada una de las edes sociales gene adas, cuyas
uncionalidades se án a su ez subsis emas de la ed social.
Al no conoce con o al de alle la in o mación que debía ecoge el
gene ado , decidimos comenza con la c eación de un subsis ema y u iliza po
an o el modelo Bo om-up. Además con ábamos con la g an en aja de que
3 h p://www.ki aine .com/ideas- op-down- s-ideas-bo om-up/ (junio 2016)
5
se a a de un sis ema más o menos ápido que pe mi e la ealización de
p uebas emp anas.
El p ime subsis ema c eado ue una ed social o ien ada al u ismo
(Ve capí ulo 3). A su ez, la c eación de es a ed social se ealizó u ilizando
es e mismo modelo (Bo om-up) po lo que se ue on añadiendo poco a poco
pequeñas uncionalidades has a ob ene la ed social en su o alidad. Una ez
ob enida dicha ed social y eniendo ya una isión gene al de lo que se ía el
p oyec o (Ve igu a 1.2), p ocedimos a la c eación del gene ado (Ve capí ulo
4).
Figu a 1.2 P oceso de desa ollo
Aunque el sis ema global ya e a capaz de adap a se a dis in os
subsis emas aún al aba que uese capaz de inco po a se a una página web ya
c eada, po lo que se decidió añadi un se icio web que solucionase es e
p oblema (Ve Capí ulo 5) y le diese un mayo alo al p oyec o.
1.3 Es uc u a de la memo ia
El con enido de es a memo ia es á o ganizado de la siguien e mane a:
1. En es e p ime Capí ulo se ha expues o la mo i ación y los obje i os
que se desean cumpli . Además se explica el p oceso de desa ollo
que se ha lle ado a cabo pa a la elabo ación del p oyec o.
12
Una ez explicados los dis in os ipos de edes sociales, se puede
indica a qué g upo pe enecen las edes sociales on-line gene adas a a és
de SocialFan según los dis in os c i e ios. A endiendo a su público obje i o y
emá ica se án de ipo e ical ya que es án cen adas en la publicación de un
único ipo de con enido, po lo que se án u ilizadas po un g upo de pe sonas
con in e eses comunes. En cuan o al suje o p incipal de la elación, se a an
de edes sociales de con enido, ya que las elaciones se omen a án en unción
del con enido publicado y no del pe il del usua io. Y po úl imo, a endiendo a
la localización geog á ica se án de ipo seden a ias ya que no es án basadas
en la localización de la pe sona.
2.3 Análisis uncional
Llegado es e pun o, es de g an impo ancia conoce las uncionalidades
de las que que emos do a a las edes sociales gene adas a a és de SocialFan.
Pa a ello se ha lle ado a cabo un es udio sob e las p incipales uncionalidades
que poseen algunas de las edes sociales más in luyen es en la ac ualidad,
conc e amen e Facebook7, Twi e 8 e Ins ag am9. Pa a cada una de ellas,
habla emos de las uncionalidades de acceso, ínculos y publicaciones además
de los esul ados ob enidos as el análisis.
Figu a 2.3 Redes sociales más in luyen es en la ac ualidad
2.3.1 Acceso
En cuan o al acceso, las edes sociales pueden se abie as o
ce adas. Las edes sociales abie as son aquellas a las que cualquie
7 h ps://www. acebook.com/
8 h ps:// wi e .com/?lang=es
9 h ps://www.ins ag am.com/

13
pe sona puede accede sin necesidad de ecibi una in i ación p e ia,
mien as que en las edes sociales ce adas es necesa io ecibi una
in i ación o pe enece a un g upo conc e o.
Las es edes sociales sob e las que se ha ealizado el es udio
son de ipo abie o pues o que su in ención es a ae al mayo núme o
de usua ios posibles.
2.3.2 Vínculos
Todas las edes sociales pe mi en la c eación de ínculos en e
pe sonas, ya que son la base de las mismas. Es os ínculos se basan en
el seguimien o de pe sonas y su in e és se puede debe p incipalmen e
a dos mo i os, in e és en el pe il del usua io o in e és en el con enido
que és e publica en la ed. Es e ínculo c eado en e dos pe sonas no
siemp e es inmedia o, es deci , puede necesi a la ap obación de uno
de es os usua ios (como es el caso de Facebook, en el que es necesa io
manda una solici ud de amis ad y que és a sea acep ada an es de
pode comenza a segui a la o a pe sona) ni ampoco bidi eccional,
ya que una pe sona puede es ablece una elación con un usua io sin
necesidad de que ese usua io man enga una elación con él (Twi e e
Ins ag am se ían dos ejemplos cla os de edes no bidi eccionales).
2.3.3 Publicaciones
En es e apa ado se han analizado dis in as ca ac e ís icas
sob e las publicaciones de las edes sociales.
2.3.3.1 Fo ma o
El o ma o de las publicaciones en las edes sociales que
hemos es udiado a ían. En el caso de Facebook acep an odo
ipo de apo aciones, ya sean ideos, imágenes, con enidos de
o as páginas e incluso ex o lib e independien emen e de su
longi ud. En el caso de Twi e , las es icciones son algo
mayo es ya que aunque acep a an o imágenes como ideo, no
pe mi e in oduci un ex o lib e de más de 140 ca ac e es. Po
14
o o lado, Ins ag am acep a imagen y ideo pe mi iendo la
in eg ación de un ex o asociado a és as.
2.3.3.2 Comen a ios
En las es edes analizadas se pe mi e la ealización de
comen a ios aunque en el caso de Twi e no pueden excede
de los 140 ca ac e es. Es a uncionalidad muy impo an e ya
que pe mi e in e cambia in o mación adicional con o os
usua ios de la ed social.
2.3.3.3 Valo aciones
Las edes sociales u ilizan di e sos mé odos de
aloaió, po ejeplo Faeook u iliza el ooido e
gus a epese ado po ua ao o el pulga haia aia,
aunque es e úl imo año ha inco po ado las llamadas
eoioes ue os pei e idia los sen imien os que nos
p o oca una de e minada publicación. Twi e e Ins ag am
aié u iliza el e gus a peo e es a oasió se
ep esen a a a és de un co azón.
Las alo aciones, po an o, nos pe mi en conoce los
gus os y opiniones de un usua io, in o mación que sin duda, nos
esul a de una g an ayuda a la ho a de p opo ciona u u as
ecomendaciones.
2.3.3.4 Di usión
La di usión se puede ealiza gene almen e de es
modos dis in os. La p ime a o ma consis e en publica el
con enido en u pe il sin ealiza ninguna modi icación sob e el
o iginal, la segunda o ma es muy simila a la p ime a pe o se
puede añadi un ex o o menciona a algún amigo, en cuyo caso
además de apa ece dicha publicación en u pe il ambién
apa ece á en el de la pe sona mencionada y la úl ima opción
consis e en el en ío a a és de un cha p i ado a una o a a ias
pe sonas, en es e úl imo caso la publicación no apa ece á
15
publicada en ninguno de los pe iles. Es a úl ima opción es la
única que posee Ins ag am has a el momen o.
G acias a la di usión se puede consegui que el
con enido alcance a un mayo núme o de pe sonas.
A con inuación, se mues a el o ma o de las publicaciones de
las edes sociales analizadas, pa a e cómo in eg an cada una de las
uncionalidades mencionadas. Nos hemos basado en los o ma os
mos ados en las siguien es imágenes (Ve Figu a 2.4 – 2.6), pa a
elabo a nues o p opio o ma o de publicaciones (Ve Figu a 2.7)
Figu a 2.4 Fo ma o de las publicaciones en Facebook
16
Figu a 2.5 Fo ma o de las publicaciones de Ins ag am
Figu a 2.6 Fo ma o de las publicaciones de Twi e
17
Figu a 2.7 Fo ma o de las publicaciones de SocialFan
Una ez is as las uncionalidades p incipales de las edes sociales
pasa emos a habla de las decisiones que se han omado pa a la
implemen ación de las edes sociales gene adas a a és de SocialFan.
En cuan o al acceso se ha decidido que la ed social sea abie a, ya que
se busca alcanza al mayo núme o de pe sonas posibles que es én in e esadas
en el ema pa a el cual ue c eada la ed social. En cuan o a los ínculos se ha
decidido c ea una ed social que se base en el con enido, po lo que los

18
ínculos no se c ea án po el pe il del usua io sino po el con enido del mismo.
Es os ínculos pueden se unidi eccionales o bidi eccionales, en el caso de que
el seguimien o sea mu uo. En cuan o a las publicaciones de SocialFan,
comen a que end án un o ma o conc e o pa a consegui que se cen en en
el ema p incipal de la ed social y los comen a ios, aunque no end án un
lími e de ca ac e es, no es a án disponibles en odas las edes sociales
gene adas a a és de SocialFan (és a, jun o con la ipología de las
alo aciones, son algunas de las ca ac e ís icas pe sonalizables de nues a
aplicación). Po úl imo, menciona que si bien es cie o que la di usión no es
una de las ca ac e ís icas que inco po amos en nues a ed social, sí que se ía
uno de los u u os pasos a segui en la implemen ación de nues o gene ado .
A con inuación y con la in ención de acili a el en endimien o de odo
lo an e io men e explicado, mos amos una abla en la que e lejamos los
aspec os uncionales empleados po las edes sociales analizadas p e iamen e
e indicamos cuáles de ellos pod ían o ma pa e de las gene adas po
SocialFan:
Figu a2.8 Tabla compa a i a de las uncionalidades
2.4 Si ios web que inco po an edes sociales
En la ac ualidad, muchos si ios web cen ados en la búsqueda del
con enido se es án plan eando lle a a cabo la inco po ación de una ed social en
su página. Es o se debe a que las edes sociales pe mi en la ob ención de
in o mación pe sonal, aspec o que puede llega a se de g an impo ancia a la ho a
de ealiza una ecomendación. Minube10 es uno de los si ios que ya ha pues o en
p ác ica es a idea.
10 h p://www.minube.com/
19
En un p ime momen o Minube puede pa ece un simple buscado de
uelos ba a os y ho eles, pe o es mucho más que eso. Es una Red Social de iajes
donde los p o agonis as absolu os son los usua ios, ya que se a a de un espacio
donde pueden con ibui con las expe iencias eales de sus iajes, compa i esas
epeieias o sus aigos, e …
La inco po ación de una ed social en un si io web acili a al usua io la
búsqueda de in o mación que pueda esul a de su in e és ya que las
ecomendaciones se hacen en base a o os usua ios simila es. Es e ipo de si ios
web son una solución ideal pa a encon a lo que se busca de o ma concisa,
ápida y di ec a, sin necesidad de sa u a al usua io con oda la in o mación que
es á alojada en el si io web. Además o o gan e dade a c edibilidad y le dan al
usua io mayo in e és en in e ac ua y compa i sus expe iencias.
Es a nue a o ma de búsqueda ha despe ado in e és a ni el in e nacional
ya que cada ez hay más si ios web que se plan ean lle a a cabo la inco po ación
de una ed social. Es po es e mo i o que uno de los p incipales obje i os de
SocialFan consis e en acili a la in eg ación de la ed social en un si io web ya
exis en e (Ve Capi ulo 4)11.
2.5 Tecnologías u ilizadas
En es e es e apa ado hablamos de las ecnologías u ilizadas12 pa a lle a
a cabo la implemen ación del p oyec o.
Figu a 2.9 Tecnologías u ilizadas
11 h p://www.minube.com/img/g aphic_ma e ial/minube-p ess.pd (Junio 2016)
12 h p://www.w3schools.com/
20
2.5.1 HTML y CSS
HTML es un lenguaje de ma cas, es deci , cons a de ex o, que
de ine los con enidos eales de la página web, y de ma cas especiales
 aié ooidas oo e iue as ue pei e da sigi iado al
ex o o con enido, así como indica algún a amien o especial sob e
dicho ex o.
La idea básica de los lenguajes de ma cado es es uc u a el
con enido median e dichas ma cas o e ique as, a cada una de es as
e ique as se pueden asocia a ios a ibu os. De es e modo se pueden
especi ica ca ac e ís icas de o ma o, de ipo de in o mación pa a que
puedan se p ocesadas po el na egado .
HTML nació en 1991, en un documen o publicado po Tim
Be ne s-Lee. Inicialmen e el lenguaje con aba con 22 e ique as que
mos aban un diseño inicial y ela i amen e simple de HTML, sin
emba go es e lenguaje se ha ido en iqueciendo con el paso de los años
y la llegada de nue as e siones que han inco po ado e ique as no
con empladas en e siones an e io es. La úl ima e sión disponible es
HTML5, es anda izada po la W3C en el 2014. Las in e aces o ecidas
po nues a aplicación han sido elabo adas con es a úl ima e sión13.
Además, con el in de sepa a la es uc u a de nues a página
web del diseño de la misma, se han empleado las denominadas hojas
de es ilo en cascada o CSS (en inglés Cascading S yle Shee ). Po an o
podemos de ini CSS como un lenguaje de es ilo, c eado pa a con ola
el aspec o o p esen ación de los documen os HTML en e
o os, pe mi iendo modi ica el amaño, el colo , la uen e, la
disposición, e c de los elemen os que componen la página.
13 h p://ap ende ap og ama .com/index.php?op ion=com_con en & iew=a icle&id=435:ique-es-y-pa a-
que-si e-h ml-el-lenguaje-mas-impo an e-pa a-c ea -paginas-webs-h ml- ags-
cu00704b&ca id=69: u o ial-basico-p og amado -web-h ml-desde-ce o&I emid=192 (Junio 2016)
21
2.5.2 Boo s ap
Boo s ap es un amewo k CSS desa ollado inicialmen e en el
año 2011 po Twi e aunque libe ado con licencia MIT, que pe mi e
da o ma a un si io web median e lib e ías CSS que incluyen
ipog a ías, bo ones, cuad os, menús y o os elemen os que pueden
se u ilizados en cualquie si io web. Boo s ap es po an o una
excelen e he amien a pa a c ea in e aces de usua io limpias y
o almen e adap ables a odo ipo de disposi i os y pan allas, sea cual
sea su amaño, es e ipo de diseño es conocido como Responsi e14.
Es a he amien a nos ha acili ado la elabo ación del p oyec o y
nos ha pe mi ido diseña ácilmen e una in e az capaz de adap a se a
odo ipo de disposi i os15.
2.5.3 JQue y
JQue y es una lib e ía muy sencilla de Ja aSc ip que esponde
a la iloso ía esie eos, haz ás. El popósi o de es a lieía es
hace mucho más ácil esc ibi código Ja aSc ip . Pa a ello, pe mi e
ealiza en una sola llamada a eas que eque ían a ias líneas de
código Ja aSc ip . Además, simpli ica muchas de las a eas más
complicadas de Ja aSc ip como AJAX o la manipulación de DOM.
La lib e ía JQue y nos a a pe mi i manipula el á bol DOM y
las p opiedades CSS, pe sonaliza los e en os HTML, c ea e ec os o
animaciones y ealiza llamadas AJAX.
La sin áis de JQue y es muy sencilla y, en cie o modo, bas an e
simila a la de CSS.
2.5.4 JSON
JSON es un es ánda basado en ex o plano pa a el in e cambio
de in o mación u ilizado en muchos sis emas que equie en mos a o
14 h ps:// aiolane wo ks.es/blog/que-es-boo s ap/
15 h p://ge boo s ap.com/
28
3.4 Funcionalidades de la ed social
¡Mad id! es una ed social que p opo ciona nume osas uncionalidades
a sus usua ios. A con inuación se explica án de o ma de allada cada una de
ellas.
3.4.1 Regis o e iden i icación en la ed social
Figu a 3.4 Pan alla de inicio
Conside amos que alguien es usua io de nues a aplicación
cuando se ha egis ado p e iamen e en la ed social. Pa a ello, bas a ía
con que in odujese a a és de un b e e o mula io los da os
pe sonales solici ados: nomb e, email y con aseña (Ve Figu a 3.5).
Figu a 3.5 Fo mula io de egis o

29
Los únicos equisi os a ene en cuen a sob e es os da os es
que el email debe co esponde a una única pe sona, es deci , no
puede habe dos usua ios dis in os egis ados con la misma di ección
de co eo elec ónico y que la con aseña debe con ene un mínimo de
8 ca ac e es. Una ez in oducidos es os da os y as pulsa sob e el
o ó ‘egís a e e ¡Madid! la pe sona queda ía egis ada en
nues o sis ema y po lo an o, iden i icada como usua io de la ed
social, momen o a pa i del cual pod á comenza a u iliza el es o de
las uncionalidades que se mues an y explican a con inuación.
Figu a 3.6 Usua io nue o
Po o o lado, comen a que es e p oceso de egis o en la
ed social se lle a a cabo una única ez (an es del p ime acceso). En
momen os pos e io es, bas a ía con que el usua io se iden i icase o
loguease en la aplicación siemp e que quisie a accede a és a.
Pa a iden i ica se, bas a ía con in oduci el co eo elec ónico
y la con aseña que el usua io empleó en el momen o del egis o ( al
y como se obse a en la imagen 3.7).
Figu a 3.7 Fo mula io de inicio de sesión
Pe il c eado
30
3.4.2 C eación / edición de un pe il
En cuan o un usua io se egis a en la ed social
au omá icamen e pasa a ene su p opio pe il. Sin emba go, en un
p ime momen o, únicamen e apa ecen los da os básicos in oducidos
du an e el p oceso de egis o. Pa a comple a lo, bas a ía con hace
click sob e el nomb e o la o o del usua io donde puede añadi y/o
modi ica los campos que apa ecen en la siguien e pan alla (Ve Figu a
3.8)
Figu a 3.8 Vis a pa a modi ica el pe il
Tal y como se puede isualiza en la imagen an e io , llegados a
es e pun o pod emos ealiza las siguien es a eas:
31
- Modi icación del nomb e de usua io: aunque el usua io se
haya egis ado en la ed social con un de e minado nomb e
puede modi ica lo en cualquie momen o, pe mi iendo así
la inco po ación de un apodo po ejemplo.
- Cambio de con aseña: aunque es e, al igual que el campo
an e io , sea un da o que se haya solici ado en el momen o
del egis o, el usua io puede modi ica la an as eces como
desee con la única condición de in oduci una con aseña
conside ada álida po la aplicación (cualquie combinación
al anumé ica con al menos 8 ca ac e es de longi ud).
- In o mación adicional: den o de es e bloque, el usua io
pod á añadi los siguien es campos:
 Desc ipción: en es e apa ado el usua io pod á
in oduci an as líneas de ex o lib e como desee.
En él pod á exp esa sus gus os, inquie udes,
películas o lib os a o i os, aquellos luga es que
conside e de in e és, ci as con las que se sien a
ide i iado… e de ii ia, algo ue apo e ua
in o mación ex a ace ca de su pe sona.
 Fecha de Nacimien o: adicionalmen e, el usua io
pod á deja cons ancia de su echa de nacimien o
pe mi iendo que el es o de usua ios de la ed social
lo conozca.
Una ez in oducidos odos los campos, se debe á pincha sob e
el o ó Guada aios. Tas la aió, es os ueos da os
queda án añadidos en nues o sis ema y el esul ado da á luga a un
pe il 100% comple o (Ve Figu a 3.9)
32
Figu a 3.9 Vis a del usua io modi icado
3.4.3 C ea con enido
Se a a de una de las uncionalidades más impo an es de la
ed social dado que uno de sus p incipales obje i os es p ecisamen e
la ecomendación de es os con enidos.
Pa a añadi una nue a en ada en la ed social, bas a ía con
hace click sob e el bo ón que con iene la imagen de un lápiz, si uado
en la pa e supe io de echa de la pan alla. Una ez aplicada la acción,
apa ece ía un nue o o mula io con la in o mación a ellena .
33
A con inuación, i emos mencionando e ilus ando con un
ejemplo conc e o cada uno de los campos mos ados en la pan alla
ac ual.
Pa a ello, oma emos como ejemplo la c eación de una en ada
cuyo con enido se cen a en los Ja dines de Saba ini (Ve Figu a 3.10).
Figu a 3.10 Vis a de una nue a publicación

34
- In o mación básica:
 Tí ulo: En es e apa ado, el usua io le da á un
nomb e b e e e iden i ica i o a la en ada que a a
publica . Es impo an e esal a que se a a de un
campo obliga o io y que cuan o más iden i ica i o
sea el nomb e, más ácil se á ambién ob ene lo
como esul ado de las búsquedas que o os usua ios
ealicen sob e la ed social ( uncionalidad que
explica emos en la sección 3.4.8).
 Desc ipción: Se a a de un espacio de ex o sin
lími e de ca ac e es donde el usua io debe á inclui
in o mación e e en e al ema que a a a a en su
en ada. El obje i o de ese campo obliga o io, po lo
an o, no es o o que el de apo a in o mación
adicional que pueda esul a de in e és pa a el es o
de los usua ios que componen la ed social. En el
ejemplo que nos compe e, se pod ían inclui una
g an a iedad de ipos de desc ipciones que an
desde in o mación gene al del pa que has a
ecue dos, expe iencias o anécdo as que el usua io
haya i ido allí y quie a compa i con el es o.
- In o mación adicional:
 Imagen: La p esencia de imágenes en las edes
sociales juegan un papel undamen al. Es sabido po
odos que hay ocasiones en las que una única
imagen exp esa más que mil palab as, po lo an o,
c eemos que el hecho de pode inco po a una
imagen ep esen a i a que acompañe a aquello que
explicamos en la desc ipción del con enido puede
llega a se de g an u ilidad y apo a un alo
adicional pa a odos nues os usua ios. Al igual que
los campos an e io es, se a a de un campo de
ca ác e obliga o io.
35
 Di ección: En es e campo, obliga o io ambién pa a
el usua io, se debe á in oduci la localización del
luga en cues ión, en es e caso, la di ección de los
Ja dines de Saba ini.
 Telé ono: Se a a de in o mación adicional que el
usua io puede inclui en su en ada siemp e y
cuando disponga de ella.
 P ecio: En es e campo de ca ác e obliga o io, el
usua io debe á inclui el p ecio del luga , indicando
el cos e de la en ada en eu os o señalando que se
a a de una en ada g a ui a si se die a el caso.
 Ho a io: Al igual que el elé ono, el ho a io es uno
de los campos de ca ác e opcional que el usua io
pod á apo a en su en ada si es conocedo del
mismo.
 Ca ego ía: Pues o que en nues a ed social
in en amos da le un g ado más o menos al o de
libe ad al usua io y no limi amos la emá ica de los
emas a a a en los con enidos publicados po los
mismos, és os pueden llega a se muy di e sos. Po
lo an o, conside amos necesa io que el usua io
deba engloba su con enido den o de una ca ego ía
conc e a. De es e modo, acili a emos ambién las
pos e io es búsquedas de con enido.
Una ez in oducidos odos los campos, se debe á pincha sob e
el o ó Guada aios. Tas la aió, es os ueos da os
queda án añadidos en nues o sis ema y el esul ado da á luga a una
nue a apo ación (Ve Figu a 3.11).
36
Figu a 3.11 Vis a de una apo ación
3.4.4 Edi a con enido
En caso de que un usua io quie a modi ica una de sus
apo aciones debe á pulsa sob e sob e el bo ón que con iene la
imagen de un lápiz, ubicado en la esquina in e io de echa de la
publicación (Ve Figu a 3.11), es a acción mos a á una is a simila a
la igu a 3.10, donde el usua io pod á modi ica los campos que desee,
pa a que se p oduzcan los cambios deseados debe á pulsa sob e el
o ó Guada Caios.
3.4.5 Bo a con enido
Si el usua io desea bo a una de sus apo aciones en onces
debe á pulsa sob e el bo ón que con iene la imagen de una papele a,
ubicado en la esquina in e io de echa de la apo ación (Ve Figu a
3.11), el cual mues a al usua io un mensaje de con i mación pa a
lle a a cabo la acción (Ve Figu a 3.12).
Figu a 3.12 Mensaje de con i mación
37
3.4.6 Valo a con enido
Es a uncionalidad le pe mi e al usua io indica su g ado de
sa is acción espec o a una apo ación, pa a ello dispone de cinco
es ellas donde una es ella signi ica que le ha gus ado poco y cinco
es ellas que le ha gus ado mucho, es as es ellas se encuen a
ubicadas en la pa e supe io de echa de cada apo ación (Ve Figu a
3.11). Pa a lle a a cabo la alo ación an solo debe á pulsa sob e la
es ella que co esponda con la alo ación que desea da .
Una ez alo ada la apo ación se mos a an an as es ellas
colo eadas como g ado de sa is acción haya indicado el usua io (Ve
Figu a 3.13).
Siemp e que lo desee pod á modi ica su alo ación pulsando
de nue o sob e la es ella que quie a.
Figu a 3.13 Valo ación de una apo ación
El usua io puede ol e a e odas las apo aciones que ha
alo ado en el bo ón Apo aioes aloadas ue se eue a e la
pa e supe io de su pe il (Ve Figu a 3.9).
3.4.7 Añadi con enido a a o i os
Pa a añadi una apo ación a la lis a de a o i os bas a á con
pulsa sob e el bo ón que con iene la imagen del más, ubicado en la
44
Figu a 3.26 Fo mula io de búsqueda de usua ios
A con inuación, y siguiendo el mismo o ma o que en la
uncionalidad an e io , explicamos los 3 aspec os cla e pa a la
búsqueda de usua ios:
- Sob e qué que emos busca : en es e pun o, el usua io
pod á elegi si desea hace una búsqueda po apo aciones
o po usua io. En es e caso, pues o que a amos la
uncionalidad de búsqueda de usua ios, la opción elegida
deeá se la de Usua ios.
Figu a 3.27 Busca usua ios
- En qué campos desea busca : es e apa ado es uno de los
que más cambian con espec o a la uncionalidad an e io .
Al es a hablando de pe sonas y no luga es de in e és, es
undamen al adap a los campos sob e los que se desean
busca . En es e caso, el buscado se cen a á únicamen e en
aquellos que el usua io haya elegido den o de la siguien e
a iedad (Nomb e, Email, Desc ipción y Fecha de
Nacimien o).

45
Figu a 3.28 Fil ado de la búsqueda de usua ios
- Qué desea busca exac amen e: es e espacio es igual en
ambas uncionalidades, al inal se a a de que el usua io
in oduzca aquellas palab as cla e po las que desea busca .
Figu a 3.29 Campo de búsqueda
T as comple a los 3 campos comen ados ( odos ellos de
ca ác e obliga o io), podemos pincha sob e la lupa pa a comenza
con el p oceso de búsqueda de con enido.
Figu a 3.30 Fo mula io comple ado
En el ejemplo que se isualiza en la imagen an e io , la in ención
del usua io es busca usua ios nacidos en 1988. Al pulsa sob e la lupa,
el esul ado ob enido as la búsqueda se ía el que se mues a a
con inuación:
46
Figu a 3.31 Resul ado de la búsqueda de usua ios
3.4.11 Segui / Deja de segui a un usua io
Es a uncionalidad pe mi e a un usua io si lo desea comenza a
segui o deja de segui a o o usua io, es deci , man ene se al día o no
de las apo aciones publicadas po el usua io y su ed de con ac os
(seguido es y seguidos).
El p ime paso pa a pode segui o deja de segui a un usua io
consis e en encon a al usua io. Pa a ello se puede u iliza la búsqueda
(Ve Sección 3.4.10 o las opioes “eguidos  “eguidoes ue se
mues an en abla del usua io (Ve Figu a 3.34 y 3.38). Una ez
localizado el usua io debemos si ua nos sob e el bo ón ubicado a la
de echa de la o o de pe il del usua io. El mensaje que se mues a en
es e bo ón a ía en unción de si se a a de un usua io al que seguimos
o no.
En caso de se un usua io al que ya seguimos el bo ón mos a á
“iguiedo, si eago al si uaos encima suyo es e mensaje
aiaá  os aá Deja de segui po lo ue de se pulsado
deja íamos de segui inmedia amen e al usua io (Ve Figu a 3.32)
47
Figu a 3.32 Deja de segui a un usua io
Si po el con a io se desea comenza a segui a un usua io, el
o ó os aá “egui es e esaje o aía al si uaos soe el
bo ón), po lo que de se pulsado comenza emos a segui a dicho
usua io (Ve Figu a 3.33).
Figu a 3.33 Comenza a segui a un usua io
3.5 Es uc u a de la página
Las páginas que componen la ed social se encuen an di ididas en dos
pa es: una pa e ija y o a pa e a iable (Ve Figu a 3.35).
48
Figu a 3.35 Dis ibución de la página
3.4.12 Ve pe il de o os usua ios
Es a uncionalidad pe mi e al usua io conoce in o mación
ace ca de o os usua ios. Pa a accede al pe il de o o usua io se
debe á pulsa sob e su nomb e.
Una ez hemos accedido al pe il de o o usua io pod emos
accede an o a sus apo aciones, como sus seguidos y seguido es (Ve
Figu a 3.34). El con enido que se mues a en la pa e in e io de la
igu a a ía en unción de la opción pulsada.
49
Figu a 3.34 Pe il de o o usua io
3.5.1 Pa e ija
La pa e ija es á compues a po 3 elemen os: la ba a de
na egación, una pequeña abla con da os del usua io egis ado y una lis a
con las ecomendaciones ealizadas a dicho usua io. A con inuación amos
a habla de o ma de allada de cada uno de es os elemen os:
Ba a de na egación: En la ba a de na egación (Ve Figu a 3.36)
podemos obse a cua o elemen os:
Figu a 3.36 Ba a de na egación

50
- Nomb e de la ed social. Al pulsa sob e él cambia íamos el
con enido que se mues a en la pa e a iable de la página
mos ando aho a al usua io las úl imas ein e apo aciones
ealizadas po aquellas pe sonas a las que sigue (Ve Figu a
3.37).
Figu a 3.37 Página p incipal.
51
- Opción de búsqueda. Al pulsa sob e es a opción ambién
se modi ica el con enido de la pa e a iable mos ando en
ella un cuad o donde se o ecen dis in as opciones de
il ado pa a la ealización de la búsqueda (Ve Sección 3.4.9
y 3.4.10).
- Bo ó Nuea apo aió. Al pulsa soe es e o ó
apa ece en la pa e a iable un o mula io con odos los
campos acíos los cuales el usua io ha de ellena (al menos
los obliga o ios) pa a publica una nue a apo ación (Ve
Sección 3.4.3).
- Bo ó “ali: Al pulsa soe es e o ó el usuaio eaía
su sesión y ol e ía a la pan alla de acceso de la ed social
(Ve Figu a 3.4).
Tabla del Usua io: En ella se mues an una se ie de da os
cuan i a i os ace ca del usua io egis ado, ales como el núme o de
apo aciones que ha publicado en la ed social, el núme o de pe sonas a
las que sigue y el núme o de seguido es que iene (Ve Figu a 3.38). Al
pulsa sob e cualquie a de ellos el con enido de la pa e a iable cambia á
mos ando en ella el nue o con enido solici ado, es deci , si pulsamos
soe seguidoes e la pa e aiale se os aá odas auellas
pe sonas que siguen al usua io egis ado (Ve Figu a 3.40).
Figu a 3.38 In o mación del usua io
Recomendaciones: En es e apa ado se mues a una lis a de las 10
apo aciones más alo adas (Ve igu a 3.39). Al pulsa sob e alguna de
52
ellas apa ece é en la pa e a iable una is a con in o mación más
de allada de la misma. (Ve igu a 3.15)
Figu a 3.39 Tendencias de la ed social
3.5.2 Pa e a iable
La pa e a iable en cambio no es á compues a po ningún
elemen o sino que como su p opio nomb e indica el con enido que se
mues a en ella a ía en unción de la in e acción ealizada po el usua io.
3.6 Diseño adap a i o
Cabe des aca que g acias a Boo s ap (Ve Sección 2.4.2), odas las páginas
ienen un diseño esponsi e, es deci , que son capaces de adap a se a cualquie
ipo de disposi i o independien emen e de su amaño y disposición. Es a
adap ación se lle a a cabo modi icando la ubicación y el amaño de los elemen os
que componen la página (Ve Figu a 3.40 y 3.41).
53
Figu a 3.40 Vis a en una Table
Figu a 3.41 Vis a desde un mó il
60
o Mé odo de alo ación basado en Facebook: En es a
ipología de sis ema de alo ación, el usua io an solo
puede indica si le gus a una apo ación o no, sin pode
indica cuan o e ha gus ado la apo ación. Pa a ello se
o ecen dos manos una con el pulga hacia a iba que
sigi ia e gus a  o a o el pulga haia aajo que
sigi ia o e gus a.
o Mé odo de alo ación basado en Ins ag am: En es a
ipología de sis ema de alo ación, se le o ece al usua io la
posibilidad de indica que una apo ación le ha gus ado. En
es e caso no puede indica lo con a io ni cuan o le ha
gus ado. Pa a ello se mues a un co azón, el cual puede
es a acío, pe o es o no signi ica que algo no le haya
gus ado sino que simplemen e no lo ha alo ado.
 Colo es de la aplicación: En es a sección el usua io decide la gama
de colo es que an a emplea se en la ed social (Ve Figu a 4.12)
 Fondo de la aplicación: En es a sección (Ve Figu a 4.14) el usua io
decide el ondo que quie e mos a en la pan alla de acceso (Ve
Figu a 4.19). Se ecomienda que se a e de una o o elacionada
con el ema a a a en la ed social, que enga una dimensión
ap oximadamen e de 1680x1050 y que además enga buena
calidad.
4.2.1 Ejemplo de c eación de una ed social o ien ada a las
masco as
A con inuación se mues a un ejemplo de c eación de una ed social
o ien ada a las masco as, con el obje i o de acili a su en endimien o, se
i án ilus ando odos los pasos necesa ios.
El p ime paso como ya sabemos consis e en la elección del nomb e
de la ed social, e es e aso esiieos “oialPe  Ve Figua 4.3). Es a
acción se e á e lejada en la pan alla de acceso (Ve 4.19) y en la cabece a
mos ada en la ed social (Ve Figu a 4.20).

61
Figu a 4.3 Nomb e de la aplicación
El segundo paso consis e en indica la in o mación que se desea
almacena de un usua io además de los campos que apa ecen ma cados
po de ec o. En es e caso se quie e almacena una b e e desc ipción y
añadi el apo edad. Paa añadi la desc ipción an solo se debe
seleioa la opió desipió (Ve Figu a 4.4) mien as que pa a
añadi el apo edad ha ue ealo a ao. Paa ello se dee esc ibi
en el cuad o de ex o edad a ue es así oo se uiee llaa al apo
(Ve Figu a 4.5), una ez se ha ellenado el campo se habili a el bo ón con
la imagen de un más, el cual p o oca á la apa ición de una en ana
eme gen e en la que se pide al adminis ado que indique el ipo de da o
del que se a a (núme o en e o, núme o decimal, ex o co o, ex o la go,
echa y elé ono) y si es obliga o io o no. En el caso de la edad elegi emos
ueo e eo  oliga oio Ve Figua 4.6).
Figu a 4.4 Selección de desc ipción
62
Figu a 4.5 In o mación del usua io
Figu a 4.6 Ven ana eme gen e
El e ce paso consis e en añadi la in o mación que se desea
conoce ace ca del con enido de la ed social. En es e caso la ed social es a
des ina a los animales po lo que almacena emos una imagen, el sexo, la
aza, el colo , la edad y el peso del animal. Pa a añadi la imagen bas a á
o seleioa la opió Iage, ie as ue paa añadi el es o de
campos end emos que c ea los de igual modo que en el paso an e io .
T as añadi odos los campos es os se an añadiendo debajo del es o de
los campos que apa ecían po de ec o (Ve Figu a 4.7).
63
Figu a 4.7 In o mación del con enido
En el cua o paso, el adminis ado selecciona lo que quie e que se
ues e e la pa alla piipal de la ed soial, e es e aso Todas las
apo aioes Ve igua 4.8).
Figu a 4.8 Pan alla p incipal
En el quin o paso el adminis ado indica en base a que quie e que
se ealicen las ecomendaciones. En es e caso el adminis ado decide
Apo aioes e la Lis a de a o i os (Ve Figu a 4.9)
64
Figu a 4.9 Elección de las endencias
En el sex o paso el adminis ado decide que odos los usua ios
pueden publica con enido y que ambién se acep an comen a ios. Po lo
ue deeá aa la opió Todos los usuaios  poe u i e la
opió “e aep a oe aios Ve igua 4.10).
Figu a 4.10 Pe misos de la aplicación
En el sép imo paso el adminis ado selecciona la opción del
co azón (Ve Figu a 4.11), pos e io men e es a decisión se e á e lejada
en cada apo ación ealizada en la ed social (Ve Figu a 4.22).
65
Figu a 4.11 Mé odo de alo ación
En el oc a o paso el adminis ado indica que desea que la ed
social u ilice la escala de g ises (Ve Figu a 4.12). Es a decisión se e á
e lejada en la apa iencia de la ed social una ez haya sido comple ada
(Ve Figu a 4.20).
Figu a 4.12 Colo es de la aplicación
Y po úl imo en el no eno paso el adminis ado decide el ondo de
la aplicación, pa a ello debe á pulsa sob e la imagen lo cual p o oca á la
apa ición del explo ado de a chi os, donde pod á busca cualquie imagen
que con enga en su o denado (Ve Figu a 4.13), una ez seleccionada la
imagen es a apa ece á en el cuad o ese ado. (Ve Figu a 4.14)

66
Figu a 4.13 Explo ado de a chi os
Figu a 4.14 Fondo de la aplicación
Una ez comple ados odos los pasos se debe pulsa sob e el bo ón
Guada aios lo cual p o oca á la apa ición de una en ana
eme gen e donde el adminis ado in oduci á su co eo y con aseña (Ve
Figu a 4.15), la cual u iliza á pos e io men e pa a egis a se en la ed
social y pode hace uso del es o de uncionalidades que se le o ecen
como adminis ado de la ed social.
67
Figu a 4.15 Ven ana eme gen e de la c eación
Finalmen e una ez in oducidos los da os del adminis ado se
lle a á a cabo la c eación de la ed social. Es en onces cuando in e ie e el
núcleo, ecogiendo odos los da os in oducidos en la in e az y lle ando a
cabo la c eación de la base de da os. Es e p oceso se e e lejado en la
igu a 4.16 y 4.17, mien as que en la igu a 4.18 se mues a la es uc u a
de la base de da os comple a de la ed social gene ada.
Figu a 4.16 Es uc u a de la abla In o.
68
Figu a 4.17 Es uc u a de la abla I em_ex a y Use _ex a
Figu a 4.18 Es uc u a de la base de da os
69
4.2.1.1 Apa iencia de la ed social ecién c eada
En es e apa ado amos e la apa iencia de la ed social
ecién c eada pa a e cómo se en e lejadas las decisiones
omadas po el adminis ado a a és del panel de
adminis ado .
En la pan alla de acceso podemos e que el ondo de la
misma se co esponde con el indicado po el adminis ado , al
igual que emos el nomb e de la ed social en el bo ón de
egis o (Ve Figu a 4.19).
Figu a 4.19 Pan alla de Login
Una ez se ha accedido a la ed social se puede obse a
que los colo es que u iliza ambién se co esponden con los
indicados a a és del panel. También se puede obse a que la
ed social es á comple amen e acía pe o lis a pa a se usada
(Ve Figu a 4.20).
76
Figu a 5.1 ¡Acep a el e o!
5.2 Al e na i as pa a la inco po ación de la ed social
Has a el momen o SocialFan solo e a capaz de gene a una ed
social desde ce o en una página web independien e, pe o se pensó que pod ía
se in e esan e que o mase pa e de una página web uncional, como es el
caso de ¡Acep a el e o!.
Pa a lle a a cabo la inco po ación de la ed social a la página web
su gie on a ias al e na i as, la p ime a de ellas consis ía en la gene ación de
una ed social a a és del panel del adminis ado (Ve capí ulo 4), sin
emba go es a opción no e a la más adecuada debido a que el gene ado de
SocialFan c ea una es uc u a de la base de da os con las ablas acías, po lo
que los usua ios de la página web uncional debe ían da se de al a po sí
mismos en la ed social eniendo así dos sis emas comple amen e
independien es, cuya única o ma de comunicación se ía incluyendo en la
página un enlace a la ed social, po lo que es a al e na i a ue echazada.
Además, no malmen e una pe sona que ha desa ollado una página
web posee conocimien os in o má icos, po lo que posiblemen e le in e ese
más una inco po ación in e na de la ed social en su página web. Debido a es e
mo i o su gió la segunda al e na i a, la c eación de una API capaz de o ece
al desa ollado de la página web los se icios necesa ios pa a lle a a cabo su
in eg ación. Es a úl ima al e na i a ue la seleccionada.

77
5.3 De inición de API
API (In e az de P og amación de Aplicaciones) es un conjun o de
unciones y p ocedimien os que pe mi e accede a los se icios de una
aplicación.
Además, una API o ece al p og amado un cie o ni el de abs acción
que enmasca a la complejidad de acceso a un sis ema o aplicación,
p oponiéndole un conjun o de unciones de las cuales sólo se conocen los
pa áme os y los alo es de uel os, pe mi iendo así su u ilización sin
necesidad de sabe cómo unciona una aplicación emo a ni de la o ma en
que las unciones ue on implemen adas21.
5.4 Funcionalidades de la API
An es de comenza a habla sob e las uncionalidades que puede lle a
a cabo nues a API, cabe des aca que ha sido desa ollada usando PHP y JSON.
Es e úl imo lenguaje ha sido u ilizado pa a pode de ol e la in o mación
solici ada a a és de la llamada al se icio ya que la p incipal en aja de JSON
es que puede se in e p e ado po cualquie o o lenguaje de p og amación.
Nues a API incluye di e sas uncionalidades (Ve Apéndice B), aunque
en es e apa ado an solo habla emos de algunas de ellas con el obje i o de
mos a cómo se pod ía u iliza .
Un caso in e esan e del uso de la API se pod ía da a la ho a de egis a
a un nue o usua io, ya que el desa ollado de la página web pod ía hace
ambién una llamada a la unción de la API enca gada de egis a a un usua io
en la ed social, de al mane a que el egis o se p oduce simul áneamen e en
las dos páginas sin necesidad de edi igi al usua io.
Sin emba go no odas las uncionalidades se pueden p oduci de o ma
anspa en e, ya que algunas unciones nos de uel en in o mación en o ma o
JSON, la cual posiblemen e esul e de in e és y se quie a mos a po pan alla,
además de pe mi i la in e acción con ella. Un ejemplo de es e caso pod ía
da se si el desa ollado decide mos a las úl imas apo aciones o las más
21 h p://es.ccm.ne /con en s/300-lenguajes-de-p og amacion-ndash-api (Junio 2016)
78
des acadas, pe mi iendo al usua io la posibilidad de in e ac ua con ellas,
como pod ía se alo a las o comen a las. Es a úl ima si uación nos lle ó a la
apa ición de los widge s.
5.5 Inco po ación de los widge s
Los widge s son agmen os de código que si en pa a in oduci a una
página web alguna uncionalidad o in o mación. No malmen e es án ubicados
en las columnas la e ales, pe o ambién pueden ubica se en o os luga es.
La c eación de los widge s se lle a ía a cabo median e ecnologías web
ales como HTML5, CSS3, Ja aSc ip , e c. Sin emba go lo que se mues a a
con inuación son an solo p o o ipos de los mismos.
Po ejemplo en el widge de úl imas apo aciones se ía necesa io
ealiza una llamada a la unción enca gada de de ol e las apo aciones y la
in o mación que la compone.
A con inuación mos amos algunos ejemplos de los widge cuya
inco po ación pod ía esul a de in e és y como queda ía en la página web de
¡Acep a el e o!.
Figu a 5.2 In eg ación del widge
79
Figu a 5.3 Ejemplos de widge s
La inco po ación de los widge s puede ene un g an bene icio, po
ejemplo en ¡Acep a el e o! se pe mi i ía man ene el con ac o con o os
usua ios o incluso pedi ayuda ya que en un p incipio es o no se puede lle a
a cabo debido a que es una página pa a almacena y comp oba eje cicios.
Además con a ía con un sis ema de ecomendación pa a que los usua ios
hagan eje cicios que les pueda esul a de in e és o conoce a o as pe sonas
que les in e esen los mismos ipos de eje cicios, po o a pa e se pod ía
man ene al día a los usua ios de los eje cicios nue os que se publiquen en la
página web o no edades como po ejemplo que algún usua io haya
conseguido e mina algún eje cicio de la misma.
80
5.6 A qui ec u a de la API
La a qui ec u a que compone el se icio web es á compues o po
es pa es, la p ime a de ellas es la in e az, que en es e caso es el widge , la
segunda pa e es á o mada po la API y la e ce a pa e es á compues a po
la base de da os que se ha gene ado. (Ve Figu a 5.4).
Figu a 5.4 Es uc u a de la API
La p ime a pa e de la a qui ec u a, el widge , es el enca gado de
mos a el es ado de la ed social, ambién se enca ga de hace las llamadas a
la API, que es á desplegada en el se ido , dicha API con iene los iche os a los
que llama el widge y se enca ga de comunica se con la base de da os, además
de de ol e a la in e az la in o mación necesa ia pa a que la pueda mos a .
Po ul imo es á la base de da os que ha sido gene ada a a és del panel del
adminis ado y que es di e en e a la base de da os con la que abaja el es o
del si io web, la base de da os se enca ga de de ol e a la API la in o mación
solici ada.
5.7 Como inclui la ed social a una página exis en e
Pa a pode inco po a la ed social a una página web ya uncional
hab ía que segui una se ie de pasos que se desc iben a con inuación.
El p ime o de ellos se ía ecu i a la c eación de las bases de da os de
la ed social median e el panel de adminis ación, de es a mane a se ob iene
81
la in o mación que el adminis ado desea conoce de los usua ios de la página
web.
En el segundo paso hab ía que inclui la ed social en la página ya
c eada, pa a lo que hab á que c ea el widge e implemen a las
uncionalidades necesa ias pa a pode hace uso de la API, como po ejemplo,
al pulsa sob e el bo ón de segui un usua io, se debe ía hace la llamada a la
API que implemen e dicha uncionalidad.
5.8 Conclusiones
Pa a lle a a cabo la inco po ación de la ed social en una página
web ya exis en e se ha op ado po la c eación de una API, compues a po
di e sas unciones y p ocedimien os que acili an al desa ollado la
ealización de las a eas y la ob ención de la in o mación sin necesidad de
conoce de alles de implemen ación. Además la API ayuda en la c eación de
widge s que se pod án inco po a en la página web. Es os elemen os se u ilizan
pa a comunica ambas páginas y pe mi i la in e acción sin necesidad de
edi igi a la ed social.

82
83
Capí ulo 6
Conclusiones. Líneas de abajo u u o.
En es e p oyec o hemos p esen ado un gene ado de edes sociales,
SocialFan, capaz de c ea di e sas edes sociales pe sonalizables a a és de un
panel de adminis ación, donde se decide el nomb e de la aplicación, el mé odo
de alo ación y los colo es de la in e az, en e o os. Además, es as edes sociales
pueden es a o ien adas a dis in os ámbi os ( iajes, cine, educación, masco as…
debido que la es uc u a de las ablas de la base de da os ambién es
pe sonalizable.
Las edes sociales gene adas a a és de SocialFan ienen di e sas
uncionalidades en e las que se encuen an la publicación del con enido, el
seguimien o en e usua ios, la alo ación a o as apo aciones y el en ío de
comen a ios en una publicación de e minada. Además, cabe des aca que las
edes sociales gene adas son capaces de adap a se a cualquie ipo de disposi i o
debido a su diseño esponsi e.
Sin emba go, el p oyec o no se limi a an solo a la gene ación de es as
edes sociales, sino que ambién pe mi e la inco po ación de las mismas en o as
páginas web, po lo que se ha diseñado la API. Es a API o ece múl iples
uncionalidades pa a que el p og amado pueda u iliza las en su página de
acue do a sus p opios in e eses. Po ejemplo, se pod ía lle a a cabo la c eación
de un widge , median e llamadas a las unciones de la API, que pe mi a la
in e acción con la ed social sin necesidad de edi igi al usua io, sin emba go el
widge no ha sido implemen ado, a ándose an sólo de un p o o ipo.
El p oyec o se encuen a desplegado en un se ido público22. Además
cuen a con un ídeo u o ial subido a You ube23 en el que se enseña a u iliza
22 h p://con aine . di.ucm.es:20083/SocialFan y h p://con aine . di.ucm.es:20083/Mad id
23 h ps://www.you ube.com/wa ch? =37X6bB-YNco&lis =PLWP1aSUH8L6iZWU XEjFsH PjMqF2Lum
84
SocialFan, an o a la ho a de la c eación de la ed social como en el uso de la ed
social gene ada.
A con inuación e isa emos los obje i os que se habían plan eado pa a
es a aplicación ( e sección 1.1) y analiza emos cómo se han conseguido cumpli :
 Se ha acili ado a los usua ios la c eación de una ed social a a és
del panel de adminis ación, que o ece un sencillo o mula io que
puede se ellenado sin ene conocimien os especí icos de
p og amación.
 Se ha desa ollado un panel de adminis ación en el que se mues a
un o mula io que pe mi e pe sonaliza la ed social. Se puede
elegi la imagen de ondo de la aplicación, la gama de colo es y el
mé odo de alo ación en e o os. El hecho de pe mi i al usua io
la pe sonalización de la ed social a gene a maximiza la sensación
de con ol.
 Con el obje i o de uni pe sonas con in e eses comunes se ha
desa ollado un sis ema de ecomendación basado en las
apo aciones que han sido más comen adas, alo adas o añadidas
a la lis a de a o i os po o os usua ios simila es.
 Se ha lle ado a cabo una in e az sencilla y ácil de u iliza . Se han
usado ondos cla os con le a oscu a o al con a io ya que acili an
la lec u a y no a igan al usua io. Se han u ilizado dis in os onos
con el obje i o de añadi p o undidad y dimensionalidad, ya que los
onos in ensos esal an y los pálidos eceden. Además la página se
encuen a di idida en espacios amplios que deno an calma y
libe ad e i ando así causa ensión isual.
 Se ha diseñado una API que acili a la inco po ación de la ed social
a o as páginas ya uncionales median e llamadas a unciones o la
inco po ación de widge s, que pe mi en la in e acción con la ed
social de una o ma cómoda y sencilla.
 Se ha incluido en la ed social di e sas uncionalidades:
85
o Se pe mi e el seguimien o en e los usua ios (seguidos y
seguido es).
o Pa a omen a la di usión del con enido que pueda esul a
de in e és pa a el usua io se ha incluido una lis a de
suge encias.
o Se ha incluido un sis ema de alo ación pe sonalizable que
nos pe mi e conoce los gus os y opiniones de los usua ios.
La elección del sis ema de alo ación queda a disposición
del adminis ado .
o Se o ece la posibilidad de añadi comen a ios a una
de e minada publicación con el obje i o de conoce la
opinión de o os usua ios.
o Se ha Incluido un sis ema de búsqueda de usua ios y
con enido, el cual pe mi e al usua io mo e se lib emen e
sin ene que ceñi se a las suge encias p opues as po la
ed social.
6.1 Líneas de abajo u u o
Nues o p oyec o es á o ien ado a cualquie ipo de usua io que sin
necesidad de ene conocimien os ecnológicos pueda se capaz de gene a
una ed social. Sin emba go, como u u a línea de abajo se ía in e esan e
o ece una con igu ación más a anzada pa a aquellos usua ios que posean
mayo conocimien o en la ma e ia.
Además se pueden añadi nue as uncionalidades en las edes
sociales, como po ejemplo pe mi i la posibilidad de compa i las
publicaciones, suge i una publicación a un amigo y muchas o as más.
También se pueden mejo a algunas de las uncionalidades ya implemen adas,
como po ejemplo, las ecomendaciones ealizadas a los usua ios incluyendo
algo i mos de ecomendación ales como el Nea es Neighbo hood. También
se puede mejo a la uncionalidad de los comen a ios pe mi iendo esponde
den o de los mismos pa a así acili a la con e sación en e los usua ios.
92
Figu a A.1 Tabla in o mación
A.2 Da os de los usua ios
Los da os de los usua ios se encuen an almacenados en dos ablas
dis in as usua io y usua io_ex a. La p ime a de ellas con iene in o mación
básica ace ca de los usua ios, mien as que la segunda abla con iene
in o mación más especí ica de los mismos, debido a que la in o mación que
almacena a ía según las decisiones del adminis ado .
 Usua io: La in o mación almacenada en es a abla se co esponde con
un iden i icado único que nos pe mi i á asocia lo con o as ablas en
las que in e ac úe el usua io, además de su nomb e de usua io, imagen
de pe il, email, y con aseña. Es os dos úl imos pe mi en el acceso a la
ed social.
 Usua io_ex a: La única in o mación que almacena po de ec o es a
abla es el iden i icado del usua io. El es o de la in o mación es
decisión del adminis ado .
Además enemos la abla seguimien o que almacena las elaciones
en e los usua ios.
 Seguimien o: almacena los iden i icado es del usua io seguido y su
seguido .

93
Figu a A.2 Tablas usua io
A.3 Da os del con enido
Los da os del con enido se encuen an almacenados en dos ablas
dis in as con enido y con enido_ex a. La p ime a de ellas con iene
in o mación básica ace ca del con enido, mien as que la segunda abla
con iene in o mación a iable.
 Con enido: La in o mación almacenada en es a abla se co esponde
con un iden i icado único, además del í ulo, desc ipción y echa de
publicación.
 Con enido_ex a: La única in o mación que almacena po de ec o es a
abla es el iden i icado del con enido. El es o de la in o mación a ía
según el dominio de la ed social.
Figu a A.3 Tablas con enido
A.4 Da os de las in e acciones
Los usua ios pueden in e ac ua de di e sas o mas con el con enido,
po ejemplo pueden esc ibi un comen a io, alo a o incluso c ea una nue a
94
apo ación. Exis e una abla dis in a pa a cada in e acción que se puede
ealiza , es as ablas son:
 P oducidos: La in o mación almacenada en es a abla se co esponde
con el iden i icado del usua io y del con enido que ha publicado.
 Valo ados: La in o mación almacenada en es a abla se co esponde
con el iden i icado del usua io, el iden i icado de con enido al que ha
alo ado y el alo de dicha alo ación.
 Fa o i os: La in o mación con enida en es a abla se co esponde con
un iden i icado de usua io y el iden i icado del con enido que ha sido
añadido a su lis a de a o i os.
 Opiniones: La in o mación que se almacena en es a abla co esponde
con un iden i icado de opinión necesa io pa a dis ingui los dis in os
comen a ios de un usua io a un con enido especí ico, además del
iden i icado del usua io y del con enido, se almacena ambién el
comen a io ealizado y la echa de publicación.
Figu a A.4 Tablas in e acciones
95
Apéndice B
API
B.1 Funciones de los usua ios
A con inuación, explica emos con de alle odos los se icios o ecidos pa a
la ges ión de los usua ios.
B.1.1 Login
Función enca gada de inicia la sesión del usua io. Pa a que se
pueda inicia la sesión debe á exis i en la base de da os un usua io
con dicho email y con aseña.
 URL
/login.php
 Pa áme os
o email: Di ección de co eo elec ónico del usua io.
o pass: Con aseña del usua io pa a el inicio de sesión.
 Resul ado
o Id: Iden i icado del usua io que ha iniciado la sesión.
o Message: El mensaje depende á del esul ado de la
ejeuió. Logi oe o, Usuaio /o o aseña
ioe os, Eo e la ase de da os …
o “ a us: OK si eis e el usuaio o E‘‘O‘ e ualuie o o
caso.
 Ejemplo
$.ajax({
96
ype: "POST",
u l: "login.php",
da a: {eai: ejeplo@gail.o, pass : ...},
});
{
id: ,
essage: Logi oe o,
s a us: OK
}
B.1.2 Logou
Mé odo enca gado de ce a la sesión del usua io. El usua io
debe ene una sesión abie a.
 URL
/logou .php
 Pa áme os
No necesi a pa áme os.
 Resul ado
o Message: El mensaje depende á del esul ado de la
ejeuió. “e ha eado la sesió, No ha sesió
iiiada...
o “ a us: OK si se ha eado la sesió o E‘‘O‘ e
cualquie o o caso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "logou .php"
});
{
essage: “e ha eado la sesió,
s a us: OK
97
}
B.1.3 Regis o
Función enca gada de egis a a un nue o usua io en la
aplicación. La única condición que ha de cumpli se pa a que el egis o
se ealice con éxi o es que no exis a ya o o usua io con dicho email.
 URL
/ egis o.php
 Pa áme os
o Id: Iden i icado único del usua io que se egis a.
o name: Nomb e de usua io.
o email: Co eo elec ónico del usua io.
o pass: Con aseña a u iliza en la aplicación.
 Resul ado
o Id: Iden i icado del usua io que se ha egis ado.
o Message: El mensaje depende á del esul ado de la
ejecuió. “e ha egis ado al usuaio, Ya eis e u
usuaio egis ado o ese eail...
o “ a us: OK si se ha podido egis a al usuaio o E‘‘O‘
en cualquie o o caso.
 Ejemplo
$.ajax({
ype: "POST",
u l: " egis o.php",
da a: {id: 1,name: Jua, eai: jua@gail …, ...},
});
{
id: ,
essage: “e ha egis ado al usuaio,
s a us: OK
}

98
B.1.4 Elimina usua io
Mé odo enca gado de elimina a un usua io. Pa a pode
elimina a un usua io es e ha de es a egis ado en la aplicación.
 URL
/elimina Usua io.php
 Pa áme os
o id: Iden i icado del usua io.
 Resul ado
o Message: El mensaje depende á del esul ado de la
ejeuió. “e ha eliiado al usuaio, No eis e el
usuaio...
o S a us: OK si se ha podido eliia al usuaio o E‘‘O‘
en cualquie o o caso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "elimina Usua io.php",
da a: {id: 1},
});
{
essage: “e ha eliiado al usuaio,
s a us: OK
}
B.1.5 Ob ene in o mación del usua io
Función enca gada de de ol e oda la in o mación
alaeada e la ase de da os e las alas usuaio 
usuaio_e a de u usuaio e oe o Ve Apédie A.
99
 URL
/in oUsua io.php
 Pa áme os
o id: Iden i icado del usua io.
 Resul ado
o Id: Iden i icado del usua io
o Name: Nomb e del usua io
o Email: Co eo elec ónico del usua io
o Pass: Con aseña del usua io.
o “ a us: OK si se ha o eido la i oaió del usuaio o
E‘‘O‘ e ualuie o o aso.
Además de es as e ique as se de ol e án odas aquellas que
es é alaeadas e la ala usuaio_e a.
 Ejemplo
$.ajax({
ype: "POST",
u l: "in oUsua io.php",
da a: {id: 2},
});
{
id: ,
ae: Ma a Gaía,
eail: a a@gail.o,
pass: a a,
.
.
.
s a us: OK
}
B.1.6 Modi ica usua io
100
Mé odo enca gado de modi ica los da os del usua io que ha
iniciado sesión. Los da os que se pueden modi ica se án los
almacenados en la base de da os en las alas usuaio 
usuaio_e a Ve Apédie A.
 URL
/modi ica Usua io.php
 Pa áme os
o apos: Cadea de paes apo, alo de la ala usuaio
que se desea modi ica .
o campos_ex a: Cadena de pa es campo, alo de la abla
usuaio_e a ue se desea odi ia.
 Resul ado
o Message: El mensaje depende á del esul ado de la
ejeuió. “e ha odi iado el usuaio, No eis e el
usuaio...
o “ a us: OK si se ha podido odi ia la i oaió del
usuaio o E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "modi ica Usua io.php",
da a: { apos: ae = Jua , eail = jua@g...,
apos_e a: desipió = Fu olis a ... },
});
{
essage: “e ha odi iado el usuaio,
s a us: OK
}
B.1.7 Busca usua ios
Mé odo enca gado de busca aquellos usua ios que sa is acen
la condición de búsqueda. Dicha condición ha de es a o mada po los
101
paes apo alo de las alas usuaio  usuaio_e a Ve
Apéndice A).
 URL
/busca Usua io.php
 Pa áme os
o campo: Cadena de pa es campo alo que se usa án pa a
ealiza búsquedas en la base de da os.
 Resul ado
o Da a: Vec o con los iden i icado es de los usua ios que
sa is acen la búsqueda.
o “ a us: OK se si ha ejeu ado oe ae e la osul a o
E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "busca Usua io.php",
da a: { apos: ae = Jua },
});
{
da a: [ {id: }, {id: } … ],
s a us: OK
}
B.1.8 Segui a un usua io
Es e mé odo pe mi e al usua io que iene la sesión abie a
comenza a segui a o o usua io.
 URL
/ ollow.php
108
B.2.4 Modi ica apo ación
Mé odo enca gado de modi ica los da os de una apo ación.
Los da os que se pueden modi ica se án los almacenados en la base
de da os en las alas o eido  o eido _e a Ve Apédie
A).
 URL
modi ica Apo acion.php
 Pa áme os
o id: iden i icado de la apo ación a modi ica .
o i em: Cadena de pa es campo alo con la in o mación a
modi ica en la abla o eido.
o i em_ex a: Cadena de pa es campo alo con la
i oaió a odi ia e o eido_e a.
 Resul ado
o Message: El mensaje depende á del esul ado de la
ejeuió. “e ha odi iado la apo aió, No eis e la
apo aió ...
o “ a us: OK si se ha podido modi ica la apo ación o
E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "modi ica Apo acion.php",
da a: {
id: 2,
i e: Tí ulo = Móiles, Desipió = A ...,
i em_ex a: Iage = iage.jpg }
});
{
essage: “e ha odi iado la apo aió,
s a us: OK
}

109
B.2.5 Busca apo ación
Mé odo enca gado de busca aquellas apo aciones que
sa is acen la condición de búsqueda. Dicha condición debe es a
o mada po los pa es campo alo de la ala o eido 
o eido_e a Ve Apédie A
 URL
busca Apo acion.php
 Pa áme os
o campos: Cadena de pa es campo alo que se usa án pa a
ealiza búsquedas en la base de da os.
 Resul ado
o Da a: Vec o con los iden i icado es de las apo aciones que
sa is acen la búsqueda.
o “ a us: OK si se ha ejeu ado oe ae e la osul a o
E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "busca Apo acion.php",
da a: {apos:  í ulo = Cálulo..},
});
{
da a: [ {id: }, {id : } … ]
}
B.2.6 Ob ene odas las apo aciones.
Función enca gada de de ol e el id de odas las apo aciones
exis en es en la base de da os.
110
 URL
apo aciones.php
 Pa áme os
No es necesa io pasa pa áme os.
 Resul ado
o Da a: Vec o con los iden i icado es de odas las
apo aciones.
o “ a us: OK si se ha podido o ee las apo aioes o
E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "apo aciones.php",
});
{
da a: [ {id: }, {id: } … ]
}
B.2.7 Ob ene apo aciones del usua io
Función enca gada de de ol e una lis a con los iden i icado es
de las apo aciones que ha publicado un de e minado un usua io.
 URL
apo acionesUsua io.php
 Pa áme os
o id: Iden i icado del usua io del que se quie e ob ene las
apo aciones.
 Resul ados
o Da a: Vec o con los iden i icado es de las apo aciones
publicadas po el usua io.
111
o “ a us: OK si se ha podido o ee la lis a de apo aciones
o E‘‘O‘ e ualuie o o caso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "apo acionesUsua io.php",
da a: {id: 2},
});
{
da a: [ {id: }, {id : }, {id : } … ]
}
B.2.8 Valo a una apo ación
Mé odo enca gado de alo a una apo ación en conc e o. El
usua io que ealiza la alo ación se á el usua io con la sesión iniciada.
 URL
alo a .php
 Pa áme os
o id: iden i icado de la apo ación a alo a .
o alo ación: alo ación o o gada a la apo ación.
 Resul ado
o Message: El mensaje depende á del esul ado de la
ejeuió. “e ha aloado la apo aió, Eo e la ase
de da os ...
o “ a us: OK si se ha aloado oe ae e o E‘‘O‘ e
cualquie o o caso.
 Ejemplo
$.ajax({
ype: "POST",
u l: " alo a .php",
da a: {id: 3, alo ación: 5},
});
112
{
essage: “e ha aloado la apo aió,
s a us: OK,
}
B.2.9 Apo aciones alo adas po un usua io
Función enca gada de de ol e una lis a con los iden i icado es
de las apo aciones alo adas po un usua io.
 URL
apo acionesValo adas.php
 Pa áme os
o id: iden i icado del usua io del que se quie e ob ene la
lis a de las apo aciones alo adas.
 Resul ados
o Da a: Vec o con los iden i icado es de las apo aciones que
haya alo ado el usua io.
o “ a us: OK si se ha podido o ee la lis a de apo aioes
o E‘‘O‘ e ualuie o o aso
 Ejemplo
$.ajax({
ype: "POST",
u l: "apo acionesValo adas.php",
da a: {id: 2},
});
{
da a: [ {id: }, {id : } … ]
}
B.2.10 Añadi apo ación a la lis a a o i os
113
Mé odo enca gado de añadi una apo ación a la lis a de
a o i os del usua io que ha iniciado sesión.
 URL
anadi Fa o i os.php
 Pa áme os
o id_i em: Iden i icado de la apo ación que se desea añadi
a a o i os.
 Resul ado
o Message: El mensaje depende á del esul ado de la
ejeuió. “e ha añadido la apo aió a la lis a de
aoi os, No eis e la apo aió …
o “ a us: OK si se ha añadido a la lis a de a o i os o
E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "anadi Fa o i os.php",
da a: {id_i em: 3},
});
{
essage: “e ha añadido la apo aió a la lis a...,
s a us: OK
}
B.2.11 Elimina apo ación de la lis a de a o i os
Mé odo enca gado de elimina una apo ación de la lis a de
a o i os del usua io con la sesión iniciada.
 URL
elimina Fa o i o.php

114
 Pa áme os
o id: iden i icado de la apo ación que se á e i ada de la lis a
de a o i os.
 Resul ado
o Message:El mensaje depende á del esul ado de la
ejeuió. “e ha eliiado la apo aió de la lis a de
aoi os, Eo e la ase de da os...
o S a us: OK si se ha eliiado la apo aió o E‘‘O‘ e
cualquie o o caso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "elimina Fa o i o.php",
da a: {id: 3},
});
{
essage: “e ha eliiado la apo aió ...,
s a us: OK,
}
B.2.12 Apo aciones a o i as del usua io
Función enca gada de de ol e la lis a de apo aciones que el
usua io ha ma cado como a o i as.
 URL
apo acionesFa o i as.php
 Pa áme os
o id: iden i icado del usua io del cual se quie e ob ene las
apo aciones a o i as.
 Resul ado
115
o Da a: Vec o con los iden i icado es de las apo aciones que
ha añadido el usua io a a o i as.
o “ a us: OK si se ha podido o ee la lis a de apo aioes
a o i as o E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "apo acionesFa o i as.php",
da a: {id: 2},
});
{
da a: [ {id: }, {id : } … ]
}
B.2.13 Añadi comen a io en una apo ación
Mé odo enca gado de añadi un comen a io a una apo ación.
 URL
anadi Comen a io.php
 Pa áme os
o id: Iden i icado de la apo ación en la que se ha esc i o el
comen a io.
o comen a io: Comen a io que se ha ealizado a la
apo ación.
 Resul ado
o Mensaje: El mensaje depende á del esul ado de la
ejeuió. “e ha añadido el oe aio, El oe aio
o eis e…
o “ a us: OK si se ha añadido oe ae e o E‘‘O‘ e
cualquie o o caso .
 Ejemplo
$.ajax({
116
ype: "POST",
u l: "anadi Comen a io.php",
da a: {id: , oe aio: Mu i eesa e},
});
{
essage: “e ha añadido el oe aio,
s a us: OK,
}
B.2.14 Elimina comen a io de una apo ación
Mé odo enca gado de elimina un comen a io de una
apo ación.
 URL
elimina Comen a io.php
 Pa áme os
o id_comen a io: iden i icado de un comen a io
 Resul ado
o Mensaje: El mensaje depende á del esul ado de la
ejeuió. “e ha oado el oe aio, Eo e la ase
de da os ...
o “ a us: E‘‘O‘ si se ha poduido algú eo e la ase
de da os, OK si se ha ejeu ado oe ae e la osul a.
 Ejemplo
$.ajax({
ype: "POST",
u l: "elimina Comen a io.php",
da a: {id_comen a io: 1},
});
{
essage: “e ha oado el oe aio,
s a us: OK,
117
}
B.2.15 Ob ene los comen a ios de la apo ación
Mé odo enca gado de de ol e los comen a ios de una
apo ación o denados po echa.
 URL
comen a ios.php
 Pa áme os
o id: Iden i icado de la apo ación de la que se quie e
ob ene los comen a ios
 Resul ado
o Da a: Vec o con los comen a ios de la apo ación.
o “ a us: OK si se ha ejeu ado oe ae e la osul a o
E‘‘O‘ e ualuie o o aso.
 Ejemplo
$.ajax({
ype: "POST",
u l: "comen a ios.php",
da a: {id: 1},
});
{
da a : [
{id_oe aio : 
oe aio : Mu i eesa e
 eha : -03-12},
.
.
.
]
}