El documento detalla el diseño e implementación de una página web para la empresa Rubdycom S.R.L., abordando la misión y visión de la empresa, así como el desarrollo de sus prácticas pre-profesionales en el Instituto de Educación Superior Tecnológico Público 'María Rosario Araoz Pinto'. Se destaca la necesidad de la empresa de mejorar su comunicación e información a clientes a través de un sitio web, que promueva sus servicios y productos de manera efectiva. Además, se incluye un marco teórico sobre el diseño web y conclusiones obtenidas de la experiencia en la empresa.

1. INSTITUTO DE EDUCACIÓN SUPERIOR
TECNOLÓGICO PÚBLICO
“MARIA ROSARIO ARAOZ PNTO”
TEMA: DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA
WEB PARA LA EMPRESA “RUBDYCOM S.R.L”
GRADUANDO: CASTILLO CARHUAVILCA, DAVID JOSÉ
CARRERA: COMPUTACIÓN E INFORMÁTICA
ASESOR: LIC. FERNANDO ESCUDERO MAZA
SAN MIGUEL, 07 DE DICIEMBRE DEL 2011

2. CAPITULO I
INFORMACION GENERAL DEL
I.E.S.T.P.
“MARÍA ROSARIO ARAOZ
PINTO”

3. I.E.S.T.P
MARIA ROSARIO
ARAOZ PINTO
MISIÓN VISIÓN
Desarrollar acciones con- Formar profesionales
ducentes a la formación y técnicos especializa-
actualización de profe- dos con liderazgo en
sionales con una las diferentes carre-
excelente calificación ras profesionales,lo-
técnica, inculcados con grando un alto nivel de
una sólida base científica calidad en la
y humanística. enseñanza y el
servicio.

4. ORGANIGRAMA ESTRUCTURAL
DIRECCIÓN GENERAL
SECRETARIA
UNIDAD ACADÉMICA
CONSEJO DIRECTIVO
UNIDAD SECRETARIA
ADMINISTRATIVA ACADÉMICA
CARRERAS
PROFESIONALES
ÁREA DE FORMACIÓN
TRANSVERSAL
CONSTRUCCIÓN CIVIL MECÁNICA DE
PRODUCCIÓN
ADMINISTRACIÓN DISEÑO PUBLICITARIO
MECÁNICA COMPUTACIÓN E ÁREA DE PRODUCCIÓN Y
AUTOMOTRÍZ INFORMÁTICA SERVICIOS
SECRETARIADO
DISEÑO GRÁFICO
EJECUTIVO
CONTABILIDAD

5. CAPITULO II
INFORME DE PRÁCTICAS
PRE-PROFESIONALES

6. DESCRIPCIÓN DE LAS PRÁCTICAS PRE-PROFESIONALES
Las prácticas Pre-profesionales que realice en el Instituto de Educación
Superior Tecnológico Público “María Rosario Araoz Pinto”, fue de asistente
de Informática en el Centro de Cómputo del Área Académica de la carrera
de Contabilidad.

7. UBICACIÓN DEL ÁREA DE TRABAJO DE LAS PRÁCTICAS
PRE-PROFESIONALES.
DIRECCIÓN
SECRETARIA
UNIDAD
ACADÉMICA CONSEJO
DIRECTIVO
UNIDAD SECRETARIA AREA DE
ADMINISTRATIVA ACADÉMICA PRODUCCION Y
SERVICIOS
AREA ACADÉMICA DE
ASISTENTE DE LA CARRERA DE
INFORMATICA CONTABILIDAD
CENTRO DE
CÓMPUTO

8. Centro de Cómputo – Área Académica
Área de Trabajo
de Contabilidad
Jefe Inmediato CPC. Eduardo Vega Segura
Función Principal Asistente de Informática
Periodo de Pre- Del 28.08.2009 al 27.07.2010
Prácticas (800 horas)
Profesionales

