UNIVERSIDAD ABIERTA Y A DISTANCIA DE

MÉXICO

EVOLUCIÓN DE TECNOLOGÍAS WEB

INGENIERÍA TELEMÁTICA

Flores González Luis Armando

PROGRAMACIÓN WEB
ES1611309371

DOCENTE:
IVETTE DEL ROSARIO CRUZ SOLÍS
02/08/2018
Nombre

APLICACIÓN WEB DE ORIENTACION VOCACIONAL PARA NIVEL SUPERIOR EN EL

IPN

Fecha tentativa de publicación

Diciembre de 2018

Resumen

Actualmente, una problemática muy fuerte que se encuentra en nuestro país,

específicamente en la Ciudad de México es la educación profesional, la cual cumple un rol
muy importante en nuestra sociedad, en una sociedad tan modernizada donde se demanda
una alta competencia y por ello, el hecho de que todos quieran un mejor estilo de vida a
pesar de la baja economía.

Es por eso que interesado en esta situación se vuelve necesaria la creación de una
herramienta que sea útil para los aspirantes al nivel superior, para dar a conocer a detalle,
la oferta académica impartida en el Instituto Politécnico Nacional, y de esta manera realicen
la mejor elección y puedan cumplir sus metas obteniendo un adecuado nivel de vida.

Dicha necesidad surge de la información tan dispersa que existe actualmente en las
plataformas y sitios web del IPN, donde el objetivo principal será homologar toda la
información y mediante herramientas tecnológicas proporcionar al aspirante una idea más
clara sobre los diferentes campos de estudio que ofrece la institución.

Justificación

Con base al planteamiento de la problemática, la solución más óptima será la creación de

una plataforma web que permita a los alumnos próximos a concursar en el proceso de
selección para ingreso al Nivel Superior del IPN, conocer la oferta académica actual en los
planteles del Instituto Politécnico Nacional; así mismo, tengan una idea más clara sobre lo
que trata cada carrera profesional.

En la actualidad el uso del internet y las nuevas tecnologías, son un factor muy importante
dentro de la población adolescente, ya que basados en estudios previamente revisados,
arroja que la mayoría de esta población ya cuenta con un dispositivo electrónico con acceso
a estos servicios.

En años anteriores, miles de jóvenes acudieron al concurso de selección. De los cuales son
seleccionados entre un 20 y un 25 por ciento, del total de aspirantes para ingresar a alguna
de las 67 carreras de nivel superior politécnicas.

La Ciudad de México es la entidad que tiene mayor número de carreras, campus y

estudiantes universitarios, sin embargo, según cifras de Asociación Nacional de

Luis Armando Flores González

Ingeniería Telemática
Física II 2
Universidades e Instituciones de Educación Superior correspondientes al año pasado solo
el 6 por ciento de la matrícula de primer ingreso proviene de entidades fuera del Estado de
México.

Actualmente existen diversas plataformas que manejan este tipo de servicios, por ejemplo,
la plataforma elegircarrera.net especializada en la realización de test de orientación
vocacional, que se limitan a brindar el perfil que tiene el alumno con respecto a las carreras
profesionales según los resultados de una pequeña encuesta, pero no proporcionan la
información necesaria y detallada de lo que trata cada una de estas carreras y en donde se
localizan.

Es por esto, que se propone este servicio web, que además de brindar toda la información
de cada una de las carreras profesionales ofertadas en esta casa de estudios, dependiendo
de la carrera elegida por los alumnos, podrán interactuar con diversos módulos, que
incluyen desde experiencias de alumnos que actualmente cursan la carrera hasta material
didáctico especializado para que el alumno tenga una experiencia virtual, sobre lo que
enfrentará en el ámbito profesional si es que elige dicha carrera.

Dicho sitio web será creado mediante el uso de las siguientes tecnologías:

Dreamweaver:

Es un software de edición en forma de un estudio (basado en la forma de Adobe Flash) su

propósito es construir, desarrollar, diseñar y editar sitios, vídeos y aplicaciones web.
Inicialmente fue creado por Macromedia, pero actualmente es desarrollado por Adobe
Systems. Adobe Dreamweaver se ha convertido en el programa más utilizado para el
diseño y la programación web, esto gracias a las funciones que posee, su fácil integración
a otros programas como Adobe Flash y recientemente por su soporte para estándares del
World Wide Web Consortium.

La ventaja principal que posee este software frente a otros de su clase es su gran poder de
ampliación y personalización, por ejemplo, sus rutinas como insertar un hipervínculo, una
imagen o añadir determinado comportamiento están hechas en Javascript-C, esto permite
una gran flexibilidad.

Dreamweaver permite trabajar con extensiones. Esos pequeños programas que cualquier
desarrollador web puede escribir (normalmente en Javascript y HTML) y que cualquiera
puede descargar e instalar ofreciendo funcionalidades adicionales.

HTML:

