MÁSTER EN INGENIERÍA WEB

Transcripción

1 UNIVERSIDAD DE OVIEDO MÁSTER EN INGENIERÍA WEB CENTRO INTERNACIONAL DE POSTGRADO TRABAJO FIN DE MÁSTER Comprtiv de los métodos de desrrollo de mpliciones en gestores de contenidos web AUTOR: Adrián Menéndez Monroy DIRECTORA: B. Cristin Pelyo Grcí-Bustelo

2 Agrdecimientos Amitutor,CristinPelyo,porlpcienciquehtenidoyporlsbuensdirectricesy ánimosddosdurntetodoeldesrrollodelproyecto. AAdeleRobotsporproporcionrmeelmrcoidelpreldesrrollo. 2 MemoridelProyecto EscueldeIngenieríInformátic:UniversidddeOviedo

3 Resumen En este proyecto se h desrrolldo un comprtiv entre los tres Gestores de Contenido Web(CMS)másutilizdosenlctulidd,WordPress,JoomlyDrupl yunmétricpr dotrl de un crácter más tngible. El objetivo principl es permitir y/o yudr desrrolldoresexternosllevrcbomplicionesdelfuncionlidddelosmismos.en bselcomprtivsedesrrollráunsmétricsquepermitnseleccionrloscmsquese justen más ls necesiddes del desrrolldor y de los dministrdores del CMS y del contexto,yquepermittntousurioscomodesrrolldoresbsrestdecisiónendtos empíricos. Lcomprtivnosehllevdocboniveldeusbilidddelfrmework,odepublicción de contenido, si no que se hn desrrolldo plugins, módulos o mpliciones de l funcionlidd del gestor pr trtr de estudir ls crcterístics que los diferencin y ls herrmientsqueproporcionnlosdesrrolldoresprllevrcbosusproyectos. Pr que el desrrollo de los módulos se semeje lo máximo posible un situción de desrrollorelporprtedeuncompñí,sehimplementdolintegrcióndelossistentes virtulesdelempresadelerobotsconestostrescms.* EscueldeIngenieríInformátic:UniversidddeOviedo MemoridelProyecto 3

4 Plbrs'Clve GestoresdeContenidosWeb,AsistentesVirtules,PHP,PubliccióndeContenidoenlWeb, Integrción,Métrics.* 4 MemoridelProyecto EscueldeIngenieríInformátic:UniversidddeOviedo

5 Abstrct This project hs developed comprision between the most used Content Mngers (Wordpress,JoomlndDrupl) ndlsometrictomkethiscomprison moretngible. The min objetive is to llow or help third:prty developers to crry out functionlity expnsions.bsedonthecomprtive,metricsthtllowsdevevelopersnddministrtorsto choicethebestoptionfortheyneedsndtheirprojectcontextwillbedevelop. The comprision hs not been crry out t usbility level or content publishing of the frmework,instedfunctionlityexpnsionsofthecmshsbeendevelopedtryingtostudy thechrcteristicsthtdifferentitethemndthedevelopertoolstheyprovide. Tryingtomkethedevelopmentsrelsposible,theexpnsionsweremdetointertute withadelerobotsvirtulssistnt.** EscueldeIngenieríInformátic:UniversidddeOviedo MemoridelProyecto 5

6 Keywords WebContentMngers,VirtulAssistnts,PHP,WebContentPublishing,Integrtion,Metrics. 6 MemoridelProyecto EscueldeIngenieríInformátic:UniversidddeOviedo

7 Índice'Generl CAPÍTULO1. MEMORIADELPROYECTO RESUMENDELAMOTIVACIÓN,OBJETIVOSYALCANCEDELPROYECTO...11 CAPÍTULO2. ASPECTOSTEÓRICOS CONCEPTOSPREVIOS Nvegdor*Web*...* Servidor*...* Págin*Web*...* HTML*...* CSS*...* XML*...* JvScript*...* GESTORESDECONTENIDOS Gestores*de*Contenidos*Web*...* ASISTENTESVIRTUALES Introducción*...* Bse*de*conocimiento*...* Interfz*de*usurio*...* Asistente*virtul*Fion*...*23 CAPÍTULO3. PLANIFICACIÓNDELPROYECTO RESUMENDELAPLANIFICACIÓN Trmitción*inicil*...* Anteproyecto*...* Desrrollo*...* Documentción*...* Trmitción*finl*...* PLANIFICACIÓNINICIAL PLANIFICACIÓNFINAL...29 CAPÍTULO4. INTEGRACIÓNDEASISTENTESVIRTUALESENGESTORESDECONTENIDO ASISTENTEVIRTUALFIONA Personlizción*...* Conocimiento*...* Instlción*...* GESTORESDECONTENIDOS Jooml*...* Drupl*...* WordPress*...*53 CAPÍTULO5. PRUEBAS PRUEBASENJOOMLA Pruebs*generles*...* Configurción*...* Conexión*...*66 EscueldeIngenieríInformátic:UniversidddeOviedo MemoridelProyecto 7

8 5.2 PRUEBASENDRUPAL Pruebs*generles*...* Configurción*...* Conexión*...* PRUEBASENWORDPRESS Pruebs*generles*...* Configurción*...* Conexión*...*72 CAPÍTULO6. COMPARATIVAYMÉTRICA COMPARATIVAYMÉTRICAPARAADMINISTRADORESDELCMS COMPARATIVAYMÉTRICAPARADESARROLLADORES Evlución*de*l*documentción*...* Evlución*de*l*personlizción*...* Evlución*de*los*métodos*de*desrrollo*...* Tbl*finl*de*resultdos*...* APLICACIÓNDELASMÉTRICAS Métrics*de*evlución*pr*dministrdores*del*CMS*...* Métrics*de*evlución*pr*desrrolldores*...*82 CAPÍTULO7. CONCLUSIONESYAMPLIACIONES CONCLUSIONES AMPLIACIONES...90 CAPÍTULO8. PRESUPUESTO PRESUPUESTO...91 CAPÍTULO9. REFERENCIASBIBLIOGRÁFICAS LIBROSYARTÍCULOS REFERENCIASENINTERNET...93 CAPÍTULO10. APÉNDICES CONTENIDOENTREGADO CÓDIGOFUENTE Pquete*Jooml*...* Pquete*Drupl*...* Pquete*WordPress*...*103 CAPÍTULO11. ANEXOS ANEXO1.DATOSMÉTRICAS MemoridelProyecto EscueldeIngenieríInformátic:UniversidddeOviedo

