1

Proyecto final Lenguajes de Programación Web (PHP,HTML5)

Yesenia Avellaneda Trejo

Maestría en Tecnologías de la Información y Comunicación,

Universidad Interamericana para el Desarrollo

Mtro. Sergio Sentecal Guerrero

Febrero 12 de 2022
 2

Índice
Introducción……………………………………………………………………………......3
Desarrollo del proyecto……………………………………………………....….4 a la 17
Reflexiones
finales…………………………………………………………………………………..…18
Nuevas reflexiones adquiridas a partir de sumar este curso a tu ruta de desarrollo
profesional……………………………………………………………………………..…17
Bibliografia………………………………………………………………………………..19
 3

Introducción
Hemos llegado a la etapa final de la materia Lenguajes Programación WEB PHP
HTM, impartida por el profesor Sergio Sentecal, el motivo de este escrito es para
poner en evidencia los conocimientos adquiridos en esta materia así como crear
una propuesta de proyecto que mejore una área, en este caso se optó por solucionar
una problema de una dependencia de gobierno, para agilizar el tiempo de
recabación de datos así como generar un apartado donde se pueda subir
información de interés para la población en general desde el área de prensa.

En este trabajo se emplearán soluciones y se dará un panorama teórico y practico

sobre la materia de Lenguajes de Programación Web, PHP HTM.
 4

a. Considerar visión global.

Los lenguajes de programación han ido evolucionado en el desarrollo de

sistemas o software, con el objetivo principal de facilitar a las personas las
actividades que realiza día con día.

“El mundo moderno está edificado sobre millones de millones de líneas de código
de programación. Usted no las ve y no ocupan espacio físico, pero son una
especie de presencia invisible y omnipresente que, como un hálito celestial, les
da vida a todas nuestras máquinas y dispositivos. “Méndez, 2020

Actualmente tenemos diferentes herramientas digitales las cuales están

programadas con códigos específicos con la finalidad de facilitar nuestro diario
vivir, para aprender, entretener, vender, etc.

Estamos ante un mundo totalmente dependiente de la tecnología, todas las

herramientas digitales de cada persona tales como el internet, el WhatsApp,
páginas web, portales interactivos, video juegos, redes sociales están
controlados por un código de programación que dotó de inteligencia a los objetos
inanimados como los celulares, computadoras, pantallas etc.

Dependemos tanto de la tecnología y al mismo tiempo somos tan inconscientes

de su importancia y de cómo funciona que pocas personas fuera del mundo
tecnológico están interesadas en aprender los lenguajes de programación que
desde hace años están presentes el mundo como: PHP, JavaScript, Pearl y
muchos otros, que se utilizan para crear el software y los servicios en línea que
mueven todas las industrias y resolviendo problemas para facilitar nuestro diario
vivir.
 5

b. Situación actual en México / o en sectores específicos.

Conforme pasan los años el mundo se ha sumergido en una era digital que crece
y seguirá creciendo en cuestión de avances tecnológicos y México no se queda
atrás ya que la mayoría de las empresas están optando por operar con
herramientas digitales que puedan agilizar los procesos del producto y así ahorrar
tiempo, espacio y dinero.

Actualmente los servicios que brindan las empresas van de la mano con las
aplicaciones que aportan un gran beneficio a la empresa y al cliente, un ejemplo
claro son las aplicaciones de los bancos, que permiten a la empresa brindar
servicios a sus clientes como revisar su saldo bancario, realizar pagos y
transferencias sin necesidad de acudir a las instalaciones lo cual representa un
claro beneficio para el cliente y hasta el medio ambiente.

Las herramientas digitales creadas con códigos de programación, las cuales

cuentan con una arquitectura diseñada para brindar servicios de fronted y
backend son actualizados y mejorados constantemente con base en el propio
usos y retroalimentación de los mismos usuarios.

“Y es que la única forma de poder satisfacer a un consumidor cada vez más

informado, que tiene necesidades más específicas y que se ha acostumbrado a
recibir un servicio Premium al instante es con tecnología y talento, obviamente,
pero también con una planeación magistral que ayude a prever tendencias,
cambios o riesgos, y a tener protocolos de actuación ante cualquier posible
incidencia.” Chao, 2021

