Arquitectura App-Web para la gestión de complementos de ...

29
ARQUITECTURA APP- WEB PARA LA GESTIÓN DE COMPLEMENTOS DE GUÍAS DE APRENDIZAJE SERF PARA LA INSTITUCIÓN EDUCATIVA CONCEJO MUNICIPAL DE ITAGÜÍ ELIZABETH LOPERA VALENCIA 1 Universidad EAFIT Medellín - Colombia 1 Licenciada en Lengua Castellana, Universidad de Antioquia (Medellín, 2011). Docente del Municipio Itagüí, Colombia Candidata Maestría en Ingeniería en Tecnologías de Información para Educación, Universidad EAFIT Medellín, Colombia Correo electrónico: [email protected]. Asesora: María del Rosario Atuesta V. Universidad EAFIT. Correo electrónico: [email protected]

Transcript of Arquitectura App-Web para la gestión de complementos de ...

Page 1: Arquitectura App-Web para la gestión de complementos de ...

ARQUITECTURAAPP-WEBPARALAGESTIÓNDECOMPLEMENTOSDEGUÍASDE

APRENDIZAJESERFPARALA

INSTITUCIÓNEDUCATIVACONCEJOMUNICIPALDEITAGÜÍ

ELIZABETHLOPERAVALENCIA1

UniversidadEAFITMedellín-Colombia

1LicenciadaenLenguaCastellana,UniversidaddeAntioquia (Medellín, 2011).DocentedelMunicipio Itagüí, ColombiaCandidataMaestríaenIngenieríaenTecnologíasdeInformaciónparaEducación,UniversidadEAFITMedellín,ColombiaCorreoelectrónico:[email protected]:MaríadelRosarioAtuestaV.UniversidadEAFIT.Correoelectrónico:[email protected]

Page 2: Arquitectura App-Web para la gestión de complementos de ...

RESUMEN

PararesponderalaexigenciaactualdelmundoglobalizadoeincorporarlasTICenlaeducación con el fin de mejorar y apoyar los procesos de enseñanza aprendizaje encorrespondencia con los intereses actuales de los sujetos que intervienen en dichosprocesos,laInstituciónEducativaConcejoMunicipaldeItagüíhaimplementadoelmodeloeducativo Sistema de Educación Relacional Fontán (SERF). Este sistema aporta unconjuntodeguíasdeaprendizajealojadasenelsistemaQino.Conelánimodecompartirlas adaptaciones y aportes que los docentes hacen a las guías para satisfacer lasnecesidadesydemandasde losestudiantesde la institución, sediseñóunaarquitecturatecnológica para la implementación de una APP –WEB complementaria a la aplicaciónQino, que aporta servicios para la gestión de la información complementaria comorecursos, actividades y Url’s asociadas a una guía de aprendizaje disponible en Qino,disponiblesentiemporealparalosdocentesdelainstitución.Palabras Claves: Arquitectura-app, modelo por vistas, guías de aprendizaje, SERI,

SERF.

ABSTRACT

Inordertorespondtothecurrentdemandsoftheglobalizedworldandtoincorporate

ICT in education in order to improve and support the teaching-learning processes incorrespondencewiththecurrentinterestsofthesubjectsinvolvedintheseprocesses,theEducationalInstitutionItagüíMunicipalCouncilHasimplementedtheeducationalmodelRelationalFontánEducationSystem(SERF).Thissystemprovidesasetoflearningguideshoused in the Qino system. In order to share the adaptations and contributions thatteachers make to the guides to meet the needs and demands of the students of theinstitution,a technologicalarchitecturewasdesigned for the implementationofaAPP -WEB complementary to the Qino application, which contributes Services for themanagement of complementary information such as resources, activities and URLsassociated with a learning guide available in Qino, available in real time for theinstitution'steachers.

Keywords:Architecture-app,modelbyview,learningguides,SERI,SERF.

Page 3: Arquitectura App-Web para la gestión de complementos de ...

i

TABLADECONTENIDO

1 INTRODUCCIÓNMODELOSERF................................................................................................................................11.1 VidadelmodeloenlainstitucióneducativaConcejoMunicipaldeItagüí.........................................2

2 DESCRIPCIÓNDELPROBLEMA.................................................................................................................................4

3 PROPUESTADEARQUITECTURAAPP-WEBPARALAGESTIÓNDECOMPLEMENTOSDEGUÍASDEAPRENDIZAJESERF...........................................................................................................................................................63.1 ARQUITECTURAPARAQINO+..............................................................................................................................73.1.1 Vistaconceptual......................................................................................................................................................73.1.2 Vistalógica..............................................................................................................................................................153.1.3 Vistafísica................................................................................................................................................................173.1.4 Vistadeimplementación...................................................................................................................................19

4 CONCLUSIONES.............................................................................................................................................................21

5 BIBLIOGRAFÍA................................................................................................................................................................23

LISTADEGRÁFICAS

Figura1:RepresentacióndelacomunicaciónentreaplicacionesQinoyQino+.........................7Figura2.PrototipoautenticacióndeusuarioQino+.Fuente:construcciónpropia.................12Figura3.PrototipoparaestablecerparámetrosdebúsquedaparaelusuarioenQino+.....12Figura4.Prototipodedesplieguedeinformaciónbasadaenparámetrosdebúsqueda......13Figura5.Prototipodedesplieguedeestadoparausuariosregistradosenroladministradordecontenido.............................................................................................................................14Figura6.PrototipodeprocesoparahomologacióndecódigosparaguíasQino......................14Figura7.VistaLógicaparaelsistemaQino+............................................................................................16Figura8.VistafísicaparaQino+.....................................................................................................................17Figura9.VistadeimplementaciónparaQino+.......................................................................................20

LISTADETABLASTabla1.HistoriasdeusuarioparaeldiseñodeQino+.............................................................................8Tabla2.DescriptoresdelasinterfacesyoperacionesparalacapadelClienteenQino+......20

Page 4: Arquitectura App-Web para la gestión de complementos de ...

Página

1

1 INTRODUCCIÓNMODELOSERF

LaspolíticasenmateriadeeducacióndelmunicipiodeItagüí,seencuentranacargode

la Secretaría de Educación, la cual es la responsable del servicio educativo, con eldireccionamiento a 24 instituciones educativas oficiales distribuidas en 38 sedes(SecretaríadeEducación.Áreadecalidadeducativa,2013).LaSecretaríadeEducación,harealizadoconvenioscondiferentesoperadoresyorganizaciones,paraapoyarymejorarlaprestacióndelservicioeducativo;entreestosconveniosseencuentralaONGLearningOnetoOnerepresentadaporelColegioFontándeBogotá,lacuallideraelSistemadeEducaciónRelacional (SERF), que como proyecto educativo de auto-aprendizaje formal, parte de larealidad de cada estudiante con un proyecto educativo personal, respetando su ritmoindividualdeaprendizaje.

ElSistemadeEducaciónRelacionalFontán(SERF):

Surgecomorespuestaaloscambiospropiosdelasociedadycultura,queexigendelindividuounacapacidadcadavezmayorfrentealatomadedecisiones,labúsquedadeopcionesdedesarrolloymejoramientoensucalidaddevidayladesuentorno.Es una alternativa pedagógica que busca la formación de personas autónomas ylibres fundadas en el desarrollo deunpensamiento crítico y propositivo. (ColegioFontán,2003,p1).

Este sistema fue creado en 1957 por dos psicólogos españoles Ventura Fontán y suesposa Emilia García, y aplicado en Medellín - Colombia por primera vez en el CentroPsicotécnico(CentroPsico-técnica).El estudiante es acompañado por el equipo de educadores para que alcance la

