Informe de prácticas pre profesionales en Ferretería GEREMI

Informe de prácticas pre profesionales del módulo de: “Gestión de Aplicación para Internet y
Producción Multimedia”
INSTITUTO DE EDUCACIÓN
SUPERIOR TECNOLÓGICO
PÚBLICO “CHOTA” - CHOTA
CARRERA PROFESIONAL
COMPUTACIÓN E INFORMÁTICA
INFORME DE PRÁCTICAS PROFESIONALES DEL MÓDULO:
“GESTIÓN DE APLICACIÓN PARA INTERNET Y PRODUCCIÓN”
REALIZADO EN:
FERRETERIA COMERCIAL “GEREMI” - CHOTA
ASESORADO POR:
Ing. JUAN CARLOS CARRANZA CORONEL
PRESENTADO POR:
DIAZ DIAZ JEAN CARLOS

REGALADO CHAVEZ NERY ADALI
CHOTA 2019
Instituto de Educación Superior Tecnológico Publico “Chota” - Computación e Informática

Practicantes: Diaz Diaz Jean Carlos, Regalado Chávez Nery Adali 1
APROBADO POR:
__________________________________
JEFE DEL ÁREA ACADÉMICA DE
COMPUTACIÓN E INFORMÁTICA
__________________________________
JURADO CALIFICADOR
ASESOR
_______________________________________
ING. JUAN CARLOS CARRANZA CORONEL
PRACTICANTES:
_______________________________ __________________________________
DIAZ DIAZ, JEAN CARLOS REAGALADO CHAVEZ, NERY ADALI

DEDICATORIA
Con todo nuestro amor dedicamos este informe a Dios, ya

que siempre nos ilumina y bendice en nuestra vida, también
dedicamos con todo nuestro respeto y consideración este
informe a nuestros padres, hermanos y familiares, por el
constante apoyo familiar y económico, para que nosotros
logremos la culminación de nuestras prácticas pre
profesionales de forma exitosa.
A nuestros amigos y compañeros, dedicamos nuestro

esfuerzo, premiando su amistad y consideración hacia
nosotros, puesto que siempre estuvieron ahí, apoyándonos,
cuidándonos y sobretodo siendo compañeros en este largo
camino de la formación profesional.
Los practicantes.

Informe de prácticas pre profesionales del módulo de: “Gestión de Aplicación para Internet y Producción
Multimedia”
AGRADECIMIENTO
Al Director General y plana docente del Instituto Superior Tecnológico

Público “Chota”, ya que nos guiaron en el desarrollo y aprendizaje de
nuestra profesión, por eso les agradecemos infinitamente.
Al representante de la Ferretería Comercial “GEREMI”- CHOTA,

quien nos aceptó como practicante en dicha empresa y nos dio todas
las facilidades para poder desarrollar una página web a medida.
De igual manera agradecemos al: Ing. Juan Carlos Carranza Coronel,

quien nos asesoró y nos orientó en el desarrollo de dichas prácticas,
donde adquirimos nuevos conocimientos y experiencias.
Los practicantes.
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

PRACTICANTES: DIAZ DIAZ JEAN CARLOS, REAGALADO CHAVEZ NERY ADALI 4
Multimedia”
PRESENTACION
Sr. Director General, Jefe del Área Académica de Computación e

Informática y Jurado Calificador, tenemos el honor de presentar el informe
de prácticas pre profesionales del Módulo de “Gestión de Aplicaciones
para Internet y Producción Multimedia”, de nuestras prácticas realizadas
en la Ferretería Comercial “GEREMI”- CHOTA.
Este informe ha sido elaborado minuciosamente teniendo en cuenta las

actividades realizadas, empleando conocimientos teóricos y prácticos
adquiridos durante las clases. El cual pasara para su revisión y
calificación respectiva, esperando que al ser revisado nos brinden la
aprobación y sugerencias de su elaboración.
Los practicantes.

INTRODUCCIÓN
En el presente informe haremos mención sobre la realización de las prácticas pre

profesionales del tercer módulo de “Gestión de Aplicaciones para Internet y Producción
Multimedia” en la Ferretería Comercial “GEREMI” - CHOTA.
El contenido del presente informe de prácticas consta de los siguientes capítulos:
CAPITULO I: Se describe los datos generales tanto del practicante como de las prácticas.
CAPITULO II: Se refiere todo lo concerniente al marco teórico de los servicios prestados
en el lugar de práctica.
CAPITULO III: Se describe el aspecto técnico de la práctica, es decir de cada servicio

prestado sus logros, dificultades y sugerencias.
CAPITULO IV: Se comenta las conclusiones y recomendaciones existentes.
CAPITULO V: Se describe las fuentes bibliográficas como respaldo del informe.
Finalmente adjunto algunos anexos de la realización de la práctica pre profesional y la

ejecución del mismo.