Por esta razón es muy importante aplicar los conocimientos y herramientas que
se han aprendido en esta materia, desde el momento de elegir la arquitectura de
las aplicaciones web a los pasos que nos llevan a realizarla como son: La
definición del proyecto, el diseño estructural, Recopilación y creación de
contenidos, diseño visual y producción.
 6

c. Restricciones o problemáticas actuales.

A pesar de que estamos viviendo una era tecnológica bastante avanzada, en

México hay pocas personas interesadas en la materia ya que lo ven aburrido y
solo quieren vivir la experiencia de usuario, el frontend, lo divertido llamativo y
fácil de digerir.

Pero no muchos son conscientes de que la magia de las aplicaciones se puede

lograr con elementos como:

Una base de datos: que es donde se almacena la información, el contenido, datos

específicos, permisos etc.

El código: La aplicación se aloja en un servidor en la nube o algún servidor local.

El acceso a través del navegador: Que puede ser a través de un celular, tableta,
computadora etc.

Se vuelve un tema digno del interés de las personas encargadas de diseñar y

desarrollar las aplicaciones web que nos brindan grandes beneficios a los
usuarios.

La aceleración y la transformación digital ha sido un efecto secundario que nos

ha dejado la pandemia lo cual representa un punto positivo a favor de la
tecnología y a favor de la aceptación en la digitalización de los servicios que
brindan las empresas a sus clientes.

Las empresas se han visto en la necesidad de contratar desarrolladores,

ingenieros de soporte técnico o administradores de datos, pero la dificultad para
cubrir estas vacantes se ha hecho mayor ya que México tiene unos escases en
el capital humano preparado para dichas áreas.

De acuerdo con Indeed, en abril de 2021 se reportó un incremento de 15% en la

oferta de empleos vinculados a la tecnología en México en comparación con el
mismo mes de 2020; el aumento es de 58% respecto del mismo periodo de 2019.
Las cifras confirman la importancia de la digitalización durante la pandemia y, en
consecuencia, la necesidad de talento especializado en estas áreas.
 7

La bolsa de trabajo en línea identificó al menos 15 puestos con un alto porcentaje

de ofertas que han permanecido abiertas por más de 60 días:

Ingeniero de soporte técnico (44%)

Desarrollador senior (40%)

Ingeniero senior de software (38%)

Ingeniero de confiabilidad de sitio (36%)

Ingeniero de aseguramiento de calidad (36%)

Diseñador de experiencia de usuario (36%)

Desarrollador de fuerzas de venta (35%)

Administrador de bases de datos (35%)

Gerente de ingeniería de software (35%)

Diseñador de interfaz de usuario (34%)

Desarrollador de IOS (33%)

Ingeniero de soporte en aplicaciones (33%)

Arquitecto de software (32%)

Desarrollador senior de net (32%)

Ingeniero de soporte (32%)

“Según el estudio Talento Digital 2020 de Everis. “Las empresas reportaron

escasez de profesionistas con las habilidades necesarias para los nuevos
empleos que se están creando de la mano de la cuarta revolución industrial.”
Everis, 2020
 8

“Los trabajos de tecnología en general requieren de habilidades especiales, así

como de entrenamiento, para mantenerse a la vanguardia en el tema debido a
que las compañías buscan agilizar sus procesos gracias a la tecnología, por lo
que es complicado encontrar talento en el área”. Hernandez, 2021

“Si bien existen personas con carreras enfocadas a un tema de tecnología o

informática, las herramientas han ido avanzando a una mayor velocidad que a lo
que estas personas y las empresas se han podido adaptar” Vidrio, 2021

Por ejemplo, en lenguajes de programación las necesidades han cambiado.

“Hace unos años hablábamos de un JavaScript o un C++, era indispensable que
todo programador lo supiera. Con la creación de nuevas tecnologías y
herramientas, hemos migrado a xamarin, react y otros tipos de lenguajes que
usan las empresas pioneras en tecnología” Hernández, 2021

