{% extends "layout.html" %}
    {% block jquery %}
    <script>
        $(function() {
            // debugger;
            var cuki = Cookies.get("ident");
            if(!cuki)    {
                document.location = "index";
            }
        });
    </script>
    {% endblock %}

    {% block body %}
    
    <h4><div class='text-center'>Documentació realitzada per en Pablo Sanz</h4></div>
    <p>Aquesta guia descriu tota la documentació sobre la 
        migració de totes las <a href="#apps">aplicacions</a> que he desenvolupat i/o mantingut 
        com a responsable informàtic de UAB-Idiomes, 
        així com enllaços a les aplicacions i als codis fonts i BBDD. 
        També aporta la documentació dels diferents <a href="servs">servidors</a> i la seva organització.
    </p>

    <h2 id="apps">Relació d'aplicacions realitzades</h2>

    <p class="intro">La idea és centralitzar en un sol lloc tota aquesta informació i evitar la duplicitat de documents que es generarien per actualitzacions successives. Això implica, però, que hi haurà parts que aniran canviant o que durant un temps estaran desactualitzades. Igualment, s'aniran ampliant temes i/o eliminant d'altres fins arribar a una documentació final i estable.
    </p>

    <ul>
        <li><a href="#py3">Aplicacions realitzades en Python 3.7 i Flask 1.1.1</a></li>
        <li><a href="#java">Aplicacions realitzades en Java</a></li>
        <li><a href="#mant">Aplicacions en manteniment</a></li>
        <li><a href="#obso">Aplicacions descatalogades</a></li>
    </ul>
    <div>
        <h3 id="conspython37">Consideracions Python 3.7</h3>
        Les aplicacions realitzades en Python estan desenvolupades amb la versió 2.7, 
        tot i que des de gener del 2020, existeixen les versions migrades a 3.7. Estan pendents d'ajustar
        el wuster per poder substituir el 2.7 pel 3.7.
        <h3 id="py3">Aplicacions realitzades en Python 3.7</h3>
        <p>Relació d'aplicacions realitzades en Python 3. Són la conversió d'aplicacions del mateix nom ja existents, provinents de l'antic Gabinet de Llengua Catalana i que havien estat realitzades en PHP 3 + MySQL. La migració a PHP 7 suposava fer-les de nou així que es va decidir fer la versió en Python + Flask per la seva rapidesa en la implementació. Atès que l'stress sobre la BBDD era nul, vaig decidir substituir MySQL per SQLite3.</p>
        <ul>
            <li><a href="#kep">Kep</a></li>
            <li><a href="#jocs">Jocs </a></li>
            <li><a href="#uabplur">UAB pluralitat</a></li>
            <li><a href="#uabinter">UAB interculturalitat</a></li>
            <li><a href="#ctestpracticer">Creador de C-Tests de pràctiques (ctestpracticer)</a></li>
        </ul>
        <p>Versió en Python del Quac</p>
        <ul>
            <li><a href="#q5">Versió 5 Pro</a> del Quac</li>
            <li><a href="#q5tst">Versió 5 Test</a>del Quac</li>
        </ul>

        <p>Tot i que ja estan migrades a Python 3.7, a dia 26/03/2020, les aplicacions en Python poden no estar en 3.7 en producció, ja que estem pendents d'unes gestions de la direcció per disposar d'un entorn de proves al wuster.uab.es per les versions ja migrades a Python3</p>
        <div class="subnivel1" id="kep">
            <h4 class="appinfo">Kep</h4>
            <p>Consulta de l'antiga BBDD del 'Gabinet de Llengua Catalana'. 
                És una aplicació senzilla migrada d'una anterior de la qual no disposàvem de gaire informació.
                Està desenvolupada en Python3.7 i Flask contra SQlite3. La seva finalitat és poder consultar 
                les dades d'activitats formatives que tenia el Gabinet i que eren molt antigues.
            </p>
            <p>A hores d'ara, la seva consulta està automatitzada des del Winzen tot i que es pot consultar 
                <a href="https://wuster.uab.es/kep/">directament</a>. 
                Contacteu amb el responsable d'administració de UAB-Idiomes Campus per la clau d'accés.</p>
            <p class="inforesponsable">Per més informació contacteu: <span class="responsable">Néstor González (Nestor.Gonzalez@uab.cat)</span></p>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="jocs">
            <h4 class="appinfo">Jocs de la mediterrània</h4>
            <p>Aquesta web aplega diferents jocs virtuals creats pel Servei de Llengües que promouen la reflexió al voltant de la llengua i la diversitat. Consta de tres jocs:
                <ul>
                    <li><a href="http://wuster.uab.es/jocs/joc?x=&y=ca&z=1">Si Pompeu Fabra aixequés el cap</a></li>
                    <li><a href="http://wuster.uab.es/jocs/joc?x=&y=ca&z=2">Seül no és Pequín</a></li>
                    <li><a href="http://wuster.uab.es/jocs/joc?x=&y=ca&z=3">La Galeta de la Fortuna</a></li>
                </ul>
                
            </p>
            <p>
                La pàgina principal és <a href="http://wuster.uab.es/jocs">Jocs virtuals al voltant de la llengua</a>
            </p>
            <p class="inforesponsable">Per més informació contacteu: <span class="responsable">Virginia Castillo (Virginia.Castillo@uab.cat)</span></p>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="uabplur">
            <h4 class="appinfo">UAB pluralitat</h4>
            <p>Accés a la pàgina <a href="http://wuster.uab.es/uabplur/">web</a></p>
            <p class="inforesponsable">Per més informació contacteu: <span class="responsable">Virginia Castillo (Virginia.Castillo@uab.cat)</span></p>
            <ul>
                <li>Els Vídeos, les imatges i la BBDD (uabplur.db) es troben al wuster.</li>
                <li>Els vídeos i les imatges al directori de resursos estàtics. En aquest cas, i atès que són aplicacions absolutament congelades, es troba a /var/www/html/wsgi/uabplur/app/static</li>
                <li>la BBDD a /var/db_repository/uabplur.db</li>
            </ul>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="uabinter">
            <h4 class="appinfo">UAB interculturalitat</h4>
            La pàgina <a href="http://wuster.uab.es/uabinterculturalitat/">web</a>
            <p class="inforesponsable">Per més informació contacteu: <span class="responsable">Virginia Castillo (Virginia.Castillo@uab.cat)</span></p>
            <ul>
                <li>Els Vídeos, les imatges i la BBDD (uabinter.db) es troben al wuster.</li>
                <li>Els vídeos i les imatges al directori de resursos estàtics. En aquest cas, i atès que són aplicacions absolutament congelades, es troba a /var/www/html/wsgi/uabplur/app/static</li>
                <li>la BBDD a /var/db_repository/uabinter.db</li>
            </ul>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="ctestpracticer">
            <h4 class="appinfo">Creador de C-Tests de pràctiques (ctestpracticer)</h4>
            <p>La pàgina <a href="http://wuster.uab.es/ctestpracticer/">web</a> pels alumnes.</p>
            <p>La pàgina d'<a href="http://wuster.uab.es/ctestpracticer/hlp">ajuda</a> pels professors per poder crear i afegir nous exercicis. Aquesta url no ha de ser públic
                </p>
            <p class="inforesponsable">Aquesta petita utilitat permet als professors crear C-Tests que 
                ajuden els alumnes a realitzar pràctiques prèvies a l'examen. 
                Per més informació contacteu: <span class="responsable">Laura Riera(Laura.Riera@uab.cat)</span></p>
            <ul>
                <li>L'aplicació i la BBDD (ctestpractice.db) es troben al wuster.</li>
                <li>Els recursos estàtics, en aquest cas i atès que és una aplicació molt senzilla, es troba a /var/www/html/wsgi/ctestpractice/app/static</li>
                <li>la BBDD a /var/db_repository/ctestpractice.db</li>
            </ul>
            <div><a href="#recs">Recursos informàtics</a>.</div>
        </div>
        <div class="subnivel1" id="q5">
            <h4 class="appinfo">Quac 5 PRO</h4>
            <p><a href="http://wuster.uab.es/quac5">Quac 5</a>. Aplicació de gestió de notes segons el model 
                multinivell. En l'actualitat la versió de producció és la <b>5.0.0.57 - 08/04/2019</b>. </p>
            <p class="inforesponsable">Per més informació contacteu: <span class="responsable">Laura Riera (Laura.Riera@uab.cat)</span></p>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="q5tst">
            <h4 class="appinfo">Quac 5 Test</h4>
            <p><a href="http://wuster.uab.es/quac5tst">Quac 5</a>. 
                Tenim la nova versió <b>5.0.0.66 - 15/04/2020</b>. Encara no s'ha passat a producció</p>
            <p class="inforesponsable">Per més informació contacteu: <span class="responsable">Laura Riera (Laura.Riera@uab.cat)</span></p>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
    </div>
    
    <div id="java">
        <h4 class="appinfo">Aplicacions realitzades en Java</h4>
        <p>Les aplicacions següents han estat desenvolupades en diferents versions de Java.</p>
        <ul>
            <li><a href="#wzn">Winzen</a></li>
            <li><a href="#sim">Simtest</a></li>
            <li><a href="#sev">Sevir</a></li>
            <li><a href="#ers">Eres</a></li>
        </ul>
        <div class="subnivel1">
        <h4 class="appinfo">Estructura de les aplicacions Java</h4>
            <p>
            Considerant que el desenvolupament d'aplicacions ha estat exclusivament centrat sobre mi i he treballat sempre individualment, 
            i tot i que al llarg del temps he provat diferents tècniques de treball en grup: control de versions, 
            frameworks, documentació... finalment he acabat per desenvolupar els meus propis sistemes i 
            recòrrer a formes de treball més senzilles en tots els aspectes, al menys per mi. 
            </p>
            <p>
                Respecte als frameworks i llibreries he evitat en la mida del possible casar-me amb cap sinò és que era absolutament inevitable o he considerat que el seu valor afegit justificava la dependència.
                Dins del possible sempre he mirat de crear-me les meves llibreries. Òbviament no ha estat sempre possible, ni tampoc pràctic.</b>
            </p>

        <p>Dit això aquesta és l'estructura bàsica de totes les aplicacions java: el model seguit ha estat l'MVC de manera que una aplicació té les següents parts:
                <ul>
                    <li>Servlet bàsic, normalment denominat <em>AdminBasicServlet</em>. És la classe de la que tots els servlets, si n'hi ha més d'un, hereten. És l'encarregat de configurar l'aplicació: configurar el framework de visualització de les vistes: Freemarker; carregar la configuració de l'aplicació a travès d'un fitxer [nom_de_aplicacio].cfg; preparar el context i la sessió... etc</li>
                    <li>Un servlet principal, i si s'escau N servlets més secundaris. Aquests servlets bàsicament són un llarg 'if' que processa les accions demanades per l'aplicació mitjançant les diferents urls</li>
                    <li>Cada acció processada per un servlet és enviada a una classe <em>Action</em> que hereta normalment de <em>BasicFrmAction</em> i que processa totes les accions agrupades per 'conceptes': gestió d'alumnes, gestió de places, pujada de fitxers... etc</li>
                    <li>Cada mètode d'una classe <em>Action</em> passa la petició corresponent a una classe <em>Control</em> (poden haver-hi diferents classes de control, segons el cas) que en funció de la petició actua: Extreu informació d'un fitxer, connecta amb una BBDD, connecta amb una url mitjançant un web service...etc
                    Si la petició està relacionada amb la BBDD, el mètodo corresponent de la clase control es connecta a una classe <em>LinkDBxxx</em> que hereta de una classe bàsica <em>LinkDB</em> 
                    </li>
                    <li>La corresponent classe <em>LinkDBxxx</em> connecta amb la BBDD i retorna el resultat a la de control que li retorna a la classe <em>ActionXXX</em> i que retorna la vista corresponent, si s'es cau, a l'usuari</li>
                </ul> 
                Com es pot veure, és un esquema bàsic de l'MVC.
                <p>
                    Pel que fa a la visualització de les vistes, he seguit un llarg camí des del model <em>JSP</em> fins l'actual basat en <em>Freemarker</em>. Com que ha estat un procés de molts anys, la reconversió de jsps a plantilles de Freemarker (<em>ftl</em>) ha estat llarg i encara poden quedar restes en alguna aplicació.
                </p>
                <p>
                    A nivell client, de vistes, he utilitzat les següents llibreries:
                    <ul>
                        <li><em>jQuery</em> i derivats, inclòs alguns plugins</li>
                        <li><em>jquery.select.js</em> llibreria propia de gestió de dropdowns o selects</li>
                        <li><em>KnockOut</em>. Per la gestió de les vistes tabulars.</li>
                        <li><em>ko.table.js</em>, llibreria pròpia basada en KnockOut per gestió de taules</li>
                        <li><em>bootstraps</em>. Atès el furor que ha causat als últims anys he acabat incloent-lo</li>
                        <li>Algun que altre plugin: <em>js.cookie.js...</em></li>
                        <li>I de manera particular poden haver-hi plugins concrets que a dia d'avui poden estar obsolets</li>
                    </ul>
                    Les versions de les mencionades llibreries poden variar d'un projecte a un altre.
                </p>
                <p>
                    L'estructura bàsica de'una aplicació respon a aquest esquema, tot i que els següents fitxers/carpetes poden aparèixer encara a les diferents aplicacions però estan definitivament obsolets:
                    <p>
                        <img src="{{url_for('static', filename='images/webapp_struct.png')}}
                        "
                    </p>
                </p>
                <div class="srccode"><a href="#javadoks">Documentació Javadoc</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a></div>
                    
                <p>
                    La majoria de les meves aplicacions, tret diria de gessevir, utilitzen el mateix sistema d'<a href='#javajuda'>ajuda contextual</a>.
                </p>
            </p>
        </div>
        <div class="subnivel1" id="wzn">
            <h4 class="appinfo">Winzen</h4>
            
            <p>El Winzen es la única aplicación que no es propiedad de la UAB o de UAB-Idiomes, sinò meva.</p>
            <ul>
                <li><a href="#bbddFB">Informació genèrica</a> BBDD FireBird</li>
                <li>Informació concreta
                    <p>La BBDD del Winzen, la més gran de totes, és una BBDD que ha anat evolucioant des de l'any 1989 fins avui. Va començar com una BBDD en dBase IV, passat per Páradox i finalment va acabar en Firebird. Actualment 2.5.</p>
                    
                    <p>Òbviament ha passat per molts canvis de requeriments en aquests 30 anys i això es pot observar en les taules, camps, index... etc., que han estat abandonats pel camí, així com les diferents filosofies de tractament de les dades, la manera d'anomenar els camps, índex etc...</p>
                    
                    <p>En reunions prèvies es va decidir quines dades de l'històric es mantindrien, així doncs aquest document no farà referència a aquestes decisions. Més aviat intentarà ser una explicació més o menys global dels  criteris d'organització de les dades.</p>
                    
                    <p>Set de caràcters: WIN1252. A dia d'avui, tot i que hi ha hagut molts intents de canviar el set de caràcters a UTF-8, no s'ha pogut per diferents raons, bàsicament d'índol tècnic. En general servidors no preparats per suportar l'UTF-8. Finalment es va poder migrar a Firebird 2.5, que ja suportava plenament l'estàndard UTF-8, però degut al canvi d'aplicatiu es va decidir congelar-ho.</p>
                            
                    <h4 class="subnivel2">Estructura: Camps, index...</h4>
                        <p>Bàsicament, totes les taules, o gairebé totes, inclouen un camp ID (en alguns casos OID, de Object ID) que és la clau primària. Una excepció clara és la taula de Codis Postal que procedeix originalment d'una taula que repartia lliurement Correus.</p>
                    
                        <p>Algunes taules inclouen camps VS i CID. Juntament amb OID són l'herència d'un periode en que el desenvolupament del Winzen va estar compartit amb una empresa d'informàtica. D'aquest periòde es va heretar també la decisió d'eliminar les operacions en cascada: eliminacions, updates, ... etc. Per aquesta raó no estan definides relacions d'aquests tipus. Aquests dos camps no tenen cap ús. Potser, en algunes taules com USERS han estat reutilitzats. També es va heretar el camp R_ID, a la taula MAT, que de fet equival al camp EXPED que es troba per tota la BBDD.</p>
                    
                    
                        <p>Els camps que comencen per ID..., com ara IDCURSO, IDEXPED, IDMAT, són una foreign key a un camp d'una altra taula.
                        IDMAT: camp ID de la taula MAT, IDCURSO: camp ID de la taula Curs.... etc. El camp MATID equival a IDMAT.</p>
                    
                        <p>Els noms dels camps, malauradament tampoc segueixen una nomenclatura estàndar. Varien entre castellà i català (amb errors. Cas de NEIXAMENT). L'única regla gairebé general és triar-ne el més curt.</p>
                    
                        <p>Respecte a la taula SQL, des de fa uns anys ha anat incorporant totes les ''queries' d'SQL que originalment estaven 'hardcoded' al codi. Encara, però n'hi queden al codi. Aquesta filosofia s'ha fet extensiva a d'altres BBDD d'altres aplicacions.</p>
                        
                    <h4 class="subnivel2">SQL</h4>
                    <p>L'SQL utilitzat al llarg de totes les aplicacions ha estat sempre SQL 'puro y duro' del 92, evitant totes les floritures pròpies de cada BBDD per poder-lo fer 100% exportable.</p>
                </a></li>
            </ul>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="sim">
            <h4 class="appinfo">Simtest</h4>
            <p>Totes les aplicacions de l'entorn simtest han estat realitzades en diferents versions de Java sobre Oracle <span class="responsable">(contacteu els SI de la UAB Antonio Romera/Nacho Toledo per a més informació)</span></p>
            <ul>
                <li>
                    <span class="topico">simtest 3.</span> Aplicació de detecció de nivell de llengua. En ús
                </li>
                <li>
                    <span class="topico">simtest-pilot.</span> Eina de pilotatge d'ítems. En ús
                </li>
                <li>
                    <span class="topico">admsimtest 3.</span> Aplicació de gestió del simtest. En ús
                </li>
                <li><span class="topico">simtest 4.</span> Inclou el simtest-pilot i els dos 
                    algoritmes: Henning i Prox. En proves</li>
                <li>adminsimtest 4. En proves</li>
                <li><span class="topico"><a href="#ctestpracticer">Creador de C-Tests de pràctiques (ctestpracticer)</a></span></li>
            </ul>
            <div><a href="#recs">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="sev">
            <h4 class="appinfo">Sevir</h4>
            <p>Totes les aplicacions dependents del Sevir estan realitzades en Java sobre Firebird 2/3. El Sevir és la SEcretaria VIRtual de UAB-Idiomes, i conté:
                <ul>
                    <li>Sevir 3. Secretaria virtual stricto senso. Actualment inclou exclusivament els formularis d'espanyol, i en un futur pròxim en català.</li>
                    <li>Gessevir 3. Eina de gestió del Sevir</li>
                </ul>
        
                <p>Bàsicament s'aplica tot el que ja he mencionat pel Winzen, amb la diferència de que l'estructura, nomenclatura de camps, índex... etc, és una mica més coherent.
                Hi ha però, una diferència important en la manera en que es guarden les dades. Per entendre-ho cal explicar l'origen del Sevir.</p>
                <p>La idea era dissenyar una aplicació de formularis que permetés l'implementació ràpida de nous formularis, sobre la marxa, per donar resposta a les necessitats del servei. Per aquesta raó i atenent a que la gran majoria de formularis podien contenir unes dades comuns, es va plantejar una mena d'herència entre formularis, de manera que cada formulari heretaria dels anterios en la mida del possible, o a partir d'un ancestre comú. A nivell de codi es va plantejar com un seguit de classes i interfaces, i a nivell de BBDD, hi hauria un camp DADES, a la taula DADES que guardaria l'informació dels diferents camps com a un toString() de la classe corresponent. D'aquesta manera evitàvem haver de modificar l'estructura de les taules i només era qüestió d'implementar noves classes/mètodes i/o interfaces.
                </p>
                
                <p>Set de caràcters: UTF-8. Atès que el Sevir està en procés de revisió, s'ha aprofitat per fer el canvi de set.
                   
                L'estuctura final de la BBDD podria veure's modificada atès que estem en plena redefinició de l'aplicació.
                </p>
            </p>
            <div><a href="#recs-sevirbbdd">Recursos informàtics</a></div>
        </div>
        <div class="subnivel1" id="ers">
            <h4 class="appinfo">Eres</h4>
            <pro>
                <p>Totes les aplicacions dependents de l'Eres estan realitzades en Java 1.8, J2EE 1.4, sobre Firebird 2/3. Com que hi ha projectes que per diferents raons no ha estat possible migrar-los a java 1.8 poden haver-hi llibreries associades que encara estiguin en Java 1.6.
                </p>
            </pro>
            <info>
                    <p>
                        L'eres es l'aplicatiu de reserva d'espai i conté:
                        <ul>
                            <li><a href="#eresapp">Eres</a>. Aplicació de reserva d'hores per a exàmens.</li>
                            <li><a href="#eresadminapp">Eresadmin</a>. Aplicació de gestió de l'Eres.</li>
                        </ul>
                    </p>
            </info>
            <srr>
            </srr>
            <src>
            </src>
            <bbdd>

            </bbdd>

                <p>Respecte a la BBDD, bàsicament s'aplica tot el que ja he mencionat pel Winzen, amb la diferència de que l'estructura, nomenclatura de camps, índex... etc, és una mica més coherent.</p>
                
            
                <p>Set de caràcters: WIN1252. S'aplica el mateix que al Winzen. Com que l'eres està estabilitzat des de fa temps, no s'ha procedit a canviar el set. Per aquesta mateixa raó fa temps que no se n'han fet canvis a l'aplicació.</p>
            <div><a href="#recs-eres">Recursos informàtics</a></div>
        </div>
        <div class="subnivel3" id="eresapp">
            <h4 class="subnivel3">Eres</h4>
            <p>A banda del jar propi de l'aplicació (eres.jar), està formada per les llibreries següents:</p>
            <div><img src="{{url_for('static', filename='images/librerias_eres.png')}}"</div>
            <p>Les més destacables (les marcades en vermell) són:</p>
                <ul>
                    <li><h4 class="subnivel2"><a href="#eresframelib">eresframe.jar</a></h4>
                    </li>
                    <li><h4 class="subnivel2"><a href="#eresframelib">freemarker.jar</a></h4>
                    </li>
                    <li><h4 class="subnivel2"><a href="#fmklib">fmklib.jar</a></h4></li>
                    <li><h4 class="subnivel2"><a href="#psanz9lib">psanz9.jar</a></h4></li>
                    <li><h4 class="subnivel2">llibreria <a href="#psanzlib">psanz.jar</a></h4></li>
                </ul>

                <p>Respecte a la BBDD, bàsicament s'aplica tot el que ja he mencionat pel Winzen, amb la diferència de que l'estructura, nomenclatura de camps, índex... etc, és una mica més coherent.</p>
                
                <p>Set de caràcters: WIN1252. S'aplica el mateix que al Winzen. Com que l'eres està estabilitzat des de fa temps, no s'ha procedit a canviar el set'. Per aquesta mateixa raó fa temps que no se n'han fet canvis a l'aplicació.</p>
                <h4 class="subnivel3">El codi</h4>
                <div><a href="#recs-eres">Recursos informàtics</a></div>
                </p>
            </div>
        </div>
        <div class="subnivel3" id="eresadminapp">
            <h4 class="subnivel3">Eresadmin</h4>
            <p>A banda del jar propi de l'aplicació (eres.jar), està formada per les llibreries següents:</p>
            <div><img src="{{url_for('static', filename='images/librerias_eresadmin.png')}}"</div>
            <p>Les més destacables (les marcades en vermell) són:</p>
                <ul>
                    <li><h4 class="subnivel2"><a href="#eresframelib">eresframe.jar</a></h4>
                    </li>
                    <li><h4 class="subnivel2"><a href="#eresframelib">freemarker.jar</a></h4>
                    </li>
                    <li><h4 class="subnivel2"><a href="#fmklib">fmklib.jar</a></h4></li>
                    <li><h4 class="subnivel2"><a href="#psanz9lib">psanz9.jar</a></h4></li>
                    <li><h4 class="subnivel2">llibreria <a href="#psanzlib">psanz.jar</a></h4></li>
                </ul>

                <p>La BBDD de l'eresadmin és la mateixa que l'Eres.</p>
                <h4 class="subnivel3">El codi</h4>
                <div><a href="#recs-eresadmin">Recursos informàtics</a></div>

            </p>
        </div>
    </div>
    <div>
        <h3 id="mant">Aplicacions mantingudes per mi</h3>
        <p>En l'actualitat l'única web que mantic és la de l'Argumenta</p>
        <a href="http://wuster.uab.es/web_argumenta_obert/">Argumenta</a>
        <p class="inforesponsable">Per més informació contacteu: <span class="responsable">Enric Serra (Enric.Serra@uab.cat)</span></p>
        <div class="srccode">No hi ha Recursos informàtics  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a></div>
    </div>
    <div id="obso">
        <h4 class="appinfo">Relació d'aplicacions descatalogades</h4>
        <p>La finalitat d'aquesta secció és descriure totes les aplicacions que s'han desenvolupat per encàrrec de UAB-Idiomes tot i que en l'actualitat estiguin en desús, d'aquesta manera es disposarà d'un històric d'apps.</p>
        <ul>
            <p>
                <li>Entorn Winzen
                    <ul>
                        <li>Qual i Qualin: Primeres versions de l'aplicació de gestió d'evaluació.</li>
                        <li>Quac
                            <ul>
                                <li>Versió 1-2. Realitzada en Delphi 5. Desenvolupada segons el primer model de l'algoritme de càlcul de notes del CRAC.</li>
                                <li>Versió 3-4. Realizada en Java. Desenvolupada segons el model ACLES.</li>
                                <li>Versió 5. Desenvolupada en Python 2.7/3.7 i Flask contra SQlite3. 
                                    Model multilíngüe. La versió de producció està (a dia 26/03/2020) en Python 2.7, i la de preproducció en 3.7 <a href="#conspython37">Consideracions Python3.7</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>Entorn simtest
                    <p>Les primeres versions es van realitzar en Delphi 5. Les BBDD eren Pàradox</p>
                </li>
            </p>
        </ul>
    </div>

    <ul>
        <li>Quacs
            <ul>
                <li><a href="https://wuster.uab.es/quac/">Versió 4</a> del Quac per Model ACLES/UAB. Realitzada en Java</li>
                <li><a href="https://wuster.uab.es/quac5/">Versió 5 Pro</a> del Quac. Realitzada en Python 2.7/3.7</li>
                <li><a href="https://wuster.uab.es/quac5tst/">Versió 5 Test</a> del Quac. Realitzada en Python 2.7/3.7</li>
            </ul>
        </li>
    </ul>
    <div>
    <h3 id="bbddFB">Informació genèrica BBDD fetes en Firebird</h3>
    <ul>
        <li><p>En general per totes les BBDD veureu que el Firebird defineix 'domains' que bàsicament són àlies de definicions de tipus de camps.</p></li>
    </ul>
    
    <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
    <h3 id="libs">Llibreries</h3>
    <p>Aquesta és la relació de llibreries de java utilitzades en els diferents projectes. No s'incloen llibreries estàndar com ara mail, json, acivation... etc</p>
    <div id="eresframelib">
        <h4 class="subnivel2">eresframe.jar</h4>        
        <p>És una llibreria que conté el codi comun amb l'eresadmin</p>
        <div><a href="#recs">Recursos informàtics</a></div>

    </div>
    <div id="freemarkerlib">
        <h4 class="subnivel2">freemarker.jar</h4>        
        <p>És el framework que utilitzen la majoria de les meves aplicacions i que va substituir a l'stàndard jsp. En l'actualitat estic utilitzant la versió 2.3.23.stable</p>
    </div>
    <div id="fmklib"><h4 class="subnivel2">fmklib.jar</h4>
        <p>És una llibreria pròpia basada en el framework Freemarker que defineix una sèrie de classes, funcions... etc útils.</p>
        <div><a href="#recs">Recursos informàtics</a></div>
    </div>
    <div id="psanz9lib"><h4 class="subnivel2">psanz9.jar</h4>
        <p>És una millora de la llibreria psanz.jar</p>
        <div><a href="#recs">Recursos informàtics</a></div>
    </div>
    <div id="psanzlib"><h4 class="subnivel2">psanz.jar</h4>
        <p>És una llibreria pròpia desenvolupada al llarg dels anys per mi, originalment per projectes personals, que finalment vaig compartir i cedir als meus projectes professionals. Com que va cobrir la migració d'Object Pascal (llenguatge en que estava desenvolupat anteriorment el Winzen) a java, conté molta 'guarreria' i no procediré a documentar-la. En tot cas faré esmena de les parts que s'utilitzen i una breu descripció. El més assenyat seria substituir-la per funcionalitat similar en altres llibreries.</p>
    </div>
    <div><a href="#recs">Recursos informàtics</a></div>
    </div>       

    <div>
        <h3  id="javadoks">Documentació Javadoc</h3>
        <p>
            Tota la documentació sobre les diferents aplicacions està organitzada en un seguit de fitxers html a l'estil javadoc. Aquest fitxer anirà canviant a mida que es vagi actualitzant la documentació. Descarregueu-lo in descomprimiu-lo on volgueu. L'accés a la informació és mitjançant l'index.html.
        </p>
        <div><a href="#recs">Recursos informàtics</a></div>
    </div>       
    
    <div>
        <h3  id="javajuda">Sistema contextual d'ajuda d'aplicacions java</h3>
        <p>
            Pendent.
        </p>
        <div><a href="#recs">Recursos informàtics</a></div>
    </div>       
    
    <div>
        <h3>Recursos informàtics</h3>
        <div id="recs">
        <h4 class="recursos">Kep</h4>
        {% set down = 'kep' if 'kep' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi font </a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>

        <h4 class="recursos">Jocs</h4>
        {% set down = 'ijocs' if 'ijocs' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi font </a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>

        <h4 class="recursos">UAB Pluralitat</h4>
        {% set down = 'uabplur' if 'uabplur' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi font </a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>

        <h4 class="recursos">UAB Interculturalitat</h4>
        {% set down = 'uabinter' if 'uabinter' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi font  </a> <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>

        <h4 class="recursos">C-Test practice</h4>
        {% set down = 'ctestpractice' if 'ctestpractice' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi font C-Test practice </a> <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>
        
        <h4 class="recursos">Quac 5</h4>
        {% set down = 'bbdd-quac' if 'bbdd-quac' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Dump exemple d'una BBDD del Quac 5</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>        
        {% set down = 'quac5-src' if 'quac5-src' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Fonst provisionals del Quac 5</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>        

        <h4 class="recursos">Winzen</h4>
        {% set down = 'bbdd-winzen' if 'bbdd-winzen' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">dump exemple d'una BBDD del winzen</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>
        
        <h4 class="recursos">Simtest 4</h4>
        {% set down = 'simtest' if 'simtest' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">simtest</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>
        
        <h4 id="recs-sevirbbdd" class="recursos">Sevir</h4>
        {% set down = 'bbdd-sevir' if 'bbdd-sevir' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">dump exemple d'una BBDD del sevir</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>
        {% set down = 'sevir-src' if 'sevir-src' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi fonts del sevir</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>
        {% set down = 'gessevir-src' if 'gessevir-src' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi fonts del gessevir</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>
        
        <h4 id="recs-eres" class="recursos">Eres</h4>
        {% set down = 'bbdd-eres' if 'bbdd-eres' in downs else "notready" %}
        <div class="srccode">
            {% if down != "notready" %}
            <a href="{{config['URL_SERVER']}}dwd/{{down}}">dump exemple d'una BBDD de 'eres'</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%else%}
            Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%endif%}
        </div>       
        {% set down = 'eres-src' if 'eres-src' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Codi fonts de l'eres</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>
    
        <h4 id="recs-eresadmin" class="recursos">Eres admin</h4>
        {% set down = 'eresadmin-src' if 'eresadmin-src' in downs else "notready" %}
        <div class="srccode">
            {% if down != "notready" %}
            <a href="{{config['URL_SERVER']}}dwd/{{down}}">fonts de l'eresadmin</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%else%}
            Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%endif%}
        </div>       
        
        <h4 class="recursos">eresframelib</h4>
        {% set down = 'eresframe' if 'eresframe' in downs else "notready" %}
        <div class="srccode">
            {% if down != "notready" %}
            <a href="{{config['URL_SERVER']}}dwd/{{down}}">fonts de l'eresframe</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%else%}
            Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%endif%}
        </div>       
        
        <h4 class="recursos">fmklib</h4>
        {% set down = 'fmklib' if 'fmklib' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">fonts del fmklib</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>       
        
        <h4 class="recursos">psanz9lib</h4>
        {% set down = 'psanz9lib' if 'psanz9lib' in downs else "notready" %}
        <div class="srccode">
            {% if down != "notready" %}
            <a href="{{config['URL_SERVER']}}dwd/{{down}}">fonts del psanz9lib</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%else%}
            Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%endif%}
        </div>       
        
        <h4 class="recursos">Llibreries de l'eres i de l'eresadmin</h4>
        <p>
            <ul>
                <li>freemarker</li>
                <li>loggin-log4j-1.2.14</li>
                <li>json</li>
                <li>jaf-1.1</li>
                <li>gson-2.3.1</li>
                <li>itext-5.4.0</li>
                <li>javamail-1.4</li>
            </ul>
        </p>
        
        {% set down = 'eres-admin-libs' if 'eres-admin-libs' in downs else "notready" %}
        <div class="srccode">
            {% if down != "notready" %}
            <a href="{{config['URL_SERVER']}}dwd/{{down}}">Llibreries de l'eres i de l'eresadmin</a><a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%else%}
            Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
            {%endif%}
        </div>        
        
        <h4 class="recursos">Documentació fonts de Java</h4>
        {% set down = 'javadoksapps' if 'javadoksapps' in downs else "notready" %}
        <div class="srccode">
        {% if down != "notready" %}
        <a href="{{config['URL_SERVER']}}dwd/{{down}}">Documentació java</a>  <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%else%}
        Recursos informàtics no disponibles encara <a href="#top"><img src="{{url_for('static', filename='images/top.png')}}" title="Inici document"></a>
        {%endif%}
        </div>        
    </div>
    {% endblock %}