9. FUNCIONES REALIZADAS DEL AÑO 2009 Y 2010 - CENTRO
DE CÓMPUTO - ÁREA ACADÉMICA DE CONTABILIDAD
Formateo e instalación de S.O Apoyo en los proyectores
tales como: Windows XP, SP2 multimedia ya sea en el Laboratorio
y SP3 y Windows seven o en las aulas si lo requería algún
docente para las exposiciones.
Instalación de programas requeridos
por los profesores para el desarrollo Apoyo en Soporte Técnico en
de las actividades académicas tales las PC’s e impresoras de la
como: Microsoft Office, Concar PRÁCTICAS oficina de Contabilidad.
2008, Siscont, PDT , etc. PRE-
PROFESIONALES
Verificación del Software
Se elaboro un inventario por cada instalado en todas las
computador para tener un mejor computadoras antes del inicio
control de estos (ficha bitácora). de clases.
Se actualizo los antivirus para
evitar las infecciones ocasionadas
por los virus detectados en los
usb’s y a través de Internet.

10. CAPITULO III
ORGANIZACIÓN DE
LA EMPRESA
“RUBDYCOM S.R.L”

11. La empresa privada RUBDYCOM S.R.L inicia sus actividades en el año
2001, según consta en los registros públicos de Lima Metropolitana y la SUNAT.
Es una empresa que se dedica al servicio técnico y venta de equipos para
estaciones de servicio.
Ubicación de la Empresa
RUBDYCOM S.R.L.
Oficina en Calle 6 Mz. G
Lote 32 Urb. La Merced
Ate-Vitarte

12. RUBDYCOM S.R.L.
MISIÓN VISIÓN
Brindamos a nuestros Rubdycom apunta a ser un
clientes el mejor referente de calidad e
servicio, en el menor innovación en el rubro de
tiempo posible y con un alto “Surtidor para Despacho de
nivel de profesionalismo. Combustible". Comprometido
Desarrollo de software a con el desarrollo sostenible del
medida. Perú.
Servicio de calidad y Constituirnos en un
solución de problemas que proveedor de servicio
requiere el cliente. altamente competitivo en el
ramo de la
electrónica, electromecánica y
de sistemas para las
estaciones de servicio de
combustible líquido y GLP.

13. OBJETIVOS GENERALES OBJETIVOS ESPECÍFICOS VALORES
Somos una empresa
Incrementar las natamente íntegros en
Aumentar las ventas nuestro trabajo, así de esa
ventas de los equipos y
mensuales en un manera podemos brindar
servicios que ofrece la
20%. nuestros mejores servicios
empresa.
100% de calidad y
Lograr una
Lograr una mayor profesionalismo.
participación de
participación en el
mercado del 20% para Creemos en el trabajo de
mercado local y
el segundo semestre. alta calidad, en la
nacional. innovación, y en la acción
comprometida para
desarrollar nuestras
actividades.

14. MARCO LEGAL Y ACTIVIDAD ECONÓMICA
MARCO LEGAL
La Empresa es de tipo Sociedad Comercial de Responsabilidad Limitada, bajo la
denominación de RUBDYCOM S.R.L cuenta con número de RUC: 20502496205, inició sus
actividades en julio del 2001. Teniendo registrado un Hosting y Dominio a nombre de su
razón social.
Construcción de estaciones de servicio de combustible líquido y GLP.
Mantenimiento y reparación de dispensadores, bombas sumergibles.
Actividad Equipos y software para el control de las ventas de los surtidores de
económica combustible
Venta de accesorios (pistolas, mangueras, motor para bombas sumergibles, etc.)
Nuestros servicios se brindan las 24 horas del día, y atendemos a nivel nacional.

15. ORGANIGRAMA ESTRUCTURAL DE LA EMPRESA
Gerencia
General
Dirección de Dirección de Dirección de Dirección de
sistemas Capacitación Marketing Calidad
Área de Diseño
Área Área de Área de
y Desarrollo
Empresarial Marketing Supervisión
Web
Área de
Soporte
Técnico