d. Aprendizajes esenciales que requieren los profesionales en la materia.

Es esencial conocer las herramientas que se tienen para crear una aplicación, se
debe tener en cuenta las tecnologías del servidor donde algunos de los lenguajes
de programación son: PHP, Java EE, Python y del lado de la tecnología del
cliente: HTML, CSS, y JavaScript.

Esto con la finalidad de poder definir la estructura que va a tener una aplicación
web y así poder hacer la maquetación web que provea el estilo de la aplicación
conforme a los objetivos.

La Materia nos introdujo a la base del mundo de la programación que comienza

desde algo tan básico como los lenguajes marcados, las CSS que son las
Paginas de estilo en cascada, como está conformada una aplicación web y los
pasos a seguir para la planeación y realización de un sitio web, aplicación web.

Se deben tener claros los diferentes tipos de lenguajes que se van a utilizar para
poder lograr los objetivos que pide el cliente y de acuerdo a sus necesidades
escoger la mejor opción.
 9

Por ejemplo, el lenguaje PERL nos permiten conocer el número de visitas que
realiza un comensal en un restaurant especifico y esto es por la razón de que nos
permiten la creación de programas CGI la cual es una interfaz que permite
intercambiar datos entre los servidores y las aplicaciones externas de manera
estandarizadas.

e. Estándares o indicadores de calidad / efectividad.

Se debe medir la eficiencia y productividad

Indicador de impacto: satisfacción y fidelización del cliente

Indicador de efectividad – Valor percibido por el público

Indicador de servicio al cliente

Cumplimiento de requisitos a tiempo

f. Buenas prácticas a considerar y ejemplos documentados.

Las buenas practicas que se deben considerar al momento de crear una

herramienta digital es la investigación, la planeación y la recopilación de datos
que se van a necesitar para la realización de la aplicación, esto con la finalidad
de elegir un mejor diseño y una mejor experiencia del cliente con la herramienta.

Un ejemplo de herramienta creada con el lenguaje PHP es WordPress el cual es

un sistema de gestión de contenidos lanzada el 27 de mayo del año 2003 y es
una de las principales herramientas para la creación de sitios web.

Más de un 43 % de la web utiliza WordPress. desde blogueros y emprendedores

noveles hasta grandes marcas como TIME, TED y Spotify.
 10

WordPress.com forma parte de una comunidad de creadores, blogueros,

propietarios de negocios, organizadores comunitarios, personal de apoyo y
clientes, como tú.

Actualmente WorPress cuenta con: 409 millones de visitantes únicos cada mes,
20 millones de visitas a paginas cada mes, 70 millones de nuevas entradas cada
mes, 77 millones de comentarios cada mes.
 11

a. Planteamiento del problema y área de mejora.

En una dependencia de gobierno, el área de prensa requiere de un apartado en

su página web oficial donde los comunicólogos que laboran ahí tengan permisos
para subir sus comunicados con fotos ilustrativas que se generan al día.

También se requiere otro apartado donde los funcionarios de la dependencia

puedan acceder para poner su información como nombre completo, cargo y
número de teléfono, esto con la finalidad de tener actualizado el directorio de la
dependencia.

b. Contexto general y justificación.

La Secretaría de Salud de Michoacán ya cuenta con una página oficial donde se

sube información y banners relacionados con la dependencia, esto es
desarrollado del lado del servidor y la página está desarrollada con el lenguaje
PHP.

El área de comunicación social de dicha dependencia, solicita un apartado dentro

de la página donde los comunicólogos puedan acceder y subir o modificar los
comunicados de la dependencia que se generan diariamente para el
conocimiento de la población, así como otro apartado donde los datos de los
nuevos funcionarios estén actualizados y al día. Los datos que se requieren son:
Nombre completo, cargo, municipio y teléfono.

Estas peticiones son con el objetivo de resolver el tema de los tiempos en las
publicaciones de los comunicados y en el tema de la distancia, actualización y
tiempo en el tema del directorio.
 12

c. Explicar y ejemplificar porque se considera un problema.

Todos los días se genera información en el departamento de comunicación social