excelencia en cada tema, exaltando sus potencialidades y desarrollando competenciasintelectuales,personales,socialesyemocionalesquesonesencialesparalaintegraciónycompromiso con su comunidad y su país. Por sus características y resultados deaplicación,estemodelohasidoreconocidoanivelnacionaleinternacional.“Luegode16años de trayectoria del Colegio Fontán en la ciudad de Bogotá, se identifican comoobjetivos significativos del proyecto: la excelencia, la formación de valores, una altaexigencia académica, la transmisión escrita del conocimiento y una formación flexiblebasadaenlaautonomía”.(ColegioFontán,2003).

Page 5: Arquitectura App-Web para la gestión de complementos de ...

Página

2

ParaelmunicipiodeItagüí,elsistemaSERF,seconoceconelnombredeSERI2(SistemaEducacionalRelacionaldeItagüí-SERI)Enelaño2013seadelantólaprimeraFasedeimplementacióndelSERFenelMunicipio

de Itagüí, con excelentes resultados para las instituciones educativas participantes. LaFase II incluyó la implementación completa en cuatro colegios de Itagüí: Felipe deRestrepo, Isolda Echavarría, Concejo Municipal de Itagüí y María Josefa Escobar.(SecretaríadeEducacióndeItagüí,2013.Pág.199-200).

1.1 VidadelmodeloenlainstitucióneducativaConcejoMunicipaldeItagüí

LaInstituciónEducativaConsejoMunicipaldeItagüí3(WEBIECOMI2000-2017),está

ubicada en el municipio que lleva su nombre, en la comuna 3, en la parte sur. Es unainstitucióncarácteroficial,mixtoypúblico,estohacequealbergueunagrancantidaddepoblación, no solo de los barrios aledaños, sino de todos los barrios del municipio engeneral,einclusoalgunaspoblacionesprovenientesdelmunicipiodeMedellín.Cuentacondossedes, laprincipalenelbarrioBarilochey laprimaria,depreescolaraterceroen lasede del barrio San Francisco. Cuenta con lamodalidaddeescuela sinmuros que es unprograma que atiende el Centro Penitenciario la Paz, y cubre los ciclos de preescolar,básicaprimaria,básicasecundaria,mediaacadémicaymediatécnica.Albergaensusdossedes un total de 1.700 estudiantes, repartidos en sus cuatro jornadas (mañana, tarde,nocheysabatinos)yungrupode90docentes,cadaunoconlaformaciónidóneaparaeláreaenlacualsedesempeña.EnlaInstituciónEducativaConcejoMunicipaldeItagüí,seiniciaeltrabajodelModelo

EducativoFontán,bajoelacuerdoN°13delConsejoDirectivodel22deAgostodel2013que autoriza la implementación de la propuesta del Modelo Fontán (SERF) y laautorización para destinar los recursos humanos y económicos en la medida de susposibilidades, contando de antemano que el Municipio aportará los requerimientoslogísticostalescomo:infraestructura,conectividad,capacitación,controlyseguimientodelaexperiencia,deacuerdoasusrecursoscomoapoyoparaeléxitodelaexperiencia.LaInstituciónestá completamente convencidadeque sepuedeapostarporunaeducaciónque realmente signifique un cambio positivo y repiense el proceso educativo; por talmotivo,haadoptadoeldeseovehementededesaprenderycomenzaraconstruirdesdelopúblicoestesistemadeeducaciónpersonalizado,queimplementacotidianamenteeluso

2ProyectoTransformandolaEducación(SistemaEducacionalRelacionaldeItagüí-SERIencuatroInstitucionesEducativasOficiales).3PáginawebInstituciónEducativaConcejoMunicipaldeItagüí,2000-201.Recuperadodehttp://www.iecomi.edu.co/

Page 6: Arquitectura App-Web para la gestión de complementos de ...

Página

3

de tecnologías de información y comunicación (TIC) en el desarrollo de sus clases ytutoríasconestudiantes.Así, en la práctica, se redefine la relación estudiante-docente, transfiriendo la

responsabilidad del aprendizaje al estudiante, siguiendo una metodología clara,supervisadayorientadaporeldocente.Paralograresto,cadaestudiantecuentaconunaguíapersonaldeestudio,dondesereflejan,paracadatemadeaprendizajeestructuradoenelprogramaeducativo,elprocesoquesigueelalumnoparaaprendersobredichotema.De este modo la educación personalizada toma un papel primordial en el quehacerdocente,puesdebevera cadaestudiantecomounserespecial,únicoqueposeeciertascaracterísticasparaaprenderyconstruirsuconocimientorelacionándoloconsurealidad.

En la InstituciónEducativaConcejoMunicipalde Itagüí,se iniciael trabajodelmodeloeducativo Fontán, teniendo como base pedagógica los textos autodidácticos llamados“Guíasdetrabajo”queproveeelmodelo;estasguíastienenundiseñoporetapasycadaunaellatieneunporcentajedelogrocomopartedelprocesoevaluativo.Lasetapasson:1)puntodepartidaydellegada,2)investigaciónoconsulta,3)desarrollodelahabilidady4)relación(Fontán,JulioyOtros.2011,pág.25-27).Las guías de trabajo son la herramienta principal para el estudiante, ya que contienendiferentes actividades diseñadas expresamente para el trabajo personal, que buscan elalcancedelascompetenciasencadaunadelasasignaturas.Las guías de trabajo del SERF están almacenadas en la plataforma virtual Qino4,disponibleenlanube,ypermiteelaccesoatravésdecualquierdispositivoconconexiónaInternet. Ésta,plataformaalojaademásde lasguías,el seguimientoyevaluacionesdelos estudiantes, las inasistencias, los planes de aprendizaje y los indicadores dedesempeño establecidos en los estándares y derechos básicos de aprendizaje, que seintegranalcurrículodecadagrado5segúnlasnecesidadesdelosestudiantesyelentornoen el cual se desarrolla el programa. (Ministerio de Educación Nacional de Colombia,2006).Aesta informacióndecadaestudiantetienenacceso loseducadoresypadresdefamilia,quienesconprevioregistroenlaplataformapuedenrevisarlosresultadosentiemporealdel procesode sus hijos, quienes acceden a las guías y a la revisiónde los procesos deavancedeformaconstante.(Fontán,Julio.yOtros2011).Lacomunicaciónentredocentes,

4PlataformatecnológicaquealmacenalasguíasdetrabajoqueproveeelSERFparalosestudiantes.5VerdetalledeEstándaresbásicosdecompetenciaenhttp://www.mineducacion.gov.co/1621/articles-340021_recurso_1.pdf;yderechosbásicosdeaprendizajeen:http://www.colombiaaprende.edu.co/html/micrositios/1752/articles-349446_genera_dba.pdf

Page 7: Arquitectura App-Web para la gestión de complementos de ...

Página

4

padresyestudiantesestrasparenteyentiemporeal,bajolacondicióndequeelsistemasea alimentado de forma responsable y ordenada por cada uno de los docentes de lasáreas,enlaplataformaQino.

2 DESCRIPCIÓNDELPROBLEMA

