Advanced system of planning and organization of classes at the university

This document is the result of a process of web development to create a tool that will allow to Cracow University of Technology consult, create and manage timetables. The technologies chosen for this purpose are Apache Tomcat Server, My SQL Community Server, JDBC driver, Java Servlets and JSPs for the server side. The client part counts on Javascript, jQuery, AJAX and CSS technologies to perform the dynamism. The document will justify the choice of these technologies and will explain some development tools that help in the integration and development of all this elements: specifically, NetBeans IDE and MySQL workbench have been used as helpful tools. After explaining all the elements involved in the development of the web application, the architecture and the code developed are explained through UML diagrams. Some implementation details related to security are also deeper explained through sequence diagrams. As the source code of the application is provided, an installation manual has been developed to run the project. In addition, as the platform is intended to be a beta that will be grown, some unimplemented ideas for future development are also exposed. Finally, some annexes with important files and scripts related to the initiation of the platform are attached. This project started through an existing tool that needed to be expanded. The main purpose of the project along its development has focused on setting the roots for a whole new platform that will replace the existing one. For this goal, it has been needed to make a deep inspection on the existing web technologies: a web server and a SQL database had to be chosen. Although the alternatives were a lot, Java technology for the server was finally selected because of the big community backwards, the easiness of modelling the language through UML diagrams and the fact of being free license software. Apache Tomcat is the open source server that can use Java Servlet and JSP technology. Related to the SQL database, MySQL Community Server is the most popular open-source SQL Server, with a big community after and quite a lot of tools to manage the server. JDBC is the driver needed to put in contact Java and MySQL. Once we chose the technologies that would be part of the platform, the development process started. After a detailed explanation of the development environment installation, we used UML use case diagrams to set the main tasks of the platform; UML class diagrams served to establish the existing relations between the classes generated; the architecture of the platform was represented through UML deployment diagrams; and Enhanced entity–relationship (EER) model were used to define the tables of the database and their relationships. Apart from the previous diagrams, some implementation issues were explained to make a better understanding of the developed code - UML sequence diagrams helped to explain this. Once the whole platform was properly defined and developed, the performance of the application has been shown: it has been proved that with the current state of the code, the platform covers the use cases that were set as the main target. Nevertheless, some requisites needed for the proper working of the platform have been specified. As the project is aimed to be grown, some ideas that could not be added to this beta have been explained in order not to be missed for future development. Finally, some annexes containing important configuration issues for the platform have been added after proper explanation, as well as an installation guide that will let a new developer get the project ready. In addition to this document some other files related to the project are provided: - Javadoc. The Javadoc containing the information of every Java class created is necessary for a better understanding of the source code. - database_model.mwb. This file contains the model of the database for MySQL Workbench. This model allows, among other things, generate the MySQL script for the creation of the tables. - ScheduleManager.war. The WAR file that will allow loading the developed application into Tomcat Server without using NetBeans. - ScheduleManager.zip. The source code exported from NetBeans project containing all Java packages, JSPs, Javascript files and CSS files that are part of the platform. - config.properties. The configuration file to properly get the names and credentials to use the database, also explained in Annex II. Example of config.properties file. - db_init_script.sql. The SQL query to initiate the database explained in Annex III. SQL statements for MySQL initialization. RESUMEN. Este proyecto tiene como punto de partida la necesidad de evolución de una herramienta web existente. El propósito principal del proyecto durante su desarrollo se ha centrado en establecer las bases de una completamente nueva plataforma que reemplazará a la existente. Para lograr esto, ha sido necesario realizar una profunda inspección en las tecnologías web existentes: un servidor web y una base de datos SQL debían ser elegidos. Aunque existen muchas alternativas, la tecnología Java ha resultado ser elegida debido a la gran comunidad de desarrolladores que tiene detrás, además de la facilidad que proporciona este lenguaje a la hora de modelarlo usando diagramas UML. Tampoco hay que olvidar que es una tecnología de uso libre de licencia. Apache Tomcat es el servidor de código libre que permite emplear Java Servlets y JSPs para hacer uso de la tecnología de Java. Respecto a la base de datos SQL, el servidor más popular de código libre es MySQL, y cuenta también con una gran comunidad detrás y buenas herramientas de modelado, creación y gestión de la bases de datos. JDBC es el driver que va a permitir comunicar las aplicaciones Java con MySQL. Tras elegir las tecnologías que formarían parte de esta nueva plataforma, el proceso de desarrollo tiene comienzo. Tras una extensa explicación de la instalación del entorno de desarrollo, se han usado diagramas de caso de UML para establecer cuáles son los objetivos principales de la plataforma; los diagramas de clases nos permiten realizar una organización del código java desarrollado de modo que sean fácilmente entendibles las relaciones entre las diferentes clases. La arquitectura de la plataforma queda definida a través de diagramas de despliegue. Por último, diagramas EER van a definir las relaciones entre las tablas creadas en la base de datos. Aparte de estos diagramas, algunos detalles de implementación se van a justificar para tener una mejor comprensión del código desarrollado. Diagramas de secuencia ayudarán en estas explicaciones. Una vez que toda la plataforma haya quedad debidamente definida y desarrollada, se va a realizar una demostración de la misma: se demostrará cómo los objetivos generales han sido alcanzados con el desarrollo actual del proyecto. No obstante, algunos requisitos han sido aclarados para que la plataforma trabaje adecuadamente. Como la intención del proyecto es crecer (no es una versión final), algunas ideas que se han podido llevar acabo han quedado descritas de manera que no se pierdan. Por último, algunos anexos que contienen información importante acerca de la plataforma se han añadido tras la correspondiente explicación de su utilidad, así como una guía de instalación que va a permitir a un nuevo desarrollador tener el proyecto preparado. Junto a este documento, ficheros conteniendo el proyecto desarrollado quedan adjuntos. Estos ficheros son: - Documentación Javadoc. Contiene la información de las clases Java que han sido creadas. - database_model.mwb. Este fichero contiene el modelo de la base de datos para MySQL Workbench. Esto permite, entre otras cosas, generar el script de iniciación de la base de datos para la creación de las tablas. - ScheduleManager.war. El fichero WAR que permite desplegar la plataforma en un servidor Apache Tomcat. - ScheduleManager.zip. El código fuente exportado directamente del proyecto de Netbeans. Contiene todos los paquetes de Java generados, ficheros JSPs, Javascript y CSS que forman parte de la plataforma. - config.properties. Ejemplo del fichero de configuración que permite obtener los nombres de la base de datos - db_init_script.sql. Las consultas SQL necesarias para la creación de la base de datos.

