INSTITUTO SUPERIOR

TECNOLOGICO PRIVADO “BITEC”

INFORME DE PRACTICAS FINALES PRE PROFESIONALES DE LA

ESPECIALIDAD DE COMPUTACION E INFORMATICA

Autor:
Alum. CASTRO VALENTIN GARDIS GLENI

CHIMBOTE – PERÚ
2011
 ÍNDICE

DEDICATORIA .................................................................................................................... ii
INTRODUCCION ................................................................................................................3
1.1 Nombres y apellidos: .................................................................................................4
1.2 Institución ..................................................................................................................4
1.3 Especialidad ...............................................................................................................4
2. DATOS GENERALES DE LA EMPRESA ................................................................4
2.1 Razón social ...............................................................................................................4
2.2 Dirección del centro de practicas .............................................................................4
2.3 Periodo de practicas ..................................................................................................4
2.4 Total de horas ejercidas ............................................................................................4
2.5 Área de trabajo ..........................................................................................................4
2.6 Supervisor de área .....................................................................................................4
3. ACTIVIDADES REALIZADAS ..................................................................................5
3.1 Maquetación de Paginas Web ..................................................................................5
3.2 Desarrollo de Sistemas Web .....................................................................................5
3.3 Mantenimiento y Soporte Web .................................................................................8
4. CONCLUSIONES .......................................................................................................10
5. RECOMENDACIONES .............................................................................................11

i
 DEDICATORIA

A Dios todopoderoso por darme Sabiduría y vida.

A la empresa WEB SYSTEM PERU por

brindarme la oportunidad de realizar mis
Prácticas pre Profesionales finales.

A los docentes del Instituto Tecnológico

BITEC de la carrera de Computación e
Informática, por brindarme su apoyo y
capacitarme en cada clase.

Al Jefe de Prácticas pre Profesionales:

por apoyarme en todo momento y
enseñarme como se implementan los
sistemas web.

ii
 INTRODUCCION

Las Practicas pre – profesionales alimentan nuestros conocimientos a través de las

diferentes actividades que se pueden ejercer en este Periodo de Prueba.

En WEB SYSTEM PERU se realizaron diferentes actividades pasando por el área de

soporte web, maquetación web y programación. Donde se aprendió a maquetar las
interfaces web aplicando métodos estandarizados, a programar sistemas web con el
lenguaje de programación PHP y de manera muy estructurada. Acumulando un total
de 600 horas de prácticas, horas necesarias para completar y culminar mis practicas
pre – profesiones nivel Finales.

Además, permitió tener más experiencia en el área de soporte web ya que daba
soluciones a las empresas que presentaban problemas o actualizaciones, también
conocer más de cerca cómo se desarrollan sistemas y se maquetan las páginas web en
la realidad.

3
1. DATOS GENERALES DEL PRACTICANTE
1.1 Nombres y apellidos:
Castro Valentín Gardis Gleni
1.2 Institución
Instituto Superior Tecnológico Privado Bitec
1.3 Especialidad
Computación e Informática

2. DATOS GENERALES DE LA EMPRESA

2.1 Razón social
WEB SYSTEM PERU
2.2 Dirección del centro de practicas
Departamento: Lima
Provincia: Lima
Distrito: Jesús María
Dirección: Jr. Coronel Zegarra 1030
2.3 Periodo de practicas
Fecha Inicio: 22-02-2017
Fecha Termino: 18-08-2017
2.4 Total de horas ejercidas
600 horas
2.5 Área de trabajo
Soporte, Maquetación y Programación web
2.6 Supervisor de área
Ing. Vidal Valentín Ramos

4
3. ACTIVIDADES REALIZADAS
3.1 Maquetación de Páginas Web
La maquetación web. Consiste en tomar el diseño y la arquitectura de
un sitio web y convertirlo en código para el programador. Esta es una
profesión muy demandada que requiere de conocimientos de varias
disciplinas, como estilos CSS, HTML, etc.
Es un trabajo hecho a mano y muy laborioso que quedará oculto para la
mayoría de usuarios de Internet, ya que no se verá a simple vista.
Sin embargo, se debe de mantener siempre la calidad de un trabajo,
porque que, aunque no se ve, se siente y se nota, ya que las páginas web:
 Son más compatibles
 Ocurren menos fallos en general
 Cargan más rápido
 Se indexan mejor en los motores de búsqueda
 Su posterior mantenimiento técnico es menos costoso
Para saber cómo es la mejor forma de maquetar en cada caso, seguimos
todas las normas y recomendaciones técnicas de los estándares de la
organización internacional W3C.