de la dependencia y solo el envío de comunicados por correo a los reporteros y
medios de comunicación hace que la información sea más lenta de llegar a la
población, y el área de comunicación desea tener un apartado en la página donde
pueda subir su información de manera inmediata para poder transmitirla a la
población a través de las redes sociales los enlaces que llevan a los
comunicados.

Es la nueva administración y hay funcionarios nuevos de los cuales se requiere

su información para actualizar el directorio, el problema es que son muchos y
algunos residen en diferentes municipios del estado y estar contactando uno por
uno requiere transporte y tiempo por eso es un problema.

d. Explicar los beneficios a obtener si se aborda, resuelve o mejora.

Objetivos:

Facilitar la información diaria y con rapidez a la población sobre los temas

relacionados con la dependencia.

Tener el directorio completo y actualizado de cada uno de los funcionarios de la

dependencia agilizando los tiempos.

Metas:

Mayor organización y administración de los datos de los funcionarios

Que el cliente tenga una experiencia optima durante el uso de la aplicación de

manera intuitiva.

Tener una Máxima protección contra fallos y errores.

 13

Métricas:

Se utilizarán las métricas de usabilidad, que indican la velocidad y eficacia con la

que los usuarios se mueven por la web, los tiempos de carga o demoras
excesivas al rellenar formularios. También realizar encuestas a los mismos
usuarios para conocer sus opiniones.

e. Cómo se vinculan tus conocimientos y habilidades en torno a los lenguajes

de programación web.

Para el objetivo donde el cliente y su equipo puedan subir su contenido de texto

e imagen todos los días de manera sencilla y segura, se requiere del uso de las
tecnologías del lado del cliente para poder facilitar a los comunicólogos como van
a subir su información.

La tecnología que se va a usar: En este caso usaremos la tecnología del cliente

ya que son aquellas que permiten crear interfaces de usuario y establecer
comunicación con el servidor basadas en HTML, CSS Y JavaScritp.

Se requiere conocimiento sobre lenguajes del lado de cliente.

Crear un apartado donde los comunicólogos puedan subir su contenido de

manera fácil, porque ellos no saben el lenguaje web, de manera que con solo dar
clic en ciertos botones ellos puedan subir contenido

En el objetivo de crear la herramienta que permite que los funcionarios de la

dependencia puedan subir y actualizar su información. Se requiere que sea de
manera segura y se deben dar accesos o permisos a cada funcionario de la
dependencia para que puedan acceder al apartado y poder subir su información
de manera independiente y que no dañe la estructura de la página.

Los conocimientos que se deben aplicar en este caso es para la creación de un

sistema de gestión de base de datos relacionales que va a ayudar a la
dependencia a mejorar sus procesos para la adquisición de los datos de los
funcionarios.
 14

a. Propuesta de mejora

La propuesta de mejora en este caso sería la creación de un apartado dentro del

sitio web que permita a los comunicólogos del área de prensa acceder y poder
subir su información de texto e imagen, de manera que no afecte la arquitectura
y los otros servicios que maneja el sitio web de la dependencia.

Para la parte de la creación del directorio se abrirá una base de datos, donde los
funcionarios puedan acceder de manera segura, y esto será de la siguiente
manera:

Al acceder a la base de datos el funcionario deberá registrarse con su nombre,

fecha de nacimiento y número único de empleado, esto por seguridad ya que solo
el trabajador conoce su número de carnet y al acceder deberá crear su
contraseña.

b. Fundamentos teóricos de la propuesta

La página web de la dependencia está desarrollada con un lenguaje de base

PHP.

PHP es un lenguaje de código abierto muy popular especialmente adecuado para

el desarrollo web y que puede ser incrustado en HTML.

El lenguaje PHP es ejecutado en el servidor, generando HTML y enviándolo al

cliente. El cliente recibirá el resultado de ejecutar el script, lo que permite que el
cliente tenga una experiencia de uso más satisfactoria y de manera más sencilla.