Índice
DEDICATORIA............................................................................................................3
AGRADECIMIENTO...................................................................................................4
PRESENTACION........................................................................................................5
INTRODUCCIÓN........................................................................................................6
I. DATOS GENERALES..........................................................................................9
1.1 DEL PRACTICANTE.....................................................................................9
1.2 DE LAS PRACTICAS....................................................................................9
II. FUNDAMENTOS TEÓRICOS............................................................................12
2.1 PÁGINA WEB..............................................................................................12
2.2 DOMINIO WEB............................................................................................12
2.3 SERVIDOR WEB.........................................................................................12
2.4 JOOMLA......................................................................................................13
2.5 FILEZILLA...................................................................................................14
2.6 PHP..............................................................................................................14
2.7 CSS..............................................................................................................15
2.8 SISTEMA DE GESTION DE CONTENIDOS..............................................15
2.9 BASE DE DATOS.......................................................................................16
2.10 MYSQL.....................................................................................................16
2.11 SOFTWARE LIBRE.................................................................................16
2.12 ARQUITECTURA CLIENTE SERVIDOR................................................17
2.13 PHOTOSHOP...........................................................................................17
III. ASPECTO TÉCNICO DE LA PRÁCTICA.......................................................19
3.1 DETERMINACIÓN DE REQUISITOS.........................................................19
3.2 ANÁLISIS....................................................................................................20
3.3 DISEÑO.......................................................................................................25
3.4 IMPLEMENTACIÓN....................................................................................31
3.5 EVALUACIÓN Y PRUEBAS.......................................................................35
3.6 PUBLICACION............................................................................................35
IV. LOGROS ALCANZADOS, DIFICULTADES Y SUGERENCIAS....................39
4.1 LOGROS ALCANZADOS...........................................................................39
4.2 DIFICULTADES...........................................................................................39
4.3 SUGERENCIAS...........................................................................................39
VI. BIBLIOGRAFÍA...............................................................................................43

Multimedia”
I.
II.
III.
IV.
V.
VI.
VII.
VIII. CAPÍTULO I

IX. DATOS GENERALES
IX.1 DEL PRACTICANTE

A. NOMBRES Y APELLIDOS
 Díaz Díaz, Jean Carlos.
 Regalado Chávez, Nery Adali.
B. PROGRAMA DE ESTUDIOS.
 Computación e Informática.
C. MÓDULO
 “Gestión de aplicaciones para internet y producción multimedia”.
IX.2 DE LAS PRACTICAS
A. RAZÓN SOCIAL DE LA INSTITUCIÓN

 Ferretería Comercial “GEREMI” - CHOTA.
B. REPRESENTANTE DE LA INSTITUCIÓN.
 Sr. Gerónimo Coronado Fernández.
C. LUGAR DE PRÁCTICA
 Ferretería Comercial “GEREMI” - CHOTA.
D. RESPONSABLE DE LA INSTITUCIÓN DE PRACTICA

 Sr. Gerónimo Coronado Fernández.
E. PERIODO EJECUCIÓN DE LA PRÁCTICA

 Fecha de Inicio : 14-01-2019
 Fecha de Término : 26-02-2019
F. HORARIO
 Mañana: 08:00 am - 12:00 pm.

 Tarde : 01:00 pm - 04:00 pm.
G. DURACIÓN DE LA PRÁCTICA
 297 horas.
H. ASESOR DE PRÁCTICA
 Ing. Juan Carlos Carranza Coronel.

CAPÍTULO II

X. FUNDAMENTOS TEÓRICOS.
X.1 PÁGINA WEB.

También conocida como una página de Internet, es un documento electrónico
adaptado para la Web, pero normalmente forma parte de un sitio Web. Su
principal característica son los hipervínculos de una página, siendo esto el
fundamento de la Web.
Son escritas en un lenguaje de marcado que provea la capacidad de manejar e
insertar hiperenlaces, generalmente HTML, Hay dos tipos de páginas web
dinámicas y estáticas.
A. Paginas Dinámicas. Una página es dinámica cuando se incluye cualquier

efecto especial o funcionalidad y para ello es necesario utilizar otros lenguajes
de programación, aparte del simple HTML.
B. Paginas Estáticas. Se construyen con el lenguaje HTML, que no permite

grandes florituras para crear efectos ni funcionalidades más allá de los
enlaces.
Estas páginas son muy sencillas de crear, aunque ofrecen pocas ventajas
tanto a los desarrolladores como a los visitantes, ya que sólo se pueden
presentar textos planos acompañados de imágenes y a lo sumo contenidos
multimedia como pueden ser videos o sonidos.
X.2 DOMINIO WEB.

Un dominio es una dirección de Internet. El conjunto de caracteres que compone
dicha dirección sirve para identificar este sitio en concreto de la Red, o lo que es lo
mismo, la máquina o grupo de máquinas en las que reside o se aloja esta web.
La característica más importante de un nombre de dominio es que es único. Este

sistema no permite que dos personas u organizaciones tengan simultáneamente
el nombre de dominio.
X.3 SERVIDOR WEB.

Un servidor HTTP se encarga de enviar peticiones desde la conexión del cliente
hasta el sistema que se encarga de administrar cada tipo de petición, de este