La puesta en escena de esta nueva alternativa pedagógica en la institución educativaConcejoMunicipalde Itagüínohasidonada fácil;paraversusresultadosserequieredetiempo, pues su implementación ha requerido grandes cambios para toda la comunidadeducativa.Cambiosdeparadigmas, rolesy costumbres,peroprincipalmente labúsquedadelcambiodeunaeducacióntradicionalquesellevópormuchotiempo,aunaeducaciónque busca el desarrollo de competencias básicas en los estudiantes (intelectuales,personales,socialesyemocionales)atravésdeuntrabajoautónomo.La implementación de cualquier propuesta nueva en el ámbito educativo requiere sucontextualización, lo que implica la preparación de las condiciones necesarias para laobtención de los resultados esperados; como parte de esta contextualización, aún hoy,después de cuatro años de implementación del SERI, se continúa con capacitaciones einducciones permanentes especialmente a los estudiantes, padres de familia y docentesnuevos,sobrelaalternativapedagógica,elusodelaplataformatecnológica,yadaptaciónalcontextodelacomunidadeducativa.Dadoquelosdocentesvienendeunsistematradicionaldeenseñanza,quelespermitevariedad en las actividades y dinámicas en el aula de clase, y este nuevomodeloprevéanticipadamentelosrecursos,actividadesydinámicasdeacompañamientoalestudiante,los docentes están adaptando guías de trabajo de forma independiente, para atendernecesidades particulares de sus estudiantes. Ante esta situación y para conocer lasopiniones de los docentes, se realizó una encuesta semiestructurada a las docentes delciclo 1 correspondiente a los grados preescolar, primero, segundo y tercero, paraidentificardosaspectosquesurgendelprocesodeadaptaciónde lasGuías:1).Razonespor lascualesserealizan losajustesa lasguías,y2)Cuáleselprocesoquesiguenparagestionarlo-cómosealmacenanloscambiosysecompartenconlospares.Como resultados de la información recolectada con diez profesores, equivalentes al60%delprofesoradoquelaboranenlaSedeSanFranciscoparalaprimeracategoría,seobservaqueeltotaldedocentesmanifiestandeformaunánimequenotrabajanlasguíastalcomolasproponeSERF,yaqueellasseencarganensuprácticaenelauladeclasedemodificarlas, contextualizarlaso inclusoproponerguíasnuevasen correspondencia con

Page 8: Arquitectura App-Web para la gestión de complementos de ...

Página

5

las exigencias y necesidades de sus estudiantes. Los aspectos a que se refieren lasdocentessobrelasguíasoriginalesdeSERFson:enun40%manifiestanquelasguíassondescontextualizadasparaelmunicipio,un12%piensanqueademássonavanzadasparaelniveldelosestudiantesyun8%afirmaronquelasguíaspresentanrupturasmuyfuertesenlaformadeabordareldúodeenseñanza-aprendizaje.

En cuantoa la segunda categoría, losprincipales cambiosque sehan realizadoen laInstitución sobre el modelo, han estado dirigidos a la modificación, cambio,contextualización y adecuaciones de las guías propuestas originalmente por el modelo.Cambiosquesehanorientadomásalametodologíadetrabajodelostemasestosegúnel20%delasdocentesencuestadas,otro40%hacenmenciónaampliacionesalasdiferentesetapasdelaguía,especialmenteenlaetapadeinvestigación,dondelosdocentessugierennuevosenlacesacontenidosenInternet-Url’sotextosenlosquesepuedenapoyar;yenla etapa del desarrollo de la habilidad, donde se proponen nuevas fichas y actividadesorientadasalcanzarlascompetencias.

Todosestoscambios,reflejadosennuevaspropuestasdecómoabordarlostemasenelaula de clase y la búsqueda de contenidos disponibles en la web, que se ha venidorealizando principalmente en el ciclo uno (preescolar, primero, segundo y tercero)primaria en la Sede Dos Escuela San Francisco de la Institución Educativa ConcejoMunicipal de Itagüí, tienen una falencia y es que no han sido sistematizadas odocumentadasporlosdocentes,porlotantosugestiónposterioresmuycompleja.

Eltrabajotanimportantequerealizanlosdocentes,soloquedaregistradoenlasguíasque se alojan en la plataformaQino, y estas guías allí alojadas son estáticas; pero en lapraxisenelaulalasguíasylosrecursossondinámicos.Algunosde los cambios realizados a las guías quedan guardadosbajo otra versión yotronombreparaunmismotema,yporestoenelsistemaQinosepuedeencontrarguíasen apariencia diferentes de unamisma temática, y al revisarlas en forma detallada sonigualesoconaspectossimilaresquesoloproponenalgunasdireccionesUrl’sdiferentesoalgunasideasdeactividadesydinámicasquelasdocentesproponenejecutarenelaula.Esta situación plantea inquietudes en cuanto a ¿cómo facilitar la gestión de lasadaptaciones e información complementaria sobre las guías de trabajo que realizan losdocentes,manteniendo los recursosoriginalesquepromueveelmodeloSERF, yhacermáseficienteyágilelprocesodeseleccióndeguíasymaterialcomplementarioapropiadoparacadaestudiante?

Page 9: Arquitectura App-Web para la gestión de complementos de ...

Página

6

3 PROPUESTADEARQUITECTURAAPP-WEBPARALAGESTIÓNDECOMPLEMENTOSDEGUÍASDEAPRENDIZAJESERF

LaaplicacióndeQinocomoplataformaprincipalquesoportalosrecursosdeaprendizajedelmodelo SERF, cuenta con un servicioweb, que a través de una interfaz de softwarepermitelacomunicacióndeaplicacionessindependerdelaplataforma,nidellenguajedeprogramaciónusado.Estetipodetecnología:

Describe un conjunto de operaciones a las cuales se puede acceder por la red atravésdemensajeríaXMLestandarizada.Usaprotocolosbasadosen lenguajeXMLconelobjetivodedescribirunaoperaciónparaejecutar,odatosparaintercambiarcon otro servicio Web. Un grupo de servicios Web que interactúa de esa forma,define la aplicacióndeun serviciowebespecífico enunaarquitecturaorientadaaservicios.(SOA)6(IBM-developerworks.s.f.)

En este caso el servicio web que está exponiendo Qino cuenta con un método deconsultadeguías,elcualsehacepormediodeuncódigoestructuradoquecorrespondealasdosprimerasletrasdelamateria,lasdosprimerasdelgrado,lasdosúltimascifrasdelaño de fabricación de la guía y el número del tema, generando una nomenclatura así:mapr171.Comosoluciónparalagestióndelasadaptacioneseinformacióncomplementariasobrelasguíasdetrabajoquerealizanlosdocentes,seplanteaeldiseñodeunaarquitecturadeAPP–WEBque integra laplataformaQino, conun complementoque sehadenominadoQino+.El complementoestaráalojadoenunhostingen lanubeparapermitir elaccesoatravés de cualquier dispositivo con conexión aInternet, en tiempo real como lo proveeQino.El diseñodeQino+, está inspirado en el contextoparticulardel primer ciclo formativoque incluye los grados de preescolar, primero, segundo y tercero de la sede 2 de laInstitución Educativa Concejo Municipal de Itagüí. Esta Aplicación web servirá paraalmacenar,buscar,descargar,modificaryeliminarcontenidoscomplementariosasociadosalasguíasdetrabajodisponiblesenQino,manteniendoasílasguíasoriginales.

La aplicaciónQino+ tendrá comoparametrización inicialunahomologaciónde códigosde las guías yde losusuarios gestionadosporQino, que en este caso son las guías y losdocentes correspondientes al ciclo uno. Al momento de la homologación se realiza laverificacióndelcódigoysuministrodepalabrasclavesasociadasa laguíaque facilitaránlasbúsquedasposterioresenlaaplicaciónQino+. 6https://www.ibm.com/developerworks/ssa/webservices/newto/service.html

Page 10: Arquitectura App-Web para la gestión de complementos de ...

Página

7

Figura1.RepresentacióndelacomunicaciónentreaplicacionesQinoyQino+.