Es la última versión de HTML el cual tiene las siguientes características:

 Contiene un conjunto más amplio de tecnologías que permite a los sitios Web y a las
aplicaciones ser más diversas y de gran alcance. A este conjunto se le llama HTML5 y
amigos, a menudo reducido a HTML5.
 Semántica: Permite describir con mayor precisión cuál es su contenido.
 Conectividad: Permite comunicarse con el servidor de formas nuevas e innovadoras.

Luis Armando Flores González

Ingeniería Telemática
Física II 3
 Sin conexión y almacenamiento: Permite a las páginas web almacenar datos localmente
en el lado del cliente y operar sin conexión de manera más eficiente.
 Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo
son audio y video nativamente.
 Gráficos y efectos 2D/3D: Proporciona una amplia gama de nuevas características que
se ocupan de los gráficos en la web como lo son canvas 2D, WebGL, SVG, etc.
 Rendimiento e Integración: Proporciona una mayor optimización de la velocidad y un
mejor uso del hardware.
 Acceso al dispositivo: Proporciona APIs para el uso de varios componentes internos de
entrada y salida de nuestro dispositivo.

CSS:

Es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los

documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar
los contenidos y su presentación y es imprescindible para crear páginas web complejas.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada
elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre
elementos, posición de cada elemento dentro de la página, etc.

JAVASCRIPT:

Es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que
luego son insertados en una página web y en programas más grandes, orientados a objetos
mucho más complejos.

Este lenguaje posee varias características, entre ellas se puede mencionar que es un
lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje que
utiliza Windows y sistemas X-Windows, gran parte de la programación en este lenguaje
está centrada en describir objetos, escribir funciones que respondan a movimientos del
mouse, aperturas, utilización de teclas, cargas de páginas entre otros.

Es necesario resaltar que hay dos tipos de JavaScript: por un lado, está el que se ejecuta
en el cliente, este es el JavaScript propiamente dicho, aunque técnicamente se denomina
Navigator JavaScript. Pero también existe un JavaScript que se ejecuta en el servidor, es
más reciente y se denomina LiveWire Javascript.

JQUERY:

Es una biblioteca gratuita de Javascript, cuyo objetivo principal es simplificar las tareas de
creación de páginas web responsivas, acordes a lo estipulado en la Web 2.0, la cual
funciona en todos los navegadores modernos. Por otro lado, se dice que jQuery ayuda a
que nos concentrarse de gran manera en el diseño del sitio, al abstraer por completo todas
las características específicas de cada uno de los navegadores. Otra de las grandes
ventajas de jQuery es que se enfoca en simplificar los scripts y en acceder/modificar el
contenido de una página web. Finalmente, jQuery agrega una cantidad impresionante de
efectos nuevos a Javascript, los cuales podrán ser utilizados en tus sitios Web.

Luis Armando Flores González

Ingeniería Telemática
Física II 4
Servidor PHP

PHP es un lenguaje de script del lado del servidor que está incrustado en HTML. Se utiliza
para gestionar el contenido dinámico, bases de datos, seguimiento de la sesión, incluso
sitios enteros de comercio electrónico.

Se integra con una serie de bases de datos populares, como MySQL, PostgreSQL, Oracle,
Sybase, Informix y Microsoft SQL Server.

Es agradablemente enérgico en su ejecución, especialmente cuando se compila como un

módulo de Apache en el lado Unix. El servidor MySQL, una vez iniciado, se ejecuta incluso
consultas muy complejas con grandes conjuntos de resultados en tiempo récord.

Este servidor soporta un gran número de los principales protocolos como POP3, IMAP y
LDAP, además es indulgente ya que trata de ser tan indulgente como sea posible debido a
que realiza las funciones del sistema, es decir, a partir de archivos en un sistema que puede
crear, abrir, leer, escribir, y cerca de ellos. También puede manejar formas, es decir, reunir
datos de archivos, guardar los datos en un archivo, a través de correo electrónico puede
enviar datos, los datos de regreso al usuario, agregar, borrar, modificar los elementos
dentro de su base de datos a través de PHP.

Riesgos y alternativas

Durante la creación de una página web se pueden identificar los principales riesgos y
vulnerabilidades a las cuales estaría expuesta, como la pérdida de disponibilidad de la
página web por ataques externos o la pérdida de la integridad de las bases de datos y/o el
rendimiento de los servidores de aplicación, el acceso lógico no autorizado por asignación
errónea de permisos a aplicaciones web del negocio, explotación de vulnerabilidades
técnicas por atacantes externos, pérdida de confidencialidad por robo de información
confidencial de las bases de datos.

Concluyendo que de no mitigar los riegos representarían pérdidas financieras y

reputacionales para la organización o instancia dueña de la página web.

Por lo cual es recomendable realizar el diseño de la página web adaptándose a controles y

