70
UNIVERSIDAD DE GUADALAJARA CENTRO UNIVERSITARIO DE LA COSTA LICENCIATURA EN INGENIERÍA EN COMPUTACIÓN INFORME EJECUTIVO DEL PROYECTO DE PRÁCTICAS PROFESIONALES “PROGRAMACIÓN DE PÁGINAS WEB” “OOH MARKETING TURÍSTICO” PRESENTA ÁNGEL GIOVANNY GUTIÉRREZ HERNÁNDEZ 211416381 TUTOR DOCENTE: ANGÉLICA AGUILAR HERNÁNDEZ SUPERVISOR DE PRÁCTICAS EN LA INSTITUCIÓN: CRISTIAN MEJIA MEDINA

Practicas profesionales

Embed Size (px)

DESCRIPTION

El aprendizaje obtenido durante este proyecto fue de suma importancia para la formación académica y profesional del practicante, otorgándole un conocimiento empírico útil para continuar con el proceso de formación en el ámbito de la programación y desarrollo web, encaminados al mundo laboral de la actualidad.

Citation preview

UNIVERSIDAD DE GUADALAJARACENTRO UNIVERSITARIO DE LA COSTALICENCIATURA EN INGENIERA EN COMPUTACIN

INFORME EJECUTIVO DEL PROYECTO DE PRCTICAS PROFESIONALESPROGRAMACIN DE PGINAS WEBOOH MARKETING TURSTICO

PRESENTANGEL GIOVANNY GUTIRREZ HERNNDEZ211416381

TUTOR DOCENTE: ANGLICA AGUILAR HERNNDEZSUPERVISOR DE PRCTICAS EN LA INSTITUCIN: CRISTIAN MEJIA MEDINAFECHA DE INICO: 09/Feb/2015FECHA DE FINALIZACIN: 27/Abril/2015

PUERTO VALLARTA, JALISCO. MAYO DE 2015

i

ndiceComment by Angelica Aguilar Flores: Corregir el indice, ya que tenas primero metas alcanzadas y despues actividades realizadas y es al reves.

Introduccin2Justificacin3Objetivos generales4Objetivos especficos4Metas alcanzadas5Actividades realizadas6Beneficios del programa de prcticas profesionales a la dependencia24Conclusiones25Recomendaciones26Referencias bibliogrficas27Anexos administrativos28

ii

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.

JustificacinComment by Angelica Aguilar Flores: Estas justificando el informe, puedes dejarlo, pero es muy importante que justifiques el proyecto(s) asignado o la actividad realizada durante tu estada en la empresa. En la modificacin de requisitos del informe (actualizado en moodle) dice: Deber responderse el porqu es importante participar en el proyecto de prcticas profesionales, ya sea desde el punto de vista cientfico y/o por la aplicacin que se le podr dar al programa en el que se desempe. Es decir, mencionar todas las razones por las cuales es fundamental la realizacin de prcticas (ms all de cumplir con los crditos requeridos por la Carrera). En este apartado puede describirse el tipo de conocimiento que se estima obtener y la finalidad que se persigue en trminos de su aplicacin, debe brindar un argumento convincente de que el conocimiento generado es til.

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

Desarrollar sitios web en base a una maqueta. Gestionar la plataforma del sitio web pertinente, como backend developer. Realizar tareas referentes a la administracin, recabado de estadsticas y posicionamiento de sitios web.

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.Comment by Angelica Aguilar Flores: Es conveniente que en Anexos generales incluyas un glosario de trminos tecnicos de estos y todos los dems que mencionas a lo largo del documento, debes tomar en cuenta que este documento debe ser capaz leerse por cualquier persona aunque no pertenezca al rea tecnolgica, ah mismo podrs citar la referencia e incluirlas en el apartado de Referencias Bibliogrficas. O ya sea que decidas insertar la explicacin en el mismo texto pero siempre citando la referencia.Comment by Angelica Aguilar Flores: Glosario

Figura 1. Muestra del entorno de trabajo en WordpressFuente: Elaboracin propia, 2015.

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 o , para un mejor posicionamiento en motores de bsqueda. As como asignar propiedades a las etiquetas ancla , 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. Comment by Angelica Aguilar Flores: glosarioFigura 2. Acceso desde drive a los contenidos a crear para la revista edicin febreroFuente: Elaboracin propia, 2015.