modo se transmite la respuesta correspondiente de nuevo al cliente. El cliente
Web (normalmente su navegador o una aplicación cliente) y el servidor Web
utilizan el protocolo HTTP (Hyper Text Transfer Protocool) para comunicarse a
través de una conexión TCP. Este protocolo puede entenderse como un sistema
de petición/respuesta como el típico cliente/servidor, pero que además puede
correr sobre cualquier tipo de red, como LANs o WANs.
X.4 JOOMLA.
Joomla! es un Sistema de Gestión de Contenidos (CMS) premiado mundialmente,
que ayuda a construir sitios web y otras aplicaciones online potentes. Joomla! es
una solución de código abierto y está disponible libremente para cualquiera que
desee utilizarlo. ¡En la figura 3 se muestra el logo de Joomla!, la herramienta
utilizada para gestionar el sitio de Tamaura.com.mx.
Figura 3. ¡Logo de Joomla!
Joomla! se utiliza en todo el mundo para generar desde una simple página web
personal hasta complejas aplicaciones web corporativas. ¡Entre los diferentes
usos que la gente da a Joomla!
están:
 Webs Corporativas o Portales
 Comercio Electrónico
 Pequeños Sitios de Negocios
 Webs de Organizaciones o ONGs
 Aplicaciones Gubernamentales
 Intranets y Extranets Corporativas
 Webs de Escuelas o Agrupaciones
 Páginas Personales o Familiares

 Portales de Comunidades
 Revistas y Periódicos
Joomla! se puede usar para gestionar fácilmente cualquiera de los aspectos de un

sitio web, desde la introducción de contenidos e imágenes hasta la actualización
de un catálogo de productos o la realización de reservas online.
X.5 FILEZILLA.
Filezilla server es un programa gratuito para dotar nuestro sistema Windows de
capacidades para la distribución de archivos por medio de FTP (File Transfer
Protocol). Forma parte del proyecto FileZilla, que incluye también una herramienta
cliente para hacer FTP. En la figura 4 se muestra el logo de la aplicación Filezilla,
la herramienta para interactuar con los archivos del servidor.
Figura 4. Logo Filezilla
Filezilla Server está formado por dos partes. Una es un servicio Windows, que
permite a otras personas conectarse por FTP con nuestro equipo. La otra parte
consiste en un sistema de administración del servidor FTP, desde donde se
pueden crear usuarios, limitar el acceso a determinados directorios o arrancar y
parar el servicio, además gestionar de una larga lista de configuraciones
adicionales.
X.6 PHP.
PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor, y se
trata de un lenguaje de scripting para la programación de páginas dinámicas de
servidor. Es un lenguaje de tipo gratuito, y forma parte del software que se conoce
como de código abierto (Open Source). Es decir que se le pueden introducir

modificaciones y mejoras y ponerlas a disposición de los demás usuarios del
mismo.
Otra característica importante es que se trata de un lenguaje multiplataforma, esto

quiere decir que la aplicación web desarrollada en PHP puede funcionar en casi
cualquier tipo de plataforma Windows, Unix/Linux (y sus diferentes versiones y
distribuciones). También ofrece soporte a los motores de base de datos más
populares (SQL Server, MySQL, PosgresSQL, Oracle, etc.), como así también
acceso ODBC (open database conectivity).
X.7 CSS.
Hojas de Estilo en Cascada (Cascading Style Sheets), es un mecanismo simple
que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a
imprimir, o incluso cómo va a ser pronunciada la información presente en ese
documento a través de un dispositivo de lectura. Esta forma de descripción de
estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus
documentos.
CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido
de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y
XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de
múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado
para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS
en las que aparezca ese elemento.
X.8 SISTEMA DE GESTION DE CONTENIDOS.

Un sistema de contenido, a menudo abreviado como CMS, es un software que
ayuda a los usuarios a crear, administrar y modificar contenido en un sitio web sin
la necesidad de conocimientos técnicos especializados.
En un lenguaje más simple, un sistema de gestión de contenido es una
herramienta que le ayuda a construir un sitio web sin necesidad de escribir todo el
código desde cero (o incluso saber cómo codificar).
En lugar de construir su propio sistema para crear páginas web, almacenar
imágenes y otras funciones, este sistema de gestión de contenido maneja todas
las cosas de infraestructura básica para que pueda enfocarse en las demás partes
de su sitio web.
Además de los sitios web, también puede encontrar sistemas para otras
funciones, como la gestión de documentos.

X.9 BASE DE DATOS

Una base de datos es una colección de archivos relacionados que permite el
manejo de la información de alguna compañía. Cada uno de dichos archivos
puede ser visto como una colección de registros y cada registro está compuesto
de una colección de campos.
Cada uno de los campos de cada registro permite llevar información de algún
atributo de una entidad del mundo real.
X.10 MYSQL.
MySQL es un software de código abierto, licenciado bajo la GPL de la GNU,
aunque MySQL AB distribuye una versión comercial, en lo único que se diferencia
de la versión libre, es en el soporte técnico que se ofrece, y la posibilidad de
integrar este gestor en un software propietario, ya que, de otra manera, se
vulneraría la licencia GPL.
X.11 SOFTWARE LIBRE.