Tema 4: Frameworks JavaScript. jQuery

En este tema se ven las ventajas de usar un framework para escribir código en JavaScript. Se describe jQuery, uno de los frameworks más difundidos en la actualidad.

Aplicación web para Ayuntamiento de Las Palmas de Gran Canaria : [Parte A]

[ES] Este Trabajo de Fin de Grado es un servicio basado en tecnologías web (PHP, HTML5, CSS, JQUERY y AJAX). El objetivo principal es ofrecer un servicio de creación y gestión de actas para el Ayuntamiento de Las Palmas de Gran Canaria. Para ello, consta de dos módulos principales, uno para “crear actas” y otro para “editar actas”. La aplicación consta de dos partes. Una primera parte desarrollada por mí, que consiste en primer lugar en todas las reuniones que fueron necesarias con el personal del Ayuntamiento de Las Palmas de Gran Canaria para entender sus necesidades y cómo poder afrontarlas como desarrollador. Y en segundo lugar, me he encargado de la elaboración y la estructura de la página web, mediante la generación de los distintos ficheros con contenido  HTML, en la interconexión de estos ficheros y en el paso de parámetros entre dichos ficheros mediante las distintas herramientas (JQUERY, AJAX), así como también he dotado a la web de todo el contenido JavaScript necesario. En este apartado también se encuentra la tarea de realizar un módulo de búsqueda y un módulo para mostrar las actas ya acabadas. El de búsqueda contiene un formulario con un campo de búsqueda y busca las coincidencias dentro de todos los ficheros que se han generado con la aplicación. También muestra un link para abrir ese fichero desde el navegador. Como aportación adicional también me he encargado de la configuración y generación de las tablas necesarias de la base de datos para el funcionamiento de la aplicación.