Fuente:construcciónpropia.3.1 ARQUITECTURAPARAQINO+El diseño arquitectónico de software para la aplicaciónwebQino+ se sustenta en unmodelo de 4 vistas propuesto por Kruchten (2000) y “que se utiliza para describir laarquitectura de un sistema software intensivo basado en múltiples puntos de vista”(https://jarroba.com/modelo-41-vistas-de-kruchten-para-dummies/)1. Vistaconceptual:Visiónqueseesperaobtenerparaelusuario finalqueparael

casosonlosdocentesdeciclounodelaInstituciónEducativaConcejoMunicipal.2. Vistalógica:Visióndesdelosprincípialeselementosyprincipiosdeldiseño.3. Vistafísica:Visióndesdeladistribucióndelprocesamientoentrelosdispositivos.4. Vistadeimplementación:Visiónquemuestracómoserámontadoslosdiferentes

componentesdelaaplicaciónylaformacomointeractúan.3.1.1 VistaconceptualParaestavistaseutilizanlashistoriasdeusuariosyelprototipadoparalarepresentacióndecriteriosdeaceptacióndelusuario,ydefuncionalidad.Paradescribirlafuncionalidadquedebetenerelsistemaconsuscriteriosdeaceptación,seaplica lahistoriadeusuario,quepropone lametodologíaSCRUM la cualorienta “…unproceso en el que se aplica de manera regular,un conjunto debuenas prácticasparatrabajar colaborativamente, en equipo, y obtenerel mejor resultado posiblede unproyecto”.(ArandaSoftware.s.f.)

Page 11: Arquitectura App-Web para la gestión de complementos de ...

Página

8

Latabla1,muestraeldetalledelashistoriasdeusuario,queplanteanlosrequerimientosdeldueñodelproductoparaelfuncionamientodelsistema.Tabla1.HistoriasdeusuarioparaeldiseñodeQino+

HU01 Yo comoQino + necesito hacer una homologación de códigos de las guíasmás palabrasclavesparaasíenelmomentodelaconsultadeldocentepoderpresentarlaguíadeQino.

Criteriosdeaceptación

• Elformulariodebemostrardoscuadrosdetexto.o Uncuadrodetextoparaelcódigodelaguíaquecorrespondea

lasdosprimerasletrasdelamateria,lasdosprimerasdelgrado,lasdosúltimascifrasdelañodefabricacióndelaguíayelnúmerodeltemaasí:mapr171.

o Uncuadrodetextoparalaspalabrasclavesquefacilitenlabúsqueda.

o Doslistasdesplegablesunaquepermitaseleccionarelgradoyotralamateria.

o Unbotóndeguardar.

HU04Yocomodocentenecesitounalistadegradosparaseleccionaryfiltrarlaconsulta

Criteriosdeaceptación

• El formulariodebeestar compuestoporuna listadesplegable conlasopciones:preescolar,primero,segundoytercero.

• Elcampodebeserobligatorio.• Losidentificadoresdeestosgradosseránlasdosprimerasletrasde

cadaunoenminúscula.

HU03Yocomodocentenecesitoiniciarsesiónparaestarautenticadoenlaplataforma

Criteriosdeaceptación

• Elformulariodebeestarcompuestopor:o Doscamposdetextosusuarioycontraseña.o Unbotónparainiciarsesión.

• Loscamposdebenserobligatorios.• Elcampodelacontraseñanodebemostrarelcontenido.• Mostrarmensajesilosdatossonincorrectos“Elnombredeusuarioola

contraseñaquehaingresadonosonválidos”.• Recordarcontraseña,mensajequeindiquerecomendacionesparala

creacióndelacontraseña(mínimonúmerodecaracteres,entreotros.)• Mostrarmensajesieldocenteestáinactivo“Elusuarioseencuentra

inactivo”.

HU02 Yo como Qino + necesito hacer una homologación de usuarios de Qino para poderlosadministrar.

Criteriosdeaceptación

• ElformulariodebemostrarunalistadeusuariosinscritosenQino

Page 12: Arquitectura App-Web para la gestión de complementos de ...

Página

9

HU05Yocomodocentenecesitounalistademateriasparafiltrarlainformacióndelaconsulta

Criteriosdeaceptación • El formulariodebeestar compuestoporuna listadesplegable conlas opciones: comunicación, matemáticas, ciencias naturales,humanidades,inglés,arte,deporte.

• Elcampodebeserobligatorio• Losidentificadoresdeestasmateriasseránlasdosprimerasletras

decadaunaenminúscula.

HU06Yocomodocentenecesitoteneruncampodetextoparadigitarpalabrasclavesqueayudenafiltrarlainformacióndelaconsulta.

Criteriosdeaceptación

• El formulario debe estar compuesto por un campo de texto paradigitarlaspalabrasclavesquedireccionenlabúsqueda.

• Elformulariodebedisponerdeunbotónparabuscar• El formulario debe permitir que al presionar la tecla enter el

sistemahagalamismaacciónqueelbotóndebuscar.

HU07Yocomodocentenecesitouna listadecontenidoscomplementariosasociadosaunaguíaparaseleccionarinformación.

Criteriosdeaceptación

• El formulario debe mostrar una lista de guías y contenidoscomplementariosdelasiguientemanera:o Enprimerlugar,debemostrarlaguíabasehomologadadeQino,

queestaráidentificadaconcolorrojo.o Ensegundolugar,lasactividadescomplementariasqueseránde

colorazul.o Entercerlugar,lasUrl’squeserándecolorverdeo Yporúltimo,lasfichasqueserándecoloramarillo.

HU08Yocomodocentenecesitoseleccionardelistalaopciónquequieroconsultar.

Criteriosdeaceptación

• Elformulariodebemostrarporcadafiladelalistaunaopciónqueseencarguedeconsultarlainformación.

HU09 Yo como Qino + necesito realizar la consulta en Qino para mostrar la información alusuario.

Criteriosdeaceptación

• Teniendoencuentaquelosidentificadoresdelasmateriasydelosgrados son las dos primeras letras de cada uno, se busca en lahomologación de Qino cuál es la guía correspondiente a estoscriterios.

• SedeberealizarunapeticióndeconsultaporcódigoalserviciowebexpuestoporQ

• ino en donde lo consumiremos con el código encontrado en labúsquedadelahomologación.

• LarespuestadeQinodebeserunarchivoenformatoPDF.• Encasodequenoseobtengaunarespuestapositivaporpartede

Qino, se considera respuesta positiva cuando retorna un archivo,entonces,semostrarásololainformacióndeQino+.

• En caso de una respuesta positiva de Qino se mostrará el PDFdentrodelformulario.

Page 13: Arquitectura App-Web para la gestión de complementos de ...

Página

10

HU10YocomoQino+necesitodeterminarsi laopciónseleccionadaporeldocenteesunaguíabaseparairaconsultarlaaQinoymostrársela.

Criteriosdeaceptación

• ElsistemadebetenerelcriteriodelainformaciónseleccionadaysiesunaguíabasedebehacerelconsumodelserviciowebparaluegomostrarlaenformatoPDF.

HU11YocomoQino+debomostrarloscontenidoscomplementariosasociadosaesaguíaparaelusuario.

Criteriosdeaceptación

• El formulario debe mostrar una lista de contenidoscomplementariosdelasiguientemanera:o Actividadescomplementariasqueserándecolorazulo Url’squeserándecolorverde.o Fichasqueserándecoloramarillo.

HU12Yocomodocentenecesitovisualizarlainformaciónseleccionada.

Criteriosdeaceptación • El formulario debe mostrar la información seleccionada de lasiguientemanera:o Siesguíaoriginal,presentarenpdfo Loscontenidoscomplementariosseránmostradosenuneditor

detexto.o LasUrl’sseránmostradosenformadelinkactivo

HU13Yocomodocentenecesitodescargarlainformaciónseleccionada

Criteriosdeaceptación

• Elformulariodebemostrarunbotónparadescargarlainformaciónseleccionadaasí:o Siesguíaenpdfo Loscontenidoscomplementariosserándescargadosenpdfo YloslinksabriránenunapestañadiferentelaUrlseleccionada.

HU14 Yo como docente necesito modificar los contenidos complementarios para corregir ycomplementarlainformación.

Criteriosdeaceptación

• Sieslaguíabasenopodrásermodificada.• Elformularioeneleditordetextodebetenerunbotóndeeditar,el

cualpondráeditableeleditordetexto.• Elformulariodebemostrarunbotónparaguardarloscambios.

HU15 Yo como docente necesito crear contenidos complementarios asociados a una guía paracomplementarlaguíaycompartirlainformación.

Criteriosdeaceptación

• El formulario debe mostrar una opción para agregar un nuevocontenidocomplementario.

• Alpresionaragregarelformularioestarácompuestopor:o Uncuadrodetextoparaelcódigodelaguíaquecorrespondea

las dos primeras letras de la materia, las dos primeras del

Page 14: Arquitectura App-Web para la gestión de complementos de ...

Página

11

grado,lasdosúltimascifrasdelañodefabricacióndelaguíayelnúmerodeltemaasí:mapr171.

o Un cuadro de texto para las palabras claves que faciliten labúsqueda.

HU16 Yo como docente administrador necesito eliminar información de los contenidoscomplementariosparatenercontroldelainformaciónexpuesta

Criteriosdeaceptación

• El formulario debe mostrar una opción de eliminar para losdocentes administradores quienes debe revisar y mantener elcontroldelainformación.

HU17YocomodocenteadministradornecesitoinhabilitarusuariosCriteriosdeaceptación

• Elformulariodebemostrarunalistadeusuarios.• Dentro de la lista de usuarios debe mostrar una opción para

inhabilitarusuariosqueesténactivos.

HU18Yocomodocentenecesitocerrarsesiónparasalirdelaplataforma.

Criteriosdeaceptación

• Elformulariodebemostrarunbotónparacerrarsesión.• Almomentodepresionar la tecla de retornoodarle en la opción

atrás del navegador, el sistema debe validar si la sesión estáhabilitada,paramostrarelformulariodeiniciodesesión.

HU19 Yo como docente administrador necesito cambiar el perfil de inicio de sesión de losdocentesparadiferenciasdocentescomunesdelosdocentesadministradores.

Criteriosdeaceptación

• Qino+debemostrarunlistadodetodoslosdocentes.• Ellistadodebetenerunaopciónparacambiarelperfildeaccesode

cada registro de la lista, los perfiles acceso son docente común ydocenteadministrador.

Fuente:construcciónpropia.Para prototipar la vista conceptual del sistema, se hace uso de la aplicaciónWireframeprodisponibleenlínea,lacual:

Esunaherramientaquepermitecrearborradoresdelaestructuradelaspáginasquecompondránnuestrositioweb,esdecir,losprototiposdelasdistintaspáginas.Esunaherramientafácildeutilizarquenospermitediseñar,deunamanerarápidaeintuitiva, nuestro sitio web, pudiendo diseñar cada una de las páginas que loconformarán,implantandounaarquitecturawebmuypersonalizadayconmúltiplescomplementos que realmente ayudan a que veamos un prototipo que anteshubiéramosesbozadoencualquiertrozodepapel.(Marín.J.M.,2011).

Page 15: Arquitectura App-Web para la gestión de complementos de ...

Página

12

Los prototipos que semuestran en las figuras 2 a la 6, permiten ver un ejemplo o unprimer bosquejo del diseño, para verificar si corresponde a los criterios de aceptaciónsolicitadosporelcliente.La figura 2, presenta la pantalla de autenticación de usuario, donde cada uno de losdocentespodráiniciarsesiónaldiligenciarloscamposobligatorios.

Figura2.PrototipoautenticacióndeusuarioQino+.

Fuente:construcciónpropia

Figura3.PrototipoparaestablecerparámetrosdebúsquedaparaelusuarioenQino+.Fuente:construcciónpropia.

Unaveziniciadalasesión,sedespliegaelcontenidorepresentadoenlafigura3,dondeeldocentepodráseleccionarlosparámetrosdesubúsquedaenelsistema.Alladoizquierdolaslistasdesplegablesparaseleccionarelgrupoyelárea.Tambiénmuestraenelcentro,uncuadro de texto donde los docentes digitarán las palabras claves para direccionar labúsquedadeloscontenidoscomplementarios;alladoderechotendráelbotóndebuscaroalpresionarlateclaenterelsistemarealizarálamismaacciónqueelbotóndebusca.Enla

Page 16: Arquitectura App-Web para la gestión de complementos de ...

Página

13

parte inferior de la pantalla, se listarán las guías y los contenidos complementariosasociadosalasguíasencontradassegúnlosfiltrosdelabúsqueda,delasiguientemanera:• En primer lugar, debe mostrar la guía base homologada de Qino, que estaráidentificadaconcolorrojo.

• Ensegundolugar,lasactividadescomplementariasqueserándecolorazul.• Entercerlugar,lasUrl’squeserándecolorverde• Ylasfichasqueserándecoloramarillo.

Cadaopcióndelalistadesplegadaapartirdelosparámetrosdebúsqueda,tendrácheckquepermitealdocenteseleccionarloquedeseaver.Elbotónverpermitirávalidarquesihayaunaopciónseleccionada.

Figura4.Prototipodedesplieguedeinformaciónbasadaenparámetrosdebúsqueda.Fuente:construcciónpropia.

El prototipo de la figura 4, permite ver la opción seleccionada, si es una guía originalobtenidadeQinosevisualizaráenformatoPDFenelladoderecho.EnlaparteinferiordelPDFselistaránloscontenidoscomplementariosasociadosaestaguíaconlaposibilidaddeseleccionarlaopciónquesedesee.Estecontenidopodrádisponerdeunavistapreviaenellado izquierdaeneleditorde texto.Si laopciónescogidarequierealgunamodificaciónoajuste se podrá realizar habilitando la edición con el lápiz que se encontrará en el ladoderecho. Se dispone de un botón para guardar los cambios realizados en el contenidocomplementario.

Page 17: Arquitectura App-Web para la gestión de complementos de ...

Página

14

Figura5.Prototipodedesplieguedeestadoparausuariosregistradosenroladministradordecontenido.

Fuente:construcciónpropia.

Después de la homologación de usuarios entre Qino y Qino+ el sistema permitirávisualizarunalistadedocentesenlaquesepuedeobservarymodificarelperfildeaccesoyelestadoactualrefiriéndoseestealosdocentesactivoseinactivos.Elprototipoenseñatrescolumnas en la primera se puede seleccionar de la lista el o los que serán docentesadministradoresdandoclic;enlasegundalosusuarioshomologadosylaterceraelestadoquepermitesermodificadoporeldocenteadministradordesplegandolabarrahastaestarcompletamente negra para inactivar un docente que por cualquier motivo ya no puedaaccederalsistema.

Figura6.PrototipodeprocesoparahomologacióndecódigosparaguíasQino.

Fuente:construcciónpropia

Page 18: Arquitectura App-Web para la gestión de complementos de ...

Página

15

La figura 6, muestra el prototipo de formulario para establecer los parámetros de lahomologacióndecódigosdelasguíasysuspalabrasclaves,paraasíenelmomentodelaconsultadelusuario,disponerde la informaciónoriginal -guíadeQino-y loscontenidoscomplementariosdeQino+.Secuentaconuncuadrodetextoparaelcódigodelaguíaquecorresponde a las dos primeras letras de lamateria, las dos primeras del grado, las dosúltimascifrasdelañodefabricacióndelaguíayelnúmerodeltemaasí:mapr171.Debajootro cuadro de texto para las palabras claves que faciliten la búsqueda y dos listasdesplegablesunaquepermitaseleccionarelgradoyotralamateriayporúltimounbotóndeguardar.3.1.2 VistalógicaLavistalógicaestableceloscomponentesprincipalesdediseño,asímismomuestralas

relacionesquesedanentrelosdiferentespaquetesquellevanacabofuncionesespecíficasdentro del programa, de igual modo y de manera independiente visualizar los detallestécnicosydecómolafuncionalidadseráimplementadaenlaplataformadeejecución.

La programación por capas establece una arquitectura cliente-servidor en la que elobjetivo primordial es la separación de la lógica del negocio con respecto a la lógica dediseño; un ejemplo básico de esto consiste en separar la capa de datos de la capa depresentación al usuario. (Rueda, A., Alarcón, J.); además, permite distribuir el trabajo decreacióndeunaaplicaciónporniveles;deestemodo,cadagrupodetrabajoestátotalmenteabstraído del resto de niveles, de forma que basta con conocer la API7 para empezar atrabajarsiendooguiándosedeundesarrolloconmáscohesiónqueacoplamiento.Enestecaso,seexplicaráespecíficamenteelmodelodetrescapas,cuyafuncionalidadseadaptaalaarquitecturaplanteada:unacapaguardalosdatos,otracentralizaelmodelodela aplicación y la última es la interfaz gráfica que le facilita al usuario acceder a laaplicación, siendo la capa lógica quien controla la aplicación, recibe y envía informacióndesdelacapadedatos.(SalazarG.DianaY.2016). 7ApplicationProgrammingInterface,esunconjuntodesubrutinas,funcionesyprocedimientos(ométodos,enlaprogramaciónorientadaaobjetos)queofrececiertabibliotecaparaserutilizadoporotrosoftwarecomounacapadeabstracción.

Page 19: Arquitectura App-Web para la gestión de complementos de ...

Página

16

Figura7.VistaLógicaparaelsistemaQino+.

Fuente:construcciónpropia.

Lavistalógicaseplanteautilizandounaarquitecturaorientadaacapas,comoseveenla

figura 7, en donde se muestran tres paquetes diferentes, cada uno encargado defuncionalidadesespecíficas,aplicandoasíelpatróndediseñodelacohesión,endondesedeterminarealizarcódigoendondenoexistamuchoacoplamiento,porlotantocadacaparealizaunasfuncionalidadesenespecíficoayudandoasíaldesarrollo,puestoque,sevuelveun códigomuchomás organizado, y además, se puede realizar un desarrollo en equipomucho más fácil, dado que, si se tiene un equipo de desarrollo de varias personas sepueden separar por desarrollador una capa que en este caso se están viendo comopaquetes.Elpaquetedepresentacióneselencargadode la interfazdeusuario, lograndoasíuna

separacióndelfrontydelbackqueenotraspalabrassepuedevercomolaseparacióndelas interfacesdeusuarioscon lasdel códigodetrásdeestas interfaces, comoutilizaraunframework llamado java server faces. Este se encarga demapear las peticiones en unasclasesllamadasbeans,enestasclasestodoslosdatosingresadosenpantallasemapearánalosobjetosqueestáneneldominio,lasinterfacesseránrealizadasenhtml,perocomosonenjavaseránconextensiónjspx.

Elsiguientepaqueteeselquedefinelasreglasdelnegocio,enestecasoelFacade,esel

paquete encargado de realizar las validaciones y demás controles, necesarios para elcorrectofuncionamientodelsistema,estonormalmenteesllamadoreglasdenegocio,estasreglasserealizaránutilizandounpatróndediseñollamadoFacadeofachadaelcualdefinecomo ocultar los métodos importantes a través de clases de abstractas, con el fin deobtenerelcódigoseguro;al final tendremoselpaquetede infraestructura,elcualrealizalas tareasdebasededatos, en estepaquete esta implementadoel patrónarquitectónico

Page 20: Arquitectura App-Web para la gestión de complementos de ...

Página

17

DAO8 (Objeto de Acceso a Datos), el cual se encarga demapear la base de datos con elcódigo desarrollado, este mapeo se realiza contra los objetos del dominio, aparte derealizarelaccesoadatostambiénserealizaráelclientedelserviciowebdeQino,tambiénseutilizaráunpatrónelcualse llamamanagerservices, el cualseencargademapear lassolicitudesylasrespuestaatravésdexml´sutilizandoSOAP9,queeselmétododeinterfazutilizadoporQino.

3.1.3 VistafísicaEnalgunasliteraturasestavistaesllamadaVistadeDespliegueoDistribución,ilustrala

distribución del procesamiento entre los distintos equipos que conforman la solución,incluyendolosserviciosyprocesosdelabasededatos.Loselementosdefinidosenlavistalógica se "mapean" a componentes de software (servicios, procesos, etc.) o de hardwareque definenmás precisamente como se ejecutará la solución. (MiculicichWerlen, Lesly.2011).

Figura8.VistafísicaparaQino+.Fuente:construcciónautoría

3.1.3.1 Descripcióndelaplataformatecnológica

LaaplicaciónQino+,seráalojadaen2nodos,loscualesestánenunmismoservidor,perovirtualizadoendosmáquinasdiferentes,másunodepresentaciónparalosusuariosfinales, que serían exploradores desde los computadores de cada cual, en el servidor se

8Componentedesoftwarequesuministraunainterfazcomúnentrelaaplicaciónyunoomásdispositivosdealmacenamientodedatos,talescomounaBasededatosounarchivo.9SimpleObjectAccessProtocol,esunprotocoloestándarquedefinecómodosobjetosendiferentesprocesospuedencomunicarsepormediodeintercambiodedatosXML.

Page 21: Arquitectura App-Web para la gestión de complementos de ...

Página

18

tendráunamaquinaendondesealojalaaplicaciónwebdesplegadaenunglassfish,labasededatostienequeestarcentralizadaporlotantoestáenlaotramáquinavirtualconunaseguridaddiferente(sinsalidaainternet).

• Clienteweb–Consumidor

Elcliente(front-end),esunordenadorconaccesoainternet,puedeserdesdeuncelular

hastauncomputador,noexistenlimitacionesdenavegadores,parapoderrealizarestosedeterminagraciasal lenguajedemarcasdehipertexto (HTML), conelquesedefinen loscontenidosdeunapáginaweb.

Validaciones: las validaciones básicas, renderizaciones básicas, y llamados pormediodeAjaxalservidorserealizana travésde jquery,marcode trabajoqueeselmásutilizadoyestableparael lenguaje javacriptelcualhacepartemuyimportanteenelfront-end.Páginas:Laspáginas(Vistas)serealizaránenjspx,intérpretedehtmlparajava,estasutilizanunencodeutf8,yelhtmlenlaversión5.

• Servidorweb–Proveedor

Elservidorwebdelaaplicación,estáalojadoenuncontenedordeaplicacionesendondeestará alojada la plataformaweb, el núcleo de la aplicación es el componente facade, endondeestátodalalógicadelnegocio;estaarquitecturaesden-capasyestádivididaenlossiguientescomponentes:

Glassfish: “es un servidor de aplicaciones de software libre desarrollado por SunMicrosystems, compañía adquirida por Oracle Corporation, que implementa lastecnologíasdefinidasen laplataforma JavaEEypermiteejecutaraplicacionesquesiguenestaespecificación”.(Oracle.(2013).Spring: es un framework que permite la configuración de los componentes deaplicacióny laadministracióndel ciclodevidade losobjetos Java, se llevaacaboprincipalmente a través de la inyección de dependencias, el cual tiene variaslibrerías la que más utilizaremos para nuestra aplicación es Modelo vistacontrolador,lacualconstituyeunframeworkbasadoenHTTPyservlets,queproveeherramientas para la extensión y personalización de aplicacionesweb y servicioswebREST.(SánchezRico,M.A.,2006).

Page 22: Arquitectura App-Web para la gestión de complementos de ...

Página

19

Navigation–Bean:Esunframeworkparaconstruiraplicacioneswebrealizadasenjava,elcual facilita laconstrucciónde los jsp,utilizandoplantillaspreconstruidas,las cuales están escritas en xml, resultando de esto que las extensiones de losarchivosseanjspx,endondeseindicaqueseinterpretaráunajspescritaenformatoxml,tambiénintegrándoloconspringseconstruyenlosservletsqueseríanBean´s,ysepodránutilizardesde las jspscasiquedemanera transparente,existenmuchasversiones para su implementación, para esta arquitectura se propone utilizar laversión de apache trinidad la cual cumple con todas las necesidadesrequeridas.(IBM,Redpaper,2012).Core: Para el manejo de la capa de negocio se debe crear un componente para laaplicaciónweb,elcualestácompuestoporunafachadaqueesdondeseharátodalalógica del negocio atreves de métodos abstractos, y la capa de datos, la cual serealizaráporhibernate.Facade:setendráunalógicadenegocioendondesehabráunalgoritmodebúsqueda,el facade tendrá la interfacetantocon losserviciosadicionalescomocon labasededatos.Acceso a datos: el acceso a datos se realizará a través hibernate que es unaherramientadeMapeoobjeto-relacional(ORM)paralaplataformaJavaquefacilitaelmapeo de atributos entre una base de datos relacional tradicional y el modelo deobjetosdeunaaplicación,mediantearchivosdeclarativos(XML)oanotacionesenlosbeans de las entidades quepermiten establecer estas relaciones. (AriasA., Y. 2011,pag18).

• Servidordebasededatos

Elback-endesunservidordebasededatosenelcualseinstalaráunabasedatosOracle11g XE, en donde se realizará toda la base de datos, tablas, trigger, procedimientosalmacenados,ytodolonecesarioparaelcorrectofuncionamientodelaaplicación.

3.1.4 Vistadeimplementación

Estavista,describecómoseimplementanloscomponentesmostradosenlavistafísica,

organizándolosencapasojerarquías;adicionalmenteilustralasdependenciasentreestoscomponentesopartesdelosmismos.(https://www.ctr.unican.es/asignaturas/is1/is1-t11-trans.pdf)

Page 23: Arquitectura App-Web para la gestión de complementos de ...

Página

20

Figura9.VistadeimplementaciónparaQino+.

Fuente:construcciónpropia.

Losdescriptoresdelasinterfacesylasoperacionesaniveldelacapadelcliente,paraelcasodeQino+,sedetallanenlatabla2.Tabla2.DescriptoresdelasinterfacesyoperacionesparalacapadelClienteenQino+.

NombredelComponenteoParte:Guicliente

NombredelaInterfaceProvista:Controladores

NombredelaOperación +buscar(Filtros)

Parámetrosdeentrada Losfiltroscorrespondientesalabúsquedaqueguías,lamateria,elgradoylaspalabrasclaves.

Parámetrosdesalida TodoslasguíasocontenidoscomplementariosencontradosconlosfiltrosPrecondiciones N/APoscondiciones ListadodeguíasInvariantes N/AResultadosObservables Sedebeobtenerunalistadetodaslasguíasquesedeterminendeacuerdoal

filtrorealizadoporeldocente.

Consideracionesdeimplementación

LabúsquedaserealizaenlabasededatosdeQino+,sedebebuscarutilizandotodoslosparámetrosingresados,paraelcampodetextoserealizaunaseparaciónporcomodinesparaquebusqueenlabasededatosportodasestasfrases,paraencontrarloquemássepueda,alestilogoogle,tambiénsedebetenerencuentaquelosidentificadoresdelasmateriasydelosgradossonlasdosprimerasletrasdecadaopciónparaconstruirelcódigoytambiénintentarbuscarporestemáslaspalabrasclaves

Page 24: Arquitectura App-Web para la gestión de complementos de ...

Página

21

NombredelComponenteoParte:Managerservicio

NombredelaInterfaceProvista:búsqueda

NombredelaOperación +findByCode(Stringcode)

Parámetrosdeentrada Códigode laguíaquecorrespondea lasdosprimeras letrasde lamateria,lasdosprimerasdelgrado,lasdosúltimascifrasdelañodefabricacióndelaguíayelnúmerodeltemaasí:mapr171

Parámetrosdesalida ArchivoenformatopdfPrecondiciones Homologaciónde loscódigosde lasguíasbasequeseencuentranenQino,

para así tener el código que el servicio web solicita en la operación debuscarporcódigo.

Poscondiciones ArchivoenformatopdfInvariantes N/AResultadosObservables Sedebeobtenerunarchivoenformatopdfelcualdebeserlaguíabaseque

deseamosconseguir.

Consideracionesdeimplementación

Qinoexponeunserviciowebconunmétodoparabuscarguíasbasesatravésdesucódigo,previamentecomoparametrizacióninicialdeQino+sedeberealizarunahomologacióndeestoscódigos,conelfindenotenerproblemasenlasrespuestasdelservicio,cuandoQinonoencuentraningunaguíabaseconelcódigoenviado,nomuestraningúntipodeerror,solonoretornaningúnarchivo,porlotantosedeberíadecontrolarestaexcepciónenQino+,mostrandoporejemploloscontenidoscomplementariosasociadosalaguíaqueseintentóbuscar,encualquiertipodeexcepciónsedebehaceresto,porejemplosinoexistecomunicación,oelservicioestaconerrores,orespondealgoquenoseaunarchivo,estasexcepcionessedeberíanalmacenar,peronuncasermostradasalusuario.

Fuente:construcciónpropia.

4 CONCLUSIONES

Responder a la exigencia actual del mundo globalizado e incorporar las TIC en laeducación se ha convertido en uno de los retos paramejorar y apoyar los procesos deenseñanzaaprendizaje,basadosenlosinteresesactualesdelaspersonasqueintervienenen dichos procesos. Para la Institución Educativa Concejo Municipal De Itagüí laimplementación del modelo educativo Sistema de Educación Relacional Fontán (SERF),busca entrar en una dinámica de innovación educativa que aporte respuestas a lasdemandaseducativasdelsigloXXI.Estenuevomodeloeducativo,exigeademásde losmúltiplesretosque implicapara lainstitución en cuestión de adaptación de sus componentes al contexto social einstitucional, la adaptación de las guías de aprendizaje, que son la fuente primaria detrabajoyorientacióndelaprendizajeparalosestudiantes.Enestesentido,laproblemática

Page 25: Arquitectura App-Web para la gestión de complementos de ...

Página

22

que se ha planteado en la Institución Educativa Concejo Municipal De Itagüí sobre losprocesosdeadaptacióndeesterecursoporpartedelosprofesores,muestralanecesidaddecomplementarlaplataformadegestiónQino,conunsistemaquepermitalagestióndelasadaptaciones(nuevasactividades,recursosycontendidosdeapoyo),yqueseproponecomoQino+.Este sistemacomplementariopermitirá solucionarmediante la creacióndeuna plataforma paralela a la ya existente, la organización de los elementos de trabajoadicionalesalasguíasoriginalesdelModelo,permitiendolasugestiónydisponibilidad.La App propuesta en este proyecto, permitirá a la comunidad educativa, acceder amayor información para identificar las implicaciones de la contextualización asociada alrecursoGuíasdeAprendizaje,yayudaráaconsolidarelconjuntodeguíasadaptadasconlas cuales se dispondría de una línea a seguir para que los estudiantes de la instituciónadquieranlosaprendizajesqueseesperan,atendiendolaproblemáticadediseño,rediseñoyaplicacióndeguíasdiferentesañotrasañoparaunmismogrado.

Al implementar en la Institución la APP-Web que se propone, se está dando a lasinstitucionesdelmunicipioque trabajanconelmodeloFontán, laposibilidadde trabajarconguíasadaptadasalmedioyalasnecesidadesdelosestudiantesdelmunicipiodeItagüí,respondiendoalasvariadasnecesidadesdelapoblaciónestudiantildeItagüí.

La implementación de sistemas informáticos adicionales a los existentes actualmente

en las instituciones para la gestión de sus procesos educativos, tiene implicacionesrelacionadasconeldesarrollomismodelasaplicaciones,suimplantaciónyentrenamientoa los usuarios; para este caso la implementación de la App Web Qino+ requiere servinculada al sistema Qino, y como parte de la cultura institucional para la gestión de lainnovación.

Page 26: Arquitectura App-Web para la gestión de complementos de ...

Página

23

5 BIBLIOGRAFÍA

ArandaSoftware.(s.f.).¿CómoayudalametodologíaScrumalagestióndeproyectosdeTI?.

Recuperadode:http://arandasoft.com/como-ayuda-la-metodologia-scrum-a-la-gestion-de-proyectos-de-ti/

AriasAlfaro,Y.(2011)MigraciónMódulosdecuentasporpagar.InstitutoTecnológicode

CostaRicapag.18.CostaRica.Recuperadode:http://repositoriotec.tec.ac.cr/bitstream/handle/2238/2788/Migraci%c3%b3n%20del%20m%c3%b3dulo%20de%20cuentas%20por%20pagar%20Business%20Advance%20%28GBSYS%29.pdf?isAllowed=y&sequence=1

ColegioFontánBogotá.(2015).ColegioFontánBogotá.Recuperadoel5miércolesde

agostode2015,deColegioFontánBogotá:http://Fontán.azurewebsites.net/COLEGIOFONTÁN.(2003).ProyectoEducativoInstitucional.Disponibleen:

https://learning1to1.wikispaces.com/file/view/08+PEI.pdfFontán,Julio.yotros.(2013).EducaciónRelacionalFontán.Innovacióndeexcelencia.

LearningOnetoOneFoundation.Recuperadode:http://fontan.azurewebsites.net/wp-content/uploads/2014/03/Libro-Educacion-Relacional-Fontan1.pdf

FundaciónTelefonica.(2012).EducaciónRelacionalFontán:DeColombiaatodoelmundo.

Recuperadode:https://innovacioneducativa.fundaciontelefonica.com/blog/2016/02/29/educacion-relacional-fontan-de-colombia-a-todo-el-mundo/

IBM.(s.f.).IntroducciónaSOAyserviciosweb.En:developerworks.Recuperadoel5de

abril,de2015https://www.ibm.com/developerworks/ssa/webservices/newto/service.html

IBM.(s.f.)DevelopingWebApplicationsusingJavaServerFaces.En:Redpaper.

Recuperadoel5deabril,2015http://www.redbooks.ibm.com/redpapers/pdfs/redp4883.pdf

Page 27: Arquitectura App-Web para la gestión de complementos de ...

Página

24

InstituciónEducativaConcejoMunicipaldeItagüí.(2000–2017).PagianWebInstitucional.Recuperadode:http://www.iecomi.edu.co/

Intef(s.f.)Usuariosygruposdeusuarios.Aulasenred,aplicacionesyservicios.Gobierno

deEspaña.Recuperadode:http://www.ite.educacion.es/formacion/materiales/85/cd/linux/m1/usuarios_y_grupos_de_usuarios_en_linux.html

Intef(s.f.)Administracióndeusuariosygruposdeusuarios.Aulasenred,aplicacionesy

servicios.GobiernodeEspaña.Recuperadode:http://www.ite.educacion.es/formacion/materiales/85/cd/linux/m1/administracin_de_usuarios_y_grupos.html

LearningonetooneFoundation.(2011-2017).EducaciónRelacionalFontán.Recuperado

dehttp://www.Fontán.com.co/Learningonetoone.(2011).LearningOnetoOne.Recuperadoel18deoctubrede2015,de

http://Fontán.azurewebsites.net/Liedo,Juan.(s.f.)MétodoFontán.Sistemadeaprendizajerelacional,(2008).Recuperado

de:http://www.juanliedo.com/2008/08/mtodo-fontn-sistema-de-aprendizaje.htmles

Marín.J.M.(2011).Bequickorbedead.Mockflow:herramientadeprototipados

[wordpress.com].Recuperadode:https://bequickbedead.wordpress.com/2011/04/26/mockflow-herramienta-de-prototipados.

MiculicichWerlen,L.(2011).Sistemadegestióndeestrategiaseindicadoresutilizando

metodologíasdeinteligenciadenegociosenunauniversidadprivada.PontificiaUniversidadcatólicadelPerú.Lima,Perú.Recuperadode:http://tesis.pucp.edu.pe/repositorio/bitstream/handle/123456789/1016/MICULICICH_WERLEN_LESLY_GESTION_ESTRATEGIAS_INDICADORES.pdf?sequence=1

MinisteriodeEducaciónNacionaldeColombia.(2006).Estándaresbásicosde

competencias.Recuperadodehttp://www.mineducacion.gov.co/1621/articles-340021_recurso_1.pdf

MinisteriodeEducaciónNacionaldeColombia.(2014).Derechosbásicosdeaprendizaje.

En:PortalColombiaAprende.Recuperadoenagostode2015de:

Page 28: Arquitectura App-Web para la gestión de complementos de ...

Página

25

http://www.colombiaaprende.edu.co/html/micrositios/1752/articles-349446_genera_dba.pdf

Montoya,Ricardo,(2012).Modelo“4+1”vistasdeKruchten.Recuperadode

https://jarroba.com/modelo-41-vistas-de-kruchten-para-dummies/Oracle(2013).GlassfishServeropenSourceEdition.QuickStartGuide.Releaase4.0.

Recuperadode:https://javaee.github.io/glassfish/doc/4.0/quick-start-guide.pdfPérez,A.(s.f.).AplicacioneswebconJava.Recuperadodehttp:

www.monografias.com/trabajos/1/aplicaciones-web-java/aplicacionesweb-java.shtml

PivotalSoftware.(2015).SpringFramework.Recuperadoel13de08de2015,deSpring

Framework:http://projects.spring.io/spring-framework/Prat,A.M.(2010).AdministracióndeUsuariosyGruposenLinux.Recuperadoel8de8de

2015,deAdministracióndeUsuariosyGruposenLinux:https://www.fing.edu.uy/tecnoinf/mvd/cursos/adminf/material/ADI-usuarios-y-grupos-en-linux.pdf

Redhat.(2015).Hibernate.Recuperadoel15de10de2015,deHibernate:

http://hibernate.org/RevisaDinero.(2012).Losmejores100colegiospúblicos,noviembrede2012.Recuperado

de:http://www.dinero.com/edicion-impresa/caratula/articulo/los-mejores-colegios-publicos/165149

Rueda,A.,Alarcón,J.(2014).TallerprogramaciónIII.Recuperadode:

https://prezi.com/0mlfbylmugws/taller-programcion-iii/Ruíz,Francisco&López,Patricia.(2016).ArquitecturaLógicadelSistema(endesarrollode

00).En:IngenieríadelsoftwareI.UniversidadCantabria.FacultaddeCiencias.Recuperadode:https://www.ctr.unican.es/asignaturas/is1/is1-t11-trans.pdf.

SalazarG.DianaYanet.(2016).Propuestadeunaarquitecturamodularparaeldesarrollo

deaplicacionesenScratch.En:Ingenieríaeducativa:unaaplicacióndetecnologíasdeinformaciónparaeducación.ResúmenesdelosproyectosdegradodetrecedocentesdelmunicipiodeItagüí.UniversidadEAFIT.VOL(1).ISBN978-958-8719-42-9.(pág.235).

Page 29: Arquitectura App-Web para la gestión de complementos de ...

Página

26

SánchezRico,M.A.(2006).Sistemadeadministraciónycontrolderentadepelículasylibrosvíawebutilizandospring,Capitulo3.UniversidaddelasAméricas,Puebla,México.Recuperadode:http://catarina.udlap.mx/u_dl_a/tales/documentos/lis/sanchez_r_ma/

SecretaríadeEducacióndeItagüí.(2013).ProyectoTransformandolaEducación(Sistema

EducacionalRelacionaldeItagüí-SERI)encuatro(4)InstitucionesEducativasOficiales.ÁreadeCalidadEducativa(2013).Pág.199-200.

TheApacheSoftwareFundation.(2002).ApacheMyFacesTrinidad.Recuperadoel18de

07de2015,deApacheMyFacesTrinidad:https://myfaces.apache.org/trinidad/