Software libre es un programa informático donde el usuario propietario del
programa tiene la libertad de copiarlo, modificarlo, redistribuirlo y distribuirlo para
el beneficio de una comunidad.
Software libre no significa que sea gratuito, aunque también pueden

serlo. Software libre viene de libertad o ‘libertad de expresión’ y conlleva 4
libertades fundamentales para considerarse un software libre:
 libertad de ejecutar el programa no importando el propósito que se tenga.
 libertad de acceso al código fuente: esto significa la posibilidad de estudiar y
modificar el programa.
 libertad de redistribuir el programa y
 libertad de distribuir copias de versiones modificadas.
Si la ejecución o uso de un software que se considera libre está conectado a la
ejecución de otro que no lo es entonces no se debe considerarse libre sino una
práctica de engaño llamado “tivoización”, “bloqueo” o llamado por las empresas
interesadas como “arranque seguro”.

Los softwares libres son asociados generalmente a la gratuidad, pero la
comercialización de softwares libres también es común y cumple un rol importante
en la mejora sistematizada de programas.
Los softwares libres también se caracterizan o se conocen porque pueden ser
descargadas, generalmente gratuitamente, a través de Internet. Algunos ejemplos
de software libres son:
 LINUX: sistema operativo
 Open Office: análogo a los programas Office de Windows que es software
propietario.
 Gimp: editor de imágenes
 Ubuntu: sistema operativo
 VLC: reproductor multimedia
 Jquery: librería que facilita la programación del lenguaje Javascript.
X.12 ARQUITECTURA CLIENTE SERVIDOR.

Arquitectura Cliente servidor. Esta arquitectura consiste básicamente en un cliente
que realiza peticiones a otro programa (el servidor) que le da respuesta. Aunque
esta idea se puede aplicar a programas que se ejecutan sobre una
sola computadora es más ventajosa en un sistema operativo multiusuario
distribuido a través de una red de computadoras. La interacción cliente-servidor es
el soporte de la mayor parte de la comunicación por redes. Ayuda a comprender
las bases sobre las que están construidos los algoritmos distribuidos.
X.13 PHOTOSHOP.
Adobe Photoshop es una aplicación para la creación, edición y retoque de
imágenes. Es desarrollado por la compañía Adobe Systems. Se lanzó
originalmente para computadoras Apple, pero luego saltó a la plataforma

Windows.
Este programa se ha hecho muy popular, incluso fuera del ámbito informático,
llegándose incluso a usar la palabra "photoshop” para hacer referencia a una foto
que ha sido retocada digitalmente. De hecho, se ha llegado a emplear la palabra
"photoshop" como verbo: photoshopear (photoshopping en inglés).
Tiene la utilidad de servir para la edición digital de imágenes, en este caso los
banners.

CAPÍTULO III

XI. ASPECTO TÉCNICO DE LA PRÁCTICA.
XI.1 DETERMINACIÓN DE REQUISITOS
A. DESCRIPCIÓN DEL PROBLEMA

Diseñar una página web de la Ferretería Comercial “GEREMI” - CHOTA. Para
llevar a cabo el diseño de la página web hemos recopilado toda la información
de dicha a empresa referente a los servicios que oferta.
La página web contiene la siguiente información:
 Menú horizontal de la parte superior. Contiene la siguiente información:

 Menú Principal de la Página web.
 Inicio.
 Quienes Somos
 Servicios
 Productos.
 Galería.
 Contactanos.
B. SOLUCIÓN.
La solución se da de la siguiente manera:
 Menú horizontal de la parte superior. Donde se encuentra los menús

correspondientes de la página en lo cual se enlaza a diferentes pantallas.
Contiene lo siguiente:
 Inicio: Contiene un link hacia la página principal.
 Quienes Somos: Contiene información de la Ferretería.
 Servicios: contiene toda la información que ofrece la Ferretería.
 Productos: contiene información de los productos que ofrece la Ferretería.
 Galería: contiene información de los productos que ofrece la Ferretería
 Contactanos: contiene un formulario para que el cliente solicite pedido.

 Encabezado. Es una animación a través de módulos que contiene fotos,

nombre y el logo de la empresa.
 Menú horizontal de la parte inferior. Contiene lo siguiente:

 Inicio: Contiene un enlace a la página inicial de la empresa.
 Ubicación: en este menú nos muestra la ubicación de la empresa.
 Módulos: Se encuentra distintas imágenes relacionados a los Productos que
ofrece la empresa
C. RECOLECCIÓN DE REQUISITOS.
 REQUISITOS DE CONTENIDOS.
Realizamos una entrevista al representante de la empresa y trabajadores
en los que nos explicaron verbalmente como es el funcionamiento y de qué
manera trabaja la empresa.
 REQUISITOS DE HARDWUARE.
