Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball...

17
Títol memòria Aplicació web per al seguiment telemàtic de la formació en centres de treball Autor : Juan Antonio Chaves Alvarez Curs escolar : 2007-2008

Transcript of Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball...

Page 1: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Títol memòria

Aplicació web per al seguiment telemàticde la formació en centres de treball

Autor : Juan Antonio Chaves AlvarezCurs escolar : 2007-2008

Page 2: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

2

2 Índex

1 TÍTOL MEMÒRIA ................................................................................................................................ 1

2 ÍNDEX ............................................................................................................................................... 2

3 RESUM DEL PROJECTE. ...................................................................................................................... 3

3.1 Aspectes més rellevants. ........................................................................................................... 3

3.2 Objectiu realitzat. ..................................................................................................................... 3

4 EXPLICACIÓ DEL TREBALL PREVI. ..................................................................................................... 4

4.1 Treball previ en cursos anteriors. ............................................................................................ 4

4.2 Treball previ d’aquest curs. ..................................................................................................... 5

5 OBJECTIUS ESPECÍFICS REALITZATS I AMPLIACIONS FUTURES. ........................................................ 13

5.1 Objectius realitzats. ................................................................................................................ 13

5.2 Ampliacions futures de l’aplicació. ........................................................................................ 13

6 PLA DE TREBALL REALITZAT . .......................................................................................................... 14

6.1 Pla de treball realitzat. .......................................................................................................... 14

7 ESPECIFICACIONS. ........................................................................................................................... 15

7.1 Especificacions tècniques de l’aplicació. ............................................................................... 15

7.2 Pla de difusió i explotació dels resultats del projecte. ........................................................... 17

Page 3: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

3

3 Resum del projecte.

3.1 Aspectes més rellevants.

En el darrers cursos he assumit la responsabilitat del seguiment de les pràctiques deempresa al cicle superior de Administració de sistemes informàtics de l’ IES Bernat el Ferrer,a Molins de Rei.

És una tasca que suposa una dedicació important tant pel que fa a l’ orientació delsalumnes en el seu perfil professional com a la gestió de la documentació que marca lanormativa.

El document més important de la formació en centres de treball és el quadern depràctiques. És un document que vol possibilitar el seguiment quotidià del treball dels alumnesa l’empresa i també possibilita l’ avaluació continua de l’empresa d’aquesta feina. En aquestsentit és una eina molt adequada i pels tutors representa, juntament amb les visites ientrevistes periòdiques a l’empresa, l’única manera efectiva de fer la seva tasca.

Però el quadern de pràctiques té alguns desavantatges:• pel fet de ser un document complex, es fàcil cometre errors importants difícils

d’esmenar.• pel fet de ser un document escrit, a vegades és difícil de llegir, depèn massa de

l’ordre i constància dels alumnes.• pel fet de tenir forma de quadern, només es pot consultar si l’alumne el porta a