Figura 3. Muestra del entorno de trabajo en Active AdminFuente: 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.Figura 4. Desarrollo de pginas para sitio web hecho en WordpressFuente: Elaboracin propia, 2015.

Se procedi con la actualizacin de contenidos del sitio web trabajado anteriormente en su versin ingls, creando pginas en base a las vistas proporcionadas por el rea de diseo, usando HTML y CSS va Wordpress. Se crearon las pginas que compondran la seccin de servicios tales como: belleza, spa, faciales, depilacin, masajes, etc. Y se realiz la maquetacin de dos pginas en especfico que fueron de promociones y testimoniales las cuales formaran parte del sitio web. Se sigui trabajando desde Wordpress, accediendo con IWP, haciendo la estructura y diseo con HTML, CSS y el empleo del framework Bootstrap 3 para permitir hacer uso de su sistema de rejillas o grilla implementando el responsive web design.Comment by Angelica Aguilar Flores: glosarioComment by Angelica Aguilar Flores: glosario

Figura 5. Pginas de promociones y testimoniales terminadasFuente: Elaboracin propia, 2015.

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.Comment by Angelica Aguilar Flores: glosarioComment by Angelica Aguilar Flores: glosarioContinuando 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 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. Consista en un datepicker hecho en Javascript donde a travs de una sentencia de seleccin if contena un arreglo o matriz en la cual se almacenaban las fechas que se queran mostrar como inhbiles para los usuarios o clientes del sitio web del hotel. Sabiendo eso, se iban agregando en el arreglo loas fechas con formato aaaa-mm-dd correspondiente a marcar como no disponibles.Comment by Angelica Aguilar Flores: glosario

Figura 6. Sitio web con das inhabilitados para reservacionesFuente: Elaboracin propia, 2015.

Se solicit la creacin de pginas para el sitio web de servicios de belleza versin de ingls trabajado anteriormente, gestionando desde Wordpress basndose en la platilla provista por el centro de prcticas de acuerdo a los requerimientos del cliente. Se sigui haciendo uso de lenguajes de marcado HTML y de diseo como CSS. Tambin se efectu la actualizacin de contenido multimedia, agregando imgenes nuevas a la galera de un sitio web hotelero.Incursionando en nuevas actividades, se comenz a trabajar con un sistema de control de versiones en este caso particular se us GIT, para colaborar con la creacin de pginas para un sitio web destinado a la promocin y difusin de Puerto Vallarta como un destino turstico idlico, primeramente se instal de forma correcta en el equipo de cmputo, y posteriormente se 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.Comment by Angelica Aguilar Flores: glosarioComment by Angelica Aguilar Flores: glosario

Figura 7. Ventana de una terminal de comandos de GITFuente: Elaboracin propia, 2015.

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:

CloneClonado de repositorioGit clone url del repositorio

PushSubir al repositorioGit push origin master

PullJalar del repositorioGit pull origin master

Add ARealizar actualizacin de archivos del repositorioGit add A

Commit -mHacer actualizacin comentada en el repositorioGit commit m comentario

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.Comment by Angelica Aguilar Flores: glosarioAl 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.Comment by Angelica Aguilar Flores: glosario

Figura 8. Vista del slider terminado del sitio webFuente: Elaboracin propia, 2015.

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. Finalizado lo anterior se comenz a trabajar con la elaboracin de reportes mensuales de los sitios web bajo la administracin, gestin y desarrollo de la empresa, mediante la utilizacin de la herramienta para las mtricas y estadsticas web de Google, llamada Analytics, estos reportes abarcaron del da 1 al 26 de febrero en los cuales se focalizaban los datos ms importantes del sitio web en cuestin.Comment by Angelica Aguilar Flores: glosario y/o cita referencia.Los reportes se elaboraban con la herramienta de Google Drive, Slides, cuya funcionalidad es la equivalente a la de la famosa versin de la paquetera de Microsoft office, Power Point, Gyazo para capturas de pantalla. En cada slide se detallada una mtrica referente a las visitas nuevas, usuarios, promedio y duracin de las visitas al sitio web, acompaado de las capturas de pantalla de los datos proporcionados por Analytics, as como una grfica de pastel para comparar porcentajes.Comment by Angelica Aguilar Flores: glosario y/o cita referencia.