16. CAPITULO IV
INFORME DE LA ACTIVIDAD
REALIZADA

17. CARGO DESEMPEÑADO EN LA EMPRESA:
Dentro de la empresa debido a mi poca
experiencia comencé como practicante de diseño
web, pero gracias a mi desenvolvimiento en esta
área, al poco tiempo me designaron como
diseñador web, eso fue muy placentero para mí.
Y así es como obtuve el cargo de Diseñador Web.
OBJETIVO ESPECÍFICO:
Diseñar la página Web para promocionar el catálogo de
productos, venta de equipos y servicio técnico que ofrece la
empresa Rubdycom S.R.L.

18. FUNCIONES QUE REALICÉ EN LA EMPRESA RUBDYCOM
Utilicé programas de
diseño para editar las
imágenes de publicidad
para la Website. B Utilicé programas
de animación web
para darle una
mejor apariencia al
Website.
Mantenimiento
A C
y actualización
de la Website FUNCIONES
D Elaboré un
catálogo de
productos.

19. REGLAS BÁSICAS PARA DESARROLLAR UN
PROYECTO WEB
UTILIZAR JAVASCRIPT
CREAR UN DISEÑO PARA ÚNICAMENTE PARA
USUARIOS, NO PARA MEJORAR LA
PROGRAMADORES INTERFAZ
REGLAS
BÁSICAS
DOCUMENTAR
EL CÓDIGO

20. INSTALAR UN SERVIDOR WEB EN LOCAL:
El servidor web que hemos y seguimos usando es el “apache” este es un
software que permite instalar en local un servidor web virtual.
He utilizado el “XAMPP” un programa o mejor dicho un conjunto de
programas que al instalarlo, nos instala el servidor web “APACHE”, el
gestor de base de datos “MYSQL” y el interprete del lenguaje de
programación “PHP”.
A continuación se explica el proceso de instalación del
software “XAMPP”.
Primero debemos descargar el instalador de xampp desde
su página oficial:
http://www.apachefriends.org/en/xampp-windows.html

21. EJECUTANDO NUESTRO XAMPP-WIN32-1.6.8 –INSTALLER
1. Debemos escoger el lenguaje, y presionamos OK

22. 2. Nos debe aparecer una ventana de bienvenida, y pulsamos next (siguiente):

23. 3. Nos muestra la ruta donde se va a instalar el xampp, si queremos
la dejamos por defecto o si deseamos la modificamos:

24. 4. Muestra las opciones, luego seleccionamos que servicios queremos
que nos instale eso sí, de acuerdo a nuestras necesidades, en nuestro
caso Apache y Mysql

25. 5. Esperamos mientras xampp instala correctamente, y durante la
instalación xampp automáticamente nos debe chequear los puertos que
necesitamos y nos inicia el servidor Apache.

26. 6. Nos debe aparecer un mensaje indicándonos que la instalación de
xampp fue exitosa, damos clic en sí.

27. 7. Y luego damos click en finish (finalizar)

28. 8. Y nos aparece nuestro panel de aplicaciones de
xampp, indicándonos que los servicios Apache y Mysql están corriendo.

29. CAPITULO V
DISEÑO E IMPLEMENTACIÓN DE UNA
PÁGINA WEB PARA LA EMPRESA
“RUBDYCOM S.R.L”

30. ESTUDIO TÉCNICO DEL PROYECTO.
PLANTEAMIENTO DEL PROBLEMA
He observado en la empresa RUBDYCOM S.R.L lo siguiente:
Carencia de un buen servicio de información al cliente en página Website.
Carencia de un medio de información masiva para elevar la demanda de los servicios
técnicos e incrementar las ventas de equipos para estaciones de servicio, que ofrece la
empresa.
Por lo tanto:
La empresa “RUBDYCOM S.R.L” carece de medios innovadores y eficaces para
informar y promocionar a sus clientes los servicios técnicos que ofrece y la venta de
equipos para estaciones de servicio de combustible líquido y GLP a nivel local y
nacional.