3.2 Desarrollo de Sistemas Web

Un sistema web o aplicación web, es una herramienta de
software que se utiliza para la gestión de procesos y tratamiento
de datos de una empresa.

El sistema web se accede mediante los navegadores web el cual

se conecta con un servidor y la base de datos para el envío y
recepción de información.
La finalidad de los sistemas web en una empresa es mejorar los
procesos de negocio para ahorrar tiempo y costos.

5
Existen diversos tipos de sistemas web aplicados a cada rubro
de negocios.
Aplicación web estática
Si optamos por crear una app web estática, lo primero que
debemos saber es que este tipo de web app muestran poca
información, y no suelen cambiar mucho.
Por regla general suelen estar desarrolladas en HTML y CSS.
Aunque también pueden mostrar en alguna parte de la
aplicación web objetos en movimiento como por ejemplo
banners, GIF animados, vídeos, etc. También se puede hablar de
desarrollo de aplicaciones web con jQuery y Ajax.
Además, modificar los contenidos de las apps estáticas no es
sencillo. Para hacerlo, habría que descargar el HTML
modificarlo y volver a subirlo al servidor. Y esos cambios sólo
puede hacerlos el webmaster o la empresa de desarrollo que
programó y diseñó la web app. O buscar un profesional para
sustituir a ese equipo.
Algunos ejemplos de aplicaciones web estáticas podrían ser por
ejemplo portfolios de profesionales o bien un curriculum digital.
Del mismo modo una página de presentación de empresa podría
tener también este tipo de aplicación web para mostrar sus datos
de contacto, etc.
Aplicación web dinámica
Las aplicaciones web dinámicas son mucho más complejas a
nivel técnico. Utilizan bases de datos para cargar a información,
y estos contenidos se van actualizando cada vez que el usuario
accede a la web app. Generalmente cuentan con un panel de
administración (llamado CMS) desde dónde los administrado
pueden corregir o modificar los contenidos, ya sean textos o
imágenes.

6
Existen muchos lenguajes de programación para el desarrollo de
aplicaciones web dinámicas. Los lenguajes PHP y ASP son los
más comunes porque permiten una buena estructuración del
contenido.
El proceso de actualización es muy sencillo y ni siquiera
necesita entrar en el servidor para modificarlo. Además de que
permite implementar muchas funcionalidades como foros o
bases de datos. El diseño, y no solo el contenido puede
modificarse al gusto del administrador.
Tienda virtual o comercio electrónico
Si por el contrario la aplicación web es una tienda o comercio
digital, podemos decir que el desarrollo tenderá a parecerse al
de un m-commerce o un e-commerce. El desarrollo es más
complicado porque debe permitir pagos electrónicos a través de
tarjeta de crédito, PayPal, u otro método de pago. En estos el
desarrollador también deberá crear un panel de gestión para el
administrador. A partir de él subirá los productos, actualizarlos
o eliminarlos, así como gestionar pedidos y los pagos.
Algunos ejemplos de tiendas que tienen una aplicación web
comercial podría ser la de cualquier gran empresa como El Corte
Inglés. En este caso la web app se ajusta al dispositivo móvil
como una aplicación móvil, permitiendo interactuar con ella
como si fuera una app nativa.
Portal web app
Con portal nos referimos a un tipo de aplicación en el que la
página principal permite el acceso a diversos apartados,
categorías o secciones. Puede haber de todo: foros, chats, correo
electrónico, un buscador, zona de acceso con registro, contenido
más reciente, etc.
Aplicación web animada

7
 Al hablar de animación, lo asociamos a la tecnología FLASH.
Este tipo de programación permite presentar contenidos con
efectos animados. Permite también diseños más creativos y
modernos. Es una de las tecnologías más utilizadas por
diseñadores y creativos. El inconveniente del desarrollo de
aplicaciones web animadas es que para temas de
posicionamiento web y optimización SEO. Este tipo de
tecnología no es la más adecuada ya que los buscadores no
pueden leer correctamente las informaciones.
Aplicación web con «Gestor de Contenidos»
En el caso de aplicaciones web en las que el contenido se debe
ir actualizando continuamente. Se necesitará instalar un gestor
de contenidos (CMS) a través del que el administrador pude ir
realizando los cambios y actualizaciones él mismo.
Estos gestores son intuitivos y muy sencillos de gestionar.
Algunos ejemplos de gestores de contenidos son:
WordPress: Sin duda es el más extendido de los gestores de
contenidos. Existe mucha información en la red, tutoriales y
guías para personalizarlo, entenderlo y además es gratuito.
Joomla: Es el segundo en el top CMS, tras WordPress. Aunque
no goza de tantos usuarios si que tiene una comunidad potente.
Drupal: Es un CSM de software libre. Es muy adaptable, y
recomendado especialmente para generar comunidades.
Este tipo de aplicación web es muy común entre páginas de
contenidos: blogs personales, blogs corporativos, blogs
profesionales, páginas de noticias, de artículos, de medios de
comunicación, etc.