Entonces para la creación del apartado, que requiere en este caso el área de
prensa de la Secretaría de Salud de Michoacán, se generara una entrada que
este programada con código de lenguaje marcado y se recurrirá al recurso de
scripts, los cuales se van a crear con JavaScript, para que se puedan sistematizar
 15

las acciones como: insertar: título, Párrafos, estilos y subir imágenes. Esto para
facilitar la tarea de subir contenido a la página web.

Como el sitio web esta alojado en un servidor local por cuestiones de seguridad,
los desarrolladores, deben acudir a las instalaciones de prensa para dar el
permisos y acceso a las redes a través de la computadora que será de exclusivo
uso para subir información a la página web.

Red De Área Local / Lan

Es una red que cubre una extensión reducida como una empresa, una
universidad, un colegio, etc. No habrá por lo general dos ordenadores que
disten entre si más de un kilómetro.
Una configuración típica en una red de área local es tener una computadora
llamada servidor de ficheros en la que se almacena todo el software de control
de la red así como el software que se comparte con los demás ordenadores de
la red.

Para dar solución al problema del directorio de funcionarios recurriremos a la

base de datos relacionales.

Base de datos relacionales: Permiten administrar datos de forma dinámica y

permite crear todo tipo de datos y relacionarlos entre sí.

Entre sus características se encuentran: Son de fácil gestión, se pueden acceder

a los datos con rapidez, garantiza la consistencia de los datos, sin posibilidad de
error, pueden ser utilizados por cualquier persona.

En este caso la base de datos relacionales es efectiva ya que es de fácil acceso

y mínimo margen de error y además en este caso no será necesario ingresar
datos gráficos ni datos multimedia, así que no habrá mayor complicación al
utilizar este tipo de base de datos.
 16

c. Condiciones de su aplicación

Cuando se requiera una cuenta para utilizar nuestros Servicios, aceptaran

facilitarnos información completa y precisa, así como mantener la información
actualizada para que haya una mejor comunicación del servidor al cliente.

Por seguridad se limitará el acceso a la base de datos y a la red del sitio web
hasta verificar la información del usuario y correo electrónico.

El usuario es totalmente responsable de mantener la seguridad de su información

y responsable de lo que sube en el apartado de prensa.

El usuario es responsable de mantener las contraseñas y accesos protegidos.

El usuario no debe compartir ni hacer mal uso de las credenciales de acceso.

El usuario deberá informarnos de manera inmediata cualquier uso no autorizado

de la cuenta.

d. Riesgos y retos

En la solución para que el área de prensa pueda subir su contenido de texto e

imagen, se corre el riesgo de que suban contenido no apto a la página en caso
de ser vulneradas o compartidas las contraseñas de acceso a personas no aptas.

La seguridad es un gran reto, es por eso que es importante la comunicación

constante con el cliente para dar solución inmediata a cualquier tipo de problema
que se pueda presentar.

Otro riesgo, es el fallo en los scripts, razón por la que se deben estar haciendo
constantes pruebas, para garantizar su debida automatización y brindar al cliente
una favorable usabilidad de la aplicación.

Otro reto para la parte del directorio donde se usará la base de datos relacional,
es la creación de contraseñas para 60 funcionarios de alto rango que laboran en
 17

la dependencia, donde cada usuario deberá generar su contraseña en base a su

nombre fecha de nacimiento y numero de empleado, ellos serán los responsables
de la información personal que suban a la base y nosotros nos encargaremos de
su seguridad, para que nadie más pueda acceder a esa información, más que el
área de Recursos Humanos o los usuarios que tengan el permiso para su
usabilidad.

e. Temporalidad y viabilidad (considerar inversión)

En la base de datos relacional, se fijará un tiempo no mayor a 6 meses, para que

los funcionarios puedan subir y actualizar su información, pasando los 6 meses,
las credenciales de cada funcionario caducarán y ya no podrán acceder a la base
de datos.

Posteriormente, ya que estén todos los datos recabados, se otorgará el permiso

de acceso solamente a Recursos Humanos y a la dirección para que puedan
hacer uso y manejo de los datos por una temporalidad no mayor a 6 meses.

En el apartado generado especialmente para el área de prensa, su temporalidad