HERRAMIENTAS CANTIDAD
 Computadora 1
 Impresora 1
 Cámara Digital 1
 USB 1
 Papel Bon 150 UNDs
 Útiles de escritorio. Varios
 Tecnología Software a utilizar.

TECNOLOGÍA
 Joomla.
 Xampp
 Plantilla” GANTRY”.
 Extensiones.
XI.2 ANÁLISIS
A. ANÁLISIS DE CONTENIDO
El contenido que se va utilizar es toda la información más importante de la
empresa.
 Menú horizontal de la parte superior. Contiene la siguiente información:

 Menú Principal de la Página web.

 Inicio.
 Quienes Somos.
 Servicios.
 Productos.
 Galería.
 Contactanos.
B. ANÁLISIS DE INTERRELACIÓN
 La navegación se realizará atreves de una dirección web.
 La población en general que requiera obtener información de los diferentes
servicios que brinda la empresa.
C. ANÁLISIS DE FUNCIONES.
La función principal es mostrar información real ofrecida en la empresa
mediante el diseño de páginas web dinámicas que se explica a continuación:
 Paginas estáticas. Son las siguientes:

 Página Inicio.
 Página Quienes Somos.
 Página servicio.
 Productos.
 Galería
 Contactanos.
D. ANÁLISIS DE CONFIGURACIÓN.
La configuración de la página web tiene Menús, capas, animaciones, contenido
entre otros.
E. IDENTIFICAR LOS CLIENTES.
 Clientes prioritarios.
El gerente y personal que labora en la empresa y clientes fijos de la
empresa, son los interesados de visitar la página web.
 Clientes Secundarios.
Toda la población que se interesa de un Courier que pueda que los ayude
de forma fácil y segura etc. y todos los interesados que requieran
información relacionada con la actividad del Courier.

F. DECLARAS LA OPORTUNIDAD.
 Recursos tecnológicos.
Programas actualizados para el diseño de la página web como:
Joomla, Plantillas, extensiones entre otros.
Herramientas a utilizar: Computadora, Impresora, Cámara Digital, USB,
DVD, Papel Bon, Útiles de escritorio, etc.
 Recursos Financieros.
Será provisto por la gerencia de la empresa, según requerimiento
sustentado y justificado.
G. ANÁLISIS DE FACTIBILIDAD.
Este análisis permitirá determinar las posibilidades de diseñar la página web,
los aspectos tomados en cuenta para el estudio se clasifican en:
 Factibilidad económica.
En el desarrollo de la página web donde se determinarán los recursos para
desarrollar, implantar y mantener en funcionamiento la página.
Presupuesto considerado:
DESCRIPCIÓN Precio s/
 Hosting 150.00.
 Dominio 50.00.
 Útiles de Escritorio. 20.00.
 Impresiones 10.00.
 Copias fotocopias 25.00.
 Plantilla 40.00.
 Otros 20.00.
Total 315.00.
El costo de la página correrá a cargo de la Ferretería Comercial “GEREMI”.

En conclusión, podemos decir que si existe factibilidad económica.
 Factibilidad Técnica.
En conclusión, la tecnología con la que cuenta la empresa si cubre los
requerimientos para que funcione la página web. Por lo tanto, si hay
factibilidad técnica.

 Hardware alojamiento.
Estarán cubiertas todas las necesidades de hardware y procesamiento
por el servidor hosting que se contrate. Se tiene que verificar la
capacidad, velocidad, ancho de banda, capacidad de correo, entre
otros.
 Hardware de desarrollo.
Características de una computadora de escritorio a utilizar en el
desarrollo del sitio web.
 Procesador: Core i5 2.5 GHz. Se recomienda este tipo del hardware

para el funcionamiento del Software a utilizar.
 Placa madre Asus X555LB DDR3 SN/VD/NW. Se recomienda este tipo

Placa Madre porque viene con cuatro puertos USB, puertos de audio,
puertos de video, un puerto RJ45 lectora y quemadora de DVD, Lectora
de memoria.
 Memoria 8 GB RAM. Se recomienda memoria de esta capacidad a más

para una mayor velocidad en la ejecución de los aplicativos a usar.
 Disco duro 1 Tera Byte Se recomienda este espacio para el buen

funcionamiento del software a utilizar.
 Monitor LG 18.5’’ resolución 1366 X 768. Se recomienda este tipo de

monitor porque nos permitirá visualizar el sitio web en construcción de
forma óptima.
 Teclado multimedia USB. Este tipo de teclado debe ser el más

recomendado porque es uno de los más utilizados.
 Mouse óptico USB. Es factible utilizar este tipo de mouse porque es
más fácil su manejo.
 Estabilizador 1200 W. Se recomienda este tipo de estabilizador porque
es uno de los más utilizados y nos permite una mejor seguridad
eléctrica.
 Software.

 Sistema Operativo Windows 10 Pro Es recomendable este tipo de sistema

Operativo porque nos permitirá instalar los programas para poder desarrollar el
sistema propuesto yes actual.
 Paquete ofimática Microsoft office 2017. Se recomienda este programa