classe i és molt fàcil que es perdi o que l’empresa no se`l prengui seriosament fins alfinal de les pràctiques d’empresa.

És per tot això que aquest curs 2007/2008, gràcies a una llicència d’estudis tipus B3, hecomençat el projecte de fer una versió telemàtica del quadern de pràctiques d’ empresa.

En aquest moment he dissenyat la versió 0.8 beta de l’aplicació web per al seguiment dela formació en centres de treball, en la que he resolt molts aspectes importants per ser unaaplicació eficient, segura i que compleixi tots els requisits que un tutor de pràctiques d’empresa necessita.

3.2 Objectiu realitzat.

L’objectiu realitzat és el disseny i construcció d’una aplicació web que permeti fer elseguiment de la formació en centres de treball via telemàtica. Una aplicació senzilla d’utilitzari de configurar, i que permeti la comunicació eficaç entre alumnes, empreses i centresd’ensenyament.

Page 4: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

4

4 Explicació del treball previ.

4.1 Treball previ en cursos anteriors.

Durant el curs 2006-2007 vaig començar a dissenyar una petita aplicació com a pasprevi per a demanar una llicència d’estudis.

Em vaig plantejar com a primer objectiu simular amb una aplicació web una petita partde la feina que un alumne ha de fer amb el quadern de pràctiques: escriure les tasquesquotidianes que es fan a l’empresa i la duració en hores.

El resultat va ser la següent aplicació, amb tres parts:La primera part demana un nom d’usuari i contrasenya per al control d’accés (fig. 1):

1. formulari d’ingrés en l’ aplicació.

Una vegada es validat un usuari de forma correcte, la segona part demana a l’ alumneque esculli les dates de les tasques que vol introduir (fig. 2)

2. formulari per a escollir les dades.

La tercera part demana a l’alumne que introdueixi les tasques fetes en les datesescollides (fig. 3)

Page 5: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

5

3. formulari per a introduir les tasques fetes

4.2 Treball previ d’aquest curs.

En aquest curs 2007-2008 he fet un treball previ d’investigació i aprofundiment en lesmillors tecnologies i estratègies per a la construcció de l’aplicació web.

En el marc de les tecnologies de l’ informació he desenvolupat les següents accions:o definir el marc tecnològic amb tecnologies lliures: totes les tecnologies

emprades són lliures i d’accés il·limitat.o definir l’entorn de programació: Aptana studio.o definir la tecnologia de l’aplicació al servidor: PHP5.o definir les tecnologies de l’aplicació al client: XHTML i jQuery.o definir l’entorn d’execució de l’aplicació: Zend Framework 1.5.o definir la tecnologia de bases de dades: MySql 5.o definir l’estructura de l’aplicació seguint criteris d’eficiència i eficàcia.

En el marc de les estratègies de construcció d’aplicacions web he desenvolupat lessegüents accions:

o estudiar i definir la maquetació de l’aplicació d’acord amb els estàndardsinternacionals d’ús web (normativa internacional XHTML 1.0 Strict inormativa internacional CSS 2.1)

Page 6: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

6

o estudiar i definir la maquetació de l’aplicació d’acord amb els estàndardsinternacionals d’accessibilitat web (normativa internacional WAI-AAA) perla part de l’aplicació desenvolupada per a l’alumnat.

o estudi de la millor manera d’implementar seguretat de les dades al’aplicació.

o definir la maquetació de l’aplicació per aconseguir un ús de l’aplicaciósenzill i intuïtiu.

El resultat del treball previ i la resta del treball és la següent aplicació web:

Exemple 1:entrada a l’aplicació:

Page 7: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

7

Exemple 2:vista estàndard de l’alumnat d’un grup per part del seu tutor:

Exemple 3:vista estàndard de dades generals d’empreses per part del seu tutor

Page 8: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

8

Exemple 4: vista general de convenis en format calendari

Exemple 5: vista de les dades d’un conveni.

Page 9: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

9

Exemple 6: vista de l’avaluació d’un conveni.

Exemple 7: vista del pla d’activitats d’un conveni

Page 10: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

10

Exemple 8: vista de les entrevistes amb una empresa.

Exemple 9: vista alumnat: dades generals.

Page 11: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

11

Exemple 10: vista alumnat: descripció quinzenal de les activitats formatives.

Exemple 11: vista alumnat: valoració mensual de la FCT.

Page 12: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

12

Exemple 12: vista resum de hores i dies del conveni

Page 13: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

13

5 Objectius específics realitzats i ampliacions futures.

5.1 Objectius realitzats.

L’objectiu realitzat d’aquest projecte és desenvolupar una aplicació web que permeti elseguiment de la formació en centres de treball. Aquesta aplicació compleix els següentsobjectius concrets:

• Respecte a l’alumne:

o permet descriure diàriament les tasques fetes a l’empresa en el mateix lloc defeina de forma autònoma.

o ajuda en la seva gestió del temps i la gestió de la documentació.o possibilita l’autoavaluació de les activitats formatives a l’empresa de forma

coordinada amb el tutor de pràctiques.

• Respecte a l’empresa:

o promou el seguiment acurat del quadern de pràctiques des de l’empresa.o potencia la comunicació entre centre educatiu i empresa

• Respecte al tutor de pràctiques:

o simplifica la gestió documental de la formació en centres de treball.o permet el seguiment quotidià del alumnes en pràctiques d’empresa.o estableix un nou mitjà de comunicació amb la comunitat educativa.

• Respecte al centre d’ensenyament:

o aglutina i garanteix les dades en una única base de dades per a tots elsalumnes del centre.

o permet la recopilació de estadístiques i informes sobre les dades delsalumnes del centre.

5.2 Ampliacions futures de l’aplicació.

Durant el curs 2008-2009 s’implantarà l’aplicació en l’ IES Bernat el Ferrer en fase deproves. Durant aquest període estan previstes les següents actuacions d’ ampliació:

• Millorar l’aplicació en funció de les valoracions de la comunitat educativa.• Completar la part d’empreses.• Simplificar el procés d’instal·lació i configuració.• Importar dades de SAGA.

Page 14: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

14

6 Pla de treball realitzat.

6.1 Pla de treball realitzat.

L’ execució del treball ha seguit les següents fases:

6.1.1 Fase zero, setembre de 2007.

A partir del treball previ i les característiques desitjades de l’aplicació, concretar elaspectes tècnics de l’aplicació i modelar el disseny de la base de dades.

6.1.2 Primera fase: octubre, novembre i desembre de 2007.

Disseny i realització de la interfície d’usuari, és a dir, de les diferents pantalles que espresentaran a l’usuari de l’aplicació.

6.1.3 Segona fase: gener i febrer de 2008.

Disseny i realització de proves d’execució de l’entorn tecnològic de l’aplicació.Investigació i aprenentatge de la tecnologia Zend Framework.

6.1.4 Tercera fase: març, abril, maig i juny de 2008.

Disseny i realització dels algoritmes necessaris per aconseguir les funcionalitatsrequerides per als tutors i alumnat.

6.1.5 Quarta fase: juliol de 2008.

Elaboració de la documentació.Proves de seguretat i funcionament.

6.1.6 Cinquena fase, setembre de 2008.

Publicació dels resultats i del programari a la comunitat educativa.

Page 15: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

15

7 Especificacions.

7.1 Especificacions tècniques de l’aplicació.

Aquest material ofereix un sistema telemàtic de seguiment de la formació en centres detreball.

L’ aplicació web es podrà aconseguir via descàrrega web i també les seves guiesd’utilització i configuració. Una vegada s’obtingui el programari es podrà instal·lar de variesformes:

- en un servidor intern de l’ institut, de forma que només es pugui utilitzar des deels ordinadors del centre educatiu.

- en un servidor extern a l’ institut, que podrà ser el servidor extern del centreeducatiu o un nou servidor que es contracti per aquesta aplicació. Aquestaforma d’instal·lació permetrà que tota la comunitat educativa pugui accedir al’aplicació.

Una vegada instal·lada l’aplicació s’haurà de configurar segons els paràmetresespecífics del centre educatiu: cicles formatius que s’imparteixen, professors tutors del centre,duració de les pràctiques de empresa, ...

Les tecnologies necessàries per el correcte funcionament de l’aplicació són:

En el servidor:• Servidor web Apache versió 2.0.5 o posterior: http://www.apache.org/• Llenguatge de programació PHP 5.1.0 o posterior: http://www.php.net/• Base de dades Mysql 5.0.24 o posterior: http://www.mysql.com/

En el client:• Navegador web versions:

�Internet Explorer 7.0 o posterior:http://www.microsoft.com/spain/windows/products/winfamily/ie/default.mspx�Mozilla Firefox 2.0, 3.0 o posterior: http://www.mozilla-europe.org/es/firefox/� Opera 9.0 o posterior: http://www.opera.com/� Safari 3.0 o posterior: http://www.apple.com/es/safari/

Tecnologies incrustades en l’aplicació:• Estàndards web XHTML 1.0 , CSS 2.1 i WGAC 1.0• Zend Framework 1.5: http://framework.zend.com/• jQuery 1.1.6: http://jquery.com• jQuery Tablesorter 2.0.3: http://tablesorter.com/docs/• jQuery UI Date Picker 3.4.3: http://marcgrabanski.com/pages/code/jquery-ui-

datepicker/• jQuery UI Tabs: http://docs.jquery.com/UI/Tabs

Page 16: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

16

Eines de desenvolupament utilitzades:• Aptana Studio: http://www.aptana.com/• Firebug: https://addons.mozilla.org/es-ES/firefox/addon/1843• Xmlmind XML editor: http://www.xmlmind.com/xmleditor/• FileZilla: http://filezilla-project.org/• MySQL Workbench 5.0.25: http://dev.mysql.com/workbench/• phpMyAdmin - 2.8.2.4: http://www.phpmyadmin.net/• Colour Contrast Analyser 1.2: http://www.wat-c.org/tools/

Elements gràfics utilitzats:• ColorCons Free Icons:

http://www.mouserunner.com/Spheres_ColoCons1_Free_Icons.html

Tots aquets recursos i eines són lliures i gratuïts, amb una llicència Creative Commons2.5 o llicència compatible.

Page 17: Aplicació web per al seguiment telemàtic de la …telemàtic de la formació en centres de treball 14 6 Pla de treball realitzat. 6.1 Pla de treball realitzat. L’ execució del

Memòria: Aplicació web per al seguimenttelemàtic de la formació en centres de treball

17

7.2 Pla de difusió i explotació dels resultats de projecte.

7.2.1 L’explotació dels resultats.

L’explotació dels resultats del projecte en l’ IES Bernat el Ferrer començarà amb la fasede proves aquest curs 2008-09. Un grup important de professors, alumnes i empreses hoprovaran tot el curs. Al final del curs, un cop recollides i implantades totes les milloresaportades per la comunitat educativa, s’implantarà una versió 1.0 definitiva.

Per als professors es programarà una sessió de formació per garantir una correctautilització del material i la formació necessària per a que puguin explicar als alumnesl’aplicació i el seu ús.

7.2.2 Pla de difusió.

El pla de difusió constarà d’una web d’informació i demostració de l’aplicació web.L’objectiu és explicar a la comunitat educativa els avantatges d’utilitzar aquesta aplicació.

Normalment totes les aplicacions necessiten que l’usuari comprovi aquests avantatgesde forma empírica, és a dir, que la millor manera de comprovar és utilitzar l’aplicació unaestona per a poder valorar la seva adequació als objectius que ens proposa.

És per això que aquesta web oferirà una versió de l’aplicació de demostració ambdades falses d’un hipotètic centre educatiu. Gràcies a això els centres podran navegar perl’aplicació com si fossin un alumne en pràctiques o un tutor d’empreses i fer-se una idea moltaproximada de les característiques i capacitats de l’aplicació.

La web també oferirà un sistema de resolució de dubtes a la comunitat educativa enforma de direcció electrònica (e-mail) on resoldré de forma personal els problemes que emplantegin.