9 EscueldeIngenieríInformátic:UniversidddeOviedo MemoridelProyecto 9 Índice'de'Figurs Figur1.PrinciplesNvegdoresWeb...13 Figur2.ContenidoWeb...14 Figur3.EjemplodecódigoHTML...14 Figur5.EjemplodecódigoXML...15 Figur6.EjemplodecódigoJvScript...16 Figur7.Comprtivdeusodenvegdores...17 Figur8.Jooml...18 Figur9.Drupl...19 Figur10.WordPress...20 Figur5.1Fion...23 Figur11.1.GráficodeGnttdelplnificcióninicilprte Figur11.2.GráficodeGnttdelplnificcióninicilprte Figur11.3.GráficodeGnttdelplnificcióninicilprte Figur12.1.GráficodeGnttdelplnificciónfinlprte Figur12.2.GráficodeGnttdelplnificciónfinlprte Figur13.PneldeconfigurcióndeFion...31 Figur14.OpcionesdepersonlizciónúnicsdelversiónPro...31 Figur15.PneldeedicióndectegorísdeleditorAIML...32 Figur16.Ventnprincipldeleditordepreguntsyrespuests...32 Figur17.Cudrodeinsercióndepreguntsyrespuests...33 Figur18.Pneldeconfigurcióndesludoinicilyrespuestpordefecto...33 Figur19.BloqueJvScript...34 Figur20.Evento onclick socidolllmdlvtr...34 Figur21.BloqueJvScriptdetlldo...38 Figur22.fionPlugin.xml_ Figur23.fionPlugin.xml_ Figur24.Visulizcióndelpágindeconfigurción...40 Figur25.HerencideJPlugin...41 Figur26.FunciónsocidleventoonContentPrepre...41 Figur27.Accesolosprámetros...42 Figur28.Conexiónconlosservidores...42 Figur29.CódigonecesrioprctivrFion...43 Figur30.Scriptpersonlizdo...44 Figur31.Hojdeestilo...45 Figur32.FionenJooml...45 Figur33.Funcióntcrf_help()...47 Figur34.Funcióntcrf_info()...47 Figur35.Funcióntcrf_menu()...47 Figur36.Funcióntcrf_form()...47 Figur37.Cmposdeentrddedtosdelusurio...48 Figur38.Cmposdeentrddedtosdelvtr...49 Figur Figur Figur Figur

10 Figur Figur Figur Figur46.Funcióntcrf_form_submit_link()...51 Figur47.Funcióntcrf_form_submit_unlink()...51 Figur48.Funcióntcrf_form_submit_vtrsettings()...52 Figur49.Funcióntcrf_form_view()...52 Figur50.Funcióntcrf_init()...54 Figur51.Funcióntcrf_dmin_view()...55 Figur52.Funcióntcrf_config_view()...55 Figur53.Funcióntcrf_login()...56 Figur54.Funcióntcrf_logout()...57 Figur55.Funcióntcrf_enble_fion()...57 Figur56.Funcióntcrf_disble_fion()...57 Figur57.Funcionestcrf_show_login_view()ytcrf_show_config_view()...58 Figur58.Funcionestcrf_dd_css()ytcrf_dd_fion_script()...58 Figur59.InclusióndeCSS...58 Figur60.<div>quecontendrálvist...58 Figur61.Mensjedeerror...59 Figur62.Formulriodtosusurio...59 Figur63.Inclusióndejscolor...60 Figur64.<div>quecontendrálvistconsuencbezdo...60 Figur65.FormulriodtosAvtr...60 Figur66.Botones...61 Figur67.JvScriptnecesrioprFion...62 Figur68.Unistll.php...62 Figur69.Comprtivnvegdores...63 Figur70.Funcióntcrf_block_info()...77 Figur71.Funcióntcrf_init()...86 Figur72.FunciónonContentPrepre() MemoridelProyecto EscueldeIngenieríInformátic:UniversidddeOviedo

11 Cpítulo1. MemoridelProyecto 1.1 Resumen de l Motivción, Objetivos y AlcncedelProyecto L motivción que tiene el desrrollo de este proyecto, es poder plicr prte de los conocimientosdquiridosenelmásterdeingenieríwebdeluniversidddeoviedoun entornodetrbjolomásprecidoposibleunorel. Ddo que mi formción nterior como Ingeniero Técnico Industril, especilizdo en ElectrónicIndustril,estámuylejosdelámbitodelMásterenIngenieríWeb,hesufridoen mi propi piel el enorme esfuerzo que supone pr lguien sin los conocimientos técnicos necesrios, inicirse en el desrrollo web. Puesto que todos los conocimientos que poseo sobredesrrollowebloshedquiridoenestemástery,desgrcidmente,notodoelmundo tieneccesoél,mesurgiólidedetrbjrenunproyectoquemepermitiesehcerde intermedirio en lgo tn complejo como es el desrrollo web y dos tipos de usurio. Un usurio estándr de l web, sin conocimientos de desrrollo, y desrrolldores que quiern/necesitencomenzrdesrrollr. Fue grcis l posibilidd de relizr ls práctics del Máster en Adele Robots cundo encontréelmrcoidelpresteproyecto. AdeleRobotsesunempresdedicdengrnprteldesrrolloweb,yunodelosproductos queofertsonlosllmdossistentesvirtules. Uno de los principles problems que se encuentr un usurio l hor de utilizr uno de estossistentesensupáginweb,eslmnerdeintegrrlo,ddoquerequiere,lmenos, unospequeñosconocimientosdeprogrmción. Esenestepunto,dondeesteproyectocobrsentido. CuáleslmnermássencillprunusurioestándrdeInternetdecomenzrpublicr contenido? NohyndcomounGestordeContenidos. Cuál es l mner de fcilitr un usurio el cceso un producto como pueden ser los sistentesvirtulesdeadelerobots? IntegrrdichossistentesconlosprinciplesGestoresdeContenidosdemnerqueresulte prácticmentetrnsprenteprelusurio. Además, provechndo todo lo prendido en mi pso por el Máster de Ingenierí Web, se pretendehceruncomprtiventrelsherrmientsquenosproporcionnlosprinciples Gestores de Contenidos pr relizr integrciones como l menciond y obtener uns EscueldeIngenieríInformátic:UniversidddeOviedo MemoridelProyecto 11

12 métricsqueyudenhcermástngiblelgotnbstrctocomolpreferenciporunou otrométododedesrrollo. De est mner, se pretende que ls métrics obtenids l finl de este Trbjo Finl de Máster, yuden un usurio elegir que Gestor de Contenidos utilizr si se pretende umentrsufuncionlidd,yundesrrolldory/ocompñíinteresdeneldesrrollo,que CMS permitirá llevr cbo el desrrollo con los menores inconvenientes y en el menor tiempoposible. 12 MemoridelProyecto EscueldeIngenieríInformátic:UniversidddeOviedo

13 Cpítulo2. AspectosTeóricos Prentenderljustificcióndeestetrbjofinldemásterypoderseguirsudesrrolloes necesriotenerunosconceptosbásicospreviosdelfuncionmientodeinternet.enunbreve repso los conceptos básicos necesrios, se hrá referenci únicmente ls prtes que intervienendirectmenteenlnvegción,sinentrrendetlleenlstecnologísutilizspr l comunicción entre ells, y que no portrí nd relevnte pr el entendimiento del proyecto. 2.1 ConceptosPrevios NvegdorWeb El nvegdor web es el softwre que permite un usurio el cceso internet. Reliz peticiones un servidor, recibe l respuest de este, decodific l informción y con ell construyelpáginwebquesemuestrlusurio. LosmásutilizdosctulmentesonGoogleChrome,MozillFirefox,InternetExplorer,Sfriy Oper. Figur'1.'Principles'Nvegdores'Web.' Servidor Unservidorsetrtdeunplicciónqueproceslspeticionesdeunclienteyledevuelve un respuest. En el cso que nos ocup, y pr simplificr un poco el funcionmiento, un cliente le hce un petición de informción y el servidor responde en un lenguje que el nvegdorpuedinterpretr. EscueldeIngenieríInformátic:UniversidddeOviedo AspectosTeóricos 13