mejores prácticas de seguridad de la información para así evitar los riesgos antes
mencionados. La seguridad en aplicaciones Web involucra principalmente al desarrollador,
aunque con gran frecuencia se encuentran defectos que pueden ser aprovechados por
atacantes en las tecnologías en que se basan los sistemas web.

Es indispensable estar consciente y saber identificar cuando existe un riesgo para poder
tomar las medidas y alternativas necesarias ante el riesgo detectato.

Otro aspecto importante a considerar son los procesos de salida de la información del
sistema. Es importante siempre considerar el significado que pueda tener la información
enviada en su nuevo contexto, y en el caso de poder crear problemas de interpretación de

Luis Armando Flores González

Ingeniería Telemática
Física II 5
las salidas, escaparlas para preservarlas. Al igual que en el proceso de filtrado, es
importante mantener un control sobre la codificación que tienen los datos antes de enviarlos
a su nuevo contexto.

Costos y beneficios

Costos

Se deberán identificar y listar los rubros de costos asociados al proyecto, de acuerdo a los
componentes técnicos, profesionales y de mantenimiento que serán prestados por este.

Período: se deberá definir un año base para el cálculo de los costos en cada uno de los
períodos (años). Esto permite determinar el período comprendido para cada año de
proyección. A efectos prácticos y para simplificar el uso del modelo, se sugiere considerar
el mismo período utilizado por el Organismo.

Moneda: se deberá ingresar toda la información monetaria proyectada en pesos, de esta

manera, se pretende simplificar el ingreso de la información para evitar el cálculo de las
variaciones de precios en los años posteriores del análisis.

Estimación de montos: a efectos del cálculo de la información monetaria de cada período,

se deberá considerar el costo total en sí mismo para el Organismo. Es decir, en caso que
la compra incluya tributos y los mismos sean considerado costos para el Organismo, los
mismos deben ser considerados en la carga de la información.

Costos Directos

Hardware y Comunicaciones: Los costos de Hardware incluyen todos los costos de

infraestructura informática y de conectividad atribuibles en forma directa al proyecto entre
los que se destacan los siguientes componentes: procesador, discos duros, memoria RAM,
entre otros. Los costos de comunicaciones comprenden el costo de cableado, acceso a
internet, fibra óptica, switches, routers, enlaces de telecomunicaciones, entre otros.

Software: Se incluyen dentro de los costos de software del proyecto: licencias,

mantenimiento y plataforma de desarrollo.

Migración de datos e integración: Los costos de esta actividad comprende los costos de
tiempo de desconexión, horas-hombre que serán utilizadas durante el proceso de migración
y posibles pérdidas de datos.

Otros costos: Dentro de este rubro se incluyen los costos que no pueden ser incorporados
en ninguno de los rubros mencionados anteriormente. Como, por ejemplo: costos en
infraestructura, energía, entre otros.

Personal del Organismo: Comprende sueldos, salario vacacional y aguinaldo del personal
de la empresa que participen en forma directa del proyecto.

Luis Armando Flores González

Ingeniería Telemática
Física II 6
Costos Indirectos

Backups: Los costos de este rubro contemplan los costos de infraestructura y horas-hombre
necesarios para llevar a cabo los respaldos correspondientes al proyecto.

Capacitación a otros usuarios: Este rubro incluye los costos en materiales y horas-hombre
necesarios para la capacitación del personal sobre las herramientas vinculadas al proyecto
de análisis.

Auto – entrenamiento: Es el costo de horas-hombre que cada empleado dedica a su propio

entrenamiento a través de cursos online, investigación y lecturas técnicas, entre otros.

Tiempo en solucionar problemas: Este rubro incluye las horas-hombre del personal
dedicado a solucionar problemas específicos del proyecto.

Beneficios

Tiempo: Este beneficio se produce a través de la reducción en el tiempo (expresado en

horas) de los aspirantes, desde su dispositivo electrónico podrán acceder a la información
de la escuela sin necesidad de trasladarse a ella.

Gastos: Es la disminución de gastos para el aspirante ya que será una página gratuita.

Acceso, uso y disponibilidad: Se refiere a las prestaciones de accesibilidad y usabilidad web

de las que puede hacer uso el aspirante frente a la oferta académica ofrecida vía web. Por
disponibilidad se entiende a la amplitud en los canales de comunicación prestados (web,
móvil, presencial, etc.), la calidad de los servicios prestados por estos canales, las
prestaciones para el acceso a los canales, y el acceso a la información en general.

La creación e implementación de esta página web puede traer beneficios económicos

personales a corto plazo si se comprueba su eficacia y servicios que proporciona.

Bibliografia

https://www.inc.cl/blog/sitio-web/riesgos-y-amenazas-en-la-seguridad-web

https://www.um.es/atica/documentos/html.pdf

https://www.seguridad.unam.mx/historico/documento/index.html-id=1143

http://eprints.rclis.org/12263/1/Alonso_Garcia_Lloveras_-_La_norma_ISO_15489.pdf

Luis Armando Flores González

Ingeniería Telemática
Física II 7