Figura 9. Directorios con los reportes a crear de la cartera de clientes de la empresa OOH MarketingFuente: Elaboracin propia, 2015.

Se continu trabajando con los reportes mensuales en Analytics aproximadamente por unos 3 das consecutivos. Entre los puntos ms importantes a plasmar en el informe mensual se detallaba la cantidad de trfico y visitas referente a bsquedas orgnicas, medios sociales, enlaces referidos, con su respectiva tabla y grfica. Tambin se obtenan los datos pertinentes a la ubicacin geogrfica desde la cual los usuarios accedan al sitio web.

Figura 10. Ejemplo de informacin obtenida con Analytics plasmada en Slides de GoogleFuente: Elaboracin propia, 2015.

Cumplido un mes de servicio en la dependencia se volvi a solicitar el apoyo para la elaboracin de la revista online de Puerto Vallarta edicin de marzo, en la cual ayudado del CMS Active Admin se trabaj con los artculos proporcionados por la empresa, de los cuales se tena que acomodar el contenido, titulo, encabezados, imgenes, listas, resaltar palabras, nombres o sucesos importantes de los artculos, etc.Comment by Angelica Aguilar Flores: glosarioDespus se realiz una actividad distinta a las anteriores en la cual se emple la red social para la creacin de enlaces conocida como Reddit. Aqu se pretenda mejorar el posicionamiento de los enlaces creados a partir de la revista de Puerto Vallarta, para lograr una mayor audiencia en los contenidos de la misma. Para esto primero se cre una cuenta en Reddit, despus se comenz a generar los enlaces asignndolo a una categora en especial dependiendo del contenido del artculo de la revista a posicionar.Comment by Angelica Aguilar Flores: glosarioTambin se emple el uso de otra red social, en este caso fue Pinterest, donde de igual manera se accedi a la cuenta proveda por el centro de prcticas, aadiendo un nuevo board o lbum donde se agregaron imgenes descriptivas al contenido de los artculos de la revista edicin de marzo 2015 con sus respectivos enlaces a tratar de posicionar.Comment by Angelica Aguilar Flores: glosario

Figura 11. Entorno de trabajo con la red social PinterestFuente: Elaboracin propia, 2015.

Posteriormente se llev a cabo la modificacin de contenido de un sitio web cuyo giro es la venta de ropa y accesorios para dama, en l se cambiaron imgenes de productos as como el alta de nuevos productos con su descripcin, precio e imagen descriptiva, clasificndolos segn la categora. Por ltimo se actualizo el slider para la nueva temporada de primavera, de acuerdo a lo solicitado por el cliente el sitio web.Se continu con la actualizacin de contenidos y productos de sitios web, aadindolos a travs de los archivos del cdigo fuente mediante FTP con Aptana Studio. Se volvi a realizar posicionamiento con Pinterest relacionado con la actualizacin del contenido del sitio web.Toco el turno a otros sitios web del mismo giro de venta de ropa y accesorios para dama, los cuales con la llegada de la nueva temporada, demandaron cambios a sus respectivos web para promocionar y ostentar sus ms novedosos productos en venta a su pblico. Para ello se trabajaron dependiendo de la plataforma en la que fueron creados, algunos se modificaron a travs de Wordpress y otros a travs de Aptana Studio. Todo consisti en la edicin de los archivos HTML pertinentes, aadiendo descripciones, imgenes, listas, y actualizacin de los sliders o banners de las web.

Figura 12. Creacin de nuevas entrada para productos nuevos del sitio webFuente: Elaboracin propia, 2015.

Figura 13. Cambios de productos y sliders del sitio webFuente: Elaboracin propia, 2015.