porque permite desarrollar documentos del sistema, así beneficiara a la
empresa.
 Joomla. Es el lenguaje demarcado predominante para la elaboración de páginas

web conocido también como cms (sistema para la creación de contenidos).
 Xampp. Es una aplicación que nos permite instalar todo lo que necesitamos
para hacer funcionar joomla.
 Requerimientos con los que cuenta la empresa.

La empresa cuenta con un equipo bajo los requerimientos propuestos
para la instalación de la página web.
 Hardware
Equipos Descripción Cantidad
PCs de escritorio Core i5 1
Mouse Genius USB 1
Teclado Genius USB 1
Estabilizador Card reader 1
 Software disponible
Sistema Microsoft Windows 10
Versión Ultimate
Service W 10 Pro
En conclusión, la tecnología con la que cuenta la empresa si cubre los

requerimientos para que funcione el sistema. Por lo tanto, si hay
factibilidad técnica.

 Factibilidad Operativa.
Existe una gran predisposición por parte de la Ferretería Comercial “Geremi”
- Chota en el desarrollo de la página web brindando la información necesaria
en donde se determinarán
los recursos para desarrollar, implantar y mantener en operación la página

web y así se esa manera sede cumplimiento a los objetivos trazados.
En conclusión, podemos decir que si existe factibilidad operativa.
H. OBJETIVOS
 Objetivo General
Análisis, Diseño, construcción y publicación del Sitio Web para la Ferretería
Comercial “GEREMI” - Chota.
 Objetivo Especifico
Dar a conocer a toda la población interesada de los servicios con las que
cuenta la empresa, así como la información que sea necesaria y útil para el
público en general, de la empresa Actividades de Ferretería Comercial
“GEREMI” -CHOTA.
XI.3 DISEÑO
A. ARQUITECTURA LÓGICA.
Joomla
Menú horizontal Superior
Inicio.
Quienes Somos.
Servicios.
Productos.
Galería.
Contactanos.

 Página Inicio “FERRETERIA COMERCIAL “GEREMI” - CHOTA.”

Esta página nos muestra la entrada principal para la navegación de la
página web.
En toda esta página Tenemos todos los menús y enlaces, insertados para la
navegación de la web, donde cada menú se enlaza a una página diferente.
Para el diseño de la página web en Joomla hemos elegido un logo de la
empresa, un banner de animación de imágenes, unas fotos estáticas con
precios, un mapa de ubicación de dicha empresa.
PÁGINA WEB POR PARTES:

 ENCABEZADO
www.comercial_geremi.com
.
 PRODUCTOS EN VENTA.
www.comercial_geremi.com/productos
http://www.tourscorazon.com/comercial_geremi/
productos
www.comercial_geremi.com/productos

 CONTENIDO INTERMEDIO

 En la Parte Superior de la página web.

 Menú principal

Tiene sus enlaces respectivos, sus imágenes correspondientes a la

empresa, de actividades que oferta la empresa y a enlaces a sitios web
relacionados con el rubro de la empresa.
 El Banner.
En el banner hay varias imágenes que representa a la empresa. Para la
animación de las imágenes en el banner hemos utilizado módulos y otras
funciones en donde nos permiten dar movimiento a las imágenes,
también se muestra letras y con los colores que corresponde a la
empresa.
 Menú Quienes somos.
Nos muestra información sobre dicha la empresa.
 Menú servicios.
Muestra todos los servicios de la empresa.
 Productos.
Muestra los productos que oferta la empresa.
 Galería.
Muestra todos los productos que ofrece la empresa.
 Contactanos.
contiene un formulario para que el cliente solicite pedido.
B. ARQUITECTURA FISICA
Está compuesta por la carpeta que se van a guardar en el disco duro tal como
se muestra en la imagen1.
Son todas las páginas web que se van a guardar en el dominio de la página
web tal como se muestra en la siguiente imagen.

 Carpeta Quienes Somos. Nos muestra toda la información de la empresa.
 Carpeta Servicios. Nos muestra todos los servicios o actividades que la

empresa ofrece.
 Carpeta Productos. Nos muestra los productos que ofrece dicha empresa.
 Carpeta Galería. Muestra todos los productos que ofrece la empresa.
 Carpeta Contactanos. contiene un formulario para que el cliente solicite
pedido.
C. DISEÑO DE INTERFAZ
Para ingresar a la página se ingresa la dirección Web en un navegador de
internet y mostrara así:
http://www. comercial_geremi.com
 PARTE SUPERIOR

www.comercial_geremi.com /quienes somos

 PARTE INTERMEDIA
www.comercial_geremi.com /quienes somos

 PARTE INFERIOR
a. DISEÑO DE CONTENIDO
El Diseño contenido se ha estructurado de acuerdo a la información
recaudada de la institución.
www. comercial_geremi.com /quienes somos
b. DISEÑO DE NAVEGACION
Para ingresar a la página se ingresa la dirección Web en un navegador
de internet:
http://www.tourscorazon.com/comercial_geremi/
www. comercial_geremi.com

