Social Fan: un generador de redes sociales

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}, . . . ] }