Despus se pidi el apoyo para la actualizacin de rutas o enlaces de los archivos escritos en HAML previamente creados para la construccin de un sitio web referente a la promocin de Puerto Vallarta. Se continu con la edicin y creacin de contenidos para este sitio web, una vez empleando repositorios con Git, HAML, CSS, y se verifico la correcta creacin de los enlaces.Se colabor para cambiar un banner con imgenes nuevas proporcionadas por el rea de diseo, donde se cambi desde el archivo HTML y el tiempo de animacin en el script de Javascript. Despus se ayud en la creacin de un artculo para un sitio web tanto en su versin en espaol como en ingls. 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 HAMLUna 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. Figura 14. Muestra del funcionamiento del PopUp en el sitio web.Fuente: Elaboracin propia, 2015Al 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.Comment by Angelica Aguilar Flores: glosarioSe solicit crear un formulario de registro de preinscripciones para una institucin educativa, se proporcion la imagen de como tendra que estar hecho, para esto se hizo uso de Mail Chimp creando una lista de emails, y la opcin de generacin de formulario provista por la misma plataforma. Se modificaron ciertos valores por defecto que genera en automtico Mail Chimp con cdigo HTML y CSS respectivamente, para mejorar el maquetado.Figura 15. Comparativa de formulario a disear y el resultado final desarrolladoFuente: Elaboracin propia, 2015.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 AnalyticsFuente: Elaboracin propia, 2015.Figura 17. Contenido de un reporte mensual con informacin de Analytics para un sitio webFuente: 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.Figura 18. Sitio web con das inhabilitados para reservacionesFuente: Elaboracin propia, 2015.Despus se apoy en la creacin de entradas para el blog del sitio web de visitpuertovalllarta. Haciendo uso de ActiveAdmin para la gestin del contenido desde la base de datos.Otra actividad consisti en la creacin de currculos vitae de mdicos para un sitio web de hospital, el material fue proporcionado por el cliente, solo se hizo uso de Aptana para la creacin de los currculos, dndoles formato con HTML y CSS, para una presentacin correcta en el sitio. Figura 19. Muestra de los currculos vitae creados para los mdicos del hospitalFuente: Elaboracin propia, 2015.

Se volvi a dar seguimiento a la publicacin de entradas en el blog del sitio web de visitpuertovallarta. As como la creacin y publicacin de eventos prximos ocurrir en la ciudad.

Figura 20. Muestra de eventos creados para el sitio webFuente: Elaboracin propia, 2015

Se deleg la tarea de modificar el contenido de los paquetes publicados en un sitio web de hotel. En este caso se emple Wordpress, donde se eliminaron los anteriores, editaron algunos, y agregaron nuevos con sus pertinentes descripciones e imgenes descriptivas.Se requiri la creacin de contenido para promociones y paquetes en sitio web de hotel, en este caso se us la herramienta Aptana, para la modificacin de los archivos va FTP, se trabaj en base a una maquetacin proporcionadao por el rea de diseo, donde se trabaj directamente con HTML y CSS para lograr dicho objetivo final.

Figura 21.Pagina con paquetes y/o promociones terminadosFuente: Elaboracin propia, 2015

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.Figura 22. Creacin y gestin de contenidos de la revista usando Active AdminFuente: Elaboracin propia, 2015.

Tambin se requiri la elaboracin de unas muevas entradas en el sitio web de visitpuertovallarta, para un par de eventos que tendran accin en el mes de abril, para ello se emple tambin cdigo HTML para su acomodo.Dndole seguimiento a la creacin de la revista online se procedi a la fase de correccin de errores o modificaciones por parte de los encargados de dar el visto bueno para su publicacin, verificando textos, acomodo, detalles de diseo e imgenes, etc.. Publicacin de artculo final de revista online, correccin de contenido en sitio web G2.

Una actividad consisti en la creacin de formulario de registro para alumnos egresados de institucin educativa, el diseo del formulario o interfaz fue propuesta por el rea de diseo y en base a eso se realiz la maquetacin del formulario, el cdigo fue creado a partir de un repositorio en bitbuckket, para su realizacin se emplearon tcnicas y propiedades de HTML5 y CSS3.Una vez finalizado el maquetado y funcionalidad del formulario, con la ayuda de Mail Chimp, se realiz un aprueba para verificar si efectivamente funcionaba el mail marketing lo cual fue todo un xito.

Figura 23. Creacin y gestin de contenidos de la revista usando Active AdminFuente: Elaboracin propia, 2015.Las ltimas enmiendas consistieron en la culminacin de la revista online edicin abril, revisin y publicacin, generando campaa para mail marketing con Mail Chimp para su difusin con el pblico objetivo. Y el ltimo da se realizaron algunos reportes correspondientes al mes de abril de sitios web con Google Analytics.

Metas alcanzadas

Tabla 1: Objetivos establecidos a realizar en las prcticas profesionales.

