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