14 2.1.3 PáginWeb Podemos entender un págin web como un documento que contiene informción, y se texto,video,imágenes,etc.,dptdointernet.generlmente,yensuformmássencill, estáformdoporcódigohtmlyunhojdeestilo,css. Figur'2.'Contenido'Web.' HTML Esunlengujeestructurdoquepermite,medinteetiquets,orgnizrlinformciónquese envídesdeunservidoruncliente.grcisestestructur,ylsetiquetsutilizds,el cliente, generlmente un nvegdor web, es cpz de procesr dich informción y mostrársellusuriodemnerlegible. Figur'3.'Ejemplo'de'código'HTML.' 14 AspectosTeóricos EscueldeIngenieríInformátic:UniversidddeOviedo

15 2.1.5 CSS Hbitulmente,socidolcódigoHTMLdeunpáginweb,seencuentrunhojdeestilo, ctulmenteescritencódigocss.lhojdeestilo,comosupropionombreindic, inform l nvegdor el specto con el que debe presentr l informción recibid en el HTML l usurio. Figur4.EjemplodecódigoCSS XML El enorme intercmbio de informción que se produce en internet, no siempre se produce entre un nvegdor web y un servidor. Si no que, en muchs ocsiones, es necesrio que diferentes máquins de diferentes pltforms intercmbien informción entre sí. Pr intentrquediferentespltformspuedn"entenderse"entresí,surge,enlosños70,un lenguje de mrcdo pr el lmcenmiento de informción llmdo GML (Generlized MrkupLnguge),delqueevolucionríelctulXML. Figur'5.'Ejemplo'de'código'XML.' EscueldeIngenieríInformátic:UniversidddeOviedo AspectosTeóricos 15

16 2.1.7 JvScript JvScriptesunlengujeutilizdogenerlmenteenelldodelcliente(nvegdorweb)pr generr págins web con un interfz de usurio más vnzd y dinámic. L función más utilizd pr el JvScript es l modificción o generción de HTML en el cliente bjo demnd.esdecir,permitemodificrelementosdeldocumentohtml,crerlosoeliminrlos, sinnecesidddeunintercciónconelservidor,todoelprocesmientosellevcboenel cliente. Figur'6.'Ejemplo'de'código'JvScript.' Amedidquelwebfueevolucionndo,concdvezmásusuriosymásinformción,sehizo necesriotenerunmnerfluiddepublicrtodestinformción.lmnertrdicionlde publicrl, generndo un código HTML y sociándole un hoj de estilo, requiere tiempo, conocimientodemboslengujesysehcepesdoprelcdvezmáscrecientetráficoen Internet.EsquídondesurgenlosGestoresdeContenidos. 2.2 GestoresdeContenidos Los Gestores de Contenidos surgieron finles de los 90 como respuest l creciente necesidddepubliccióndecontenidoenlweb.concretmente,elsitiowebcnet,enfocdo ls noticis de ámbito tecnológico, trvés de l creción de l compñí Vignette, se convirtióenpionerodelosgestoresdecontenidocomerciles. UnGestordeContenidos,oconocidoporsussiglsenInglésCMS,esunfrmeworkprl publicción y dministrción de contenido, principlmente en l web. Dot l usurio de herrmients pr publicr informción de mner trnsprente l tecnologí utilizd. Permite,unusurioestándrdelweb,dejrdeserunmeroconsumidordeinformción prconvertirseenunfuentededivulgción. LosCMSenlugrdefuncionrconcontenidoestático,comoerhbitul,consistenenun interfzquecontrollsbsesdedtosenlsqueselojelcontenido.grcisqueeste lmcenmientoseproducedemnerindependienteprelcontenidoyeldiseño,esmuy sencilloprelusuriogenerrcontenidodemnerindependientelestilodelsitio,ysu vez,cmbirelestilodetodlwebdemnerutomátic. 16 AspectosTeóricos EscueldeIngenieríInformátic:UniversidddeOviedo

17 EnelcmpoconcretodeesteTrbjoFinldeMáster,sebordrálversiónmásextendid prestetipodefrmeworks,losgestoresdecontenidoswebowebcms GestoresdeContenidosWeb Se trt de gestores de contenidos orientdos l publicción en l web.permiten un usurioccederlcontenidodeunservidordemnermuchomásfluidqueunpáginweb estándr,yquegenerelcontenidobjodemnd. Reduceengrnmedidelcostedemntenimientoydministrcióndeunsitioweb,yqueno esnecesriomquetrcdhtml,sinoquetrvésdeuneditorintegrdoenlinterfzweb delplicción,sepuedeñdircontenidolbsededtos,yestseencrgdeinsertrlo enelconjuntodelsitiowebconelestilopredefinido. Segúnlsestdísticsmásrecientes,lcuotde mercdo delosgestoresdecontenidosweb estáreprtidensumyorprteporwordpress,joomlydrupl,porloqueseránloscms utilizdosenesteproyecto. EnlgráficquesemuestrcontinuciónpuedeverseungráficodeusodeCMSen2014. Figur'7.'Comprtiv'de'uso'de'nvegdores.' EscueldeIngenieríInformátic:UniversidddeOviedo AspectosTeóricos 17

18 Jooml) Figur'8.'Jooml.' JoomleselsegundoCMSmásutilizdoenlctulidd,solopordetrásde WordPress.Su nombreprovienedelplbrswhili juml,quesignific"todosjuntos"o"comounúnico todo",quepermitehcerseunidedelmnerenqueestádesrrolldoestegestorde Contenidos. EstádesrrolldoenPHP,ycomoseexplicóenlintroduccióndeestmemori,requiereun bse de dtos y un servidor pr su funcionmiento. Generlmente se utiliz MySQL como bsededtos,unquemridb,lserunbsededtosdecódigolibreycompletmente comptibleconmysql,tmbiénesundelsfvoritsprservirdelmcenmientodeeste GestordeContenidos.Delmismomodo,elservidorHTTPdeApcheeselmásextendido. UndelsmyoresventjsquetieneJoomlcomoCMS,esquelfuncionliddbseque incluyeensucore,puedeserfácilmentemplidpormediodeextensiones Extensiones Lengujes Grcis que Jooml es multi:idiom de mner ntiv, medinte rchivos de trducción resultmuysencillocmbirelidiomdelsitiowebcompleto Plntills LsplntillsenJooml,diferencideotrosCMS,seconfigurnenúnicorchivo.Podrímos hcerunsimilitudentreunplntilldejoomlyunpáginhtmlúnic,loquesimplificen grnmedidllbordeldiseñdor Componentes EseltipodeextensiónmáscomplejoqueposeeJooml,perotmbiénelmáspotente.Están idedosprpresentrelcontenidoprincipldeunpágin. 18 AspectosTeóricos EscueldeIngenieríInformátic:UniversidddeOviedo

19 Loscomponentesgestionninformción,funcionesydtos,yengenerlpuedenserutilizdos prejecutrculquierfuncionliddquenorecigdentrodelsfuncionliddesbásicsdel CMS Módulos Se trt de extensiones más ligers y flexibles pr l presentción de contenidos que un componente. Sus usos más hbitules son proporcionr un ventn de slid los componentes o contener pequeñs plicciones de terceros, por ejemplo un plicción de previsiónmeteorológicouncnldenoticisexterns. Selessignunposiciónenlplntilldelsllmds posicionesdemódulo",porejemplo "left"o"right"enundiseñoclásicodetrescolumns Plugins Es, quizás, el tipo de extensión más vnzd que posee Jooml. Permite configurr funcionliddes dentro del CMS socids dispros de eventos. Según l documentción oficildelcms,eslformrecomendddeconectrconfuentesexterns Drupl) Figur'9.'Drupl' Drupl es el tercer gestor de contenidos más utilizdo en l ctulidd, por detrás de WordPressyJooml.Aligulquelosnterioresposeelicencidesoftwrelibre,estáescrito enphpyescomptibleconmysqlomridb. TntoeneldesrrollodelpropioCMS,comodeextensionesexisteuncomunidddeusurios muyctiv,loqueloconvierteenungestortremendmenteflexible. Comopuntonegtivo,estámásorientdodesrrolldoresexperimentdosqueusurios finles,porloqueenelmomentodesuinstlciónnoincorpordemsidfuncionliddni contenidodeejemplo,eseldesrrolldorelencrgdodesuconfigurción.sepodríhcer referencidruplcomoungestordecontenido desrrolldo*por*y*pr*desrrolldores. EscueldeIngenieríInformátic:UniversidddeOviedo AspectosTeóricos 19

