Documentos de Académico
Documentos de Profesional
Documentos de Cultura
1
“Año de la universalización de la salud”
UNHEVAL
UNIVERSIDAD NACIONAL HERMILIO VALDIZAN
Desarrollo e implementación de la
página web “Banco Kremlin”
2020
2
3
Dedicatoria
Este presente trabajo está dedicado primeramente a dios, docente del curso
por el apoyo que nos dio, mis compañeros por el apoyo que nos dimos para
que el proyecto se realice y luego a todas las personas que nos apoyaron y han
hecho que el trabajo se realice y espero más adelante que Huánuco progreso.
4
Contenido
Introducción.............................................................................................................................7
I. Título del Proyecto..........................................................................................................8
II. Diagnóstico y Justificación..........................................................................................8
IV. Breve Descripción del Proyecto..............................................................................9
4.5. Red................................................................................................................................10
4.5.1. Tipos de redes:...................................................................................................10
4.5.1.1. Red Local (LAN: Local Área Network)..................................................10
4.5.1.2. Red de Área Amplia (WAN: Wide Área Network)...............................10
4.5.1.3. MAN (Metropolitan Área Network).........................................................10
4.6. Conexión......................................................................................................................11
4.6.1. Protocolo FTP (File Transfer Protocol)........................................................11
4.6.2. Protocolo HTTP (Hypertext Transfer Protocol)..........................................11
4.7. URL (Localizador Universal de Recursos)..........................................................11
4.7.1. Categorías...........................................................................................................11
4.7.1.1. Una URL Absoluta.....................................................................................11
4.7.1.2. Una URL Relativa.......................................................................................11
4.8. Web Hosting...............................................................................................................12
4.10. Aplicación web.......................................................................................................12
4.10.1. Características de las Aplicaciones Web.................................................12
4.11. Los lenguajes utilizados para el desarrollo de la Aplicación Web............12
4.11.1. HTML (Lenguaje de marcas de hipertexto).............................................12
4.11.2. CSS....................................................................................................................13
4.11.3. JavaScript........................................................................................................14
V. Objetivos.........................................................................................................................14
Referencias de la empresa..................................................................................................15
VI. Softwares.....................................................................................................................15
VII. Descripción de la empresa......................................................................................15
VIII. Datos de la empresa.................................................................................................15
IX. Misión...........................................................................................................................16
X. Visión................................................................................................................................16
XI. Organigrama...............................................................................................................16
XII. Valores.........................................................................................................................17
XIII. Ubicación.....................................................................................................................17
XIV. Beneficiarios Directos e Indirectos.......................................................................17
5
14.1. Beneficiarios Directos......................................................................................17
14.2. Beneficiarios Indirectos...................................................................................17
XV. Metas, Resultados y Efectos esperados del Proyecto.....................................18
15.1. Metas....................................................................................................................18
15.2. Resultados..........................................................................................................18
15.3. Efectos.................................................................................................................18
XVI. Administración del Proyecto..................................................................................18
XVII. Presupuesto............................................................................................................18
XVIII. Fases del Proyecto................................................................................................19
18.1. Planeación...........................................................................................................19
18.2. Diseño y Ejecución............................................................................................19
18.3. Adquisición del Alquiler de Hosting y Dominio.........................................19
18.4. Mantenimiento y Actualización del Proyecto.............................................20
18.5. Evaluación del Proyecto..................................................................................21
Conclusión..............................................................................................................................22
Recomendaciones................................................................................................................23
Bibliografía..............................................................................................................................25
6
Indicé de figuras
7
Introducción
8
I. Título del Proyecto
Implementación de una página web para la empresa “Banco Kremlin”
9
IV. Breve Descripción del Proyecto
El desarrollo e implementación del presente proyecto será el resultado de los
conocimientos adquiridos durante el desarrollo del curso.
Es por ello el proyecto consiste en la creación de una página web
implementando la información básica y necesaria para la empresa.
La página en la parte principal está estructurada con un encabezado de
programdores.com, un menú (inicio, nosotros, portal de transparencia y
accesibilidad) y seguido con una barra de menú donde va el nombre de la
empresa y botones de clientes, ciudadanos, municipalidades y gobierno. Cada
cual con su respectivo link seguido por un cuerpo donde la información.
IV.1. Historia de la web
IV.2. Web
La World Wilde Web (literalmente telaraña de alcance mundial), es un sistema
de documentos de hipertexto o híper-medios enlazados y accesibles a través
de internet. Con un navegador web, un usuario visualiza sitios web compuestos
de páginas que puede contener texto, imágenes, videos u otros contenidos
multimedia, y navegar a través de ellas usando hiperenlaces.
IV.3. Página web
Una página web es un sitio de internet al cual se accede a través de una
dirección electrónica denominada URL y en el cual una empresa o institución
muestra sus servicios o características a potenciales visitantes de acuerdo al
interés de sus clientes.
IV.4. Internet
Conjunto de redes de computadores y equipos físicos interconectados entre sí,
que permite el intercambio de información de cualquier tipo en muy poco
tiempo, estando a miles de kilómetros de distancia.
Una red sin fronteras o dueños definidos, está gestionada para grandes
empresas llamadas “Proveedores de servicio de Internet (ISPs), que son las
que dan los servicios de Internet. En esta red participan todo tipo de
computadores, desde grandes sistemas hasta modelos porcentajes.
Actualmente esta red es utilizada por diferentes instituciones, privadas y
gubernamentales, en el cual puede dar a conocer las diferencias actividades
que se dedican.
IV.4.1. Google Chrome
Es un navegador web desarrollado por Google y compilado con base en
componentes de código abierto, disponible gratuitamente bajo condiciones de
servicios específicas.
10
IV.4.2. Internet Explorer
Es una serie de navegadores web gráficos desarrollado por Microsoft integrado
a Windows y a medida que nuevas versiones fueron apareciendo, fue
modernizando e incorporando funciones innovadoras de sus competidores. Es
el navegador más utilizado, sin embargo, no siempre es elegido como el mejor
ya que tiene algunas falencias frente a otras opciones de exploradores Web.
IV.5. Red
Red de computadoras (también llamada red de ordenadores o red información)
es un conjunto de equipos (computadoras y/o dispositivos) conectados, que
comparten información (archivos), recursos (CD-ROM, impresoras, etc.) y
servicios (acceso a internet, e-mail, juegos), etc.; elementos que se conectan
mediante un vínculo dedicado para proporcionar una comunicación local o
remota.
IV.5.1. Tipos de redes:
IV.5.1.1. Red Local (LAN: Local Área Network).
unen a los ordenadores cercanos, en la misma habitación o edificio. Se
caracteriza por su gran rapidez en la transferencia de datos y son relativamente
sencillas de instalar.
Su extensión está limitada físicamente a un edificio o a un entorno de 200
metros, o con Repetidores podría llegar a la distancia de un campo de 1
kilómetro. Su aplicación más extendida es la interconexión de computadoras
personales y estaciones de trabajo en oficinas, fábricas, etc., para compartir
recursos e intercambiar Datos y Aplicaciones. En definitiva, permite una
conexión entre dos o más equipos.
IV.5.1.2. Red de Área Amplia (WAN: Wide Área Network)
es una red de computadoras que une varias redes locales, aunque sus
miembros no estén todos en una misma ubicación física.
Muchas WAN son construidas por organizaciones o empresas para su uso
privado, otras son instaladas por los proveedores de Internet (ISP) para proveer
conexión a sus clientes.
Hoy en día, internet brinda conexiones de alta velocidad, de manera que un
alto porcentaje de las redes WAN se basan en ese medio, reduciendo la
necesidad de redes privadas WAN.
11
soportar tanto voz como datos, tiene uno o dos cables y no tiene elementos de
intercambio de paquetes, lo cual simplifica bastante el diseño. La razón
principal para distinguirla de otro tipo de redes, es que tipo de redes se ha
adoptado un estándar llamado DQDB (Distributed Queue Bus) o IEEE 802.6.
Esta clase de redes al igual que las de Área Local tienen algo en común ya que
estas también utilizan medios de difusión.
IV.6. Conexión
El enlace a Internet es un vínculo con el cual una computadora o red de
ordenadores cuentan para conectarse a Internet, lo que les permite visualizar
las páginas Web desde un navegador y acceder a otros servicios que ofrece
esta red.
IV.6.1. Protocolo FTP (File Transfer Protocol)
El protocolo de transferencia de archivos (FTP) es uno de los
protocolos más antiguos y difundidos que se encuentran en la
Internet hoy día. Su fin principal es el de transferir archivos
exitosamente entre los equipos dentro del Internet, sin que el Usuario
tenga que iniciar una sesión en el Host remoto o que requiere tener
conocimientos sobre cómo utilizar el sistema remoto.
IV.6.2. Protocolo HTTP (Hypertext Transfer Protocol)
protocolo de transferencia de hipertexto, es el protocolo usado en
cada transacción de la Web(www), fue desarrollado por el consorcio
W3C y IETHF-3.
12
Siglas del protocolo: indican que se usara para la transmisión de datos.
Lo normal es usar el protocolo de hipertexto, “http://.”
Nombre de Dominio del Ordenador Server: indica que ordenador server
de internet dará la información solicitada. Ejemplo: www.ufg.edu..sv
Ruta en el Server: indica la posición del fichero que concretamente se ha
solicitado dentro del ordenador server.los ficheros están en el server
ordenados jerárquicamente en una estructura de directorios o carpetas
como si fuera un disco duro. Ejemplo: uvirtual.ufg.edu.sv/login/index.php
13
código HTML) para la definición de contenido de una página web, como
texto, imágenes, videos, entre otros.
Ilustración 2. imagen de
CSS
[ CITATION des20 \l
14
IV.11.3. JavaScript
Es un lenguaje de programación interpretado, se define como orientado a
objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.
Se utiliza principalmente del lado del cliente, implementado como parte de un
navegador web permitiendo mejoras en la interfaz de usuario y páginas web
dinámicas y JavaScript del lado del servidor. Su uso en aplicaciones externas a
la web como en documentos pdf y aplicaciones de escritorio.
V. Objetivos
El objetivo del software de la empresa es tener un acceso amigable con los
usuarios con facilidad de acceso a la información y a las opciones pertinentes a
la entidad, brindar información detallada y precisa al usuario. Con ello se tendrá
un mejor desempeño como instrumento virtual de apoyo a la entidad bancaria.
15
Referencias de la empresa
VI. Softwares
En el desarrollo de la programación se llevó a cabo la ejecución del desarrollo
del software. Se describirá los lenguajes de programación que se utilizó, los
entornos de desarrollador, el equipo que se utilizó.
Para el trabajo se trabajó con diferentes softwares, los cuales son:
Lenguaje de programación
Html
Css
Java script
Muestra de la ejecución de los códigos para la página web
Google chrome
Microsoft Edge (explore)
Programas de apoyo para el desarrollo de la página web
Corel draw
Paint
Word
Entornos de desarrollo
Sublime txt 3
NetBeans IDE
16
o Horario de atención: lunes a viernes de 08:30 a 17:30. Refrigerio de:
13:00-14:00. Atención trámite documentario: lunes a viernes de 8:30 a
16:30.
IX. Misión
La misión de la empresa es la siguiente:
La misión de la entidad bancaria es mejorar en sus servicios día a día
brindando facilidad a sus usuarios tanto internos como externos con un portal
amigable para todos así en una constante mejora. Con ello se espera tener
mayor recurrencia y confianza por parte de los clientes.
“Brindar servicios de calidad a la ciudadanía y al Estado, ampliando nuestra
cobertura de servicios y promoviendo la inclusión financiera, a través de una
gestión moderna y auto sostenible”.
X. Visión
La visión de la empresa es la siguiente:
“Ser reconocido por brindar soluciones financieras, innovadoras, inclusivas y de
calidad al Estado Peruano y la ciudadanía, dentro de un marco de gestión
basado en la efectividad de sus procesos y prácticas de Buen Gobierno
Corporativo”.
XI. Organigrama
17
Ilustración 4. imagen de Organigrama
XII. Valores
La empresa identifica entre sus valores los siguientes:
Honestidad
Compromiso
Respeto
Vocación de servicio
Responsabilidad social e inclusión financiera
XIII. Ubicación
La empresa “Banco Kremlin” esta ubicación: Oficina principal: Av. Javier Prado
Este 24019, BancoLandia.
Ilustración 5.
imagen de Ubicacion
18
XIV.2. Beneficiarios Indirectos
Los clientes
Personal que labora en la empresa y la administración
Grupo de implementación del proyecto productivo.
XV.3. Efectos
Que cualquier persona puede acceder a la información desde cualquier lugar,
sin la necesidad de ir a la empresa a cualquier hora.
XVI. Administración del Proyecto
19
La ejecución del proyecto está a cargo de la empresa “Banco Kremlin” para
brindar un servicio de calidad a los usuarios.
XVII. Presupuesto
En el ámbito presupuestal, se tomó en cuenta el salario mínimo que es de 930
soles ello considerado mensualmente.
Como en nuestro trabajo se realizó una estimación de 15 horas
aproximadamente. Se realizará un costeo en esas 15 horas de labor
Que son 19.35, en consideración a nuestro grupo de 5 integrantes es de 96.80
soles
En cuanto al equipo que se utilizo es unas 5 computadoras con características
de memoria RAM 4GB, procesador i3, y más componentes, se ISO una
valuación en 1700 soles cada uno
XVIII. Fases del Proyecto
Se evaluó las fases del proyecto, para ello se tomó cinco faces que serán
mencionados en los siguientes títulos.
XVIII.1. Planeación
La planeación s elevo a cabo mediante una lluvia de ideas que se izó en el
grupo de trabajo, para ello se propuso en desarrollar la página web y
mientras otro miembro del grupo se encargaría de buscar hostings, a ser un
cuadro comparativo en ventajas y desventajas en cuanto costo beneficio.
20
Ilustración 7. Imagen de hosting
Gratis
Construcciones automatizadas de Git
Implementar en la red perimetral global
Vistas previas del sitio para cada impulso
Retrocesos instantáneos a cualquier versión
Implemente activos estáticos y funciones dinámicas sin servidor.
21
inicio teníamos el 1.0, luego cambiamos los colores, quitamos algunas
falencias y fue una versión de 2.0. ahora como una versión aún mejor se le
denomina 3.0.
22
Conclusión
23
Recomendaciones
Se recomienda innovar cada temporada aún más la página web y ampliar sus
fronteras de uso como serian para celulares en ese caso con aplicativos que se
acoplen a ello, adaptación y supervisión para el buen funcionamiento de la
página web, como en la capacidad de visitas instantáneas también se
recomienda que haya un robot que responda los mensajes con frases que den
confianza al cliente que su comentario y problema serán tomados en cuenta
para la empresa.
24
Anexos
En esta imagen se muestra la empresa.
25
Ilustración 9. Imagen del "Banco Kremlin"
Ilustración
10. Imagen de los servicios que brinda
Bibliografía
https://ri.ufg.edu.sv/jspui/bitstream/11592/7305/3/004.738-A572c-Capitulo
%20II.pdf
https://es.wikipedia.org/wiki/HTML
https://desarrolloweb.com/home/css
https://es.wikipedia.org/wiki/JavaScript
https://www.mclibre.org/consultar/htmlcss/otros/historia-resumen.html
26
https://www.slideshare.net/SaulHuaman/informe-final-sobre-elaboracin-de-
pagina-web
27