EWDY: uma plataforma online para planeamento de viagens

Trabalho de Projecto apresentado para cumprimento dos requisitos necessários à obtenção do grau de Mestre em Novos Media e Práticas Web

Take Care4All: Gestor Pessoal para o Bem-Estar na Saúde, Exercício Físico e Alimentação

Este trabalho de Projecto consiste numa plataforma online que possibilita ao seu utilizador gerir simultaneamente a saúde, o exercício físico e o regime alimentar. A plataforma é uma ferramenta que ajuda a promover o bem-estar do indivíduo, porque auxilia a monitorizar a toma de medicação e a agendar consultas e/ou exames. Permite ainda identificar o exercício físico e a dieta adequada para o estado de saúde do utilizador, através do teste de aptidão física e das calculadoras de IMC, TMB e NCD. Para o desenvolvimento da plataforma foram considerados os princípios da usabilidade e acessibilidade heurística de Jacob Nielsen. O desenvolvimento do projecto assenta nas linguagens de Programação de HTML5, CSS3, PHP, MySQL, Javascript (JQuery) e na plataforma de RWD do Twitter-Bootstrap.

Web per a un club esportiu

Aquest Projecte Final de Carrera va sorgir per la necessitat que tenia el Club Esportiu Escola Sant Gervasi per poder tenir un control de la seva gestió esportiva mitjançant una aplicació web i poder també emmagatzemar les valoracions que es fan sobre els esportistes del Club. L’aplicació inclou altres funcionalitats com les de poder consultar horaris d’entrenament, calendaris o classificacions. Fent servir tecnologies tals com PHP, HTML, JavaScript i AJAX, s’ha implementat aquesta aplicació que serà de gran utilitat per als coordinadors, entrenadors i jugadors que formen part del Club.

Pict2Join : Trencaclosques per a dispositius mòbils

Pict2Join és una aplicació mòbil desenvolupada amb HTML5, CSS3, Javascript i PhoneGap. Aquesta aplicació permet fer un trencaclosques del tamany i dificultat configurat per l'usuari amb una imatge del sistema d'arxius del dispositiu o de la seua càmera de fotos.

ProyGes : soporte de gestión de proyectos

La aplicación tiene como objetivo llegar a la comunidad de alumnos, los cuales no pueden tener reuniones presenciales debido a su situación geográfica. La aplicación dispone de un conjunto de herramientas para poder centralizar toda la información que los usuarios vayan generando durante el desarrollo de los proyectos. Ha de ser una herramienta para facilitar la organización y la administración de los recursos de los usuarios de la plataforma. El proyecto que se presenta es una aplicación web, desarrollada en lenguajes PHP, SQL, HTML, JavaScript, CSS, Ajax, en un servidor Apache y base de datos MySQL.

Desarrollo de una aplicación web multiplataforma según el patrón Modelo Vista Controlador

Memoria del desarrollo de una aplicación web siguiendo el patrón de diseño Modelo Vista Controlador, desde la planificación a la implementación. Tecnologías: MySQL, Java2EE, HTML5, Struts2, jQuery, jQueryMobile, JSP, ESAPI, jasypt, XML.

Desarrollo de una aplicación web multiplataforma según el patrón Modelo Vista Controlador

Memoria del desarrollo de una aplicación web siguiendo el patrón de diseño Modelo Vista Controlador, desde la planificación a la implementación. Tecnologías utilizadas: MySQL, Java2EE, HTML5, Struts2, jQuery, jQueryMobile, JSP, ESAPI, Jasypt, XML.

Desarrollo de aplicaciones moviles con HTML5: Audioguia turistica del Real Monasterio San Lorenzo de El Escorial