Objetivos establecidosCumplidoNo cumplidoRazones

Desarrollo de sitios web en base a una maquetax

Gestin de la plataforma del sitio web pertinentex

Ayudar en estadsticas y posicionamiento de sitios webx

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.

Beneficios del programa de prcticas profesionales a la dependencia

Desarrollar, editar y mejorar las estructuras de sitios web ya creados para la implementacin de nuevos layouts o maquetas proporcionadas por el rea de diseo, tras los cambios solicitados a peticin de los clientes de los sitios web.El coadyuvar en problemas o inconvenientes referentes a errores de sintaxis, y creacin de contenidos tanto escritos como multimedia para los distintos sitios web administrados por la empresainstitucin. Otorgando una respuesta casi inmediata a las demandas de correcciones realizadas de forma muy frecuente por los clientes.Brindar ayuda para las ediciones mensuales de la revista online de Puerto Vallarta, creando, revisando y publicando el contenido proporcionado para la culminacin de 3 nmeros de la misma, cada uno perteneciente a un mes. Para finalizar con la realizacin de sus respectivas campaas de email marketing para una difusin exitosa.Elaborar los reportes mensuales en base al estudio y anlisis de las dimensiones y mtricas obtenidas a travs del empleo de herramientas como Google Analytics, reflejando las variaciones estadsticas, para inferir en la toma de decisiones respecto a los planes o estrategias de los clientes de dichos sitios web gestionados.

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.

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.

Referencias bibliogrficasComment by Angelica Aguilar Flores: No detecte la referencia citada en ninguna parte del documento.

Otto, M. (2015) Getting started with Bootstrap3. Recuperado de: http://getbootstrap.com/getting-started/

Wordpress.org (2015) Wordpress Espaol. Recuperado de: https://es.wordpress.org/

Anexos administrativosComment by Angelica Aguilar Flores: Te faltan anexos, revisa los requisitos:a. b. c. d.e. f. g. h.Administrativos, en el siguiente orden:Solicitud de prcticas profesionales del alumno (AL-COM-3)Oficio de asignacin a la dependencia de prcticas profesionalesOficio de aceptacin de la dependencia de prcticas profesionalesCopia del oficio de la autorizacin del responsable de la dependencia de prcticas (donde tu jefe directo acredite que cumpliste con las 140 horas de prctica).Encuesta de retroalimentacin personal (AL- ANEXO-COM-4)Encuesta de evaluacin de tu Jefe Directo (EM-ANEXO-COM-5)Bitcoras de actividades de prcticas profesionales (AL- ANEXO-COM-6)Tabla de evaluacin del comit de prcticas profesionales (AL-ANEXO-COM-7)

Oficio de aceptacin de la dependencia de prcticas profesionales

Oficio de la autorizacin del responsable de la dependencia de prcticas

Encuesta de retroalimentacin personal (AL- ANEXO-COM-4)

Encuesta de evaluacin de tu Jefe Directo (EM-ANEXO-COM-5)

Bitcoras de actividades de prcticas profesionales (AL- ANEXO-COM-6)

FORMATO DE EVALUACIN DE PRCTICAS PROFESIONALES

Alumno:

Cdigo:

PRIMERA REVISIN

RUBROS A EVALUAREXCELENTE (100)BUENO (90)SATISFACTORIO (80)REQUIERE MEJORAS (70)

Del Informe Ejecutivo

1Presentacin

2Justificacin

3Ortografa

4Gramtica

5Requisitos

6Pertinencia

De los Anexos

7Originalidad

8Funcionamiento

9Presentacin

10Diseo

TOTAL

SEGUNDA REVISIN

RUBROS A EVALUAREXCELENTE (100)BUENO (90)SATISFACTORIO (80)REQUIERE MEJORAS (70)

Del Informe Ejecutivo

1Presentacin

2Justificacin

3Ortografa

4Gramtica

5Requisitos

6Pertinencia

De los Anexos

7Originalidad

8Funcionamiento

9Presentacin

10Diseo

TOTAL

A fin de que las practicas sean APROBADAS, no debern "requerir mejoras" y deber presentar mximo 2 calificaciones satisfactorias en caso de no cumplir con estos trminos el reporte de prcticas ser devuelto, en caso de no cumplir en la segunda revisin las practicas quedaran como "SD" (Sin Derecho).

2