XI.4 IMPLEMENTACIÓN
 DESARROLLO JOOMLA:
Es un desarrollador web el cual nos permite desarrollar diferentes tipos de
´paginas ya sean estáticas o dinámicas, en lo cual existen diferentes paquetes
de instaladores, pero lo que nosotros hemos utilizado es el Joomla 3.x.
A. Instalación de Joomla

B. Instalación de plantilla
C. Elaboración de menús

D. Creación de artículos
E. Creación de categorías
F. Instalación de extensiones

XI.5 EVALUACIÓN Y PRUEBAS

A. EVALUACIÓN DE LA PAGINA WEB
La página ha sido desarrollada utilizando, Joomla las imágenes están
optimizadas por todo esto la página funciona con normalidad formato jpg y png.
B. PRUEBA DE LA PAGINA WEB

La página ha sido subida y probada con éxito, en la cual no se ha presentado
ningún inconveniente, para poder navegar todos los usuarios que requieren
información de dicha empresa
XI.6 PUBLICACION
A. CONFIGURACION DEL SERVIDOR
 SUBIR INFORMACION.
La publicación se ha hecho desde la obtención del Hosting y dominio, y se
ha trabajado en línea atreves de los siguientes procesos:
 CONFIGURACIÓN DEL CPANEL.

Para ingresar al Cpanel se ingresa la dirección Web en un navegador de
internet seguido de la palabra Cpanel ejemplo:
http://www.comercial_geremi.com/cpanel y mostrara la siguiente ventana.
 SUBIR.
- Ingresar al Cpanel, escribir en la barra de dirección: la siguiente dirección
Web y se mostrara así:
http:// www. comercial_geremi.com:2082/.

- Ingresar usuario y contraseña.

- Luego Hacer clic en Administrador de Archivos para subir.
- Clic en botón Go para subir el archivo.
- Clic en la carpeta cargar.
- Clic en examinar para subir y elegimos el archivo.
- Una vez subido esperamos que

cargue al 100%.

- Una vez subido descomprimirlo.

- Clic en extract.

CAPÍTULO IV

Multimedia”
XII. LOGROS ALCANZADOS, DIFICULTADES Y SUGERENCIAS.
XII.1 LOGROS ALCANZADOS.

 Cumplir con todas las actividades establecidas en el plan de prácticas.
 Logramos organizar, diseñar y publicar el sitio web de la Ferretería Comercial
“GEREMI” – Chota.
 Logramos recolectar información de la empresa.
 Logramos subir Información de acuerdo a la estructura diseñada.
 Logramos diseñar empleando diferentes programas específicos para página web.
 Logramos enriquecer nuestros conocimientos.
 Logramos publicar la página web.
XII.2 DIFICULTADES.
 No contar con la información en el plazo establecido.
 No publicar la página en el tiempo establecido.
 No nos brindaban la información en su debido tiempo.
 No activar servicio de dominio en el tiempo establecido.
 Poca experiencia en la plantilla gantry.
 Poca experiencia en joomla
XII.3 SUGERENCIAS.
 Mantener actualizado la página web.
 La clave se debe brindar solo a personas autorizadas.
 Se debe dar plena seguridad a la página web.
 Se debe tener personal especializado para dar mantenimiento a la página web.

Multimedia”
CAPÍTULO V
XIII. CONCLUSIONES Y RECOMENDACIONES.

Multimedia”
5.1. CONCLUSIONES.
 Las practicas sirven como un registrador de medida que nos permite saber la
capacidad en lo nos encontramos como futuros profesionales.
 La realización de las prácticas, nos permitirá tener experiencia y una
experimentación directa con los equipos de cómputo.
 Mediante la realización del informe nos permite especificar la experiencia vividas
durante todo el proceso de las prácticas pre -profesionales.
 La redacción de del informe nos permite concretar las experiencias vividas
durante todo el proceso de prácticas.
5.2. RECOMENDACIONES.
 Al director general del instituto de educación superior tecnológico público “chota”.

 Tener servicio de internet con una capacidad que sea la suficiente para
todas las oficinas y laboratorios de cómputo.
 Agilizar con los trámites de prácticas y su titulación a los alumnos.
 Hacer convenios con diferentes instituciones públicas y privadas para así
poder realizar prácticas pre – profesionales.
 Tener servicio de internet con una capacidad que sea la suficiente para
todas las oficinas y laboratorios de cómputo.
 A los docentes de la carrera de computación e informática.

 Estar constantes capacitaciones y actualizaciones sobre los nuevos
avances de la ciencia y la tecnología que hoy en día viene
desarrollándose.
 Realizar clases en el laboratorio en mayor porcentaje de horas.
 A la jefatura de Unidad Académica.

 Dar mayor facilidad en la información sobre el proceso de prácticas.
 No cambiar constantemente las configuraciones de información de
prácticas.
 Al laboratorio de cómputo de IESTPCH.

 Adquirir los materiales necesarios para realizar el mantenimiento y