31. OBJETIVOS GENERALES
1 2 3 4
Promocionar Mostrar de Mantener Mejorar los
los servicios forma sencilla contacto con canales de
que ofrece la en la website los clientes sin comunicación
empresa a todos los presencia interna y con
nivel nacional. servicios de la física. proveedores.
empresa.

32. OBJETIVOS ESPECÍFICOS
1 2 3
Incrementar los Incrementar la Actualizar de
servicios técnicos demanda de manera constante
y venta de clientes el catálogo de
equipos para potenciales a productos y
estaciones de nivel nacional servicios que
servicio. ofrece la empresa
RUBDYCOM
S.R.L

33. JUSTIFICACIÓN DEL PROYECTO
JUSTIFICACIÓN DEL PROYECTO
En la actualidad, la globalización en el uso automatizado de información
exige a las empresas a emplear este recurso, que no es otra cosa que la
Internet bajo un nombre técnico “Pagina Web”, las empresas que
desaprovechan este espacio virtual o red están aislados de la
comunicación global.
A través de la Página web permite publicar los
servicios, acciones, actividades, productos on - line, cotizaciones, que
proporciona la empresa. Para mantener una comunicación fluida con el
usuario y la comunidad, siendo este un medio de comunicación que se
encuentra a la vanguardia de la tecnología informática.

34. MARCO TEÓRICO: Marco Referencial
RAZONES QUE SUSTENTAN EL DESARROLLO DE UNA
PÁGINA WEB:
Un sitio Web es su representante en Internet
Profesionalismo
Ahorro de Tiempo
Superar a la Competencia
Estilo Único y Personalización
Comunicar su Mensaje
Compatibilidad con Navegadores

35. MARCO TEÓRICO: Marco Conceptual
A continuación se detalla brevemente de manera general, términos técnicos
utilizados en el presente proyecto.
Cliente FTP:
Un cliente FTP emplea el protocolo FTP
para conectarse a un servidor FTP para
transferir archivos.
Dirección IP:
Una dirección IP es un número que
identifica de manera lógica y HOSPEDAJE WEB
jerárquicamente a una interfaz de Es el servicio de
un dispositivo de la computadora almacenamiento, acceso y
dentro de una red que utilice el mantenimiento de los archivos que
protocolo IP (Internet Protocol). Es integran un Sitio Web.
habitual que un usuario que se
conecta desde su hogar a Internet
utilice una dirección IP.

36. REGISTRO DE DOMINIOS
El registro de dominios es el proceso por el
cual una persona pasa a tener el control
sobre un nombre de dominio, a cambio de
pagar una cuota anual a un registrador de
dominios.
SERVIDOR WEB
Un servidor Web es un programa que implementa
el protocolo HTTP (Protocolo de transferencia de
hipertexto). Este protocolo está diseñado para
transferir lo que llamamos hipertextos, páginas
Web o páginas HTML (lenguaje de marcado de
hipertexto): textos complejos con
enlaces, figuras, formularios, botones y objetos
incrustados como animaciones o reproductores de
sonidos.

37. INGRESO DE IP HOSPEDAJE WEB

38. REQUERIMIENTO DE HARDWARE Y SOFTWARE
Características del hardware usado en la elaboración del website:
ITEMS HADWARE CARACTERISTICAS
1 Placa madre Intel® 945
2 Disco duro Samsung 500 Gb
3 Microprocesador Core i3 Intel
4 Memoria Ram 2 GB de Ram
5 Tarjeta de video NVIDIA GeForce4 MX 4000 – 1 GB
6 Monitor Samsung SynMaster 551
7 MultiGrabador LG - DVD - CDROM
8 Case con tobera ATX – Cooler Máster
9 Teclado + Mouse USB 2.0
10 Estabilizador sólido Marca Omega 1000 wats