3.3 Mantenimiento y Soporte Web

principalmente, un buen mantenimiento web requiere de hacer (entre
otras muchas) las siguientes tareas:

8
  Garantizar la seguridad del sitio web, eliminar vulnerabilidades.
 Realización de ajustes en el servidor para optimizar tiempos de
carga.
 Análisis y revisión de funcionalidades y en general todo el
funcionamiento del sitio web (consultoría web).
 Desarrollo e inserción de nuevas páginas en el sitio web.
 Actualización de catálogos de productos/servicios, imágenes,
contenidos, textos.
 Creación de secciones, botones, paneles.
 Implantación de modalidades nuevas de pago.
 Creación de FAQ (Frequently Asked Questions).
 Análisis y reparación de enlaces rotos, errores.
 Creación de un sitemap (importantísimo de cara al SEO).
 Añadir, eliminar o sustituir archivos y actualizar sus extensiones
según necesidades.
 Optimización de la velocidad de carga de la página mediante
análisis de código.
 Programación de formularios, suscripciones.
 Modificación de precios de productos/servicios.
Por todo ello es normal que se le dé gran importancia y cualquier
empresa que se precie ponga en valor su servicio de mantenimiento
web, ya que engloba todas aquellas tareas que permiten que todas las
estrategias que se lleven a cabo puedan seguir funcionando
correctamente y que los problemas que vayan surgiendo sean los
menores posibles y se detecten y solucionen con brevedad.

9
4. CONCLUSIONES

La maquetación de páginas WEB es importante por el hecho de organizar y pre-

visualizar la futura página, tener un mapa de cómo debemos hacer el trabajo, donde
colocar los elementos, los colores y el tipo de programación se usará.

En la actualidad el desarrollo y creación de sitios web se impone en el mundo como

herramienta tecnológica para unir las regiones, crear negocios, soportar empresas,
mostrarse en el mercado e infinidad de aplicaciones de acuerdo a las perspectivas
de las personas y sus alcances, encontrando en la internet fuente vital de generación
de empleos, negocios eficaces e inteligentes y gran ayuda en la consecución de
objetivos y planteamientos.
El desarrollo web en las últimas décadas ha ido transformando e impulsado la
evolución de Internet, cada día son más grandes los avances que en este tema se
trata, involucrando directamente el ingenio propio del desarrollador en el tema.
Con el pasar de los tiempos se escalan nuevos pasos en procura de un ambiente
web más estable, creativo, eficiente donde la interacción del usuario con la red, sea
sencilla y práctica para los usuarios

El mantenimiento de una Página Web es una parte igual de importante que su

diseño o que su propia creación. Este mantenimiento es el que permite que la
Página Web pueda seguir cumpliendo con el objetivo para el que fue creada
durante todo su ciclo de vida. Puedes encargarte tú mismo de llevar a cabo estas
tareas de mantenimiento, si dispones del tiempo y los conocimientos necesarios, o
bien puedes contratar un servicio de mantenimiento para tu Página Web.

10
5. RECOMENDACIONES
Para una buena maquetación, una página debe tener una estructura
determinada, definir correctamente el doctype, huir de iframes y tablas (por
si algún despistado en la sala) y utilizar las etiquetas para lo que fueron
concebidas (si vas a maquetar una lista ¡utiliza <ul> y <ol>!).
Una buena práctica es cargar un archivo CSS de estilos reset, llamados así
porque tienen el propósito de igualar los estilos por defecto de todos los
navegadores. En general se centra en tamaños, márgenes y paddings,
consiguiendo que al comienzo de nuestra labor los estilos estén
equiparados

El desarrollo de un sistema web para las empresas, hace ver la necesidad

de proseguir el proceso de informatización de las demás actividades que
realizan dentro de las empresas, logrando así un avance Tecnológico y de
Calidad de Gestión.

 Se recomienda un control periódico de todos los archivos, estructuras,

ficheros, seguridad de la página o sistema web, es decir, que todo funcione
correctamente, esté actualizado y atienda a principios de usabilidad web,
para que los usuarios naveguen cómodamente, les guste tu sitio web, y sean
susceptibles de volver

11
12