Post on 10-Mar-2016
description
docx
UNIDAD EDUCATIVA FISCAL VICENTE ROCAFUERTE
APLICACIONES INFORMTICAS
MEMORIA TCNICA
PREVIA A LA OBTENCIN DEL TTULO DE: BACHILLER TCNICO EN APLICACIONES INFORMTICAS
TEMA
Creacin de una aplicacin web de voto electrnico para la eleccin del consejo estudiantil
AUTORES
Jos Antonio Mora PozoBryan Alfredo Aguirre MaridueaGeorge Alexis Burgos Franco
GUAYAQUIL ECUADOR2015 2016
DEDICATORIA
Dedicamos este proyecto a dios por ser el que ha estado en todo momento y brindarnos de salud y poder lograr nuestros objetivos.
A nuestros familiares que nos brindaron el apoyo necesario en todo momento, por sus consejos, sus valores, por la motivacin constante que nos han permitido ser una persona de bien.Tambin a personas que no dudaron de nosotros, de nuestras habilidades, de poder esmerarnos y salir adelante en nuestros estudios.
AGRADECIMIENTO
Se agradece a dios por poder estar con nuestros padres, quienes a lo largo de nuestras vidas han realizado el esfuerzo necesario para brindarnos una buena formacin acadmica.
A los profesores que le debemos gran parte de nuestros conocimientos, gracias a su paciencia y enseanza y especialmente a la Ing. Wendy Collat Elizalde por habernos brindado el apoyo necesario para la realizacin del proyecto y tambin por darnos consejos acadmicos y personales que nos servirn en la vida.
Al glorioso colegio Vicente Rocafuerte el cual abre las puertas a jvenes como nosotros. Preparndonos para un futuro competitivo y formndonos como profesionales con sentido de seriedad, responsabilidad y rigor acadmico. V
NDICEDEDICATORIAIIAGRADECIMIENTOIIINDICEIVRESUMEN EJECUTIVOVINTRODUCCIN11.PROPUESTA DE TRABAJO22. MEMORIA DESCRIPTIVA32.1 DESCRIPCIN GENERAL32.2 DESCRIPCIN TCNICA52.3 GLOSARIO103. PROCESO PRODUCCIN DE BIENES O PRESTACIN DE SERVICIOS134. RECURSOS145. CRONOGRAMA DE ACTIVIDADES156. CONCLUSIN167. RECOMENDACIONES178.- BIBLIOGRAFIA189.- ANEXOS19
RESUMEN EJECUTIVO
El nombre del proyecto desarrollado es CREACIN DE UNA APLICACIN WEB DE VOTO ELECTRNICO PARA LA ELECCIN DEL CONSEJO ESTUDIANTIL.
El proyecto se enfoca en la importancia del proceso de eleccin del consejo estudiantil, ya que en la mayora de planteles del estado ecuatoriano no se lleva de una manera eficaz el proceso de elecciones. En algunas ocasiones los estudiantes no son informados correctamente del resultado de dichas elecciones y al darse esta cuestin los estudiantes, no llevan este importante proceso con la seriedad que requiere y algunos incluso se lo toman como si fuera un juego.
Se ha puesto empeo en solucionar este problema mediante una aplicacin, en la cual los estudiantes podrn ingresar sufragar por su lista de agrado.
INTRODUCCIN
En esta poca, en la que vivimos, utilizar la tecnologa en nuestras vidas resulta indispensable.
El internet se ha vuelto el medio de comunicacin ms utilizado y estable del mundo, atravesando fronteras y pudiendo comunicar a personas a travs del mundo, tambin es un medio de negociacin ms rentable.
En la actualidad las Unidades Educativas presentan un problema al momento de efectuarse las elecciones de consejo estudiantil ya que no hay un debido orden al momento de sufragar; por esta razn se decidi realizar el proyecto Creacin de aplicacin web de voto electrnico para la eleccin del consejo estudiantil de una unidad educativa y as mejorar esta situacin.
El logo del proyecto es Voto Joven, Voto fuerte, porque al ser orientado a las Unidades Educativas, tambin va a incentivar a los alumnos que efecten de forma responsable los prximos procesos de elecciones que enfrenten en sus vidas.
1. PROPUESTA DE TRABAJO
Este proyecto ofrece la opcin de realizar el voto electrnico de listas del Consejo Estudiantil de una Institucin Educativa
El proyecto va a utilizar asp.net como lenguaje de programacin principal, aunque este lenguaje de programacin est ntimamente relacionado con el HTML5, que va a permitir darle a la aplicacin web dos partes una esttica y una dinmica.
La parte dinmica va a ser en la cual el administrador podr realizar sus funciones, el usuario podr ingresar y posteriormente proceder a votar.
La parte esttica son todas las opciones que tendrn el usuario y el administrador para ver el resultado de consultas.
Al culminar el proyecto podr ser adquirido por cualquier Unidad Educativa que lo solicite ya que en un principio ser gratuita y el nico requisito para que alguien pueda votar es tener un usuario y una contrasea que tendr que ser manejada por el administrador de la aplicacin y debe contar con una conexin a internet.
2. MEMORIA DESCRIPTIVA
2.1 DESCRIPCIN GENERAL
Todo el proyecto se basa en el uso de los siguientes programas:
Visual Studio 2013 Microsoft SQL Macromedia Fireworks 8
Visual Studio 2013
Microsoft Visual Studio es un entorno de desarrollo integrado (IDE, por sus siglas en ingls) para sistemas operativos Windows. Soporta mltiples lenguajes de programacin.
Visual Studio permite a los desarrolladores crear sitios y aplicaciones web, as como servicios web en cualquier entorno que soporte la plataforma.
Microsoft SQL 2012
SQL es un lenguaje declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de operaciones en ellas. Una de sus caractersticas es el manejo del lgebra y el clculo relacional que permiten efectuar consultas con el fin de recuperar, de forma sencilla, informacin de bases de datos, as como hacer cambios en ellas.Macromedia Fireworks 8
Macromedia Fireworks, es un software editor de mapas de bits y grficos vectoriales que actualmente integra la Adobe Creative Suite. Fireworks en la actualidad es conocido y utilizado por su excelente optimizacin como editor de grficos orientado al diseo y maquetacin de sitios web.
Creacin de las pginas web en visual studio
En el software Visual Studio se crearon las opciones que tienen disponibles el usuario y el administrador, para eso se utilizaron los siguientes controles:
Form Textbox Checkbox Label Buttons Gridview Clase de VB (visual basic) Tablas Image Sqldatasource Menu Tree View
2.2 DESCRIPCIN TCNICA
El proyecto consta de las siguientes opciones:
Inicio Login o inicio de sesin Sufragar Administracin
Inicio
Grfico 1 Pgina de inicio
En la pgina de inicio se encontrarn los siguientes elementos: En la parte superior se encontrar el logo y dos botones:1) Inicio: Para regresar a la pgina principal.2) Ingresar: Para poder iniciar sesin
En la parte central unas indicaciones y una imagen. En la parte inferior estn los nombres de las personas que participan en la eleccin del consejo estudiantil.
Login
Grfico 2 Inicio de sesin
Aqu encontramos el botn ingresar donde se mostrar dos opciones para:
Ingresar usuario. Ingresar contrasea.
Sufragar
Grfico 3 pgina de votacin del usuario
En esta pantalla se encuentran las siguientes opciones:
Dos checkbox para elegir los votos Reglas de votacin para indicar al usuario como deber sufragar Botn guardar Administracin
Dentro de las opciones de administracin se encontrarn los siguientes comandos:
Bienvenida Resultados Agregar votantes Consultar votantes Agregar listas votantes Editar listas votantes
Bienvenida
Grfico 4 pgina de inicio del administrador
Pantalla de bienvenida para el administrador.
Resultado
Grfico 5 Resultados
En esta pantalla de muestra el resultado de las elecciones por lista, tambin votos nulos y blancos.
Agregar votantes
Grfico 6 Agregar votantes
En esta pantalla se visualiza tres cajas de texto para ingresar informacin de los votantes.
Consultar votantes
Grfico 7 Consultar votantes.
En esta pgina se deber ingresar el nmero de cedula y al dar clic en consultar se mostrar el usuario y contrasea del votante.
Agregar lista participantes
Grfico 8 Agregar lista de participantes.Aqu podr ingresar el nombre de los integrantes de las listas A y posterior a la lista B, cuando demos clic en el botn guardar.
Editar listas de participantes
Grfico 9 Editar listas participantes
Aqu se podr editar informacin de los integrantes de las listas A y B.
2.3 GLOSARIO
Form: El formulario (form) es el lugar en donde ponemos todos los elementos de nuestra pgina web.
Checkbox: Es una herramienta que permite seleccionar una o varias opciones.
Textbox: La caja de texto (textbox) es una herramienta en la cual el usuario puede ingresar informacin.
Label: La etiqueta (label) es una herramienta que nos va permitir escribir ttulos, distinguir las herramientas y escribir mensajes.
Buttons: Los botones (buttons) es una herramienta que nos a permitir realizar una accin determinada cuando ocurra el evento click.
Gridview: Es una herramienta que permite mostrar los resultados de una consulta a SQL, usando tablas. Clase de VB (visual basic): Una clase en programacin es una herramienta que nos permite realizar procesos y llamarlos desde cualquier formulario.
Sqldatasource: Es una herramienta que nos permite realizar conexiones a una base de datos de forma dinmica.
Menu: Est herramienta permite tener una cinta de opciones en la cual el usuario deber escoger una para realizar generar un evento.
Asp.net: Es el lenguaje de programacin web con el cual podemos realizar aplicaciones web o sitios web.Este lenguaje est de programacin est complementa por los lenguajes de programacin VB y C#.
VB (Visual Basic): Es un lenguaje de programacin orientado a mtodos, desarrollado por Microsoft, denominado Lenguaje de programacin para principiantes, ya que no es necesario tener demasiados conocimientos de este para realizar aplicaciones con estilos profesionales.
Image: Es una herramienta proporcionada por Visual Studio para poder incorporar imgenes a nuestra aplicacin web.Esta herramienta soporta diferentes formatos de imgenes.
HTML: Lenguaje de mercado utilizado para la elaboracin de pginas web. Es la parte esencial de toda pgina web.
URL: Lo que comnmente conocemos como direccin web
PNG: Formato de imgenes de alta calidad que soporta transparencias (composiciones alfa).
JPEG: Formato de imgenes que utiliza comprensin perdiendo muy poca calidad, dando como resultado de imgenes de alta calidad y poco peso.
Tree View: Es un elemento de interfaz grfica de usuario que presenta una vista jerrquica de informacin. Cada elemento puede tener una serie de sub elementos. Esta puede ser visualizada como tabulado en una lista. Los tree view permiten navegar por el sistema de archivos de directorios.
XML: Es un lenguaje de marcas desarrollado por el World Wide Web Consortium utilizado para almacenar datos en forma legible. A diferencia de otros lenguajes, XML da soporte a bases de datos, siendo til cuando varias aplicaciones deben comunicarse entre s o integrar informacin.
3. PROCESO PRODUCCIN DE BIENES O PRESTACIN DE SERVICIOS
La aplicacin web va a permitir la eleccin del consejo estudiantil de una unidad educativa, est diseada para que el usuario pueda utilizarla de una forma fcil y eficaz y el administrador.
La aplicacin estar disponible en cualquier computadora que tenga acceso a internet y tambin es necesario que el usuario que desea votar sea registrado por el administrador.
La aplicacin de voto electrnico, va a ser promocionada a travs redes sociales (Facebook, twitter, etc.). La aplicacin no necesita de muchos recursos para su elaboracin ya que los tipos de software utilizados para la elaboracin fueron descargados en su forma gratuita.
El costo ms alto de la realizacin de la aplicacin web es el costo del dominio, ya que para subirla a internet se necesita un dominio y este es pagado.
4. RECURSOS
Software para la creacin de la aplicacin web: Visual studio 2013
Software para la creacin de la base de datos: Microsoft SQL 2012
Software para la edicin de imgenes: Microsoft Fireworks 8
Software para la realizacin de cronogramas: Microsoft Project
Laptop HP (4 gb de RAM, 500 gb disco duro, Windows 8.1 pro)
ProBook HP (4 gb de RAM, 500 gb de disco duro, Windows 10 pro)
Internet
Pendrive
Impresora
Hojas A4
Los gastos producidos al realizar la pgina son:
Planilla de luz (empresa elctrica de Guayaquil) por consumo elctrico: $25 50. Planilla telefnica (CNT), servicio telefona fija y servicio de internet fijo: $35 00.
5. CRONOGRAMA DE ACTIVIDADES
Grfico 10 Cronograma de actividades
6. CONCLUSIN
En el sistema de educacin actual, la eleccin de un consejo estudiantil es muy importante, y debe llevarse a cabo con toda la seriedad que amerita este proceso.
Es gracias internet, que podemos realizar la aplicacin web, que va a permitir a los usuarios, conectarse desde la comodidad de su hogar.
La creacin de una aplicacin web requiere de mucho esfuerzo y dedicacin, ya que aparece la necesidad de crear varias opciones dedicadas al administrador y al usuario, tambin tiene que tomarse en cuenta que el diseo de la aplicacin web posea un diseo que agradable para el usuario, y se puede utilizar de forma sencilla y sin conflictos.
7. RECOMENDACIONES
Guardar en una lugar de acceso rpido y seguro el usuario y contrasea otorgados por el administrador al usuario.
No tomar la votacin como un juego, recordando que es un proceso serio y que va a dar como resultado la eleccin de sus representantes en la unidad educativa.
Utilizar el navegador Internet Explorer al usar la aplicacin, aunque cualquier navegador es compatible.
Escoger con sabidura la lista que a la quiere otorgar su voto.
8.- BIBLIOGRAFIA https://www.visualstudio.com/downloads/download-visual-studio-vs http://macromedia-fireworks.uptodown.com/ https://www.microsoft.com/es-es/download/details.aspx?id=29062 https://es.wikipedia.org/wiki/SQL https://es.wikipedia.org/wiki/Microsoft_Visual_Studio
9.- ANEXOS
Grfico 11 Reunin grupal
Grfico 12 Reunin grupal 2
Grfico 13 Logo Visual Studio
Grfico 14 Programacin en Visual Studio
Grfico 15 Tablas de SQL
Grfico 16 Fireworks 8
9