20 Extensiones Módulos LosmódulossoneltipodeextensiónutilizdoenDruplprmplirlsfuncionliddesdel GestordeContenidos.Sedistinguenendosgrndesgrupos,losmódulosqueDruplincorpor por defecto en l instlción, llmdos Core Módules, y los módulos desrrolldos por terceros,comoeselcsodelquenosocup,llmdos ContributedMódules Tems Al igul que en Jooml ls Plntills, los Tems en Drupl son los encrgdos de l configurciónestéticdelsitio. ElusodeestcrcterístichceeldiseñodeunCMStremendmenteconfigurble,Drupl permiteincluso,estbleceruntemdiferentepreldministrdordelsitioldelrestode usurios WordPress) Figur'10.'WordPress.' WordPresses,sindud,elCMSmásutilizdoenlctulidd.Suéxitosebsensuenorme comunidd de desrrolldores, tnto desrrollndo su Core como mpliándolo medinte extensionesotems.estádesrrolldoenphpyenfocdoentornosdemysqlyapche Extensiones Tems Es l mner en l que WordPress gestion l presentción del contenido. En prtdos nteriores de est memori, se hcí referenci l fcilidd con l que un usurio puede 20 AspectosTeóricos EscueldeIngenieríInformátic:UniversidddeOviedo

21 cmbir completmente el specto y l presentción de su sitio web de mner csi utomátic,puesbien,enwordpress,estoesgrcislostems. Al hcer referenci que con un tem se cmbi no solo el specto, si no tmbién l presentción,esporqueuntemnoessoloun"piel"prelsitioweb,sinoqueuntem puede incluir, demás de ficheros CSS pr dr estilo l sitio, rchivos de código PHP que genernpáginspersonlizds. No se hondrá más en est funcionlidd de WordPress, y que no es importnte pr el desrrollodelproyecto,ybordrlenprofundiddserídemsidoextenso Plugins SonundelscrcterísticsporlsquelosCMSsehnhechotnpopulres. ElCoredeWordPressestádiseñdoprserligeroymximizrlflexibilidddelgestorde contenidos.debidoesto,esposiblequelsfuncionliddespordefectoseninsuficientes prlgunosusuriosfinles.grcislosplugins,elusuriopuedemplirlfuncionlidd desusitiowebdeformpersonlizd. Según l documentción de WordPress, un plugin "es* un* progrm,* o* un* set* de* un* o* más* funciones,* escrits* en* el* lenguje* de* scripting* PHP,* que* ñde* crcterístics* específics* o* servicios* * un* sitio* WordPress,* el* cul* puede* ser* integrdo* sin* problems* con* el* sitio* web* utilizndo* los* métodos* y* puntos* de* cceso* que* proporcion* l* Interfz* de* Progrmción* de* Aplicciones*de*WordPress*(API)". GrcisestAPIqueproporcionelCMS,resultsencilloccederfuncionliddesdelCore dewordpressquepuedenserutilizdoscomointerfzdeccesolsnuevsfuncionliddes desrrollds. EscueldeIngenieríInformátic:UniversidddeOviedo AspectosTeóricos 21

22 2.3 AsistentesVirtules Enlosprtdosquesedesrrollncontinuciónseexplic,demnergenéric,queesun AsistenteVirtulyquespectosloconformn Introducción Un sistente virtul es un personje multimedi cpz de interctur, l menos de form básic,conunusurio.estintercciónpuedeserpormediodevozodetextoescrito,ypor mediodeell,elsistentepuededrinformciónuofrecerunservicio. Los sistentes virtules tienen dos componentes principles y bien diferencidos, pero que trbjnestrechmente,linterfzdeusurioylbsedeconocimiento Bsedeconocimiento Pr que un sistente virtul se cpz de interctur con un usurio, debe poseer los conocimientos necesrios pr ello, es decir, debe sber qué y cómo responder nte un intercción.porejemplo,siseconsiderunsistentevirtulconelquesepuedeinterctur pormediodeuncudrodediálogo,estedebesercpzde"entender"loqueelusurioestá escribiendoy"generr"unrespuest. Enlpráctic,estonoes100%sí,sinoqueenlbsedeconocimientodelsistente,hnde estrreflejdstodslsposiblesentrdsdelusurioyprecrgdsunseriederespuests socidsells.ddoquelintercciónconlossistentesintentsemejrselosmásposible lintercciónconunpersonrel,ydebidolcomplejiddymbigüedddellenguje nturl,elprocesmientodeestetipodelengujeesuncmpoextremdmentecomplejo. PrsolventresteproblemsurgeellengujedemrcdoAIML,Artificil*Intelligence*Mrk up*lnguge.setrtdeunlengujedeprogrmciónbsdoenxmlquepermite,medinte elmrcdodelinformciónylconfigurciónconetiquets,lmcenrlinformciónqueel sistentevirtulnecesit,yloqueesmásimportnte,relcionrlentresí,demnerqueel sistentesecpzdesimulrunconversciónmásomenosespontáne Interfzdeusurio Si se continú con el ejemplo nterior de un usurio interctundo con un sistente virtul medinteuncudrodediálogo,enestepuntotenemoselsoftwredelsistentevirtulligdo un bse de conocimiento. Pr poder completr el sistente y que un usurio pued 22 AspectosTeóricos EscueldeIngenieríInformátic:UniversidddeOviedo

23 comunicrseconél,esnecesriouninterfzdeusurio.hysistentesvirtulesbsdosen cudrosdecht,conpersonjesvirtules... L interfz de usurio debe encrgrse de proporcionr un método de entrd pr que el usurio envíe informción l sistente y un método de slid, trvés del cul el sistente puedenvirinformciónlusurio AsistentevirtulFion Enelcsoconcretodeesteproyecto,lintegrciónserelizconFion,unsistentevirtul con un interfz de usurio compuest por un cudro de diálogo y un personje tridimensionl. Elmétododeentrddeinformciónesuncudrodetexto,enelqueelusuriointroducel informciónolpeticiónquedeseenvirlelsistenteyposeedosmétodosdeslid,uno medinte udio y otro medinte texto impreso en l ventn del sistente que funcionn simultánemente. El personje tridimensionl y l slid de udio trbjn l unísono pr hcer l experienci de usurio lo más rel posible. Además, como prte del modelo de negociodelcompñí,elpersonjeposeedetermindosprámetrosconfigurbles. Contodslspiezsdelpuzzleydefinids,ysepuedeconocerFion: Figur'5.1'Fion' FionesconfigurbledesdeunsitiowebdesrrolldoporAdeleRobots: EscueldeIngenieríInformátic:UniversidddeOviedo AspectosTeóricos 23

