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 Pozo
Bryan Alfredo Aguirre Mariduea
George Alexis Burgos Franco
GUAYAQUIL ECUADOR
2015 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.

NDICE
DEDICATORIA.............................................................................................
AGRADECIMIENTO...................................................................................
NDICE........................................................................................................
RESUMEN EJECUTIVO.............................................................................
INTRODUCCIN.........................................................................................
1. PROPUESTA DE TRABAJO..................................................................
2. MEMORIA DESCRIPTIVA.......................................................................
2.1 DESCRIPCIN GENERAL..............................................................
2.2 DESCRIPCIN TCNICA...............................................................
2.3 GLOSARIO..................................................................................

3. PROCESO PRODUCCIN DE BIENES O PRESTACIN DE

SERVICIOS..........................................................................................
4. RECURSOS...........................................................................................
5. CRONOGRAMA DE ACTIVIDADES.....................................................
6. CONCLUSIN.......................................................................................
7. RECOMENDACIONES..........................................................................
8.- BIBLIOGRAFIA.....................................................................................
9.- ANEXOS...............................................................................................

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.
10

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

11

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.
12

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

13

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.

14

5. CRONOGRAMA DE ACTIVIDADES

Grfico 10 Cronograma de actividades

6. CONCLUSIN

15

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.
16

 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/
17

 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

18

Grfico 11 Reunin grupal

Grfico 12 Reunin grupal 2

19

Grfico 13 Logo Visual Studio

Grfico 14 Programacin en Visual Studio

20

Grfico 15 Tablas de SQL

Grfico 16 Fireworks 8

21