39. REQUERIMIENTO DE SOFTWARE
Sistema Operativo multiusuario, que permite trabajar de
manera dinámica con los distintos programas.
Software empleado para la creación y edición de páginas web.
Software utilizado para la creación de animaciones gráficas
vectoriales.
Programa que instala apache, Mysql y Php.

40. Inkscape . CF Software gratuito (editor de gráficos
vectoriales) de dibujo potente y cómoda, empleado para el
diseño y creación de Logos, Banners, etc.
Gimp. Es un editor gráfico que permite retocar fotografías y
componer imágenes vectoriales o de mapa de bits. Cuenta
con multitud de opciones que lo colocan casi a la altura de
Photoshop.
Software para la creación y edición de texto.

41. CARACTERÍSTICAS DEL DISEÑO DEL WEBSITE
DISEÑO BÁSICO
Un Sitio Web debe tener una homepage de presentación a partir
de la cual se pueda recorrer la información existente. Además
existen elementos que prestan mucha utilidad como lo son: un
contador de visitantes o counter que se encuentra en la página
inicial, gráfica que indique al navegante como ir a todos los puntos
de la página y por supuesto imágenes que muestren los
productos, etc.
USO DE FRAMES
Existen diferentes diseños en cuanto al
formato de la página web que va desde el
más sencillo a más complejos como aquellos
donde se usan frames, marcos o divisiones.

42. PAGINA DE INICIO DE RUBDYCOM S.R.L

43. CARACTERÍSTICAS DEL DISEÑO DEL WEBSITE
GRÁFICA PERSONALIZADA
La gráfica es muy importante tanto de un punto de vista estético
como de orientación al usuario. El uso de imágenes que indiquen
como enviar correo electrónico, flechas que muestren como
volver hacia la página anterior son una forma útil de dar atractivo
al sitio web.
PÁGINA WEB INTERACTIVA
Se refiere a que el usuario, mediante herramientas de comunicación contenidas
en la página, pueda contactarse con su empresa. Estas herramientas son:
1. Correo electrónico: con esta se ofrece la posibilidad de comunicación
directa entre la empresa y el usuario, dejando un espacio abierto donde enviar
sugerencias, comentarios, pedir cotizaciones o cualquier otro tipo de
información.
2. Formularios: mediante los formularios se puede guiar al usuario con el tipo
de información que busca y a la vez generar bases de datos de potenciales
clientes.
3. Servicio en línea: esto significa dar la posibilidad al usuario de obtener
información, comprar, realizar reservas, etc.

44. ANIMACIONES
Las animaciones hacen que su página sea más atractiva. Se
pueden realizar en diferentes formatos como Gif animados y
Java. En nuestros proyectos siempre consideramos al menos
una animación. Además agregamos otras tecnologías que no
sólo aportan movimiento al sitio web, sino además utilidad
práctica.
SONIDO
Sonido en Internet es un área, al igual que el video, de reciente
desarrollo. Para poder escuchar sonidos es imprescindible que el
equipo cuente con una tarjeta de sonido. En General, se
clasifican en tres tipos:
Sonido (ambientes, eventos, etc), música (genera una atmósfera
propicia para el mensaje), voz (discursos, locuciones, etc)

45. CARACTERÍSTICAS DE HOSTING Y DOMINIO
UTILIZADO EN EL PRESENTE PROYECTO
VALOR ANUAL:
HOSTING Y DOMINIO CARACTERISTICAS
(US. $)
Espacio: plan profesional 300 MB
HOSTING (hospedaje Transferencia mensual: 3100 MB
web) EMPRESA: Cuentas de email: 20 45
Develoweb Estadísticas: todo tipo
Soporte: php/mysql
DOMINIO.
.com 35
EMPRESA: Telefónica
TOTAL 80