Este trabajo ha tenido como objetivo la realización de una aplicación para móviles desarrollada en HTML5 llamada ¿Audioguía Turística de El Real Monasterio de San Lorenzo de El Escorial¿.Se han utilizado tecnologías como HTML5, javascript, jQuery Mobile (framework de javascritp), CSS, ThemRoller, y Phonegap (ahora apache Cordoba). También se ha usado Eclipse como IDE para el desarrollo con el pluging de Aptana.Se ha logrado una aplicación instalable en cualquier dispositivo móvil (Smartphone) o Tablet de cualquier tamaño, obteniéndose una app multidispositivo de tipo híbrida que puede usar y disponer de los recursos que posee el teléfono móvil como hacer llamadas, geolocalización, etc. Aparte de todo ello, para alcanzar una app multiplataforma se ha usado Phonegap Build, proporcionándonos con la compilación en la nube varios archivos instalables en distintas plataformas como Android, Windows-Phone, etc. Por tanto, se ha obtenido el desarrollo de una aplicación con HTML5 multidispositivo y multiplataforma.

Audioguía turística del Real Monasterio de San Lorenzo de El Escorial

Este trabajo ha tenido como objetivo la realización de una aplicación para móviles desarrollada en HTML5 llamada Audioguía turística del Real Monasterio de San Lorenzo de El Escorial. Se han utilizado tecnologías como HTML5, JavaScript, jQuery Mobile, CSS, ThemRoller y PhoneGap.

Viestintä- ja henkilöhakupalvelu liikkuville käyttäjille

Matkapuhelin on nopeasti muuttunut puhevälineestä monipuoliseksi kommunikointilaitteeksi, joka mahdollistaa eri tyyppisten yhteydenpitomenetelmien käytön suurelle osalle maailman väestöä. Nykyään palvelusovellusten toteuttaminen matkapuhelimiin on mahdollista myös muille osapuolille kuin matkapuhelimien valmistajille. Tässä diplomityössä esitellään matkapuhelinoperaattorin toteuttama viestintä- ja henkilöhakupalvelu liikkuville käyttäjille, joka yhdistää yhden mobiilipalvelun alle henkilöstöhakupalvelun sekä useita viestintämenetelmiä. Diplomityössä esiteltävä mobiilipalvelu on toteutettu WAP-teknologian avulla. Mobiilipalvelu on osa TeliaSoneralla palvelukonseptina toteutettua SME-viestintäjärjestelmää (Smart Messaging Exchange), jonka tavoitteena on pilotoida viestintä- ja läsnäolotietopalveluita. Tässä diplomityössä esitellään SME-viestintäjärjestelmä keskittyen sen WAP-palveluun ja WAP-palvelun toteuttamisessa käytettyihin tekniikoihin. Diplomityön työosuutena on SME-viestintäjärjestelmän WAP-palvelun toteuttaminen.

I linguaggi per la programmazione web-based: l'alternativa Dart

Il Web ha subito numerose trasformazioni rispetto al passato. Si è passati da un Web statico, in cui l'unica possibilità era quella di leggere i contenuti della pagina, ad un Web dinamico e interattivo come quello dei social network. Il Web moderno è, ancora oggi, un universo in espansione. La possibilità di arricchire le pagine con contenuti interattivi, video, foto e molto altro, rende l'esperienza web sempre più coinvolgente. Inoltre la diffusione sempre più ampia di mobile device ha reso necessaria l'introduzione di nuovi strumenti per sfruttare al meglio le funzionalità di tali dispositivi. Esistono al momento tantissimi linguaggi di scripting e di programmazione, ma anche CMS che offrono a chiunque la possibilità di scrivere e amministrare siti web. Nonostante le grandi potenzialità che offrono, spesso queste tecnologie si occupano di ambiti specifici e non permettono di creare sistemi omogenei che comprendano sia client che server. Dart si inserisce proprio in questo contesto. Tale linguaggio dà a i programmatori la possibilità di poter sviluppare sia lato client sia lato server. L'obiettivo principale di questo linguaggio è infatti la risoluzione di alcune problematiche comuni a molti programmatori web. Importante in questo senso è il fatto di rendere strutturata la costruzione di programmi web attraverso l'uso di interfacce e classi. Fornisce inoltre un supporto per l'integrazione di svariate funzionalità che allo stato attuale sono gestite da differenti tecnologie. L'obiettivo della presente tesi è quello di mettere a confronto Dart con alcune delle tecnologie più utilizzate al giorno d'oggi per la programmazione web-based. In particolare si prenderanno in considerazione JavaScript, jQuery, node.js e CoffeeScript.