24 Enélsepuedenpersonlizrlosspectosdelsistentevirtulmenciondosenlosprtdos nteriores. 24 AspectosTeóricos EscueldeIngenieríInformátic:UniversidddeOviedo

25 Cpítulo3. Plnificción Proyecto del 3.1 Resumendelplnificción Como puede observrse más detlldmente en el fichero de Microsoft Project Adjunto, el proyectosedivideen5prtdosprinciples: Trmitcióninicil Sucometidoprinciplespreprrlostrámitesquesegurenlvlidezdelideoriginlpr estetrbjofinldelmástereningenieríwebdeluniversidddeoviedo Anteproyecto Redcción y plnificción de l documentción presentr como nteproyecto del Trbjo FinldeMáster. En dicho nteproyecto se incluye l plnificción inicil del Trbjo Finl de Máster, cuyo listdodetrespuedeobservrseenelprtdo Desrrollo Eslfsemáscrític,engloblstresorientdslestudioydesrrollodelproyecto. Seencuentrdivididen2subtresprinciples: Trbjo)en)l)empres) Comosehmenciondonteriormente,prtedelproyectosedesrrolldurnteeltiempode relizcióndelsprácticsexternsdelmáster Trbjo)utónomo) EngloblstresdelproyectorelizdsunvezfinlizdoelperiodoenAdele.Eslfsedel proyectoquemásmodificcioneshsufridololrgodesudesrrollo. EscueldeIngenieríInformátic:UniversidddeOviedo Plnificcióndel Proyecto 25

26 Debido l incorporción del desrrolldor del proyecto l plntill de l compñí ASAC Comunicciones, el número de hors diris que puede dedicr l proyecto se h visto mermd.porello,sehtenidoquereorgnizrlplnificción,contemplndoestreducción delnúmerodehors,loquesehtrducidoenunumentodeldurcióndelproyecto Documentción Aprtdofundmentlprrreglrymtizrldocumentciónhechdurnteeldesrrollo. A prtir de l informción recopild durnte el desrrollo, durnte ls tres de documentciónsehndesrrolldotntolcomprtivcomolmétric Trmitciónfinl Enesteprtdoseenglobnlstresquemrcnlfinlizcióndelproyecto,comosonl solicitudyldefensdelproyecto. 26 Plnificción del Proyecto Escuel de Ingenierí Informátic : Universidd de Oviedo

27 3.2 Plnificcióninicil Figur'11.1.'Gráfico'de'Gntt'de'l'plnificción'inicil'prte'1.' Figur'11.2.'Gráfico'de'Gntt'de'l'plnificción'inicil'prte'2.' EscueldeIngenieríInformátic:UniversidddeOviedo Plnificcióndel Proyecto 27

28 Figur'11.3.'Gráfico'de'Gntt'de'l'plnificción'inicil'prte'3.' 28 Plnificción del Proyecto Escuel de Ingenierí Informátic : Universidd de Oviedo

29 3.3 Plnificciónfinl Figur'12.1.'Gráfico'de'Gntt'de'l'plnificción'finl'prte'1.' Figur'12.2.'Gráfico'de'Gntt'de'l'plnificción'finl'prte'2.' Adjunts este proyecto, pueden verse ls imágenes de l plnificción en el directorio /Plnificción. EscueldeIngenieríInformátic:UniversidddeOviedo Plnificcióndel Proyecto 29

30 Cpítulo4. IntegrcióndeAsistentes VirtulesenGestoresdeContenido En el siguiente prtdo se detll pso pso el cmino seguido pr llevr cbo este proyecto. Desde l introducción los Asistentes Virtules, y más concretmente los desrrolldosporlcompñíadelerobots,lintegrciónfinldedichosasistentesconlos GestoresdeContenidosJooml,DruplyWordPress. 4.1 AsistenteVirtulFion Como se h visto en el prtdo 2.3 de este proyecto, los sistentes virtules tienen dos componentes clves, l interfz de usurio y l bse de conocimiento. A continución se muestrcomoconfigurrdichoscomponentesenelcsoconcretodefion Personlizción Enelprtdodepersonlizciónsedistinguenlscuentsgrtuitsdelscuentsdepgo. Lsprimerstienenunsopcionesdepersonlizciónligermenteinferiores,demásdetener limitdo el número de instncis del sistente, de mner que solo puede hber un cliente interctundo con el vtr l mismo tiempo. Podrímos comprrlo con tener un único sistentetécnicoenelserviciodetenciónlcliente,demnerquesóloescpzdetender unllmd. 30 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

31 Figur'13.'Pnel'de'configurción'de'Fion.' Figur'14.'Opciones'de'personlizción'únics'de'l'versión'Pro.' Conocimiento Como se h menciondo en prtdos nteriores, el sistente virtul necesit un bse de conocimientoprpodercomunicrseconelcliente,porloqueesnecesrioincluirleel/los fichero/saimlquerepresentenelconocimientoquesedeseportrfion.esteproceso puederesultr,ysehdemostrdoqueresult,demsidocomplejoprunusurioestándr delwebcomolquevndirigidslsextensionesdesrrolldsenesteproyecto.porello, comotrbjopreviolmismo,yencolborcióncondesrrolldoresdelcompñí,seh implementdo un generdor de AIML bsdo en un interfz gráfic en l que generr EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 31

