Source: http://docplayer.es/1826171-Universidad-politecnica-de-valencia-facultad-de-informatica.html
Timestamp: 2017-07-20 21:25:48+00:00

Document:
Universidad Politécnica de Valencia Facultad de Informática - PDF
Universidad Politécnica de Valencia Facultad de Informática
Download "Universidad Politécnica de Valencia Facultad de Informática"
Miguel Ángel Flores Ruiz
1 Universidad Politécnica de Valencia Facultad de Informática Proyecto final de carrera: Construcción de un sitio web para la realización de ejercicios IEEE 754 Autor: Director: Antonio Martí Campoy 12 ÍNDICE 1. Introducción Motivación Objetivos y resumen del proyecto Contexto Estructura del documento Especificación de requisitos Introducción Propósito Ámbito Definición, siglas y abreviaturas Referencias Descripción general Perspectiva del producto Funciones del producto Características del usuario Restricciones generales Supuestos y dependencias Requisitos específicos Requerimientos de interfaces externos Requisitos funcionales Requisitos de eficiencia Restricciones de diseño Atributos Otros requerimientos Análisis Casos de uso Caso de uso: Actor Anónimo Caso de uso: Actor Alumno Diseño Arquitectura de 3 capas Capa de presentación Capa de lógica de negocio Capa de persistencia Implementación Tecnologías Capa de presentación Capa de lógica de negocio Capa de persistencia Descripción de la implementación Parte pública Parte privada Otras páginas Evaluación Prueba de validación de CSS Prueba de validación de navegadores web Prueba de seguridad de acceso Conclusiones Trabajo realizado Valoración personal3 7.3. Futuras mejoras Bibliografía Anexos A. Anexo I (Herramientas usadas) ArgoUML Balsamiq Mockups4 Ilustraciones Ilustración 1: Boceto de la interfaz... 9 Ilustración 2: Diagrama de usuarios Ilustración 3: Caso uso Anónimo Ilustración 4: Caso uso Alumno Ilustración 5: Diseño de la web Ilustración 6: Cabecera Ilustración 7: Menú Ilustración 8: Zona central Ilustración 9: login.html Ilustración 10: registro.html Ilustración 11: index.html Ilustración 12: decimal2simple.html Ilustración 13: decimal2doble.html Ilustración 14: simple2decimal.html Ilustración 15: doble2decimal.html Ilustración 16: preguntas.html Ilustración 17: Validación CSS Ilustración 18: Validación navegador web Microsoft Internet Explorer Ilustración 19: Validación navegador web Mozilla Firefox Ilustración 20: Validación navegador web Google Chrome Ilustración 21: Validación de seguridad Ilustración 22: Validación de seguridad (error de login) Ilustración 23: ArgoUML Ilustración 24: Balsamiq Mockups5 1. Introducción Este documento es la memoria descriptiva del proceso de desarrollo de una aplicación Web como proyecto final de carrera de Ingeniería Técnica en Informática de Sistemas en la Universidad Politécnica de Valencia Motivación En la actualidad cada vez son más los alumnos que desean resolver ejercicios a través de la Web, pero el software que existe para la realización de estos ejercicios muestra el resultado final y no guía al alumno paso a paso durante la resolución indicándole donde se está equivocando. Por ello la finalidad de este proyecto es la creación de una aplicación Web para resolver los ejercicios de representación IEEE Objetivos y resumen del proyecto El objetivo principal de este proyecto es realizar una aplicación Web que guíe en la resolución de ejercicios de representación IEEE754 de decimal a simple y doble precisión, y de simple y doble precisión a decimal así como preguntas en relación a la representación de dichos números para que el alumno pueda practicar dichos ejercicios y facilitar el aprendizaje. Además se realizará un seguimiento de los fallos y aciertos del usuario. Para el uso de la aplicación se requiere una conexión a Internet, navegador web y conocimientos de representación de números decimales en simple y doble precisión Contexto Para lograr estos objetivos es necesaria la existencia de un usuario identificado para registrar sus fallos y aciertos. Desde la aplicación se ofrecerán los pasos a seguir para la resolución de los ejercicios comprobando que el usuario los realiza correctamente para indicarle sus errores. Tras un determinado número de fallos se da por finalizado el ejercicio como fallido Estructura del documento Esta memoria está ordenada de forma que se pueda resumir cada una de las fases del ciclo de vida del proyecto. Se ha seguido como guía el estándar IEEE std Introducción: Capítulo de presentación del proyecto en el que se incluye motivación, objetivos y resumen del proyecto, contexto y estructura del documento. Especificación de requisitos: Capítulo en el que se recogen los requisitos básicos necesarios antes del inicio del proyecto. Análisis: Capítulo en el que se obtiene un modelo conceptual de la aplicación mediante la ayuda de diagramas UML. Diseño: Capítulo en el que se describen los diseños realizados para el proyecto así como la metodología utilizada en el proceso. 56 Implementación: Capítulo en el que se describen las tecnologías y herramientas usadas durante esta fase. Se describirá el funcionamiento de los componentes implementados en la solución. Evaluación y pruebas: Capítulo en el que se exponen las técnicas usadas en la evaluación de la aplicación y el resultado obtenido. Conclusiones: Capítulo que contiene la valoración personal del desarrollo del proyecto y del trabajo realizado. Bibliografía: Capítulo en el que se muestra la documentación utilizada para el desarrollo del proyecto. 2. Especificación de requisitos 2.1. Introducción Propósito El propósito de este apartado es reunir los requerimientos necesarios para el desarrollo correcto de la aplicación. Esta especificación va dirigida a toda persona interesada en el funcionamiento de la aplicación. Se seguirán las directrices IEEE std , uno de los estándares más referenciados para la especificación de requisitos en proyectos Web Ámbito El producto software a describir es una aplicación web de resolución de ejercicios. Con todas las funcionalidades implementadas será posible realizar ejercicios de representación de formato IEEE754 comprobando los errores cometidos durante el proceso sin la necesidad de un profesor Definición, siglas y abreviaturas Apache: Tipo de servidor donde se almacena la aplicación, y que permite la gestión de las peticiones sobre la web. Autenticación o autentificación: Proceso de intento de verificar la identidad digital del remitente de una comunicación como una petición para conectarse. Decimal: Número decimal. Doble precisión: Número decimal representado en IEEE754 con 64 bits. Formulario (HTML): Servicio que permite introducir información para enviar a la web y ser procesada. Hardware: conjunto de elementos materiales que conforman una computadora. 67 HTML (HyperText Mark Language): Lenguaje usado para cread documentos en la World Wide Web. IEEE (Institute of Electrical and Electronics Engineers): Asociación de profesionales norteamericanos que aporta criterios de estandarización de dispositivos eléctricos y electrónicos. IEEE754: Estándar de IEEE para aritmética en coma flotante. Define valores especiales como el cero, infinito, NaN y valores desnormalizados. También especifica modos de redondeo. JavaScript: Lenguaje de programación interpretado que se ejecuta en el lado del cliente (navegador). Navegador: Programa que permite ver e interactuar con varios tipos de recursos de Internet disponibles en la World Wide Web. Simple precisión: Número decimal representado en IEEE754 con 32 bits. Sistema de Gestión de Bases de Datos (SGBD): Software dedicado a servir de interfaz entre la base de datos, el usuario y las aplicaciones que la utilizan. Sistema Operativo (SO): Un sistema operativo es un software de sistema, es decir, un conjunto de programas de computadora destinado a permitir una administración eficaz de sus recursos. Software: Conjunto de los componentes necesarios para hacer posible la realización de una tarea específica. Soporte lógico de la computadora. WAMP: Aplicación para instalar Apache, PHP y MySQL de forma sencilla Referencias IEEE STD 830- IEEE Guide to Software Requirements Specifications Descripción general Perspectiva del producto Este producto software es independiente del sistema operativo utilizado, solo se necesitará un navegador web e Internet para poder usarlo. Para ello es necesario un servidor web para alojar la web y un dominio para su direccionamiento Funciones del producto Alumno: Realizar ejercicios de conversión de decimal a simple precisión. Realizar ejercicios de conversión de decimal a doble precisión. Realizar ejercicios de conversión de simple precisión a decimal. 78 Realizar ejercicios de conversión de doble precisión a decimal. Responder preguntas acerca del estándar IEEE754. Anónimo: Registrarse en la aplicación. Sistema: Abrir sesión de alumno. Cerrar sesión de alumno. Registrar fallos y aciertos del alumno Características del usuario Se identifican como tipos de usuario: alumno y anónimo. Aunque para hacer uso de la aplicación hay que ser un usuario registrado (alumno), el usuario anónimo también existe ya que este puede registrarse para convertirse en un usuario registrado (alumno). El usuario alumno es el único que puede realizar ejercicios y responder preguntas Restricciones generales Para acceder a la Web se deberá disponer del hardware necesario para conectarse a Internet. Cualquier persona podrá visitar la Web mediante un navegador, aunque deberá autenticarse para hacer uso de ella Supuestos y dependencias La Web requiere que los usuarios utilicen un navegador web para acceder a ella. No será necesario el uso de un navegador específico, pero sí deberá ser compatible con el protocolo HTTP. Dicho navegador debe permitir la ejecución de código Javascript Requisitos específicos Requerimientos de interfaces externos Interfaces de usuario Se pretende que la interfaz de la Web sea simple e intuitiva. Para ello se sigue un patrón general de muchas webs, un logo en la zona superior, un menú lateral y una zona central para resolver los ejercicios. Todo ello acompañado por la interacción de un teclado y un ratón por parte del usuario. A continuación se muestra el boceto de la interfaz web: 89 Ilustración 1: Boceto de la interfaz Interfaces hardware Los usuarios deben disponer de acceso Internet y de un navegador web que permita una resolución de al menos 1024x786. Interfaces software La aplicación web está desarrollada para ejecutarse en cualquier sistema operativo y navegador web estándar. Interfaz de comunicación La interfaz de comunicación entre cliente y servidor son los estándares TCP/IP a través del protocolo HTTP Requisitos funcionales Alumno Conversión de decimal a simple precisión: Introducción: Esta función sirve para convertir un número decimal a simple precisión. Entrada: Número decimal. Proceso: Convierte un número decimal en simple precisión mostrándolo también en hexadecimal. 910 Salida: Número decimal en simple precisión en binario y hexadecimal. Conversión de decimal a doble precisión: Introducción: Esta función sirve para convertir un número decimal a doble precisión. Entrada: Número decimal. Proceso: Convierte un número decimal en doble precisión mostrándolo también en hexadecimal. Salida: Número decimal en doble precisión en binario y hexadecimal. Conversión de simple precisión a decimal: Introducción: Esta función sirve para convertir un número en simple precisión a decimal. Entrada: Número en simple precisión o hexadecimal. Proceso: Convierte un número en simple precisión a decimal. Salida: Número decimal.. Conversión de doble precisión a decimal: Introducción: Esta función sirve para convertir un número en doble precisión a decimal. Entrada: Número en doble precisión o hexadecimal. Proceso: Convierte un número en doble precisión a decimal. Salida: Número decimal. Preguntas estándar IEEE754: Introducción: Esta función sirve para que el alumno responda preguntas acerca del estándar IEEE754. Entrada: Ninguna. Proceso: Se plantea una pregunta y se dan opciones como posibles respuestas para que el alumno selecciona una. Salida: Respuesta correcta. Anónimo Registrarse como alumno: Introducción: Esta función sirve para registrar al usuario anónimo en la aplicación Web. Entrada: Datos del formulario de registro (nombre, apellidos, DNI y curso). Proceso: Se registra al alumno con los datos indicados. Si ya existe el alumno (existe el DNI) el SGBD impide automáticamente que se registre de nuevo. Salida: Reenvía al formulario de identificación para que el usuario acceda a la aplicación. Sistema Abrir sesión de alumno: Introducción: Esta función sirve para identificar al alumno y permitirle el acceso a la Web. Entrada: Datos del formulario de identificación (nombre, apellidos, DNI y curso). 1011 Proceso: Se comprueba la existencia del DNI introducido por el alumno, en ese caso se comprueba si el resto de datos son correctos. Si los datos coinciden se crea una cookie que mantendrá identificado al alumno. Salida: Mensaje de error si la validación es incorrecta o redirección a la página principal en caso contrario. Cerrar sesión de alumno: Introducción: Esta función sirve para que el alumno cierre sesión y deje de estar identificado. Entrada: Cookies creada en la identificación. Proceso: Se elimina la cookie para dejar de identificar al alumno. Salida: Redirección a la página de identificación. Registrar estadísticas de ejercicios: Introducción: Esta función sirve para registrar los aciertos y fallos del alumno. Entrada: Ejercicio a resolver y resultado del alumno. Proceso: Cuando el alumno inicia un nuevo ejercicio sin terminar el anterior o muestra la solución del ejercicio actual se registra como ejercicio fallado en la base de datos. Salida: Mensaje de error si falla el ejercicio o mensaje de acierto en caso contrario Requisitos de eficiencia Al estar realizada la Web con Javascript, que es un lenguaje que se ejecuta en el cliente, el servidor se libera del procesamiento quedando reducido a la identificación del alumno y registrar los aciertos y fallos del alumno Restricciones de diseño Estándares cumplidos No existen restricciones respecto a estándares. Limitaciones hardware No existen limitaciones hardware Atributos Seguridad Es necesario incluir sistemas de seguridad para cumplir con la Ley Orgánica de Protección de Datos para llevar el proyecto a la realidad. Las comunicaciones que incluyan datos confidenciales (datos de login) deben ser protegidas mediante conexiones seguras SSL. Mantenimiento 1112 El mantenimiento de la Web es sencillo pero se recomienda seguir este documento para conocer el funcionamiento interno. Es recomendable hacer una copia de seguridad tanto de la Web como de los DNI, claves y estadísticas de ejercicios antes de introducir cambios. No es necesario el mantenimiento por parte de un administrador ya que no es necesario mantener actualizada la información ni los servicios que ofrece. Portabilidad La Web es compatible con cualquier sistema que siga los estándares convencionales de navegación web. Esto significa que la aplicación puede ser soportada por cualquier plataforma y sistema operativo Otros requerimientos Base de datos La Web utiliza MySQL para la gestión de la base de datos. En ella se guardarán los datos de los alumnos (nombre, apellidos, DNI y curso) y las estadísticas de los ejercicios resueltos correcta e incorrectamente. 3. Análisis En la fase de análisis se estudian las funcionalidades de la aplicación. A lo largo de esta fase se describe la estructura y funcionalidad de la aplicación mediante el uso de diagramas UML Casos de uso La fase de análisis de la aplicación describe su funcionalidad utilizando diagramas de casos de uso. Estos diagramas son una representación gráfica de las interacciones entre actores (usuarios o aplicaciones externas que usan la aplicación) y casos de uso (funcionalidad del sistema). Las interacciones entre actores y casos de uso describen el comportamiento del sistema desde el punto de vista del actor. Ilustración 2: Diagrama de usuarios Caso de uso: Actor Anónimo 1213 A continuación se muestran los casos de uso para el actor Anónimo. Las acciones que puede realizar este actor son muy limitadas por no ser un usuario identificado por el sistema. Ilustración 3: Caso uso Anónimo Caso de uso: Actor Alumno A continuación se muestran los casos de uso para el actor Alumno. Este actor puede realizar todas las acciones de la aplicación. 4. Diseño Ilustración 4: Caso uso Alumno 4.1. Arquitectura de 3 capas La arquitectura utilizada para el desarrollo de la aplicación web es una arquitectura de tres capas. En la capa de presentación se encuentra el diseño web (HTML y CSS) y códigos Javascript que resuelven los ejercicios. En la capa de lógica de negocio se encuentra el código PHP para identificar al usuario y guardar sus estadísticas. Y en la capa de persistencia se encuentra el SGBD encargado de guardar los alumnos y registro de ejercicios resueltos por ellos Capa de presentación Es la parte que interactúa con el usuario a través del navegador web. Al estar casi toda la carga de la aplicación en esta capa el servidor podría atender numerosas peticiones de diferentes usuarios. Dispondrá de un diseño sencillo para facilitar la usabilidad de la aplicación. 13 14 Ilustración 5: Diseño de la web Como se puede apreciar consta de una cabecera, un menú en el lateral izquierdo y una zona central para información y resolución de ejercicios. La cabecera está compuesta únicamente por el logo de la página web. Ilustración 6: Cabecera El menú lateral contiene los enlaces para la realización de los distintos ejercicios. Ilustración 7: Menú 14 15 La zona central contiene la información o los pasos para resolver los ejercicios. Ilustración 8: Zona central Capa de lógica de negocio Es la parte que se ejecuta en el servidor. Se encarga de identificar y mantener identificado al usuario y de escribir las estadísticas de ejercicios resueltos por el usuario en la base de datos Capa de persistencia Compuesto únicamente por el SGBD (en este caso MySQL) que contiene los datos necesarios para el funcionamiento de la aplicación web. 5. Implementación Para la elaboración de esta aplicación se desea que se ejecute en el cliente, para ello se desarrollará en HTML y Javascript, y se maquetará con CSS Tecnologías Capa de presentación HTML: El HTML, siglas de HyperText MarkUp Language (o lenguaje de marcado de hipertexto), es el lenguaje de marcado utilizado normalmente para el desarrollo de páginas web. Fue creado por el físico nuclear Tim Berners-Lee en 1986, a partir de dos herramientas preexistentes: el concepto de hipertexto y el SGML. El concepto de hipertexto, también conocido como link o ancla, permite conectar dos elementos entre sí. Por otro lado SGML, Standard Generalized Markup Language, es un lenguaje estándar de marcación general que sirve para colocar etiquetas o marcas en un texto que indique como debe mostrarse. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de 1516 etiquetas, rodeadas por corchetes angulares. HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser el Bloc de Notas de Windows o cualquier otro editor que admita texto sin formato como Microsoft Wordpad, Notepad++, etc. Existen además, otras herramientas más complejas para la realización de sitios Web o edición de código HTML, como por ejemplo Microsoft FrontPage, Macromedia Dreamweaver, etc. CSS: El CSS, siglas de Cascading Style Sheets (u hojas de estilo en cascada), es el lenguaje formal usado para definir la presentación de los documentos estructurados escritos en HTML, XML y XHTML. El W3C, World Wide Web Consortium, es el organismo encargado de formular la especificación que servirán como estándar para los navegadores. La idea de CSS es separar la estructura de un documento de su presentación. Ventajas: -Aumento de la legibilidad del documento: Es más fácil de leer y editar puesto que no se mezcla contenido con presentación. -Disminución del tiempo necesario para cambiar el aspecto global del sitio. -Aumento de la disponibilidad: Una Web puede disponer de varias hojas de estilo según el dispositivo que la muestre o incluso a elección del usuario. Javascript: Javascript es un lenguaje interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web con una sintaxis semejante a la del lenguaje Java. A diferencia de Java, Javascript no es orientado a objetos sino que es más bien un lenguaje basado en prototipos. Todos los navegadores interpretan el código Javascript integrado dentro de las páginas web. Se ejecuta en el usuario al mismo tiempo que las sentencias van descargándose junto con el código HTML Capa de lógica de negocio PHP: PHP es un lenguaje de programación interpretado ejecutado en el servidor para la creación de contenidos dinámicos en páginas web. Cuando el usuario hace una petición al servidor para que le envíe una página web generada por un script PHP, el servidor ejecuta el intérprete de PHP el cual procesa el script solicitado que genera el contenido de forma dinámica, regresando el resultado al servidor, el cual lo enviará al cliente Capa de persistencia MySQL: MySQL es un sistema de gestión de bases de datos relacional, multihilo y multiusuario. Su popularidad como aplicación web está muy ligada a PHP. 16 17 5.2. Descripción de la implementación Debido a que la aplicación está dirigida a los alumnos, esta es de acceso privado por lo que se debe estar identificado en todo momento. La única parte pública de la web será el login para permitir la identificación de los alumnos Parte pública La parte pública de la aplicación está formada por el fichero login.html. login.html: Es la página encargada de loggear a los alumnos, internamente crea una serie de cookies. Es necesario indicar el nombre, apellidos, dni y curso. Ilustración 9: login.html registro.html: Es la página encargada de registrar a los alumnos. Es necesario indicar el nombre, apellidos, dni y curso. 17 18 Parte privada Ilustración 10: registro.html La parte privada de la aplicación está formada por el resto de ficheros. index.html: Es la página inicial de la aplicación donde se describe brevemente el contenido y funciones de la aplicación web. Ilustración 11: index.html decimal2simple.html: Es la página en la que se realizan ejercicios en los que se convierte un número decimal a simple precisión siguiendo una serie de pasos que se verifican uno a uno. 18 19 Estos pasos son: -Calcular la parte entera en binario. -Calcular la parte decimal en binario. -Magnitud sin normalizar. -Magnitud normalizada. -Exponente en entero. -Exponente con exceso en entero. -Exponente con exceso en binario. -Signo en binario. -Simple precisión en binario. -Simple precisión en hexadecimal. Pueden generarse números aleatorios para realizar el ejercicio o bien introducir uno manualmente. En cualquier momento durante el proceso puede pulsarse el botón de Nuevo para realizar un nuevo ejercicio, y también el botón Ver solución para mostrar todos los pasos resueltos. Ilustración 12: decimal2simple.html decimal2doble.html: Es la página en la que se realizan ejercicios en los que se convierte un número decimal a doble precisión siguiendo una serie de pasos que se verifican uno a uno. Estos pasos son: -Calcular la parte entera en binario. -Calcular la parte decimal en binario. -Magnitud sin normalizar. -Magnitud normalizada. -Exponente en entero. -Exponente con exceso en entero. 19 20 -Exponente con exceso en binario. -Signo en binario. -Doble precisión en binario. -Doble precisión en hexadecimal. Pueden generarse números aleatorios para realizar el ejercicio o bien introducir uno manualmente. En cualquier momento durante el proceso puede pulsarse el botón de Nuevo para realizar un nuevo ejercicio, y también el botón Ver solución para mostrar todos los pasos resueltos. Ilustración 13: decimal2doble.html simple2decimal.html: Es la página en la que se realizan ejercicios en los que se convierte un número decimal representado en simple precisión (en hexadecimal) a decimal siguiendo una serie de pasos que se verifican uno a uno. Estos pasos son: -Simple precisión en binario. -Signo en binario. -Exponente con exceso en binario. -Exponente con exceso en entero. -Exponente en entero. -Magnitud normalizada. -Magnitud sin normalizar. -Decimal. Pueden generarse números hexadecimales aleatorios para realizar el ejercicio o bien introducir uno manualmente. En cualquier momento durante el proceso puede pulsarse el botón de Nuevo para realizar un nuevo ejercicio, y también el botón Ver solución para mostrar todos los pasos resueltos. 20 21 Ilustración 14: simple2decimal.html doble2decimal.html: Es la página en la que se realizan ejercicios en los que se convierte un número decimal representado en doble precisión (en hexadecimal) a decimal siguiendo una serie de pasos que se verifican uno a uno. Estos pasos son: -Doble precisión en binario. -Signo en binario. -Exponente con exceso en binario. -Exponente con exceso en entero. -Exponente en entero. -Magnitud normalizada. -Magnitud sin normalizar. -Decimal. Pueden generarse números hexadecimales aleatorios para realizar el ejercicio o bien introducir uno manualmente. En cualquier momento durante el proceso puede pulsarse el botón de Nuevo para realizar un nuevo ejercicio, y también el botón Ver solución para mostrar todos los pasos resueltos. 21 22 Ilustración 15: doble2decimal.html preguntas.html: Es la página en la que se realizan preguntas sobre el estándar IEEE 754 que deben ser respondidas por el alumno. Ilustración 16: preguntas.html 2223 logout.php: Es la página que permite dejar de identificar al alumno destruyendo la cookie creada en el proceso de login. Código: <?php?> setcookie("nombre", ""); setcookie("apellidos", ""); setcookie("dni", ""); setcookie("curso", ""); header("location: login.html?error=no%20esta%20autenticado"); Otras páginas Se compone por otras páginas web de la aplicación que ejecutan funcionalidad de forma oculta al usuario. config.php: Contiene los datos de conexión al SGBD MySQL para acceder a la base de datos y leer/escribir información. Se incluye en todas las páginas que requieren una conexión a la base de datos. Código: <?php?> $host = "host"; $user = "usuario"; $password = "contraseña"; $db_name = "base-de-datos"; login.php: Realiza el proceso de login verificando los datos que se le pasan como parámetros (nombre, apellidos, dni y curso). Se ejecuta desde la página web login.html. Código: <?php include_once('config.php'); function CompararString($string1, $string2) { $string1 = strtolower($string1); $string1 = str_replace("á", "a", $string1); $string1 = str_replace("é", "e", $string1); $string1 = str_replace("í", "i", $string1); $string1 = str_replace("ó", "o", $string1); $string1 = str_replace("ú", "u", $string1); $string2 = strtolower($string2); $string2 = str_replace("á", "a", $string2); $string2 = str_replace("é", "e", $string2); $string2 = str_replace("í", "i", $string2); $string2 = str_replace("ó", "o", $string2); $string2 = str_replace("ú", "u", $string2); return $string1==$string2; 2324 function EsDni($string) { $permitidos = " "; if (strlen($string)!= 8) return false; for ($i=0; $i<strlen($string); $i++) { if (strpos($permitidos, substr($string,$i,1))===false) { return false; return true; $nombre = $_GET['nombre']; $apellidos = $_GET['apellidos']; $dni = $_GET['dni']; $curso = $_GET['curso']; if (!EsDni($dni)) { header("location: login.html?error=el%20dni%20tiene%20caracteres%20incorrectos"); $connection = mysql_connect($host, $user, $password) or die(mysql_error()); mysql_select_db($db_name, $connection) or die(mysql_error()); $data = mysql_query("select * FROM alumnos WHERE dni='". $dni. "'", $connection) or die(mysql_error()); mysql_close($connection) or die(mysql_error()); $login = false; echo mysql_num_rows($data); if (mysql_num_rows($data) == 1) { $row = mysql_fetch_array($data); if (CompararString($row['nombre'], $nombre) && CompararString($row['apellidos'], $apellidos) && ($row['curso'] == $curso)) { setcookie("nombre", $row['nombre'], time()+365*24*60*60); setcookie("apellidos", $row['apellidos'], time()+365*24*60*60); setcookie("dni", $row['dni'], time()+365*24*60*60); setcookie("curso", $row['curso'], time()+365*24*60*60); session_start(); $login = true;?> if ($login) { header("location: index.html"); else { header("location: login.html?error=datos%20incorrectos"); 2425 registrarejercicio.php: Es el script encargado de registrar en la base de datos los resultados de los ejercicios realizados y preguntas resueltas por el alumno. Código: <?php include_once('config.php'); $ejercicio = $_POST['ejercicio']; $tipo = $_POST['tipo']; $resultado = $_POST['resultado']; $connection = mysql_connect($host, $user, $password); mysql_select_db($db_name, $connection) or die(mysql_error()); mysql_query("insert INTO ejercicios(`dni`,`resultado`,`tipo`,`ejercicio`)values('". $_COOKIE['dni']. "','". $resultado. "','". $tipo. "','". $ejercicio. "')", $connection); mysql_close($connection);?> registro.php: Es el script encargado de registrar a un alumno en la base de datos para que posteriormente pueda identificarse en la aplicación web. Código: <?php include_once('config.php'); function CompararString($string1, $string2) { $string1 = strtolower($string1); $string1 = str_replace("á", "a", $string1); $string1 = str_replace("é", "e", $string1); $string1 = str_replace("í", "i", $string1); $string1 = str_replace("ó", "o", $string1); $string1 = str_replace("ú", "u", $string1); $string2 = strtolower($string2); $string2 = str_replace("á", "a", $string2); $string2 = str_replace("é", "e", $string2); $string2 = str_replace("í", "i", $string2); $string2 = str_replace("ó", "o", $string2); $string2 = str_replace("ú", "u", $string2); return $string1==$string2; function EsNombreApellido($string) { $permitidos = "abcdefghijklmnñopqrstuvwxyzabcdefghijklmnñopqrstuvwxyzáéíóúáéíóú "; if (strlen($string)!= 8) return false; for ($i=0; $i<strlen($string); $i++) { if (strpos($permitidos, substr($string,$i,1))===false) { return false; return true; 2526 function EsDni($string) { $permitidos = " "; if (strlen($string)!= 8) return false; for ($i=0; $i<strlen($string); $i++) { if (strpos($permitidos, substr($string,$i,1))===false) { return false; return true; $nombre = $_GET['nombre']; $apellidos = $_GET['apellidos']; $dni = $_GET['dni']; $curso = $_GET['curso']; if (!EsNombreApellido($nombre)) { header("location: login.html?error=el%20nombre%20tiene%20caracteres%20incorrectos"); if (!EsNombreApellido($apellidos)) { header("location: login.html?error=los%20apellidos%20tienen%20caracteres%20incorrectos") ; if (!EsDni($dni)) { header("location: login.html?error=el%20dni%20tiene%20caracteres%20incorrectos"); if (!($curso>=1 && $curso<=3)) { header("location: login.html?error=el%20curso%20no%20es%20valido"); $connection = mysql_connect($host, $user, $password) or die(mysql_error()); mysql_select_db($db_name, $connection) or die(mysql_error()); mysql_query("insert INTO alumnos (nombre,apellidos,dni,curso)values('". $nombre. "','". $apellidos. "','". $dni. "',". $curso. ")", $connection) or die(mysql_error()); mysql_close($connection) or die(mysql_error());?> header("location: login.html"); style.css: Es la hoja de estilos en cascada que forma el diseño de las páginas de la aplicación. Es común a todas ellas y permite separar el contenido del diseño. Código: #contenedor { margin:0 auto; width: 1024px; 2627 #cabecera { float: left; width: 800px; text-align: center; #menu { float: left; width: 228px; border-right-width: 2px; border-right-style: solid; border-right-color: #000000; text-align: center; padding: 10px; #contenido { float: left; width: 724px; padding: 25px; text-align: left; #menu a { color: #6D62FF; text-decoration: none; body { background-color: #E1E1FF; text-align: center; decimal2ieee.js: Contiene las funciones necesarias en Javascript para realizar los ejercicios de conversión de decimal a simple y doble precisión. Estas funciones son: -InicializarEjercicio: Inicializa un nuevo ejercicio ocultando los pasos para mostrarlos posteriormente uno a uno. -Nuevo: Inicializa un nuevo ejercicio controlando las estadísticas. -Aleatorio: Inicializa un nuevo ejercicio con un número decimal aleatorio. -Check: Se encarga de comprobar cada uno de los pasos realizados en la resolución del ejercicio para desbloquear el siguiente paso. -ParteDecimal2Binario: Función auxiliar en el proceso de conversión de decimal a simple y doble precisión que se encarga de convertir la parte decimal del número decimal a binario. -Normalizar: Función auxiliar en el proceso de conversión de decimal a simple y doble precisión que se encarga de normalizar un número binario desnormalizado. -DecimalASimplePrecision: Función principal que convierte un número decimal a simple precisión. -DecimalADoblePrecision: Función principal que convierte un número decimal a doble precisión. -VerSolución: Función que muestra la solución del ejercicio actual. 2728 ejercicios.js: Contiene funciones comunes a todos los tipos de ejercicios, excepto las preguntas sobre el estándar. Estas funciones son: -QuitarCerosIzquierda: Quita los ceros a la izquierda de un numero entero en binario. -QuitarCerosDerecha: Quita los ceros a la derecha de la parte decimal de un numero en binario. -QuitarCeros: Quita los ceros a ambos lados de un numero en binario. -ExtraerExponente: Extrae los bits de la representación en binario en simple o doble precisión que forman el exponente. -ExtraerMantisa: Extrae los bits de la representación en binario en simple o doble precisión que forman la mantisa. -EsHexadecimal: Comprueba si un numero es o no hexadecimal. -Binario2Signo: Calcula el signo de un número binario. -Signo2Binario: Calcula la representación binaria del signo de un número. -Binario2Entero: Convierte a entero un número binario. -Entero2Binario: Convierte a binario un número entero. -Binario2Hexadecimal: Convierte a hexadecimal un número binario. -Hexadecimal2Binario: Convierte a binario un número hexadecimal. -DecimalAleatorioPrivado: Devuelve un número decimal aleatorio. -DecimalAleatorio: Crea un decimal para convertir a simple o doble precisión. -HexadecimalAleatorio: Crea un hexadecimal aleatorio para convertir a decimal. ieee2decimal.js: Contiene las funciones necesarias en Javascript para realizar los ejercicios de conversión de simple y doble precisión a decimal. Estas funciones son: -InicializarEjercicio: Inicializa un nuevo ejercicio ocultando los pasos para mostrarlos posteriormente uno a uno. -Nuevo: Inicializa un nuevo ejercicio controlando las estadísticas. -Aleatorio: Inicializa un nuevo ejercicio con un número hexadecimal aleatorio. -Check: Se encarga de comprobar cada uno de los pasos realizados en la resolución del ejercicio para desbloquear el siguiente paso. -Binario2ParteDecimal: Función auxiliar en el proceso de conversión de simple y doble precisión a decimal que se encarga de obtener la parte decimal de un número binario. -SimplePrecisionADecimal: Función principal que convierte un número en simple precisión a decimal. 2829 -DoblePrecision2Decimal: Función principal que convierte un número en doble precisión a decimal. -VerSolución: Función que muestra la solución del ejercicio actual. preguntas.js: Contiene las funciones Javascript para la realización de las preguntas sobre el estándar. Esta funciones son: -CargarPreguntas: Crea todas las preguntas con sus posibles respuestas indicando cual es la correcta. -ElegirPregunta: Elije una pregunta al azar entre todas las existentes. -Check: Comprueba si una pregunta ha sido respondida correcta o incorrectamente. registrarestadisticas.js: Contiene las funciones necesarias para realizar el seguimiento y registro de estadísticas. Estas funciones son: -MostrarEstadisticas: Muestra las estadísticas del alumno (ejercicios y preguntas resueltos correcta e incorrectamente). -SumarBien: Aumenta la estadística de ejercicios y preguntas resueltos correctamente. -SumarMal: Aumenta la estadística de ejercicios y preguntas resueltos incorrectamente. -EnviarEstadistica: Cada vez que se finaliza un ejercicio o pregunta de forma correcta o incorrecta se ejecuta esta función que envía el resultado al servidor para ser guardado en la base de datos. sessvars.js: Contiene las funciones necesarias para mantener el contador de estadísticas mientras el alumno navega por la aplicación web y resuelve ejercicios y preguntas. Este es un archivo creado por Thomas Frank que permite crear variables de sesión con Javascript. El código puede descargarse y utilizarse gratuitamente desde web.js: Contiene las funciones Javascript relacionadas con la identificación del alumno. Estas funciones son: -LeerCookie: Lee la cookie que se indica para obtener su valor. -Registro: Registra un nuevo alumno con los datos del formulario en la página registro.html. -Login: Realiza el login de un alumno con los datos del formulario en la página login.html. -IsLoged: Comprueba si un usuario está identificado como alumno para permitirle el acceso a la aplicación web. Si no lo está le reenvía al formulario de acceso. -MostrarParametros: Lee los parámetros recibidos por la url y los procesa para mostrar los errores de acceso en la página que contiene el formulario de acceso. 29 30 6. Evaluación En esta etapa de evaluación concluye el ciclo de vida del proyecto y lo deja preparado para su uso. Esta etapa medirá el nivel de calidad que ofrece la aplicación, donde se comprobará el código implementado Prueba de validación de CSS Puesto que se ha utilizado una hoja de estilo para la interfaz de la aplicación web, es necesario proceder a la validación del código mediante una prueba de validación desde el siguiente enlace: Ilustración 17: Validación CSS 6.2. Prueba de validación de navegadores web Se ha comprobado el correcto de la aplicación en Microsoft Internet Explorer, Mozilla Firefox y Google Chrome. Debido a la simplicidad del diseño CSS no ha habido problemas de compatibilidad entre navegadores web. Ilustración 18: Validación navegador web Microsoft Internet Explorer 3031 Ilustración 19: Validación navegador web Mozilla Firefox Ilustración 20: Validación navegador web Google Chrome 6.3. Prueba de seguridad de acceso Para acceder a la aplicación web es necesario estar registrado e identificado como alumno. En caso de identificarse satisfactoriamente, nos reenvía a la página inicial index.html con las cookies necesarias para mantenernos identificados en toda la aplicación, en caso contrario, se vuelve a la página de login login.html con un mensaje indicando que los datos son incorrectos. 31 32 Ilustración 21: Validación de seguridad 7. Conclusiones 7.1. Trabajo realizado Ilustración 22: Validación de seguridad (error de login) La aplicación responde a las expectativas y requerimientos recogidos en la especificación de requisitos. El trabajo realizado ofrece un alto nivel de cumplimiento de objetivos. La aplicación ofrece al usuario una interfaz intuitiva y de fácil manejo. La sencillez en los pasos durante la realización de los ejercicios facilitan el aprendizaje del alumno Valoración personal Durante el desarrollo del proyecto de final de carrera he podido apreciar cual es el proceso para la creación de una aplicación web: recabar la especificación de requisitos, planificación, implementación y pruebas. Ha sido un trabajo que me ha llevado más tiempo del que esperaba, pues parecía mucho más sencillo, y aunque no ha quedado perfecto estoy muy satisfecho con el resultado. 3233 Con este proyecto final de carrera he tenido que aprender Javascript a nivel básico, ampliando los lenguajes de programación y tecnologías conocidas previamente para el desarrollo de páginas web Futuras mejoras A continuación se expone un listado con posibles mejoras que podrían hacerse en el futuro: -Mejorar el aspecto visual de la aplicación. -Mejorar el proceso de resolución de ejercicios para que sea más eficaz y muestre mejor los errores cometidos por el alumno. 8. Bibliografía -IEEE Std IEEE Guide to Software Requeriments Specifications. IEEE Standards Board. 345 Eas 47 th Street. New York, NY 10017, USA Página oficial de WAMP: -Wikipedia: 33 34 Anexos A. Anexo I (Herramientas usadas) ArgoUML ArgoUML es una aplicación de diagramado UML escrita en Java, por lo que está disponible en cualquier plataforma soportada por Java. Algunas características: -Multilenguaje. - Soporte para el lenguaje de generación de Código: Java, PHP, Python, C++ y C#. - Generación de ficheros PNG, GIF, JPG, SVG, EPS desde diagramas. Pero también tiene algunas desventajas: no tiene botón deshacer y los modelos a veces no pueden ser re-abiertos, entre otras. Balsamiq Mockups Ilustración 23: ArgoUML Balsamiq es una aplicación AIR que permite al usuario arrastrar y soltar elementos de la biblioteca de elementos comunes de diseño a un área de trabajo, permitiendo exportar el producto final en formato PNG. 34 Mostrar más
PROYECTO FINAL DE CARRERA: RESERVA DE VEHÍCULOS MEDIANTE INTERFAZ WEB
PROYECTO FINAL DE CARRERA: RESERVA DE VEHÍCULOS MEDIANTE INTERFAZ WEB Ingeniería Técnica Informática de Gestión Alumno: Jorge Bou Ramón Director: Sergio Sáez Barona Junio 2012 ÍNDICE 1. INTRODUCCIÓN...4 Más detalles PORTAL WEB: GESTIÓN INMOBILIARIA
Universidad Politécnica de Valencia Facultad de Informática Proyecto final de carrera: Ingeniería Informática PORTAL WEB: GESTIÓN INMOBILIARIA Autor: Roberto Tubilleja Calvo Director: Félix Buendía García Más detalles Curso básico de creación de páginas web
Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las Más detalles Escuela Provincial de Educación Técnica N 1 UNESCO. Planificación Anual 2015 Ciclo Superior Secundario
Escuela Provincial de Educación Técnica N 1 UNESCO Planificación Anual 2015 Ciclo Superior Secundario Especialidad: Técnico en Informática Personal y Profesional - Espacio Curricular: Programación Web Más detalles Introducción al desarrollo WEB. Tecnologías Web
Introducción al desarrollo WEB Tecnologías Web Un poco de Historia World Wide Web (WWW) Inventada por Tim Berners Lee en 1989!!! Mientras trabajaba European Organization for Nuclear Research (CERN) http://www.w3.org/consortium/history.html Más detalles Modulo I. Introducción a la Programación Web. 1.1 Servidor Web.
Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Antes de analizar lo que es un servidor Web y llevara a cabo su instalación, es muy importante identificar diferentes elementos involucrados Más detalles Desarrollo de Aplicaciones con Tecnologías Web
Desarrollo de Aplicaciones con Tecnologías Web Código: Modalidad: Distancia Duración: 100 Horas. Objetivos: La presente formación se ajusta al itinerario formativo del Certificado de Profesionalidad IFCD0210 Más detalles DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base Más detalles FORMACIÓN EN ACADEMIAS GP 3.1
UNIVERSIDAD TÉCNICA PARTICULAR DE LOJA La Universidad Católica de Loja ESCUELA DE CIENCIAS DE LA COMPUTACIÓN TITULACION DE SISTEMAS INFORMATICOS Y COMPUTACION FORMACIÓN EN ACADEMIAS GP 3.1 INFORME FINAL Más detalles Gestión Web De Alojamiento Vacacional
Escola Tècnica Superior d Enginyeria Informàtica Universitat Politècnica de València Gestión Web De Alojamiento Vacacional Proyecto Final de Carrera Ingeniería Técnica en Informática de Sistemas Autor: Más detalles TFC J2EE. Aplicación Web para la gestión de facturación de una empresa de cerrajería. Sara Gutiérrez Melero ITIG Junio de 2012
TFC J2EE Aplicación Web para la gestión de facturación de una empresa de cerrajería Sara Gutiérrez Melero ITIG Junio de 2012 Consultor: Jose Juan Rodriguez Índice 1. Introducción Objetivos Planificación Más detalles DISEÑO E IMPLEMENTACIÓN DE UNA TIENDA VIRTUAL
PROYECTO FINAL DE CARRERA DISEÑO E IMPLEMENTACIÓN DE UNA TIENDA VIRTUAL CURSO 2009/2010 Código proyecto: DISCA 29-17A /09 Autor Francisco Aroca Martínez Director Sergio Sáez Barona Agradecimientos. Quiero Más detalles COUNTSTAR: ADMINISTRACIÓN Y GESTIÓN DE EMPRESA
Trabajo fin de carrera INGENIERÍA TÉCNICA EN INFORMÁTICA DE SISTEMAS Facultad de Matemáticas Universidad de Barcelona COUNTSTAR: ADMINISTRACIÓN Y GESTIÓN DE EMPRESA Óscar Llorente Lucía Director/a: Dra. Más detalles Antes de comenzar un sitio. Empezar un sitio web
Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar Más detalles DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA
DESARROLLO DE CONTENIDOS A MEDIDA E-DUCATIVA 1 Adaptación y conversión Muchas empresas disponen de contenidos muy completos en formato papel, utilizados en educación presencial o bien en formación a distancia Más detalles Programación con PHP y MySql Instituto CBTech 5/14
Programación con PHP y MySql Instituto CBTech 5/14 Programación con PHP y MySql Instituto CBTech 6/14 Qué es una aplicación web? Una aplicación web es un sistema informático que los usuarios utilizan accediendo Más detalles Proyecto Final de Carrera Portal Web de Gestión de un Ayuntamiento
Proyecto Final de Carrera Portal Web de Gestión de un Ayuntamiento Autor: David Corbín Cortés Director: Félix Buendía García 1 2 INDICE DEL CONTENIDO 1. Introducción...6 1.1. OBJETIVOS...6 1.2. MOTIVACIÓN...6 Más detalles UNIVERSIDAD LUTERANA SALVADOREÑA FACULTAD DE CIENCIAS DEL HOMBRE Y LA NATURALEZA LICENCIATURA EN CIENCIAS DE LA COMPUTACIÓN
UNIVERSIDAD LUTERANA SALVADOREÑA FACULTAD DE CIENCIAS DEL HOMBRE Y LA NATURALEZA LICENCIATURA EN CIENCIAS DE LA COMPUTACIÓN ASIGNATURA: INTERNET I FACILITADOR: ING. LESBIA MARIA MANCÍA SANDOVAL TEMA: DESARROLLO Más detalles CAPÍTULO V. Propuesta
CAPÍTULO V Propuesta 5.1 Propuesta Implantación de una aplicación WEB para optimizar el Enlace Laboral de la Cámara de Comercio e Industria de El Salvador, Filial San Miguel 5.2 Requerimientos de la Aplicación Más detalles TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores
Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización Más detalles DISEÑO DE UN PORTAL WEB DE GESTIÓN DE CARTERAS DE ACCIONES
UNIVERSIDAD POLITÉCNICA DE VALENCIA ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA INFORMÁTICA DISEÑO DE UN PORTAL WEB DE GESTIÓN DE CARTERAS DE ACCIONES DISCA-14 PROYECTO FINAL DE CARRERA Autor: Antonio Poveda Más detalles DESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández Más detalles Introducción En este apartado se va a proporcionar una apreciación global del SRS.
INTRODUCCIÓN Se pretende desarrollar una aplicación web para la gestión de un restaurante que ofrece espectáculos en fechas determinadas con el fin de poner en práctica los principios de planificación Más detalles Especificación de requisitos de software Proyecto: SIS-WEB (Sistema de Información de Seminarios WEB) Revisión 1.0
Especificación de requisitos de software Proyecto: (Sistema de Información de Seminarios WEB) Revisión 1.0 Tania Isadora Mora Dorance Moreno Luis Yovany Romo Septiembre 2007 Realizado Por: Tania I. Mora Más detalles GUÍA DE TRABAJO GRADO 11 Programación de. Software Ing. Néstor Raúl Suarez Perpiñan Página 1 de 6. Tema: DESARROLLO WEB CON HTML
Página 1 de 6 Objetivo: Tema: DESARROLLO WEB CON HTML Reconocer al Lenguaje de Marcado de Hipertexto (HTML) como la base para el desarrollo de páginas Web 1. PÁGINA WEB I. CONCEPTOS FUNDAMENTALES Una página Más detalles Introducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto Más detalles Estándares Web: XHTML y CSS - Usabilidad - Accesibilidad. Desarrollo de Sitios Web de Calidad, Usables, Seguros, Válidos y Accesibles
Estándares Web: XHTML y CSS - Usabilidad - Accesibilidad Desarrollo de Sitios Web de Calidad, Usables, Seguros, Válidos y Accesibles Versión actualizada en http://www.usabilidadweb.com.ar/cursos_esp.php Más detalles Práctica 2: Diseño Web inicial. XHTML avanzado.
Grado de Información y Documentación Curso 2011-2012 33864-Informática II Práctica 2: Diseño Web inicial. XHTML avanzado. 1. Introducción y objetivos Introducción En esta práctica el alumno tendrá un tema Más detalles IMPLANTACIÓN DE APLICACIONES WEB GLOSARIO DE TÉRMINOS
IMPLANTACIÓN DE APLICACIONES WEB GLOSARIO DE TÉRMINOS A Adodb: ADODB viene de Active Data Objects DataBase. ADODB soporta MySQL, PostgreSQL, Oracle, Interbase, Microsoft SQL Server, Access, FoxPro, Sybase, Más detalles APRENDER A CREAR UNA PÁGINA WEB CON HTML
APRENDER A CREAR UNA PÁGINA WEB CON HTML Introducción a las páginas web QUÉ ES UNA PÁGINA WEB? Definición de la Real Academia Española Documento situado en una red informática, al que se accede mediante Más detalles Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo
Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo... 1 1. Los ejes alrededor de un diseño interactivo... 2 2. Los problemas de Adobe Flash... Más detalles UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica
UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica Ensenada, Baja California Mayo 2010 Qué es un Sitio Web? Es un conjunto de PÁGINAS WEB que están hospedadas (almacenadas o Más detalles DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA
DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir Más detalles Ciclo Formativo de Grado Superior Desarrollo de Aplicaciones Web
Ciclo Formativo de Grado Superior Desarrollo de Aplicaciones Web Proyecto Propio de Ampliación con Programación de Dispositivos Móviles e Inteligentes Paseo de la Puerta del Ángel, s/n 28011 Madrid www.iesellago.net Más detalles Metodología de Ingeniería del Software para el desarrollo y mantenimiento de sistemas de información del Gobierno de Extremadura
Metodología de Ingeniería del Software para el desarrollo y mantenimiento de sistemas de información del Gobierno de Extremadura Página 1 de 23 Índice del Documento 1.- Introducción... Página 4 2.- Propuesta Más detalles UF1302 Creación de páginas web con lenguajes de marcas
UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición Más detalles V. CAPÍTULO: CONTRIBUCIÓN
V. CAPÍTULO: CONTRIBUCIÓN Requerimientos del Sistema Para llevar a cabo el desarrollo de nuestro sistema se establecieron tanto los actores como los requerimientos funcionales y no funcionales del sistema. Más detalles Web Mastering y Design
Web Mastering y INTRODUCCIÓN Propósito de este documento El presente documento contiene el programa del curso online de Web Mastering y. OBJETIVOS Y MÉTODO DE USO Y EVALUACIÓN Objetivo y métodos de uso Más detalles Guía del Lenguaje de Programación PHP - CEF NAC
1 Índice Prefacio... 4 Qué significa y cómo funciona PHP?... 5 Como instalar PHP en nuestra computadora.... 5 Capítulos de contenidos de la Guía... 10 1. Ejemplo de un programa básico de PHP para comenzar Más detalles Modulo Intranet de Gestión de Horarios de Tutorías y Listas de Asistencia.
2011 2012 Modulo Intranet de Gestión de Horarios de Tutorías y Listas de Asistencia. Memoria Proyecto Final de Carrera Titulación: Ingeniería Técnica en Informática de Sistema. Director: Sergio Sáez Barona. Más detalles ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0
ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES Más detalles Clientes Donantonio. Especificación de requisitos software. Juan José Amor David Escorial Ismael Olea
Especificación de requisitos software Tabla de contenidos Juan José Amor David Escorial Ismael Olea 1. Introducción...3 1.1. Propósito...3 1.2. Ámbito del sistema...3 1.3. Definiciones, acrónimos y abreviaturas...3 Más detalles Scripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Motivación Por qué usar JavaScript? Permite crear efectos atractivos visualmente Permite crear sitios WEB que se visualicen de la misma manera en distintos Más detalles 5.1. Qué es Internet? controla todo el sistema, pero está conectado de tal manera que hace
5. Internet 5.1. Qué es Internet? Internet es una red mundial de equipos que se comunican usando un lenguaje común. Es similar al sistema telefónico internacional: nadie posee ni controla todo el sistema, Más detalles Historia de revisiones
GVA Glosario Versión 1.2 Semana 4 Historia de revisiones Fecha Versión Descripción Autor 20/08/2014 1.0 Comienzo del documento Nicolás Fiumarelli 30/08/2014 1.1 Correcciones y agregados Martín Santagata Más detalles ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL
MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA Más detalles GLOSARIO. un conjunto de noticias, ordenado por fecha. CMF (Content Management Framework) - Entorno a programación de
GLOSARIO Apache servidor de páginas web de código abierto para diferentes plataformas (UNIX, Windows, etc.) Blog (Web log) Diario en formato web. Puede ser un diario personal o un conjunto de noticias, Más detalles PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ
PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ FACULTAD DE CIENCIAS E INGENIERÍA DESARROLLO DE UN SISTEMA DE CONSTRUCCIÓN DE WEBS 2.0 E INTEGRACIÓN CON UN SISTEMA DE VENTA DE DOMINIOS Tesis para optar por el Más detalles DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB
DENOMINACIÓN: CON TECNOLOGÍAS WEB Código: IFCD0210 Familia profesional: Informática y Comunicaciones Área profesional: Desarrollo Nivel de cualificación profesional: 3 Cualificación profesional de referencia: Más detalles Introducción a Internet
Introducción a Internet Localización y acceso a la informacion Instituto de Ciencias de la Educación Jesús Tramullas Dpto. CC. Documentación http://tramullas.com/lai Historia de Internet Inicio proyecto Más detalles Especificación de Requerimientos de Software. Versión 1.0
Versión 1.0 Revisiones Fecha Versión Descripción Autor 13/05/11 1.0 Primera Versión Grupo 411 Pagina 3 Tabla de Contenidos 1. Introducción...6 1.1. Objetivo...6 1.2. Alcance...6 1.3. Definiciones, acrónimos Más detalles Tema 5. Tecnologías web. Antonio Sanz ansanz@unizar.es. Comercio Electrónico
Tema 5 Tecnologías web Antonio Sanz ansanz@unizar.es Comercio Electrónico Índice Gestión de un proyecto web Historia i de Internet t y la WWW Arquitecturas cliente/servidor Gestión de un proyecto web Introducción Más detalles Documento de Arquitectura de Software. KunaySoft. Autores: Juan Camilo González Vargas. Javier Leonardo Parra Laguna
Documento de Arquitectura de Software KunaySoft Autores: Juan Camilo González Vargas Javier Leonardo Parra Laguna Pontificia Universidad Javeriana Bogotá, Colombia Noviembre 2014 Tabla de contenido 1. Más detalles CREIX AMB INTERNET. Desarrollo Aplicaciones para la plataforma Facebook
CREIX AMB INTERNET Desarrollo Aplicaciones para la plataforma Facebook 2 1. Introducción. 1.1. El propósito de la plataforma Facebook Facebook se creó como una versión en línea de los "Facebooks" de las Más detalles Diseño y desarrollo de base de datos en MySQL y aplicación Web en PHP con servidor central APACHE Memoria del Proyecto Final de Carrera
Diseño y desarrollo de base de datos en MySQL y aplicación Web en PHP con servidor central APACHE Memoria del Proyecto Final de Carrera Titulación: Ingeniería Superior de Informática Fecha: 1 de Julio Más detalles GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples Más detalles DISEÑO Y DESARROLLO DE PÁGINA WEB
DISEÑO Y DESARROLLO DE PÁGINA WEB TOTAL HORAS: 200 HORAS (100 PRESENCIALES 100 INVESTIGACIÓN) TOTAL CICLO: 16 SÁBADOS INTRODUCCIÓN En este Diplomado se establecen las bases y el método de trabajo necesario Más detalles DISEÑO E IMPLEMENTACIÓN DE UNA TIENDA VIRTUAL
Universidad Politécnica de Valencia Escuela Técnica Superior de Ingeniería Informática Memoria del proyecto final de carrera: DISEÑO E IMPLEMENTACIÓN DE UNA TIENDA VIRTUAL Alumno: Antonio Macian Ruiz Director: Más detalles Servidores web. Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis
Servidores web Qué es un servidor web? Tipos de servidores. Lic. Lorena Bernis Servidores web 2 SERVIDOR En informática, un servidor es un tipo de software que realiza ciertas tareas en nombre de los usuarios. Más detalles Capitulo 5. Implementación del sistema MDM
Capitulo 5. Implementación del sistema MDM Una vez que se concluyeron las actividades de análisis y diseño se comenzó la implementación del sistema MDM (Manejador de Documentos de MoProSoft). En este capitulo Más detalles Proyecto Final de Carrera. Aplicación Web para supervisar la asistencia a las sesiones de prácticas
Proyecto Final de Carrera Aplicación Web para supervisar la asistencia a las sesiones de prácticas Autor Abel Llopis Granero Director Sergio Saez Barona Titulación Ingeniería técnica informática de gestión Más detalles Índice: Tema 4.2 4.2 Conexión con Bases de Datos
Índice: Tema 4.2 4.2 Conexión con Bases de Datos 4.2.1 Envío y recepción de datos mediante formularios 4.2.2 Administración de MySQL con phpmyadmin 4.2.3 Conexión con Bases de Datos desde PHP Índice: Tema Más detalles Grow Shop Web Grow Shop Web Especificación de Requisitos de Software (ERS) Versión 1.1.0
Grow Shop Web Grow Shop Web Especificación de Requisitos de Software (ERS) Versión 1.1.0 Francisco Pérez Pavón id 103319 Asignaturas: Comercio Electrónico y Proyectos Informáticos. Título Proyecto Especificaciones Más detalles Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web
Secretaría de Planificación Estratégica Oficina de Informática Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web VERSIÓN 4 Julio 2009 Índice 1. Generalidades... 3 1.1 Más detalles TEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio Más detalles Desarrollo de Aplicaciones con Tecnologías Web (Online) (Dirigida a la Acreditación de las Competencias Profesionales R.D.
Desarrollo de Aplicaciones con Tecnologías Web (Online) (Dirigida a la Acreditación de las Competencias Profesionales R.D. 1224/2009) Titulación certificada por EUROINNOVA BUSINESS SCHOOL Desarrollo de Más detalles Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados
MANUAL DEL USO DE LAS PLANTILLAS PARA MANTENER EL ESTILO GOBIERNO EN LINEA TERRITORIAL- GELT FASE TRANSACCIONAL Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea República Más detalles PROYECTO FINAL DE CARRERA DESARROLLO DE UN SITIO WEB PARA UN COLEGIO
PROYECTO FINAL DE CARRERA DESARROLLO DE UN SITIO WEB PARA UN COLEGIO CEIP Montealegre de L Eliana Autor: Víctor Pérez Pérez Director: Felix Buendía García ÍNDICE 1. INTRODUCCIÓN... 4 1.1 Presentación y Más detalles Navegadores y páginas web
Navegadores y páginas web Comunicación en el siglo XXI El poder de la Web está en su universalidad. El acceso de todos es un aspecto esencial. Tim Berners-Lee Creador de la World Wide Web Índice de contenidos Más detalles UNIVERSIDAD TECNOLÓGICA PRIVADA DE SANTA CRUZ FACULTAD DE CIENCIAS Y TECNOLOGIA. CARRERA: Ingeniería en Sistemas
UNIVERSIDAD TECNOLÓGICA PRIVADA DE SANTA CRUZ FACULTAD DE CIENCIAS Y TECNOLOGIA CARRERA: Ingeniería en Sistemas Perfil de Tesis para Proyecto Empresarial Aplicación para mejorar la evaluación del desempeño Más detalles FORMACIÓN ESPECIALIZADA EN HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB
HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB La consolidación de los medios online como soporte principal de comunicación, así como la coyuntura económica, que relega a los soportes publicitarios convencionales Más detalles Ejemplo de aplicación PHP: Tienda
Ejemplo de aplicación PHP: Tienda Aplicaciones Web/Sistemas Web Juan Pavón Mestras Dep. Ingeniería del Software e Inteligencia Artificial Facultad de Informática Universidad Complutense Madrid Material Más detalles El lenguaje de programación interpretado PHP (Hypertext Preprocessor) es un
1. DESARROLLO. Arquitectura de desarrollo. Como tecnología de desarrollo se ha utilizado: PHP. El lenguaje de programación interpretado PHP (Hypertext Preprocessor) es un lenguaje de script de lado del Más detalles CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL. Nivel 2. Versión 5 Situación RD 1201/2007 Actualización
Página 1 de 18 CUALIFICACIÓN CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB PROFESIONAL Familia Profesional Informática y Comunicaciones Nivel 2 Código IFC297_2 Versión 5 Situación RD 1201/2007 Actualización Más detalles Diseño del Sistema de Información
Diseño del Sistema de Información ÍNDICE DESCRIPCIÓN Y OBJETIVOS...2 ACTIVIDAD DSI 1: DEFINICIÓN DE LA ARQUITECTURA DEL SISTEMA...7 Tarea DSI 1.1: Definición de Niveles de Arquitectura...9 Tarea DSI 1.2: Más detalles Trabajo Final de Grado
Grado en Ingeniería Informática Trabajo Final de Grado Desarrollo de una aplicación para mostrar gráficamente datos de uso del producto de realidad aumentada DOING3D Autor: Xavier Cano Ebrí Supervisor: Más detalles Recuperación de Información en Internet Tema 2: La web
Recuperación de Información en Internet Tema 2: La web P.O.P. Língua e usos profesionais Miguel A. Alonso Jorge Graña Jesús Vilares Departamento de Computación Facultad de Informática Universidade da Coruña Más detalles Gestor de documentos Htm
Escola Tècnica Superior d Enginyeria Informàtica Universitat Politècnica de València Gestor de documentos Htm Proyecto Final de Carrera Ingeniero Técnico en Informática de Gestión Autor: Soriano Ferrer, Más detalles Taller de Desarrollo de Aplicaciones Web
Universidad Nacional de José C. Paz Taller de Desarrollo de Aplicaciones Web Introducción a la programación web Prof. Martín Miguel Machuca Prof. Martín Miguel Machuca Introducción En la actualidad, cuando Más detalles Formación a distancia de EXPERTO EN DISEÑO Y PROGRAMACIÓN WEB CON PHP
Instituto de Formación Profesional CBTech Estudie desde su hogar y obtenga un certificado universitario Formación a distancia de EXPERTO EN DISEÑO Y PROGRAMACIÓN WEB CON PHP 1 Curso de Diseño Web con HTML5 Más detalles 1. Temario Curso Web Design 2014
1. Temario Curso Web Design 2014 FIREWORKS Diseño profesional de interfaces web Nociones generales para qué sirve?, diferencia con Photoshop Espacio de trabajo - Barras de menú, herramientas y paletas Más detalles UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL
UNIDAD 2 CONFIGURACIÓN DE UN SITIO LOCAL OBJETIVO El alumno aprenderá a configurar un servidor local para realizar diferentes pruebas de la página hasta publicar el sitio web en Internet. TEMARIO 2.1 INTRODUCCIÓN Más detalles Diseño del Sistema de Información
Diseño del Sistema de Información ÍNDICE DESCRIPCIÓN Y OBJETIVOS... 2 ACTIVIDAD DSI 1: DEFINICIÓN DE LA ARQUITECTURA DEL SISTEMA... 7 Tarea DSI 1.1: Definición de Niveles de Arquitectura... 9 Tarea DSI Más detalles SGNTJ. Desarrollo LexNet. Manual de Usuario LexNet: Requisitos técnicos de instalación de LexNet. Público. SGNTJ - Desarrollo LexNet
SGNTJ Desarrollo LexNet Manual de Usuario LexNet: Requisitos técnicos de instalación de LexNet Público ELABORADO POR: Desarrollo LexNet REVISADO POR: Desarrollo LexNet APROBADO POR: SGNTJ Fecha: 24/07/2014 Más detalles PRÁCTICA FINAL TECNOLOGÍA MULTIMEDIA 3 DE JUNIO DE 2015. ENDIAN LIN [Dirección de la compañía]
PRÁCTICA FINAL TECNOLOGÍA MULTIMEDIA 3 DE JUNIO DE 2015 ENDIAN LIN [Dirección de la compañía] Índice Introducción... 3 Diseño... 3 Aspecto general... 3 Diagrama de páginas... 4 Herramienta externa... 4 Más detalles INTRODUCCIÓN AL WEB. Pag. 1 de 10
INTRODUCCIÓN AL WEB La World Wide Web o simplemente WWW o Web es uno de los métodos más importantes de comunicación que existe en Internet. Consiste en un sistema de información basado en Hipertexto (texto Más detalles Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web
Secretaría de Planificación Estratégica Oficina de Informática Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web VERSIÓN 3 Abril 2006 Índice 1. Generalidades... 3 1.1 Más detalles Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones
Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo de Cookies 4.3.2 Manejo de Sesiones 4.3.3 Aplicación basada en sesiones Índice: Tema 4.3 4.3 Aplicaciones basadas en Sesiones 4.3.1 Manejo Más detalles Título: Página web personal para gestionar compras domésticas Volumen: 1/1 Alumno: David Ruiz Rodríguez
Título: Página web personal para gestionar compras domésticas Volumen: 1/1 Alumno: David Ruiz Rodríguez Director/Ponente: Luís Pérez Vidal Departamento: Lenguaje y Sistemas Informáticos (LSI) Fecha: 23 Más detalles Tema 1: Introducción a las Aplicaciones Web. Contenidos:
Tema 1: Introducción a las Aplicaciones Web. Contenidos: 1. Esquema de funcionamiento. 1.1. Modelo Cliente/Servidor. 1.1.1. Componentes de un Servidor (WAMP, LAMP). 1.1.2. Navegadores. 1.2. Conceptos. Más detalles Conclusiones y trabajo futuro
Capítulo 8 Conclusiones y trabajo futuro Índice 8.1. Consecución de los objetivos definidos...... 81 8.2. Conclusiones personales.............. 82 8.3. Trabajo futuro.................... 83 8.1. Consecución Más detalles TFC J2EE. Tienda Online:WebCine
TFC J2EE Tienda Online:WebCine Jose Luis Del Hoyo Fernández Consultor: Antoni Oller Arcas 13/01/2014 Índice del contenido 1. Introducción... 4 1.1 Descripción del proyecto... 4 1.2 Objetivos... 4 1.3 Más detalles GUÍA DE EVIDENCIA DE LA UNIDAD DE COMPETENCIA
MINISTERIO DE EDUCACIÓN, CULTURA Y DEPORTE SECRETARÍA DE ESTADO DE EDUCACIÓN, FORMACIÓN PROFESIONAL Y UNIVERSIDADES DIRECCIÓN GENERAL DE FORMACIÓN PROFESIONAL INSTITUTO NACIONAL DE LAS CUALIFICACIONES Más detalles MANUAL TECNICO SOFTWARE DE ADMINISTRACIÓN PARA LA GESTIÓN DE CASOS DEL COMITÉ DE ASUNTOS ESTUDIANTILES DE LA UNAD GC-CAE
MANUAL TECNICO SOFTWARE DE ADMINISTRACIÓN PARA LA GESTIÓN DE CASOS DEL COMITÉ DE ASUNTOS ESTUDIANTILES DE LA UNAD GC-CAE ELSA YANETH CAICEDO COLMENARES CODIGO 52339773 UNIVERSIDAD NACIONAL ABIERTA Y A Más detalles Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador. Desarrollado por: Jessica Nathaly Correa María Isabel Granda.
Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador Desarrollado por: Jessica Nathaly Correa María Isabel Granda. 12 de febrero de 2015 Loja-Ecuador Contenido Presentación... 3 Más detalles 2. OBJETIVOS (Course Objectives Goal))
SYLLABUS MATERIA PROFESOR DESARROLLO DE APLICACIONES PARA INTERNET ECOMMERCE ING. TITO VELEZ CURILLO 1. DESCRIPCIÓN SINTÉTICA (Course Description) Desarrollo de Aplicaciones para Internet y ecommerce.- Más detalles HTML Guía de trabajo para 3º ESO
HTML Guía de trabajo para 3º ESO Página 2 Índice 1. Qué es HTML?... 3 2. Cómo son las páginas Web?... 3 3. Qué es un sitio Web?... 3 4. Práctica 1. Crear un sitio web local... 4 5. Primera página HTML... Más detalles Joomla! Joomla! Diseños de sitios Web y Comercio Electrónico
Diseños de sitios Web y Comercio Electrónico Universidad Politécnica de Valencia Campus de Gandía (Jesús Tomás) Objetivos del curso Adquirir las capacidades necesarias para crear un sitio Web utilizando Más detalles 2017 © DocPlayer.es Política de privacidad | Condiciones del servicio | Feedback

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 Resolución