será indefinida, pero por tema de seguridad y cambios en recursos humanos el
acceso se limitará cada año, siendo así que el área de la dependencia deberá
solicitar por escrito nuevamente los permisos de accesos a este apartado, esto
con la finalidad de garantizar la seguridad de las credenciales.
 18

e. Reflexiones finales

Con este trabajo se logró comprender de mejor manera las características de

algunos lenguajes de programación como PHP y el lenguaje marcado HTML, los
cuales son ampliamente utilizados para la creación de sitios web y en el caso de
PHP y Java para la programación y automatización de diversas acciones.

En lo personal me ayudo bastante profesionalmente ya que pude comprender como

funciona la Página web de mi dependencia del lado del servidor y no del lado del
cliente que en mi situación actual yo tenía la experiencia únicamente del lado del
cliente.

Se comprendió que detrás de cada sencilla aplicación web “gratuita” se esconde un

gran trabajo de diferentes personas, quienes se enfocan en la planeación, el diseño,
recopilación de contenido, diseño visual y la producción de las herramientas
digitales que a diario nos facilitan diferentes procesos a los seres humanos.

Se obtuvo un amplio panorama sobre la situación actual en el mundo y en México

pude conocer el campo laboral, la demanda de profesionistas que tengan
conocimiento en el tema, lo cual resulta motivante para mí seguirme preparando,
pero también se puede visualizar un panorama donde si queremos seguir
avanzando tecnológicamente si hace falta más personas que estén interesados en
este desarrollo tecnológico. En el cual es de suma importancia, estarse preparando
constantemente y estar actualizado con certificaciones innovadoras para ir a la
vanguardia.

Hasta el momento, me siento plenamente motivada a continuar con esta maestría,

ya que el tema me parece bastante interesante y representa para mi nuevas y
mejores oportunidades en el campo laboral.
 19

Bibliografía

Méndez. J. (2020) Sin la magia de la programación, el mundo actual no podría

funcionar. https://www.enter.co/especiales/dev/sin-la-magia-de-la-programacion-el-
mundo-actual-no-podria-funcionar/

Chao. M. (2021) Planeación y previsión, fundamentales en la era digital.

https://www.forbes.com.mx/red-forbes-planeacion-y-prevision-fundamentales-en-
la-era-digital/

Hernández.(2021) Aumenta 15% el empleo digital, pero vacantes tardan en

cubrirse por escasez de talento
https://www.eleconomista.com.mx/capitalhumano/Aumenta-15-el-empleo-digital-
pero-vacantes-tardan-en-cubrirse-por-escasez-de-talento-20210524-0126.html

C. (2017). Abrirllave.com.
https://www.academia.edu/31493416/Libro_de_Lenguajes_de_Marcas_y_Sistema
s_%20de_Gesti%C3%B3n_de_Informaci%C3%B3n

WordPress (2022)https://wordpress.com/es/about/

Moreno, J. (2014). Programación en lenguajes estructurados. RA-MA Editorial.

Recuperado de: http://elibro.net.talisis.remotexs.co/es/ereader/unid/106445

Castro, A., González, J. y Callejas, M. (2012). Utilidad y funcionamiento de las

bases de datos NoSQL. Facultad de Ingeniería, 21(33),21-32. Recuperado de:
https://www.redalyc.org/articulo.oa?id=413940772003

Chicano, E. (2016). Utilización de las bases de datos relacionales en el sistema de

gestión y almacenamiento de datos: UF0348. IC Editorial. Recuperado de:
http://elibro.net.talisis.remotexs.co/es/ereader/unid/44111
 20

Chicano, E. (2016). Utilización de las bases de datos relacionales en el sistema de

gestión y almacenamiento de datos: UF0348. IC Editorial. Recuperado
de: http://elibro.net.talisis.remotexs.co/es/ereader/unid/44111

Rodríguez. E. (2020) Qué es un script: cómo funciona, cómo crearlo o eliminarlo

https://www.seoestudios.es/blog/que-es-un-script/

Clasificación básica de redes:

https://neo.lcc.uma.es/evirtual/cdd/tutorial/modelos/clbas.html