Professional Documents
Culture Documents
211416381
ndice
Introduccin........................................................................................................................................2
Justificacin........................................................................................................................................3
Objetivos generales...........................................................................................................................4
Objetivos especficos.........................................................................................................................4
Metas alcanzadas..............................................................................................................................5
Actividades realizadas.......................................................................................................................6
Beneficios del programa de prcticas profesionales a la dependencia..........................................24
Conclusiones....................................................................................................................................25
Recomendaciones...........................................................................................................................26
Referencias bibliogrficas................................................................................................................27
Anexos administrativos....................................................................................................................28
Introduccin
En este documento se presentan el desarrollo, actividades y resultados del proyecto de
prcticas profesionales realizadas durante el periodo de asignacin comprendido del 09 de
febrero al 08 de mayo de 2015, en la empresa OOH Marketing Turstico dentro del rea de
sistemas bajo el programa de backend developer.
El proyecto establecido hace foco en coadyuvar con la programacin de pginas web de
la institucin empresa asignada para alcanzar el objetivo principal del desarrollo de los sitios web
pertinentes.
El aprendizaje obtenido durante este proyecto fue de suma importancia para la formacin
acadmica y profesional del practicante, otorgndole un conocimiento emprico til para continuar
con el proceso de formacin en el mbito de la programacin y desarrollo web, encaminados al
mundo laboral de la actualidad.
Justificacin
Llevar a cabo la creacin del informe ejecutivo de prcticas profesionales ms all de ser
un proceso de protocolo o trmite obligatorio dictado por la institucin acadmica del alumno,
tiene un valor de carcter cultural y profesional independientemente del rubro o enfoque de la
carrera del practicante. Otorgndole una visin y aprendizaje de lo que es documentar debida y
correctamente un trabajo o investigacin de esta ndole, recabando y sustentando lo realizado en
el periodo establecido para el desarrollo del proyecto.
La realizacin de la practicas profesionales es un pilar muy importante en todo el
recorrido que un estudiante a nivel licenciatura ha cumplido, donde se ponen a prueba las
habilidades, destrezas, aptitudes y dems conocimientos adquiridos durante su formacin
acadmica en su casa de estudios. Es la antesala de lo que ser tal vez el siguiente paso a una
salida laboral profesional, regido por un modelo tan comn hoy en da, que es por competencias.
Objetivos generales
Desarrollar pginas web para la cartera de clientes de la empresa OOH Marketing
Turstico durante el lapso de duracin del proyecto de prcticas profesionales asignado.
Objetivos especficos
Actividades realizadas
En el primer da de prcticas, se llev a cabo la presentacin y entrevista entre empresa
y practicante, entregando el oficio de asignacin para establecer convenio y relacin mutua, se
acordaron los horarios en los que se estaran efectuando las actividades de prcticas
profesionales. As como tambin se realiz un recorrido por las instalaciones de la empresa,
presentacin con los colaboradores de la misma y el primer acercamiento con el jefe directo y/o
supervisor, haciendo mencin de las herramientas necesarias para coadyuvar con las actividades
futuras a desempear. No se concretaron las primeras horas de servicios como practicante,
debido a la falta de equipos de cmputo en la institucin, pero se fijaron los acuerdos de como se
estara trabajando a partir del segundo da.
Llegado el da siguiente de prcticas, la primera actividad fue preparar el equipo de
cmputo, con el software necesario para proceder a trabajar. Se instal el CMS Content
Management System- Wordpress para gestionar un sitio web desarrollado en esa plataforma,
particularmente para la versin en espaol, se procedi a crear subpginas del sitio, relacionadas
con los tems del men principal y/o men de navegacin del home. Adems se emple el uso de
lenguajes tales como HTML -Hyper Text Markup Language- CSS -Cascade Style Sheets- para la
estructura y presentacin personalizada de las pginas creadas con ayuda de Wordpress.
La siguiente tarea a realizar fue la creacin de artculos versin espaol e ingls, para la
revista online edicin febrero 2015 del sitio web visitvallarta.com. Para ello fue proporcionado
todo el contenido a realizar para la publicacin, donde a travs de una cuenta en Gmail para
prcticas, se compartieron los contenidos, teniendo acceso a archivos y material necesario a
travs de las tecnologas brindadas por Google Drive (spreadsheet, docs, etc.). En este archivo
se accedan a los artculos a publicar donde se resaltaba el contenido relevante con etiquetas
HTML semnticas como <em> o <strong>, para un mejor posicionamiento en motores de
bsqueda. As como asignar propiedades a las etiquetas ancla <a>, tales como el rel=nofollow,
indicndole a los buscadores que no se vincule la reputacin de nuestro sitio web con la de los
sitios del enlace referenciado. Se requiri del uso del Active Admin, CMS para el lenguaje de
programacin Ruby, lenguaje en el cual est desarrollado el sitio de la revista.
Figura 2. Acceso desde drive a los contenidos a crear para la revista edicin febrero
Fuente: Elaboracin propia, 2015.
En otra ocasin se continu trabajando con la actualizacin de contenidos del sitio web
cuyo giro es proporcionar servicios y productos de belleza, en su versin en ingls, modificando y
creando contenido nuevo con los lenguajes por excelencia para el desarrollo web como HTML y
CSS todo manejado desde el entorno proporcionado por Wordpress para realizar el proceso de
forma ms gil e igual de eficiente que con codificacin pura, obteniendo resultados ms rpidos
en los tiempos de desarrollo para este tipo de trabajos en el mbito world wide web.
La siguiente actividad consisti en instalar en el equipo el IDE Aptana Studio, para lograr
tener acceso a los archivos del cdigo fuente de los sitios web a gestionar, esto sera trabajando
va FTP, una vez instalado Aptana, se accedi al sitio corporativo del centro de prcticas para
realizar la edicin de los correos corporativos que se mostraban en el sitio, debido a que hubo
cambios en los correros. Los cambios correspondientes se realizaron en los archivos HTML para
que el contacto quedara actualizado para los clientes.
Continuando con el trabajo desde Aptana se hicieron cambios en el sitio web de un hotel,
donde se modificaron los encabezados o ttulos referentes a las etiquetas <h1...h6> para denotar
jerarquas dentro del documento HTML, ayudando a la relevancia del contenido para los motores
de bsqueda. Y por ltimo se realizaron cambios en el slider de un sitio web referente a servicios
hospitalarios. Cambiando las imgenes que lo componan as como el efecto de transicin.
Otra tarea asignada consisti en la modificacin de las fechas de reservaciones de varios
sitios web de hoteles, en las que se pretenda dejar inactivas ciertas fechas especificadas por el
cliente. Se trabaj va FTP con ayuda de Aptana Studio, donde se modific el documento HTML
pertinente que contena el script que permite la seleccin de fechas en las reservaciones.
hizo uso de comandos propios de GIT para proceder a trabajar con los repositorios en los cuales
se alojan los cdigos fuente de los sitios web en los que se iba a trabajar.
A continuacin se muestra una lista de los comandos con los que se trabaj durante el
proceso de desarrollo con GIT.
Tabla 2:
Descripcin de los comandos utilizados en el trabajo colaborativo con GIT.
Comando:
Descripcin:
Sintaxis:
Clone
Clonado de repositorio
Git clone url del repositorio
Push
Subir al repositorio
Git push origin master
Pull
Jalar del repositorio
Git pull origin master
Add A
Realizar actualizacin de archivos
Git add A
Commit -m
del repositorio
Hacer actualizacin comentada en
el repositorio
Nota. Fuente: Elaboracin propia, 2015.
Una vez clonado el repositorio en la maquina local se comenz a editar un archivo escrito
en lenguaje en HAML, un preprocesador del lenguaje HTML para Ruby on Rails lenguaje en el
que se hara el desarrollo del sitio web antes mencionado, en esta ocasin se comenz el estudio
de este nuevo lenguaje de marcado para lograr su correcta implementacin sintctica y
semnticamente dentro de los archivos del sitio web.
10
Al da siguiente se requiri el cambio de un banner tipo slider para un sitio web destinado
a la venta de indumentaria femenina, para esto se trabaj desde IWP haciendo uso de Wordpress
y un plugin previamente instalado para aportar mayor rendimiento y facilidad de edicin al
momento de decidir actualizar las imgenes del slider, de acuerdo a los requerimientos y
especificaciones del cliente.
Terminada la labor se contina con la edicin de contenidos de otro sitio web, en este
caso trabajando con Git y repositorios, para editar unos aspectos de pginas que requeran su
modificacin, echando mano del lenguaje HAML.
Dndole seguimiento al trabajo del sitio web desarrollado con Ruby on Rails, se continuo
con la edicin y acomodo de los contenidos de las pginas que componen el sitio web, en esta
ocasin se trabaj con los elementos de contenido escrito tales como prrafos, divisin de
columnas, listas ordenadas y desordenadas a travs del pre procesado de archivos escritos en
HAML.
Una actividad muy sencilla consisti en la edicin de contenidos de prrafos de un sitio
web a peticin del cliente del sitio web.
11
Figura 9. Directorios con los reportes a crear de la cartera de clientes de la empresa OOH Marketing
Fuente: Elaboracin propia, 2015.
12
Figura 10. Ejemplo de informacin obtenida con Analytics plasmada en Slides de Google
Fuente: Elaboracin propia, 2015.
13
14
Figura 12. Creacin de nuevas entrada para productos nuevos del sitio web
Fuente: Elaboracin propia, 2015.
15
Continuando con el trabajo del sitio web desarrollado en Ruby on Rails, se editaron las
rutas de los enlaces y modificacin de contenidos con el lenguaje de marcado HAML
Una vez ms se aadieron nuevos productos para sitio web empleando Wordpress, e
imgenes proporcionadas por el rea de diseo.
Despus se llev a cabo el agregar un PopUp para sitio web de hospital, usando
Javascript. Se accedi al archivo del home del sitio desde Aptana, as que al ser accesado el
home del sitio se mostrara automticamente la imagen con una promocin vigente durante ese
mes. Se edit el script para cambiar el pop up retirando la imagen anterior y aadiendo el tiempo
y efecto que tendra al mostrarse.
Al finalizar se pidi apoyo para la continuacin con la revista online de Puerto Vallarta.
Modificando contenido que una vez revisado por los encargados de dar aprobacin a la
publicacin pidieron hacer algunos cambios, en los artculos, agregando nuevas imgenes,
enlaces, etc. Trabajando con ActiveAdmin y etiquetas HTML para la semntica.
Se realiz la revisin de rutas y cambios en sitio web. Cambios en header de pgina web.
Una vez terminada la edicin de marzo de la revista online, se requiri la creacin de
campaas de mail marketing con Mail Chimp, Aqu se creo una lista de correos electrnicos y una
estructura detallando los artculos contenidos en la revista con sus respectivos enlaces.
16
Llegado el fin del mes de marzo se requiri el apoyo para la elaboracin de los reportes
mensuales de los sitios web empleando Analytics, as como Gyazo para las capturas de pantalla.
Figura 16. Muestras del anlisis de mtricas de sitios web con Google Analytics
Fuente: Elaboracin propia, 2015.
17
Figura 17. Contenido de un reporte mensual con informacin de Analytics para un sitio web
Fuente: Elaboracin propia, 2015.
Una vez publicada la revista online se realiz la publicacin de los enlaces y artculos
ms sobresalientes para mejorar el posicionamiento en los motores de bsqueda, y generar ms
eco en la publicacin de la revista y atraccin hacia Puerto Vallarta como destino turstico.
Se requiri la modificacin para la eleccin de fechas de reservacin en un sitio web de
hotel, se trabaj con Aptana para acceder al archivo contenedor del cdigo Javascript, donde se
aadieron las fechas que estaran inhabilitadas de acuerdo a lo requerido por el cliente del sitio.
18
Figura 19. Muestra de los currculos vitae creados para los mdicos del hospital
Fuente: Elaboracin propia, 2015.
19
20
Lleg el turno nuevamente para la creacin de la revista online de Puerto Vallarta para su
edicin de abril, donde se trabaj de igual manera a las anteriores empleando Active Admin, los
contenidos de los artculos a travs de docs de Google Drive, imgenes, etc.
21
22
Metas alcanzadas
Tabla 1: Objetivos establecidos a realizar en las prcticas profesionales.
Objetivos establecidos
Cumplido
No cumplido
Razones
Nota. Objetivos planteados para su realizacin en el periodo de prcticas profesionales en OOH Marketing Turstico en el rea de
sistemas donde se especifica si se cumplieron o no cada uno de los objetivos listados. Fuente: Elaboracin propia, 2015.
23
24
Conclusiones
Evidentemente la funcin como practicante representa una digna manera de incursionar
en el entorno laboral de las empresas o instituciones donde cada individuo desea enfocarse o
especializarse. Se absorben nuevos conocimientos pero evidentemente desafortunadamente no
se obtienen los que el practicante deseara por el tiempo de duracin del proyecto.
Tras la culminacin del proyecto de prcticas profesionales en la empresa OOH
Marketing Turstico, el practicante logra adquirir nuevos conocimientos, como metodologas de
trabajo en el desarrollo de aplicaciones web, uso de herramientas para llevar a cabo tareas de
diseo, programacin, gestin de sitios web en la actualidad. Para lograr brindar productos de
calidad a los usuarios finales, en un marco de trabajo en equipo.
El llevar a cabo y cumplir con este tipo procesos en la vida de un estudiante prximo a
egresar es sin duda un hito para su desarrollo no solo acadmico y profesional, sino integral que
forma parte de un proceso educativo permanente, que promueve el desarrollo constante,
otorgndole una visin distinta para un futuro en el mbito profesional.
Con esta gratificante travesa se puede inferir que en el mundo de las tecnologas y
ciencias de la computacin e informacin hay que estarse reciclando constantemente, esto es
porque la evolucin en estas reas avanza de forma muy acelerada, as que esto estimula el
hbito de seguir aprendiendo algo nuevo todos los das, propiciando a ser mejores para transmitir
y difundir cultura, ya sea prestando servicios o contribuyendo al mejoramiento de la sociedad.
25
Recomendaciones
Se considera como irrisorio el pretender adquirir una experiencia y conocimientos slidos
en este mbito con solo aproximadamente una centena y media de horas dedicadas, ya que
seguramente para la mayora de los casos la mitad de este tiempo corresponde a la capacitacin
del practicante para que logre desempear las actividades o funciones que se le deleguen
durante el periodo de asignacin.
Dicho esto hacer nfasis en sugerir al Comit de Prcticas otorgar una cantidad mayor
de horas dedicadas para la realizacin de las prcticas profesionales. As como tambin al Centro
Universitario mejorar en el reforzamiento de los planes de estudio ya bastante desfasados y que
no representan una utilidad tangible para el desempeo en el mundo laboral de la actualidad.
Por ultimo recomendar a los prximos candidatos a practicantes, el tomarse este proceso
con seriedad y madurez no verlo como un simple trmite para titularse, motivarse a seguir
aprendiendo, investigar, a ser autodidactas y no esperar de forma vehemente que la institucin
educativa o sus docentes les proveern los recursos ms ptimos e idlicos para convertirse en
unos profesionales de calidad sumamente competentes para los requerimientos de las empresas.
26
Referencias bibliogrficas
Otto, M. (2015) Getting started with Bootstrap3. Recuperado de: http://getbootstrap.com/gettingstarted/
Wordpress.org (2015) Wordpress Espaol. Recuperado de: https://es.wordpress.org/
27
Anexos administrativos
Oficio de aceptacin de la dependencia de prcticas profesionales
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
Alumno:
Cdigo:
RUBROS A
EVALUAR
Del Informe Ejecutivo
1 Presentacin
2 Justificacin
3 Ortografa
4 Gramtica
5 Requisitos
6 Pertinencia
De los Anexos
7 Originalidad
8 Funcionamiento
9 Presentacin
10 Diseo
TOTAL
RUBROS A
EVALUAR
Del Informe Ejecutivo
1 Presentacin
2 Justificacin
3 Ortografa
4 Gramtica
5 Requisitos
6 Pertinencia
De los Anexos
7 Originalidad
8 Funcionamiento
9 Presentacin
10 Diseo
TOTAL
PRIMERA REVISIN
EXCELENTE
SATISFACTORIO
BUENO (90)
(100)
(80)
REQUIERE
MEJORAS (70)
SEGUNDA REVISIN
EXCELENTE
BUENO
SATISFACTORIO
(100)
(90)
(80)
REQUIERE
MEJORAS (70)
47