32 ctegorís, pregunts y respuests result muy sencillo ( Eleditorestáseprdoentresprtdos: Topics: Tbl en l que se orgnizn ls ctegorís de pregunts y respuests del sistente. Figur'15.'Pnel'de'edición'de'ctegorís'del'editor'AIML.' Q&A: En este prtdo se especificn ls pregunts y respuests que componen el conocimientodelvtr. Figur'16.'Ventn'principl'del'editor'de'pregunts'y'respuests.' Enelmomentodeñdirlspreguntsyrespuests,undelsopcionesmásinteresntesdel lengujedemrcdoaimlespodersocirunlistdepreguntsunlistderespuests,de mnerqueseelsistemelque,nteunpreguntdeentrd,escojdemnerletori 32 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

33 undelsrespuests.deestemodo,lintercciónsesemejmuchmáslintercciónrel entredospersons. Figur'17.'Cudro'de'inserción'de'pregunts'y'respuests.' Configurtion:Seestbleceelsludoinicilylrespuestpordefectoencsodequeel sistentenosecpzderesolverunpregunt.esdecir,sielusuriointroduceun preguntprlculelvtrnotieneunrespuestpredefinid,responderáconl respuestintroducidenestecmpo. Figur'18.'Pnel'de'configurción'de'sludo'inicil'y'respuest'por'defecto.' EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 33

34 4.1.3 Instlción Unvezqueelusuriohconfigurdosugustotntoelspectoestéticodelvtrcomosu niveldeconocimiento,esmomentodeintegrrloensusitioweb.lcompñíadelerobots, hstlrelizcióndeesteproyecto,únicmenteproporcionblosusuriosunsistemde integrciónmedintejvscript. ElsistemconsisteenunbloquedeJvScriptqueelusuriodebeinsertrenelcódigofuente desusitioweb.estescriptconstde: Bloquedevriblesquecontienenlscrcterísticsdeconfigurcióndelvtr. Función pr generr el código de inclusión de un fichero JvScript en el que se estblecetodlfuncionlidddelvtr. Bloquedivcontenedorprelmrcodelvtr. Figur'19.'Bloque'JvScript.' Unvezincluidoelprimerbloquedecódigo,sepuedesocirunelementointerctivo,un botónporejemplo,ounimgen. Figur'20.'Evento' onclick 'socido''l'llmd'l'vtr.' 34 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

35 Como se puede observr, son necesrios, l menos, unos conocimientos básicos de progrmciónwebprllevrcbolintegrcióndelsistentevirtulconelsitiowebdel cliente. EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 35

36 4.2 GestoresdeContenidos AdeleRobots,queríconseguirqueculquierusurioquedesesecrerunsitioweb,pudiese, sinnecesidddedquirirconocimientosnuevosydemnerinmedit,integrrsussistentes virtulesenél,porloquecrerextensionesprlosprinciplesgestoresdecontenidosprece unbuenpuntodeprtid. Enbseesto,sehrelizdoelnálisisydesrrollodelintegrcióndeFionenJooml, DruplyWordPress.Losprocedimientosseguidosprellosedetllncontinución Jooml Desrrollo) Trsleerldocumentcióndisponiblecercdemplicionesdeestegestordecontenidos,se hdecididooptrpordesrrollrunpluginprlintegrciónconlossistentesvirtulesde Adele. Como puede observrse en l plnificción del proyecto, l trtrse de un herrmient desconocid, se hn desrrolldo plugins de prueb con funcionliddes mucho más reducids, en concreto 14, pero cuy discusión no port nd est Memori, y que su crácteresmermentedidácticopreldesrrolldor. ComotodslsextensionesenJooml,lospluginseinstlndemnersencilltrvésdeun fichero.zip. Sin embrgo, los rchivos contenidos por este fichero, no son pr nd rbitrrios: Archivosdelplugin UnpluginprJoomltienequeestrformdopor: - ArchivoPHPquecontieneelcódigodelplugin. - Archivodeinstlción.Enesterchivo,escritoenXML,sedebenincluir: o Informción cerc de l procedenci del plugin como nombre del desrrolldor,fechdecreción,licenci,versión o Listdodetodoslosrchivosincluidosdentroelfichero.Zip. o Cmpos de l págin de configurción. Se entrrá más en detlle en prtdosposteriores. - Archivo index.html en blnco. Se recomiend l inclusión de un rchivo HTML en blncopormotivosdeseguridd.eldirectorioquecontieneelpluginesccesiblesi se conoce l url exct de destino, ñdiendo un index.html en blnco los 36 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

37 nvegdores,pordefecto,mostrrnesterchivoenvezdelistrelcontenidodel directorio. - Crpetssets.Elnombredeestcrpetpuedevrir,peroserecomiend,pr seguirunsputsdeorgnizción,incluirlosrchivos ccesorios lplugin(css, JvScript )enestcrpet Enfoque Antesdecomenzreldesrrollo,esimportntehcerunlbordebstrcciónprintentr tenerunenfoquemásglobldelproyectoydeloquesevdesrrollr.enelcsodeeste plugin: - Intención:IntegrrFionconJooml. - Método:Medinteunplugin - Mterilnecesrio: o o o o o Implementción ScriptproporciondoporAdelerobots(semodificráligermente). FicheroXMLdeconfigurción,nombrdofionPlugin.xml FicheroPHPconlfuncionlidddelplugin,nombrdofionPlugin.php CSSprdrestilolplugin,nombrdostyle.css Clve públic. Tmbién hrá flt un clve públic pr conectrnos los servidoresdeadelerobots,severáeneldesrrollodefionplugin.php Comohemosvisto,elrchivofionPlugin.phpdebecontenerlfuncionliddquedeseemos implementrenelplugin,enelcsoconcretodeestepluginlformdehcerloesconectrse losservidoresdelcompñítrvésdeunconexiónsegur(ssl). En el script originl que se proporcion en el sitio web de Adele Robots trs generr el sistentevirtul,vienenprecrgdosunseriededtospersonlizdos: EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 37

38 Figur'21.'Bloque'JvScript'detlldo.' Comoelpluginqueestmosdesrrollndo,debefuncionrprculquierusurio,sedeben obtener estos dtos de mner dinámic con los dtos de cceso de cd usurio. Conectándose por SSL los servidores de l compñí y proporcionndo, por un ldo ls credencilesdelusurio,yporotro,lclvepúblicmenciondnteriormente,seobtendrán dichosdtos. Ddo que se necesitn los dtos de cceso del usurio, se debe crer un págin de configurción del plugin pr que el usurio pued registrr sus credenciles. Según l especificción de Jooml, dich págin de configurción se estblece en el fichero de instlción.seprovechráestpágin,demásdeprrecogerlscredencilesdelusurio, prpermitirlusuriointroducirprámetrosdeconfigurcióndelvtr fionplugin.xml 38 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

39 ' Figur'22.'fionPlugin.xml_1.' Comosepuedeobservrenlimgensuperiortodlinformciónquesedebe solicitr l usurioseencuentrdentrodelsetiquets<fieldset></fieldset>. Dentro del fieldset, se orgnizn los cmpos con ls etiquets <field></field>, definiendo el tipodecdunosegúneltipodecmpoquesequiercrer: - type= spcer sirveprmntenergrupdoscmposconcrcterísticscomunes. - type= text creuninputdetexto. - type= pssword generuncmpopruncontrseñ - type= rdio construyeunformulrioderdiobotones. - type= list implementunlistdesplegbledeopciones. SecompletfionPlugin.xmlconlosdtosdeldesrrolldor,licenci,etc.: EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 39

40 Figur'23.'fionPlugin.xml_2.' Conestsconstrucciones,yestálistlpágindeconfigurcióndelsistentevirtul.Unvez instldoelpluginquedrádelsiguientemner: Figur'24.'Visulizción'de'l'págin'de'configurción.' Unvezrecopildoslosdtosnecesriosdelusurio,hyquecentrrseeneldesrrollodel funcionlidddelplugin,rchivofionplugin.php fionplugin.php El desrrollo de Jooml, está bsdo en conseguir un frmework lo más fiel posible l prdigmdelorientciónobjetos.porello,enlsúltimsversionessehdesrrolldoun sistemnuevodepluginsquesigueelptrónobserver.lospluginsonlsclses Observer, ligdsunmnejdordeeventosglobldelcoredelcms. Prqueelpluginformeprtededichoptrón,debeheredrdelclseJPlugin. 40 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

41 Figur'25.'Herenci'de'JPlugin.' Yestálclsedelplugindefinid,eselmomentodedecidircundoelplugin hdeentrr encción. Pr ejecutr l funcionlidd de los plugins, Jooml incorpor un sistem de eventos que permiten disprr lfuncionlidddelplugincundounodeestoseventosocurr.eneste csoprticulr,senecesituneventoquesedisprecdvezquesecrgueunpágin,de mner que el botón de llmd l sistente virtul esté disponible en todo el sitio. Sin embrgo,noesnecesrioqueésteprezceneldministrdordelportl,yquesonpágins privdsprlosdministrdores. Contodslscondicionesnteriores,eleventoelegidoqueprecedecursemásellsesel llmdooncontentprepre. EleventoonContentPrepreeslprimeretpprlgenercióndecontenido.Cundoel contenido está preprdo y listo pr mostrrse, puede ser modificdo invocndo este evento. En este cso, se utilizrá pr conocer cundo se está preprndo contenido pr publicr,puesesprecismenteenlspáginsenlsquesepubliccontenidoenlsqueseh demostrrelsistentevirtul. Pr conectr con el mnejdor y que nuestro código se ejecute en el momento en que slte eleventooncontentprepre,cremosunfunciónhomónim. Figur'26.'Función'socid'l'evento'onContentPrepre.' En este punto y está configurdo el plugin pr que respond los eventos que se hn elegido,porloqueeldesrrollosehdecentrrenlfuncionlidd. Loprimeroquesenecesitprcrgrelsistentevirtul,eselscriptquelocontiene.Este script,contienedosclvesquesedebenobtenerprtirdeuncontrseñproporciondpor l compñí en tiempo rel. Pr obtenerl, es necesri un conexión con el servidor de AdeleRobots.Senecesitn,prello,losdtosqueelusuriohintroducidoenlpáginde configurciónquesehcredonteriormenteyunclvepúblicfcilitdporlcompñí. Prccederlosprámetrosintroducidosporelusurioenelformulriodeconfigurción, Joomlfcilit:$this:>prms:>get(),queccedelosprámetrosintroducidosenlpágin deconfigurcióndelplugin. EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 41