reparación de los equipos de cómputo.
 Estar actualizado con los programas.
RECOMENDACIONES A LA EMPRESA.
 Al gerente General de dicha empresa “ROBIN HOTEL”

 Implementar sus materiales para dar un mejor mantenimiento en los
diferentes aspectos informáticos.
 Mantener actualizado la página web.
 A los trabajadores en dicha empresa “ROBIN HOTEL”

 Estar constantes capacitaciones y actualizaciones sobre los nuevos
avances de la ciencia y la tecnología que hoy en día viene
desarrollándose.

Multimedia”
CAPÍTULO VI

XIV. BIBLIOGRAFÍA
Fuente de información oficinas del IESTP- CHOTA
http//:www.wikipedia.com.
http://es.wikipedia.org/wiki/MySQL
Ingeniería del software (Roger S. Pressman)
https://desarrolloweb.com/
web especializada en tecnología y cursos para el desarrollo web.
https://videotutoriales.com
web especializada en video tutoriales para el desarrollo en tecnología informática.
www.elguille.info
web especializada en tecnologías de desarrollo de software y web.

Multimedia”
ANEXOS

CONVENIO

PRACTICANTES: GALVEZ FUSTAMANTE NATHALI, JAIME FERNANDEZ DANNY ALDAIR 47
PLAN DE PRÁCTICAS

Ficha de supervisión de
prácticas

Ficha de calificación por el

Instituto de prácticas

Acta de entrega

Fotos





Informe de prácticas pre profesionales en Ferretería GEREMI

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Informe de prácticas pre profesionales en Ferretería GEREMI

Cargado por

Copyright:

Formatos disponibles

Informe de prácticas pre profesionales del módulo de: “Gestión de Aplicación para Internet y

INFORME DE PRÁCTICAS PROFESIONALES DEL MÓDULO:

“GESTIÓN DE APLICACIÓN PARA INTERNET Y PRODUCCIÓN”

FERRETERIA COMERCIAL “GEREMI” - CHOTA

Ing. JUAN CARLOS CARRANZA CORONEL

DIAZ DIAZ JEAN CARLOS

Instituto de Educación Superior Tecnológico Publico “Chota” - Computación e Informática

Instituto de Educación Superior Tecnológico Publico “Chota” - Computación e Informática

Con todo nuestro amor dedicamos este informe a Dios, ya

A nuestros amigos y compañeros, dedicamos nuestro

Instituto de Educación Superior Tecnológico Publico “Chota” - Computación e Informática

Al Director General y plana docente del Instituto Superior Tecnológico

Al representante de la Ferretería Comercial “GEREMI”- CHOTA,

De igual manera agradecemos al: Ing. Juan Carlos Carranza Coronel,

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

Sr. Director General, Jefe del Área Académica de Computación e

Este informe ha sido elaborado minuciosamente teniendo en cuenta las

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

En el presente informe haremos mención sobre la realización de las prácticas pre

El contenido del presente informe de prácticas consta de los siguientes capítulos:

CAPITULO III: Se describe el aspecto técnico de la práctica, es decir de cada servicio

CAPITULO IV: Se comenta las conclusiones y recomendaciones existentes.

CAPITULO V: Se describe las fuentes bibliográficas como respaldo del informe.

Finalmente adjunto algunos anexos de la realización de la práctica pre profesional y la

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

IX. DATOS GENERALES

IX.1 DEL PRACTICANTE

IX.2 DE LAS PRACTICAS

A. RAZÓN SOCIAL DE LA INSTITUCIÓN

D. RESPONSABLE DE LA INSTITUCIÓN DE PRACTICA

E. PERIODO EJECUCIÓN DE LA PRÁCTICA

 Fecha de Término : 26-02-2019

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

 Tarde : 01:00 pm - 04:00 pm.

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

X.1 PÁGINA WEB.

A. Paginas Dinámicas. Una página es dinámica cuando se incluye cualquier

B. Paginas Estáticas. Se construyen con el lenguaje HTML, que no permite

X.2 DOMINIO WEB.

La característica más importante de un nombre de dominio es que es único. Este

X.3 SERVIDOR WEB.

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

Figura 3. ¡Logo de Joomla!

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

Joomla! se puede usar para gestionar fácilmente cualquiera de los aspectos de un

Figura 4. Logo Filezilla

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

Otra característica importante es que se trata de un lenguaje multiplataforma, esto

X.8 SISTEMA DE GESTION DE CONTENIDOS.

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

X.9 BASE DE DATOS

X.11 SOFTWARE LIBRE.

Software libre no significa que sea gratuito, aunque también pueden

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

X.12 ARQUITECTURA CLIENTE SERVIDOR.

originalmente para computadoras Apple, pero luego saltó a la plataforma

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “CHOTA” - COMPUTACIÓN E INFORMÁTICA

XI. ASPECTO TÉCNICO DE LA PRÁCTICA.

XI.1 DETERMINACIÓN DE REQUISITOS