46. CONCLUSIONES
CONCLUSIONES PARA EL IESTP “MARÍA ROSARIO ARAOZ PINTO”
Habiendo culminado mis Practicas Pre-Profesionales y con la experiencia logrado
en la Empresa RUBDYCOM S.R.L durante el periodo de Enero a Marzo del 2011, he llegado a
las siguientes conclusiones en el presente informe:
• Los conocimientos adquiridos en la carrera de Computación e Informática durante tres años en
el IESTP “MRAP” me sirvieron de mucha ayuda para desempeñarme en mis prácticas pre-
profesionales y con los cursos libres de capacitación en dos universidades permitieron
1 proyectarme a la empresa Rubdycom S.R.L
• La elaboración de este informe de Prácticas Pre-profesionales ha incrementado de alguna
manera mis conocimientos de la carrera de Computación e Informática, lo cual ha motivado
2 investigar diversas fuentes de información para poder cumplir con mi objetivo.
• La carrera de computación e informática es muy amplio e interesante, rentable y exigente en
cuanto a la actualización constante de nuevos conocimientos, acordes al avance vertiginoso de
3 la tecnología.
• Las empresas de hoy en día requieren de profesionales competentes que estén a la vanguardia
de la tecnología de punta, es por ello que es indispensable que los estudiantes del último
4 semestre y egresados de la carrera de Computación e Informática estén capacitados y
actualizados constantemente.

47. CONCLUSIONES
CONCLUSIONES PARA LA EMPRESA RUBDYCOM S.R.L.
• Expreso mi agradecimiento a la Empresa “RUBDYCOM S.R.L” por su apoyo en la
realización de mi proyecto en beneficio de la empresa, en el cual tuve la oportunidad de
poder aplicar mis conocimientos, mis habilidades en el manejo de la información, mi
1 responsabilidad en las funciones designadas por la empresa.
• Con la implementación del website se muestra toda la información actualizada de los
equipos y software de automatización para estaciones de servicio, accesorios para equipos
2 de combustible , y servicio técnico que ofrece la empresa Rubdycom S.R.L
• A través del Website crece la comunicación de la empresa Rubdycom S.R.L con sus
clientes potenciales a nivel local y nacional, como un proveedor de servicios en el ramo de
la electrónica, electromecánica y de sistemas para estaciones de servicio de combustible
3 líquido y GLP.

48. SUGERENCIAS
SUGERENCIAS PARA EL IESTP “MARÍA ROSARIO ARAOZ PINTO”
• el instituto debería firmar convenios con diversas empresas, para que los egresados de
computación e informática puedan realizar sus prácticas profesionales y de esta manera
1 acelerar el proceso de titulación.
• Implementar el Centro de Cómputo con computadoras de última generación.
2
• Programar cursos de actualización de sistemas operativos, ensamblaje de PCs. soporte de
redes, y ofimática dirigido a los estudiantes y docentes del Instituto.
3
• Implementar bolsas de trabajo y de prácticas pre-profesionales a los estudiantes del último
semestre y egresados en convenio con empresas líderes en el rubro del Software y Hardware.
4
• Capacitación constante y actualizada de los docentes de la carrera de Computación e
Informática en convenio con universidades de prestigio.
5

49. SUGERENCIAS
SUGERENCIAS PARA LA EMPRESA “RUBDYCOM S.R.L”
• Actualización constante del personal, acorde con las necesidades de la empresa.
1
• Ofrecer oportunidades laborales a los egresados de las instituciones públicas y/o privadas del
país, en la modalidad de prácticas remuneradas.
2
• Mejorar la custodia de la información de la empresa del personal no autorizado.
3
• Realizar reportes constantes para el mejor control de los servicios que ofrece la empresa a los
clientes de conectividad.
4
• Migrar los procesos de manejo de información con herramientas de última generación de
5 software que permitan virtualizar con los procesos de la empresa.