42 Figur'27.'Acceso''los'prámetros.' Porcomodidd,selmcenrálclvepúbliceneldirectoriodelplugin,enlcrpet key deldirectorio ssets. Conlclvepúblicylosdtosdeusurio,sepuederelizrlconexiónconAdele.Hyque tenerencuentqueelserviciowebquelempresproporcionprobtenerlcontrseñ del vtr, gener JSON como respuest, por lo que hy que decodificrlo ntes de poder ccederlosdtos. Figur'28.'Conexión'con'los'servidores.' Prpoder llmr lsistentevirtul,sonnecesriosunbotónqueloctiveyuncontenedor enelqueinsertrloenelmomentodesedo. Secompruebquelrespuestdelservidorhsidocorrectysegenerelcódigonecesrio. 42 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

43 Figur'29.'Código'necesrio'pr'ctivr'Fion.' Por último, se gener el script personlizdo con los dtos obtenidos de los servidores de Adele. LcontrseñseutilizráprgenerrdoscdensencriptdsconellgoritmoMD5modo declves. Enlrespuest,demásdelcontrseñ,sehrecibodtosdelvtrquetmbiénseutilizn prgenerrelscript,comosonsunombreysuid. EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 43

44 Figur'30.'Script'personlizdo.' Contodoesto,yestálistoelrchivofionPlugin.phpquecontienelfuncionlidddelplugin. Comocolofón,simplementequedñdirunpocodeestilolbotónque llm Fion.Se ñdeelficheroconlcss(style.css)ldirectoriossets/cssdelplugin. 44 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

45 Figur'31.'Hoj'de'estilo.' FionyseencuentrcompletmenteintegrdenJooml. Figur'32.'Fion'en'Jooml.' EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 45

46 4.2.2 Drupl Desrrollo) Archivosdelplugin EldirectoriodelpluginprDrupl,esmuysimilrlcredoenJooml: - ArchivoPHPprincipldelpluginquecontendrálfuncionlidddelplugin. - Archivoconlinformcióndelplugin(Nombre,descripción,desrrolldor ). - Directorioquecontenglosrchivos ccesorios lplugin(jvscript,css ) Enfoque Al igul que se h hecho en los gestores nteriores, se debe orgnizr el enfoque ntes de comenzrlimplementción: - tcrf.module:archivophpquecontieneelcódigodelpluginconextensión. - Tcrf.info:Archivodeinformcióndelplugin. - Crpetssets.Elnombredeestcrpetpuedevrir,peroserecomiend,pr seguirunsputsdeorgnizción,incluirlosrchivos ccesorios lplugin(css, JvScript )enestcrpet Implementción Ddo que l funcionlidd que se pretende conseguir con el desrrollo del módulo pr Drupl, es l mism que pr el plugin de Jooml, se procede explicr directmente el desrrollodelosficherosdelmódulo tcrf.module Drupl, pese no ser un Gestor de Contenido como es Jooml, que está muy orientdo l prdigm de l orientción objetos, sigue es cierto modo el ptrón Observer. Medinte convencióndenombres,sesocineventosconfuncionesdelplugin. Elnombrdoquesehdeseguirconsisteenelnombredelplugin,enestecsotcrf,guiónbjo ynombredel hook,porejemplo,prcrerunpágindeyudcomorecomienddrupl: 46 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

47 Figur'33.'Función'tcrf_help().' Acontinución,hookprlinformcióndelplugin: Figur'34.'Función'tcrf_info().' Sehdegenerrtmbién,linformciónprelMenúylpágindeconfigurción: Figur'35.'Función'tcrf_menu().' Al igul que ocurrí en Jooml, es necesrio obtener informción del usurio trvés de l págin de configurción. A diferenci del nterior CMS, l págin de configurción de los módulosdedruplnoseconfigurtrvésdeunxml,sinoqueserelizenunfunción dentrodelrchivophpdelfuncionlidddelmódulo: EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido Figur'36.'Función'tcrf_form().' 47

48 Dentro de est función, se debe definir, con un estructur preestblecid por el CMS, los cmposdedquisicióndedtosdelusurio.comosepuedeobservrenlfigursiguiente,se puedehcerun árbol deetiquets,conelculcrerunformulrioydefinirloscmposque formrán prte de él. En este primer bloque se cre un formulrio con el que recoger ls credencilesqueseutilizránprconectrconelservidordeadelerobots. Al objeto form que h llegdo como prámetro l función, se le ñden los cmpos de configurción.enprimerlugrsedeclrunfieldsetprenglobrloscmposdeentrdde dtosrelciondosconlcuentdelusurio,seestbleceunpárrfoinformtivodecreción deuncuentporsielusurionodispusiesedeunysedeclrnloscmposdeentrdde nombredeusurioycontrseñ. Figur'37.'Cmpos'de'entrd'de'dtos'del'usurio.' AlestrelcódigodelpágindeconfigurciónenelficheroPHP,hymásposibiliddesde mejorr l experienci de usurio, y hcer que l configurción del módulo prezc más interctiv. Por ejemplo, en el siguiente frgmento de código, se estblece como condición queexistlvriblevtr_nmeprmostrrloscmposdeconfigurcióndelvtr.de est mner, ddo que l vrible vtr_nme solo existe (se verá más delnte por qué) cundo se h estblecido un conexión correct con Adele Robots, los cmpos de configurciónsoloseránvisiblestrsintroducirunscredencilescorrectsenelformulrio nterior. 48 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

49 Figur'38.'Cmpos'de'entrd'de'dtos'del'vtr.' Enlprimerprtedeestsentencicondicionl,ddoquehemosestblecidoqueexisteun conexión con los servidores externos, se muestr un mensje que verific dich condición mostrndo el nombre del vtr obtenido y un botón pr desvinculr l cuent. L funcionlidddeestebotónseimplementenlfuncióntcrf_form_submit_unlink(). Figur'39.' Siguiendolmismmetodologíqueprlosdtosdeusurio,serecogenlosprámetrosde configurcióndefion. Figur'40.' EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 49

50 Figur'41.' En el frgmento de código que se muestr continución, se puede observr un de ls grndesventjsqueportdruplconrespectojoomlylpágindeconfigurción.alos elementos que l componen, se le pueden ñdir tributos, que se verán reflejdos en el códigohtmlgenerdoporelcms.dichostributospuedenserutilizdos,comoenestecso, pr dotr un elemento de funcionlidd extr. En este cso concreto, se estblecen los tributosclssyvlueprgenerrunselectordecolorconllibreríjscolor. Figur'42.' Porsupuesto,debemosñdirdichlibrerílpágin.Drupltmbiénofreceunmner sencilldehcerlo: Figur'43.' Secontinúconlgenercióndecmposdeentrdprlosprámetrosdeconfigurción: Figur'44.' EnelúltimofrgmentodecódigodeestfunciónseestblecelfuncionlidddelbotónLink Account y de un mensje, cuy visibilidd está condiciond l opuesto de l sentenci condicionlnterior,esdecir,quenoexistlvriblevtr_nme,loquesetrduceenque nohyestblecidunconexiónconlosservidoresdeadele. 50 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

51 Figur'45.' Comopuedeobservrseenlimgennterior,lfuncionlidddelbotónconsisteeninvocr lfuncióntcrf_form_submit_link(). Como se h visto nteriormente, l función tcrf_form_submit_link() se ejecut cundo se ccionelbotónsocidoell. EnestfunciónserelizlconexiónconlosservidoresdeAdeleyselmcennlsvribles obtenidscomorespuest.noseentrráenmásdetlleylcciónserelizexctmente igulqueenelplugindejooml. Figur'46.'Función'tcrf_form_submit_link().' Lfuncióntcrf_form_submit_unlink()quesemuestrcontinucióneliminlosdtosdel cuentdeusurioylosprámetrosdelvtrobtenidosdelfuenteextern.deestmner, lcuentqueddesvinculd. Figur'47.'Función'tcrf_form_submit_unlink().' EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 51

52 Prterminrconlpágindeconfigurción,seestblecelfunciónsocidlformulriode configurción del vtr, en el que se cren ls vribles correspondientes con los vlores obtenidosenlrespuestdelosservidoresdeadele. Figur'48.'Función'tcrf_form_submit_vtrsettings().' Un vez termind l págin de configurción solo qued, en cd págin, generr tnto el scriptdefion,comoelbloquedivquelcontendráyelbotónprctivrl,sícomolhoj deestilo. Estoseconsigueconelhook: Figur'49.'Función'tcrf_form_view().' 52 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

53 4.2.3 WordPress Desrrollo) Al igul que ocurre en Drupl, en WordPress no es difícil tomr l decisión de qué tipo de extensióndesrrollr,seimplementráunplugin Archivosdelplugin EldirectoriodelpluginprWordPress,eslgomáscomplejoquelosvistosnteriormente: - Archivo PHP principl del plugin que contendrá l funcionlidd del plugin (fionplugin.php). - ArchivoPHPquecontienelconfigurcióndelscriptdeFion. - Directorio views en el que se lmcenrán los PHP de l vist de configurción (config:form.php)ydelogin(login:form.php). - Directoriossets,quecontienelosrchivos ccesorios lplugin(jvscript,css ) - Directorioimges,quecomosunombreindic,contienelsimágenesutilizdsen elplugin Enfoque Al igul que se h hecho en los gestores nteriores, se debe orgnizr el enfoque ntes de comenzrlimplementción: - Intención:IntegrrFionconWordPress. - Método:Medinteunplugin. - Mterilnecesrio: o o o o o o ScriptproporciondoporAdelerobots(semodificráligermente). FicheroPHPconlfuncionlidddelplugin,nombrdofionPlugin.php FicheroPHPquemodificráelscript. Ficheros PHP pr l vist de los formulrios de login y configurción del vtr CSSprdrestilolplugin,nombrdostyle.css Clve públic. Tmbién hrá flt un clve públic pr conectrnos los servidoresdeadelerobots,severáeneldesrrollodefionplugin.php EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 53

54 Implementción Al igul que en el prtdo correspondiente Drupl, ddo que l funcionlidd que se pretendeconseguirconeldesrrollodelplugin,eslmismqueprelplugindejooml,se procedeexplicrdirectmenteeldesrrollodelosficherosdelmódulo fionplugin.php ElcsodeWordPressvuelveserlgodiferentelrestodegestoresdecontenido,eneste csoencomoelcmsejecutlfuncionlidddelosplugin. WordPressejecutelrchivodelpluginencdcrgdepáginsiempreycundodichoplugin estéctivo.debidoesto, sedebe crerunfunciónqueenglobelsfuncionliddesdel pluginyhcerquedichfunciónseejecute. Figur'50.'Función'tcrf_init().' ' EnestprimerfunciónseutiliznlosmétodosproporciondosporWordPressprsocir eventos funciones específics. En este cso concreto, se socin ls funciones tcrf_dmin_menu(),* tcrf_dd_css() y* tcrf_dd_fion_script()* los eventos dmin_menu,* wp_enqueue_scripts y* wp_footer* respectivmente. Los dos últimos de estos eventos, están condiciondosqueelprámetrofion_enbledseverddero,loculindicríqueelvtr estáctivdo.estsentencicondicionlesutilizdprdecidirsisemuestronoelbotón deiniciodelvtrysisecrgelscriptquecontienefion. L función dmin_menu()* sirve pr configurr el título y el icono de l págin de configurción. Dicho título e icono, grcis l función dd_menu_pge() precerán en l brrlterldelpneldedministrcióndelcms. 54 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

55 Figur'51.'Función'tcrf_dmin_view().' Endichfunciónseestblececomo5ºprámetro,lfunciónquegenerrálvistdelpágin deconfigurción,esestecsotcrf_config_view():* Figur'52.'Función'tcrf_config_view().' Comopuedeobservrseenlimgennterior,lvistmostrddependerádelcciónque hy relizdo el usurio (se verá más delnte como se estblece el prámetro que indic dichcción).dichvistseconfigurrásegúnlejecucióndelsfuncionesestblecids: - Sielusurionohrelizdoninguncción: o Sielusurioestálogedo: tcrf_show_config_view()* o Sielusurionoestálogedo tcrf_show_login_view()* - Sielusuriohrelizdouncción o Sielusurioestálogedo: EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 55

56 o Sihhbilitdoelvtr:tcrf_enble_fion() Sihdeshbilitdoelvtr:tcrf_disble_fion() Sihhechologout:tcrf_logout() Pordefecto:show_config_view() Sielusurionoestálogedo Sisehhechologin:tcrf_login() Pordefecto:tcrf_show_login_view() Lfuncióntcrf_login(),estblecelconexiónconlosservidoresdeAdeledelmismmner que en los otros dos Gestores de Contenido y recibe los prámetros de configurción del vtr. Figur'53.'Función'tcrf_login().' 56 IntegrcióndeAsistentesVirtulesenGestoresdeContenido EscueldeIngenierí Informátic:UniversidddeOviedo

57 Si todo h ido correcto se ejecut tcrf_show_config_view(), en cso contrrio, tcrf_show_login_view()envindocomoprámetroelmensjedeerrorobtenido. L función tcrf_logout(), borr los prámetros del usurio y continución ejecut tcrf_show_login_view(). Figur'54.'Función'tcrf_logout().' Lfunciónenble_fion(),recogelosprámetrosintroducidosporelusurioyloslmcenen lmemoridelcms. Figur'55.'Función'tcrf_enble_fion().' Lfuncióndisble_fion()*tieneelcomportmientocontrriolfunciónnterior,borrlos prámetrosdelusuriodelmemoridelcms. Figur'56.'Función'tcrf_disble_fion().' Lsfuncionesshow_login_view()yshow_config_view(),seencrgndemostrrlsvistsde loginyconfigurciónrespectivmente. EscueldeIngenieríInformátic:UniversidddeOviedo IntegrcióndeAsistentes VirtulesenGestoresdeContenido 57