TECNOLÓGICO DE ESTUDIOS SUPERIORES CHALCO

INGENIERÍA INFORMÁTICA
SEMESTRE 2019-1

IMPLEMENTACION DE UNA PAGINA WEB

Materia: Taller investigación I / Análisis y Modelado de Sistemas de

Información

Docente: Teresa Vélez / Emmanuel Espinosa Sandoval

Alumno:

Campos Flores Beatriz

Meléndez de la Rosa Brian Andrés

Pacheco Grande Pablo Irving

Ramírez Castañeda Paola Giselle

Grupo: 6551

Chalco, Estado de México,14 de enero del 2019.

 ÍNDICE

INTRODUCCIÓN.........................................................................................................................5
1.Justificación ..............................................................................................................................7
2.PROBLEMAS A RESOLVER ...................................................................................................8
3. OBJETIVOS.............................................................................................................................8
3.1 OBJETIVO GENERAL.......................................................................................................8
3.2 OBJETIVOS ESPECÍFICOS .............................................................................................8
3 COMPETENCIAS PROFESIONALES A ADQUIRIR ...........................................................8
3.3.1 COMPETENCIAS ESPECÍFICAS..................................................................................8
3.3.2 COMPETENCIAS GENÉRICAS ....................................................................................9
3.3.2.1 COMPETENCIAS INSTRUMENTALES......................................................................9
3.3.2.2 COMPETENCIAS INTERPERSONALES ...................................................................9
3.3.2.3 COMPETENCIAS SISTEMICAS.................................................................................9
4.LA ORGANIZACIÓN ..............................................................................................................10
4.1 DESCRIPCIÓN ................................................................................................................10
4.1.1 DATOS GENERALES ..................................................................................................10
4.1.1.1 NOMBRE COMERCIAL ............................................................................................10
4.1.1.2RAZÓN SOCIAL .........................................................................................................10
4.1.1.3 GIRO ..........................................................................................................................10
4.1.1.4 DIRECCIÓN...............................................................................................................10
4.1.1.5 E-MAIL .......................................................................................................................10
4.1.1.6 PÁGINA WEB ............................................................................................................10
4.1.1.7 TELÉFONOS .............................................................................................................10
4.2 HISTORIA ........................................................................................................................10
4.3 FILOSOFÍA INSTITUCIONAL .........................................................................................11
4.3.1 MISIÓN .........................................................................................................................11
4.3.2 VISIÓN ..........................................................................................................................11
4.3.3 VALORES .....................................................................................................................11
4.3.4 OBJETIVOS..................................................................................................................12
4.3.5. PRODUCTOS Y/O SERVICIOS..................................................................................12
4.4 CARACTERIZACIÓN DEL ÁREA EN QUE SE DESARROLLA EL PROYECTO .........16

2
 4.4.1 ORGANIGRAMA...........................................................................................................16
4.4.2 ÁREA DE UBICACIÓN DEL EQUIPO DESARROLLADOR........................................17
4.4.2.1 OBJETIVOS DEL ÁREA............................................................................................17
4.4.2.2 FUNCIONES Y PROCEDIMIENTOS ........................................................................17
4.4.3 ÁREAS DONDE IMPACTARÁ EL PROYECTO ..........................................................21
4.4.3.1 OBJETIVOS DEL ÁREA............................................................................................21
4.4.3.2 FUNCIONES Y PROCEDIMIENTOS ........................................................................21
5.MARCO TEÓRICO .................................................................................................................22
5.2 ASIGNATURAS INVOLUCRADAS EN EL PROYECTO ................................................22
5.3 CONTENIDOS TEMÁTICOS QUE DEMANDA EL PROYECTO ...................................23
5.3.1 CONTENIDOS DERIVADOS DE CURRÍCULA ...........................................................24
5.3.2 CONTENIDOS COMPLEMENTARIOS........................................................................24
5.4 COMPETENCIAS QUE EXIGE EL DESARROLLO DEL PROYECTO..........................24
5.4.1 COMPETENCIAS ESPECÍFICAS................................................................................24
5.4.2 COMPETENCIAS GENÉRICAS ..................................................................................24
5.4.2.1 COMPETENCIAS INSTRUMENTALES....................................................................24
5.4.2.2 COMPETENCIAS INTERPERSONALES .................................................................24
5.4.2.3 COMPETENCIAS SISTEMICAS...............................................................................25
5.5 FUNDAMENTO TEÓRICO ..............................................................................................25
5.1.1 ESTRUCTURA DEL MARCO TEÓRICO .....................................................................30
6.SOLUCIÓN TECNOLÓGICA .................................................................................................33
6.1 CRONOGRAMA DE ACTIVIDADES...............................................................................33
6.2 DESCRIPCIÓN DE ACTIVIDADES ................................................................................34
6.3 PROCEDIMIENTO...........................................................................................................36
6.3.1. PROGRAMA XAMPP ..................................................................................................37
6.3.2. SUBLIME TEXT 2........................................................................................................44
6.4 RESULTADOS.................................................................................................................46
6.4.1. DIAGRAMA DETALLADO DE CLASES ENTIDAD DE SUBSISTEMA......................48
6.4.2. METODOLOGÍA EN CASCADA .................................................................................49
6.4.4 MANUAL TÉCNICO DE LA PLATAFORMA ................................................................53
6.4.5 MANUAL DE USUARIO DE LA PLATAFORMA ..........................................................57
7.CONCLUSIONES...................................................................................................................62
7.1 IMPACTO ADMINISTRATIVO.........................................................................................62

3
 7.2 IMPACTO FINANCIERO .................................................................................................62
7.3 IMPACTO SUSTENTABLE .............................................................................................63
7.4 COMPETENCIAS ADQUIRIDAS ....................................................................................63
7.5 OTRAS APLICACIONES DEL DESARROLLO TECNOLÓGICO ..................................64
BIBLIOGRAFÍA..........................................................................................................................65
ANEXO.......................................................................................................................................66

4
 INTRODUCCIÓN

En la actualidad, la manera en que una empresa u organización trabaja depende del

entorno global en el que se desenvuelve, este ambiente al paso del tiempo se vuelve
cada vez más competitivo. Se visualiza una gran cantidad de empresas luchando por
posicionarse en el mercado en alguna de sus ramas, o simplemente tratar de
mantenerse en él; esto, sin lugar a dudas requiere una organización y buena
percepción del trabajo por parte de todos los que conforman a este ente comercial

En cada empresa se realizan elecciones, en base en ellas, es posible que esta

simplemente no siga de pie. Para ello, se debe de contar con la información adecuada,
dicha información debe de ser: rápida, oportuna, real y coherente. Su interpretación
hará que se elijan unos de dos caminos; el correcto o el no correcto, considerando que
cada error repercutirá monetariamente en la empresa. A fin de analizar lo anterior, se
estudiará a Telmex®.

Telmex®; es la compañía líder de telecomunicaciones en América Latina,

proporciona a la mayor parte de la República Mexicana servicios que incluyen:
transmisión de voz, datos y video, acceso a Internet a todos los segmentos del
mercado. La ampliación de la cobertura con la que actualmente cuenta, la correcta
distribución de los servicios y la satisfacción del cliente; son su prioridad.

La adecuada administración de las Bases de Datos permite realizar una buena

toma de decisiones; filtrando información relevante, permitiendo el conocimiento
detallado de cada actividad. A través de sus diferentes paquetes, se atiende a varios
sectores de la población, y a sus distintas necesidades, ofreciéndole calidad en el
servicio.

El control de los proyectos resulta importante para el logro de objetivos en cada

empresa, institución u organización; aprender a administrarlos y desarrollarlos son

5
habilidades que los profesionistas deben de desarrollar para realizar buenas
negociaciones en el ámbito en que se desenvuelven.

El presente trabajo describe algunas de las actividades que se realizan en la

Gerencia Comercial, el proceso de tratamiento e in terpretación de la información; se
aborda el área, administrando y controlando los proyectos de un nuevo canal de
ventas. Dentro de esta redacción podremos encontrar las definiciones que ayudarán a
entender mejor los procesos que se realizan; aportando ideas ante problemas.

Incluye la secuencia de pasos que se siguen para realizar las aclaraciones al

software, a fin de evitar errores, asumiendo hechos no sucedidos, haciendo
suposiciones no factibles. Se describe cada paso que contribuye a entender el proceso
y la vista general de las bases de datos participantes. Para finalizar, se aborda el nuevo
programa, para el registro de nuevos usuarios, recién implementado su objetivo, los
resultados que han alcanzado desde su puesta en marcha y la ampliación del
programa a todo el proceso a realizar base a la metodología en cascada.

6
 1.Justificación
Para la empresa TELMEX resulta pertinente solucionar el problema de registro tipo
virtual identificado, si se tiene en cuenta que:

A pesar del impacto que esta empresa tiene a nivel nacional, no cuenta con un
registro en internet donde los que no son clientes puedan realizar su contratación. Es
necesario sensibilizar a la comunidad del uso inadecuado que hasta el momento se ha
tenido en los medios virtuales al alcance de las empresas y los beneficios que brindaría
al tener un software que ayude a la comunidad de Telmex

La empresa necesita recopilar la información de los usuarios y convertirla en un

servicio único para mostrarla a través de un medio donde todos puedan acceder a esta
sin necesidad de trasladarse a alguna unidad de Telmex

El desarrollo de este proyecto permitirá a la empresa:

• Utilizar los medios tecnológicos para tener un acceso rápido y actualizado a
información referida a la empresa objeto de esta investigación.
• Con este proyecto se busca proveer a la empresa de una herramienta virtual
que le permita mejorar los índices de clientes al interior de la comunidad y esta
a su vez con el resto de la nación.
• También permitirá aplicar los conocimientos adquiridos en esta especialización
mediante la realización de un proyecto

Así mismo dotar a la empresa de una herramienta tecnológica de registros, que le

permita mejorar la interacción y promoverla a nivel nacional, utilizando adecuadamente
los recursos informáticos de comunicación existentes, agilizar procesos que faciliten el
registro y fortalecer las áreas donde impacte este proyecto para la contratación de
internet y el perfeccionamiento de los procesos de formación de la empresa.

Con la implementación de este proyecto se busca beneficiar directamente a la

empresa de Telmex, ya que a través de él se crearán nuevos clientes.

7
 2.PROBLEMAS A RESOLVER
Actualmente la empresa TELMEX no cuenta en su página web principal con la solicitud
de servicios para usuarios externos
• La empresa TELMEX en su página web principal, cuenta con todas las
necesidades que satisfacen a un usuario, menos con una solicitud de servicio
para clientes externos. Para la contratación de internet ya que actualmente este
hecho se ha elaborado de forma manual de tener al tener que ir a las sucursales
cercanas y realizar el contrato.
• Gastos innecesarios tanto personal como usuarios externos
• Procesos tardíos

3. OBJETIVOS
3.1 OBJETIVO GENERAL
Implementar una plataforma de registros para clientes externos, mediante el lenguaje
de programación PHP y MySQL, que ayude a la optimización de los servicios del área
de ventas en Telmex.

3.2 OBJETIVOS ESPECÍFICOS

• Diseñar un modelo de funciones para la implementación de la página web
• Diseñar los diagramas de flujo sobre el funcionamiento de la página web
• Generar la interfaz de la página web
• Generar la implementación para la creación del código en el lenguaje PHP y
MySQL
• Finalizar código en PHP
• Enlazar con la base de datos de TELMEX
• Implementar un recibo PDF
• Agregar un chat para los usuarios externos de Telmex que requieran de
asesoría o alguna consulta del servicio
• Realizar pruebas en base al código creado
• Realizar la página responsiva

3 COMPETENCIAS PROFESIONALES A ADQUIRIR

3.3.1 COMPETENCIAS ESPECÍFICAS
• Creación y diseño de aparatos, máquinas y de objetos tecnológicos
• Planificación, establecimiento y organización de procesos
• Uso de lenguajes y algoritmos

8
 • Dar solución a problemas productivos y tecnológicos

3.3.2 COMPETENCIAS GENÉRICAS

3.3.2.1 COMPETENCIAS INSTRUMENTALES
• Capacidad de análisis y síntesis
• Capacidad de organización y planificar
• Conocimiento general básico de la carrera
• Manejo de la computadora
• Gestión de la información
• Solución de problemas

3.3.2.2 COMPETENCIAS INTERPERSONALES

• Trabajo en equipo
• Habilidades interpersonales
• Capacidad de trabajar en equipo interdisciplinar
• Habilidad para trabajar en el ámbito laboral
• Compromiso ético

3.3.2.3 COMPETENCIAS SISTEMICAS

• Aplicar los conocimientos en la práctica
• Habilidades de investigación
• Capacidad de aprender
• Liderazgo
• Trabajar en forma autónoma
• Preocupación por la calidad
• Búsqueda del logro

9
 4.LA ORGANIZACIÓN

4.1 DESCRIPCIÓN
4.1.1 DATOS GENERALES
4.1.1.1 NOMBRE COMERCIAL
TELMEX

4.1.1.2RAZÓN SOCIAL
Teléfonos de México, S.A.B. de.C.V.

4.1.1.3 GIRO
Productos de consumo y servicios

4.1.1.4 DIRECCIÓN
Parque vía No. 198 piso 11 Col. Cuauhtémoc cp. 6599 Ciudad de México

4.1.1.5 E-MAIL
[email protected]

4.1.1.6 PÁGINA WEB

http://www.telmex.com/explorer/home.html

4.1.1.7 TELÉFONOS
(5) 222-12-12

4.2 HISTORIA

Teléfonos de México fue fundado en 1947 cuando el entonces presidente Miguel

Alemán fusionó a las empresas Ericsson en México y a la International Telephone and
Telegraph Company, con lo cual se convirtió en el único proveedor de servicios
telefónicos en el país. En 1990 el presidente de México Carlos Salinas de Gortari
decidió comenzar un proceso de privatización. Se presentaron varios grupos de
inversionistas formados por empresas nacionales e internacionales, resultando
ganador el consorcio creado por Carlos Slim, France Telecom y SBC Communications
entre otros pequeños inversionistas, pero este consorcio se apoderó del 53% y al ser
el accionista mayoritario por comprar las acciones de la Bolsa con empresas fantasma,

10
compró un restante dejando al fundador con el 31% de las acciones. Después de su
privatización Telmex comenzó con un plan de inversión en nueva tecnología, fibra
óptica, y cobertura total del país. En 1997 se abrió el mercado mexicano de la telefonía,
con lo cual entraron AT&T, MCI y Axtel, entre otras, pero ninguna logró afectar
seriamente a Telmex. Telmex y la Telefonía Móvil (Celular) A principios de los años
90's en México comenzaron a surgir muchas compañías que ofrecían servicios de
telefonía móvil, para 1993 Iusacell se había convertido en el líder tras comprar varios
operadores regionales. Telmex no tenía inversiones en este negocio, así que
decidieron entrar al mercado con la empresa Radio Móvil Dipsa, subsidiaria de DIPSA
empresa encargada de, entre otras cosas, imprimir la sección amarilla, con la marca
Telcel.

4.3 FILOSOFÍA INSTITUCIONAL

4.3.1 MISIÓN
Es un grupo líder de soluciones integrales de telecomunicaciones a nivel internacional,
proporcionan a los clientes servicios de gran valor, innovadores y de clase mundial, a
través del desarrollo humano, de la aplicación y administración de tecnología de punta.

4.3.2 VISIÓN
Consolidar el liderazgo de TELMEX INTERNACIONAL, expandiendo su penetración
en los mercados donde opera para ser una de las empresas de más rápido y mejor
crecimiento a nivel mundial.

4.3.3 VALORES
Los valores de la empresa son apoyar la misión y sustentan tanto los principios
empresariales como sus Principios de Conducta. Sus valores son las cualidades que
los distinguen y los orientan. Es necesario que sus labores cotidianas los tengan
presentes siempre, y los lleven a la práctica.
Los valores de la cultura corporativa son:
A. Trabajo
B. Crecimiento

11
 C. Responsabilidad Social
D. Austeridad.

4.3.4 OBJETIVOS
• El objetivo es brindar más y mejores servicios de telecomunicaciones a cada
vez un mayor número de clientes, contribuir al desarrollo del país, a través de
brindar cada vez más servicios avanzados de telecomunicaciones, y Fundación
TELMEX, otorgando apoyos a cientos de miles de mexicanos.
• Establecer y comercializar un producto innovador en el mercado para dar
solución a las necesidades de los clientes
• Fortalecer a través de las supervisiones operativas a las oficinas en el muestra,
análisis y manejo de los recursos humanos, financieros, contables, materiales
y sistema.
4.3.5. PRODUCTOS Y/O SERVICIOS

Productos Descripción
El televisor, televisión o tele es un aparato electrónico destinado a la recepción
y reproducción de señales de televisión. Usualmente consta de una pantalla y
Tv
mandos o controles. La palabra viene del griego τῆλε (tēle, 'lejos'), y el latín visōr
(agente de videre, 'ver').
Además de la consola, hay un buen conjunto de accesorios y cables incluidos.
A dif erencia del PS3, el PS4 sí incluye un cable HDMI, un conector para la
Ps4
electricidad, un cable USB, un controlador DualShock 4 y unos audíf onos monos
con micróf ono.
Una computadora de escritorio u ordenador de sobremesa es un tipo de
Computadoras de computadora personal, diseñada y f abricada para ser instalada en una
escritorio ubicación f ija, como un escritorio o mesa, a dif erencia de otras computadoras
similares, como la computadora portátil.
Microsof t saca la venta XBOX 360 reacondicionadas. Con el nombre de XBOX
360 Ref urbished, están empezando a llegar a las tiendas las consolas
Xbox one reparadas por Microsof t. ... Según Microsoft no debes extrañarte si tienen algún
arañazo, pero garantizan su f uncionamiento al igual que las que puedes
comprar por su precio original

12
 El iPhone es un teléf ono móvil con herramientas multimedia, desarrollado p or la
empresa estadounidense Apple Inc. Este tipo de dispositivo es conocido como
IPhone Smartphone o teléf ono inteligente, ya que cuenta con conexión a Internet ,
pantalla táctil, cámara de f otos, la capacidad de reproducir música y películas,
entre.
Un video juego es una aplicación interactiva orientada al entretenimiento que, a
través de ciertos mandos o controles, permite simular experiencias en la
Video juegos pantalla de un televisor, una computadora u otro dispositivo electrónico. ... Las
máquinas creadas específ icamente para alojar video juegos se conocen como
árcade.
Chromecast es un tipo de dispositivo de transmisión de contenido multimedia
creado por Google del tamaño de un pulgar que se conecta al puerto HDMI del
Chromecast televisor; Chromecast viene acompañado de un cable micro USB y también de
un alimentador de corriente; además, posee, por ejemplo, un nuevo procesador
más potente y una.
Una Tableta (del inglés: Tablet o Tablet computer) es un tipo de computadora
portátil, de mayor tamaño que un Smartphone o una PDA, integrado en una
Tablet
pantalla táctil (sencilla o multitáctil) con la que se interactúa primariamente con
los dedos, sin necesidad de teclado f ísico ni ratón.
Un Antivirus inf ormático es básicamente un conjunto de programas que
protegen nuestra computadora del daño que pueda causar cualquier sof tware o
Antivirus
programa maligno. El nombre de Antivirus tiene su origen en el hecho de que el
programa f ue diseñado originalmente para combatir los virus inf ormát icos.
La Xbox 360 es la primera de las tres consolas de nueva generación en
aparecer. Las otras dos, PlayStation 3 y Nintendo Revolution lo harán
Xbox
(esperemos) durante el año que viene. ... La Xbox 360 está gobernada por una
CPU basada en PowerPC y diseñada por IBM.
El IPad es un dispositivo electrónico, tipo Tablet, esto quiere decir que asume
la modalidad de computadora portátil a través de la cual se puede interactuar
IPad
por medio de una pantalla táctil o multi táctil, permitiéndole con esto al us uario
maniobrar la misma con una pluma stylus o con los dedos; este dispositivo ha.
Microsof t Of f ice es una suite of imática que abarca el mercado completo en
Internet e interrelaciona aplicaciones de escritorio, servidores y servicios para
Microsoft office los sistemas operativos Microsof t Windows, Mac OS X, iOS y Android. ...
Además, una versión "Pro" (prof esional) de Of f ice incluía Microsof t Access y
Schedule Plus.

13
 Def inición de computadora. ... A grandes rasgos una computadora se encuentra
compuesta por el monitor, el teclado, el mouse, la torre (donde se encuentra el
Pc disco duro y los demás co
mponentes del hardware) y la impresora, y cada uno cumple una f unción
particular.
El Disco Duro es un dispositivo magnético que almacena todos los programas
Disco duro y datos de la computadora. Su capacidad de almacenamiento se mide en
gigabytes (GB) y es mayor que la de un disquete (disco f lexible).
Una impresora 3D es una máquina capaz de realizar réplicas de diseños en 3D,
creando piezas o maquetas volumétricas a partir de un diseño hecho por
Impresora 3d ordenador, descargado de internet o recogido a partir de un escáner 3D. Surgen
con la idea de convertir archivos de 2D en prototipos reales o 3D. Comúnmente
se ha utilizado.
Los juegos de Xbox One viene en f ormato f ísico a través de discos Blu-Ray y
Juegos Xbox one
digital, descargables usando el Bazar de Xbox Live.
Superf icie blanca, plana y lisa, de materia textil o plástico, sobre la que se
Pantalla
proyectan imágenes cinematográf icas o f otográf icas.
El Apple Watch es ideal para llevar una vida saludable. Elige entre el Apple
Apple watch
Watch Series 4 con conexión celular y el Apple Watch Series 3.
Un teléf ono celular es un dispositivo inalámbrico electrónico que permite tener
acceso a la red de telef onía celular o móvil. Se denomina celular debido a las
Celulares
antenas repetidoras que conf orman la red, cada una de las cuales es una célula,
si bien existen redes telef ónicas móviles satelitales.
Una laptop es una computadora portátil de peso y tamaño ligero, su tamaño es
Laptop
aproximado al de un portaf olio (hay más pequeñas como Palmtop y Handheld).
Tabla [1] Productos/servicios con su respectiva descripción

Servicios Descripción
La mejor manera de sacarle el máximo provecho a un televisor inteligente
es viendo películas y series la carta vía internet desde servicios como
Series
Netf lix.

La seguridad privada es la que prestan las empresas de servicios de

seguridad con objeto de proteger el conjunto de bienes y derechos para
Seguridad
los que han sido contratadas. Estos intereses protegidos suelen ser de
naturaleza privada: edif icios, almacenes, hogares, terrenos etc.

14
 Un seguro es un contrato, denominado póliza de seguro, por el que una
Compañía de Seguros (el asegurador) se obliga, mediante el cobro de
Seguro de autos una prima y para el caso de que se produzca el evento cuyo riesgo es
objeto de cobertura a indemnizar, dentro de los límites pactados, el daño
producido al asegurado; bien a través.
Conoce las medidas de seguridad básicas en un automóvil. 28 de agosto,
Seguridad en el 2017 / Por: Jessie ... Comencemos por dif erenciar los tipos de sistemas
automóvil y de equipamiento del auto. ... estructuras de corte críticas en caso de
servicio de rescate.
Un seguro es un contrato, denominado póliza de seguro, por el que una
Compañía de Seguros (el asegurador) se obliga, mediante el cobro de
Seguros una prima y para el caso de que se produzca el evento cuyo riesgo es
objeto de cobertura a indemnizar, dentro de los límites pactados, el daño
producido al asegurado; bien a través ..
Señalización de Seguridad. Es una señalización que, relacionada con un
objeto, actividad o situación determinada, suministra una indicación, una
Señalización obligación relativa a la seguridad o la salud en el trabajo mediante un
plaf ón, un color, una señal luminosa, una señal acústica una
comunicación verbal o señal gestual.
Un detector de movimiento, o sensor de presencia, es un dispositivo
electrónico equipado de sensores que responden a un movimiento f ísico.
Sensor de movimiento
Se encuentran generalmente en sistemas de seguridad o en circuitos
cerrados de televisión.
Seven Up ("Siete arriba" en inglés) es una marca de bebida gaseosa de
lima-limón vendida en tiendas, restaurantes y máquinas expendedoras
Seven up
en muchos países del mundo. Su principal competencia es Sprite,
producido por The Coca-Cola Company.
En dicho escenario, los cada vez más numerosos propietarios de
Servicios para mascotas
mascotas invierten más y más dinero en servicios de belleza, salud.
Una def inición de qué es la Seguridad, y qué
signif ican Seguridad Pública y ... en sí mismo; juega con seguridad; tener
Seguridad en casa
un perro guardián en casa me da seguridad". La seguridad pública es
un servicio que debe brindar el Estado para.
Un servicio de tecnologías de la inf ormación es un conjunto de
Servicios informáticos actividades que buscan responder a las necesidades de un cliente por
medio de un cambio de condición en los bienes inf ormáticos (llámese

15
 activos), potenciando el valor de estos y reduciendo el riesgo inherente
del sistema.
Def inición y objetivo de los prestadores de servicios electrónicos de
Servicios electrónica
conf ianza, tal y como se establece en el Reglamento (UE) Nº 901/2014
Un servicio de vehículo de motor es una serie de procedimientos de
Servicios para carros mantenimiento, para mantener las condiciones normales de trabajo del
automóvil.
Servicios adicionales En su def inición más simple son las intermediarias entre el cliente/viajero
viaje y los servicios y productos of ertados en el destino turístico requerido.
Tabla [2] Tabla de servicios y du respectiva descripción

4.4 CARACTERIZACIÓN DEL ÁREA EN QUE SE DESARROLLA EL PROYECTO

4.4.1 ORGANIGRAMA

Figura [1] Organigrama

16
4.4.2 ÁREA DE UBICACIÓN DEL EQUIPO DESARROLLADOR
4.4.2.1 OBJETIVOS DEL ÁREA
Dirigir y coordinar la realización de la enseñanza, investigación, difusión de la cultura
y las funciones adjetivas hacia el logro de los fines que le han sido encomendados al
centro de formación y desarrollo profesional en tecnologías de la información.

4.4.2.2 FUNCIONES Y PROCEDIMIENTOS

• Jefe de área
Una de las principales funciones de un jefe de área es organizar todo el proyecto de
principio a fin. Esta función debe incluir el establecimiento de un plan general, de los
objetivos del proyecto y de la creación de un calendario que recoja los períodos en los
que se deben ir cumpliendo esos objetivos. Asimismo, es el responsable de la
organización de las reuniones y el responsable de conseguir mediante la coordinación
que los miembros del equipo trabajen juntos.

Asignar: Los jefes de equipo tiene también la labor de asignar a los miembros del
equipo funciones específicas dentro del proyecto.

Comunicar: Un buen jefe de área debe tener unas buenas dotes comu nicativas. Es el
responsable de establecer e implementar una estrategia de comunicación que permita
a su equipo de trabajo identificar claramente los objetivos del área bajo su dirección.
Desarrollar el equipo de personas: Gestionar el talento de las personas que trabajan
con él; esta función incluye el conocimiento de todas aquellas herramientas que le
permitan una mejor gestión de las personas y los objetivos del proyecto.

Controlar: El jefe de área es responsable del seguimiento del avance del proyecto. Si
en ese desarrollo del proyecto se da cuenta de que este comienza a salirse de la
planificación establecida, debe tomar medidas correctoras inmediatas para resolver el
problema y reconducir el proyecto.

17
Analizar: una buena capacidad analítica es una cualidad fundamental para que un jefe
de área desarrolle otra de sus funciones principales que es la de realizar análisis
lógicos, identificar los problemas, buscar e interpretar información significativa para
poder compartir y coordinar datos relevantes con los miembros de su equipo.

• Técnico(a) en computación
Realiza el mantenimiento: De la estructura informática de la empresa, que incluye
labores como arreglo de hardware, actualización de software y programas, etc.

Instala programas o herramientas: Que puedan resultar útiles en el día a día de la

compañía y que faciliten el trabajo de los empleados, y realiza una labor de formación
para ayudar a entender su funcionamiento.

Redacta informes y recomendaciones: A otros departamentos para hacer ver la

evolución de su labor y recomienda nuevas actualizaciones para mejorar el
rendimiento de los equipos de la empresa.

Construye un protocolo de actuación: En caso de averías o problemas con los

equipos y lo pone en marcha cuando sea necesario, intentando minimizar los daños y
agilizando los tiempos de arreglo para evitar que el problema repercute en el trabajo
de la empresa.

Se encuentra a disposición constante: De los empleados para solucionar tanto

dudas puntuales que puedan tener como para impartir formación sobre nuevos
programas instalados o sobre componentes que se hayan añadido a los equipos.
También está ahí para solucionar cualquier problema que los trabajadores tengan con
el equipo: Que utilizan en cada momento, y debe actuar rápidamen te para evitar
entorpecer sus labores.

18
Elabora programas que puedan ser útiles para la empresa: Analizando sus
necesidades, sus objetivos y trabajando conjuntamente con otros departamentos para
sacar las mejores ideas y ponerlas en marcha.

Redacta consejos de uso de los equipos y protocolos de actuación: Que los

miembros del equipo deben poner en marcha a la hora de usar los componentes, con
el objetivo de que todo funcione de la forma correcta.

• Técnico(a) electrónico
Monta e instala equipos de radioenlaces de microondas
Particularmente en las actividades profesionales de esta subfunción se obtiene e
interpreta la documentación del enlace llevando a cabo las actividades con criterios
que evalúen el desvanecimiento de señal, seguridad, etc.

Monta e Instala equipos de Radiofrecuencia sobre medios no guiados (“RF”)

En las actividades de esta subfunción se obtiene e interpreta la documentación técnica
armando y emplazando el tipo de antena de RF adecuada, registrando todo lo
necesario.

Montar e instalar antenas terrestres satelitales

En las actividades profesionales de esta subfunción se obtiene, interpreta y utiliza la
documentación de armado y emplazamiento siguiendo los protocolos y formas de
codificación y decodificación satelital.

Realiza el tendido de cables, el montaje e instalación de fibra óptica, datos, TV y

sistemas de telefonía:
En las actividades profesionales de esta subfunción se sigue la documentación de
planos, atendiendo especialmente a las cuestiones de seguridad y a la verificación de
la correcta transmisión/ recepción.

19
Monta e instala equipos de soporte para telecomunicaciones.
En las actividades profesionales de esta subfunción se siguen los protocolos de
ubicación y conexionado a los equipos principales.

Monta e instala sistemas electrónicos para informática y redes

microinformáticas.
En las actividades profesionales de esta subfunción se obtiene, interpreta y utiliza la
documentación técnica en forma adecuada asegurando y permitiendo el correcto
funcionamiento de los microcomputadores y computadores.
• Técnico(a) en desarrollador web
Diseña nuevas aplicaciones: Sitios de internet en distintos lenguajes de
programación, tales como HTML, XML, PHP o JavaScript.

Diseñar la arquitectura de las aplicaciones o sitios de internet: Selecciona el mejor

lenguaje de programación para las aplicaciones o sitios de internet.
Realiza pruebas: Para medir la calidad del sitio y detectar cualquier error presente en
las aplicaciones o sitios de internet, utilizando para ello distintos exploradores.
Presenta: El sitio web o aplicaciones a los clientes.
Soluciona: Errores o problemas en la ejecución de las aplicaciones o sitios web.
Agrega nuevas funciones: Ejecución de los sitios de internet y las aplicaciones.
Revisa el código elaborado: Por otros miembros del equipo para detectar errores.
Crea la interfaz de programación de las aplicaciones (APIs por sus siglas en inglés)
para verificar el desempeño en el intercambio de información entre aplicaciones.
Consulta: Con Diseñadores, Productores y clientes antes de avanzar con el proyecto.
Trabaja con los Diseñadores Gráficos: Para determinar la diagramación de un sitio
de internet.

20
4.4.3 ÁREAS DONDE IMPACTARÁ EL PROYECTO
4.4.3.1 OBJETIVOS DEL ÁREA
• El objetivo es brindar más y mejores servicios de telecomunicaciones a cada
vez un mayor número de clientes, contribuir al desarrollo del país, a través de
brindar cada vez más servicios avanzados de telecomunicaciones, y Fundación
TELMEX, otorgando apoyos a cientos de miles de mexicanos.
• Establecer y comercializar un producto innovador en el mercado para dar
solución a las necesidades de los clientes.
• Fortalecer a través de las supervisiones operativas a las oficinas en el muestra,
análisis y manejo de los recursos humanos, financieros, contables, materiales
y sistema
4.4.3.2 FUNCIONES Y PROCEDIMIENTOS
• Es un instrumento que sirve para que el área de marketing tome mejores
decisiones, y no solo ellos, sino que la empresa en general.
• Recopilar la información de los eventos relevantes. Servicios creativos:
defender los intereses de la creatividad y los del anunciante.
• Tareas de oficina, como planificar citas, redactar la correspondencia, organizar
archivos y proporcionar información a los clientes telefónicos.
• El coordinador de supervisión o supervisor habilitado, al final de la supervisión
presentará al jefe de oficina telegráfica las cédulas de inconsistencias para su
solventar o aclaración de las mismas.

21
 5.MARCO TEÓRICO

Figura [2] Curricular de la carrera Ing. Inf ormática

5.2 ASIGNATURAS INVOLUCRADAS EN EL PROYECTO

Materia Tema o Subtema

Fundamentos de • Metodología de solución de problemas

programación • Acercamiento a las clases y objetos
• Herramientas de programación orientada a objetos
• Estructuras de control

Programación orientada a • Clases y objetos

objetos • Métodos
• Herramientas y polimorf ismo

Estructura de datos • Estructuras lineales

• Métodos de ordenamiento
• Métodos de búsqueda

Fundamentos de sistemas • Ingeniería de sof tware

de información • Modelos descriptivos del desarrollo de sistemas de inf ormación
• Paradigmas para la ingeniería en sof tware
• Gestión del proyecto de sistemas de inf ormación

22
Administración de los • Inf ormática en la organización
recursos y función • Organización y dirección de los centros de inf ormática
informática • Administración y organización f ísica de centros de cómputo

Administración y • Organización de archivos actuales

organización de datos • Visualización de inf ormación
• Evaluación general de organizaciones de archivos

Administración para • Formas organizacionales

informática • Planeación estratégica en el desarrollo de productos y servicios
inf ormáticos
• Herramientas administrativas para la organización en evolución

Sistemas operativos l • Administración de procesos y del procesador

• Sistemas de archivo
• Protección de seguridad

Fundamentos de • Herramientas de la comunicación oral y escrita de la

investigación investigación documental
• Estudio del desarrollo de sus prof esiones y de su estatus actual
• Procesos de elaboración de una investigación documental

Taller de investigación l • Estructura de protocolo de investigación

• Comunicación de protocolo de investigación

Tabla [3] Materias relacionadas y sus respectivos subtemas

5.3 CONTENIDOS TEMÁTICOS QUE DEMANDA EL PROYECTO

• Antecedentes del problema.
• Planteamiento del problema.
• TI actuales en; hardware, software, datos y comunicaciones, calidad, procesos
informáticos Controles administrativos (generación de políticas y diseño de
procedimientos).
• Impacto en los recursos financieros para la calidad del servicio.
• Garantías y seguros.
• Permiso y licencias, derechos de autor.
• Selección del espacio físico.
• Análisis de riesgo.
• Estándares a considerar en la adquisición de recursos informáticos (Hardware,
Software).

23
 • Estándares sobre los procedimientos de entrada de datos, procesamiento de
información y emisión de resultados.
• Actividades de gestión.
• Estudio de viabilidad del proyecto.
• Búsqueda secuencial.
• Búsqueda binaria.
• Búsqueda por funciones HASH.
• Elementos del costo de producción: Materia prima, Mano de obras, Costos
indirectos.
• Estados de costos de producción y ventas.
• Estudio de viabilidad del proyecto.
• Almacenamiento y medios físicos.
• Análisis de los beneficios del sistema.
• Comparación entre costo y beneficios.

5.3.1 CONTENIDOS DERIVADOS DE CURRÍCULA

5.3.2 CONTENIDOS COMPLEMENTARIOS
No existen contenidos complementarios

5.4 COMPETENCIAS QUE EXIGE EL DESARROLLO DEL PROYECTO

5.4.1 COMPETENCIAS ESPECÍFICAS
• Selección y uso de materiales, máquinas y herramientas
• Montaje de aparatos e instalaciones
• Dar solución a problemas productivos y tecnológicos

5.4.2 COMPETENCIAS GENÉRICAS

5.4.2.1 COMPETENCIAS INSTRUMENTALES
• Capacidad de organizar y planificar
• Conocimiento de una segunda lengua
• Gestión de la información solución del problema

5.4.2.2 COMPETENCIAS INTERPERSONALES

• Trabajo en equipo
• Capacidad de trabajo en equipo interdisciplinario
• Capacidad de comunicarse con profesionales de otras áreas
• Habilidad para trabajar en un ambiente laboral

24
5.4.2.3 COMPETENCIAS SISTEMICAS
• Capacidad de aprender
• Adaptarse a nuevas situaciones
• Liderazgo
• Trabajar en forma autónoma
• Iniciativa y espíritu emprendedor
• Preocupación por la calidad

5.5 FUNDAMENTO TEÓRICO

Temas y subtemas relacionados con la solución tecnológica
FUNDAMENTOS DE PROGRAMACION

• FUNDAMENTOS DE LA ORIENTACION ORIENTADA A OBJETOS

o Conceptos fundamentales de la programación orientada a objetos
o Lenguajes orientados a objetos
o Relaciones entre clases y objetos
o Entornos de programación
• METODOLOGIA DE SOLUCION DE PROBLEMAS
o Descripción del problema
o Definición de solución
o Diseño de la solución
o Desarrollo de la solución
o Depuración y pruebas
o Documentación
• ACERCAMIENTOS A LAS CLASES Y OBJETOS
o Estructura de una clase
o Elementos de una clase
o Declaración de métodos
o Métodos de clase y de instancia
o Clase principal

PROGRAMACION ORIENTADA A OBJETOS

• ENTORNO DE DESARROLLO
o Estructura de un proyecto
o Proceso de desarrollo de aplicaciones
o Compilación
o Archivo que crea el entorno de desarrollo
o Depuración
• CLASES Y OBJETOS
25
 o Definición de una clase
o Declaración de una clase
o Miembros de una clase
o Ámbito referente a una clase
o Especificadores de acceso
o Creación de objetos
o Clases definidas
o Definición, creación y reutilización de paquetes/librería
• METODOS
o Estructura de un método
o Declaración de un método
o De clase
o De instancia
o HERENCIA Y POLIMORFISMO
o Definición de una clase base
o Definición de una clase derivada
o Clases abstractas
o Interfaces
o Definición
o Implementación
• ARREGLOS

o Unidimensional
o Multidimensional

ESTRUCTURA DE DATOS

• INTRODUCCION A LA ESTRUCTURAS DE DATOS

o Tipos de datos abstractos
o Ejemplos de TDA

FUNDAMENTOS DE SISTEMAS DE INFORMACION

• INGENIERIA DE SOFTWARE
o Capas de la ingeniería de software
o Etas de la ingeniería de software
o Análisis
o Diseño
o Desarrollo
o Pruebas
o Implementación

26
 o Mejora continua

o MODELOS PRESCRIPTIVOS DEL DESARROLLO DE

SISTEMAS DE INFORMACION
• Modelos especiales
• Modelo de proceso de software IEEE
• Herramientas case
o PARADIGMAS DE LA INGENIERIA DE SOFTWARE
• El enfoque estructurado
• El enfoque orientado a objetos
• Enfoques de vanguardias

o GESTION DE PROYECTOS DE SISTEMAS DE INFORMACION

• Actividades de gestión
• Estudio de viabilidad del proyecto
• Análisis costo/Beneficio
• Gestión de registros
• Planificación del proyecto
• Calendarización del proyecto

ADMINISTRACION DE LOS RECURSOS Y FUNCION INFORMATICA

o INFORMATICA EN LA ORGANIZACIÓN
• Importancia de la administración en la unidad
informática y su función
• La función informática como ventaja competitiva en las
organizaciones
• TI actuales en: hardware, software, datos y
comunicaciones, calidad, procesos informáticos

o ORGANIZACIÓN Y DIRECCION DE LOS CENTROS DE

INFORMATICA
• Liderazgo
• Gestión de equipo de trabajo
• Estilos de gestión de los equipos de trabajo
• Importancia de la comunicación
• Equipos de trabajo colaborativos y a distancia
• Asignación de roles y/o funciones
• Controles de administración

27
 o ADMINISTRACION Y ORGANIZACIÓN FISICA DE CENTROS
DE COMPUTO
• Selección del espacio físico
• Análisis de riesgo
• Condiciones físicas de ubicación
• Condiciones de construcción
• Disponibilidad y requerimientos de sistemas
eléctricos
• Amenazas y medidas de seguridad
• Normas de seguridad

o ESTANDARIZACION EN LA FUNCION INFORMATICA

• Estándares a considerar en la adquisición de
recursos informáticos
• Estándares de operación de sistemas
• Estándares sobre los procedimientos de entrada de
datos, procedimientos de información y emisión de
resultados
• Estándares de mantenimiento

ADMINISTRACION PARA INFORMATICA

o LA ADMINISTRACION EN EL CONTEXTO INFORMATICO
• Principios administrativos
• Proceso administrativo alineado a proyectos
informáticos
• Planeación: inicio del éxito o fracaso
• Topología de la planeación
• Teoría moderna de la planeación
• Áreas administrativas funcionales
o PLANEACION ESTRATEGICA EN EL DESARROLLO DE
PRODUCTOS Y SERVICIOS INFORMATICOS
• Administración estratégica (definición e importancia)
• Proceso de la administración estratégica (misión,
visión, valores)
• Desarrollo y elección de la estrategia básica
(formulación, base de elección, direcciones y
métodos de desarrollo, valoración y selección)

28
FUNDAMENTOS DE INVESTIGACION
o HERRAMIENTAS DE LA COMUNICACIÓN ORAL Y ESCRITA
DE LA INVESTIGACIÓN DOCUMENTAL
• Técnicas de redacción: coherencia, Concordancia.
• Normas y reglas ortográficas y de puntuación.
• Topología de textos académicos como
herramientas del conocimiento científico.
o PROCESOS DE LA ELABORACION DE UNA INVESTIGACION
DOCUMENTAL
• Fuentes de investigación documental.
• Instrumentos de investigación documental.
• Elección y delimitación del tema.
• Objetivos.
• Localización, selección y acopio de información de
diferentes fuentes.
• Diseño del esquema de trabajo (temario tentativo)
• Sistematización de información en los diversos tipos
de fichas
• Organización del Fichero
• Elaboración del informe en borrador
• Correcciones
• Presentación del informe

TALLER DE INVESTICACION l
o TIPOS DE IVESTIGACION
• Pura y aplicada
• Diagnostica, descriptiva y explicativa
• Investigación documental y de campo
o ESTRUCTURA DEL PROTOCOLO DE INVESTIGACION
• Antecedentes del problema
• Planteamiento del problema
• Objetivos de la investigación: general y especifico
• Justificación: impacto social, tecnológico, ético,
económico y ambiental
• Diseño del marco teórico
• Formulación de hipótesis
• Bosquejo del método
• Determinación del tipo de estudio

29
 • Selección, diseño y prueba del instrumento de
recolección de la información
• Plan de recolección de la información para el
trabajo de campo
• Plan de procesamiento y análisis de información
• Plan de presentación gráfica de los resultados
• Cronograma

5.1.1 ESTRUCTURA DEL MARCO TEÓRICO

Hoy en día internet es considerada como la tecnología decisiva de la era de la

información por lo que es considerable tener en cuenta la cantidad de gente que puede
interactuar en dicha tecnología donde millones de usuarios visitan páginas web donde
cabe mencionar que es un documento que forma parte de un sitio web y que suele
contar con enlaces (también conocidos como hipervínculos o links) que facilitan la
navegación entre los contenidos. Las páginas web están desarrolladas con lenguajes
de marcado como el HTML, que pueden ser interpretados por los navegadores los
cuales son programas que permiten visualizar dichas páginas en la red para poder así
de acceder a otros recursos. Una página web es el documento que forma parte de un
sitio web y que suele contar con enlaces (también conocidos como hipervínculos o
links) para facilitar la navegación entre los contenidos. Las páginas web están
desarrolladas con lenguajes de marcado HTML, que pueden ser interpretados por los
navegadores. "De esta forma las páginas web pueden presentar información de
distintos formatos (textos, imágenes, sonido, videos, animaciones), estar asociadas a
datos de estilo o contar con aplicaciones interactivas" (Juaquin, 2015).

El acceso a la página web contará con un servidor web dinámico e

independiente de plataforma que interactuará con el lenguaje PHP y MySQL. "En lugar
de usar muchos comandos para mostrar HTML (como en C o en Perl), las páginas de
PHP contienen HTML con código incrustado que ayuda al desarrollo web, interpretado
por preprocesador de hipertexto que es un lengu aje de programación de propósitos
generales que desarrolla la implementación estándar de SQL, que gestiona la base de

30
datos relacional desarrollado bajo licencia dual: Licencia pública general/Licencia
comercial por Oracle Corporation y está considerada como la base datos"(Juan,2012).

A su vez contara con una base de datos la cual es una colección de información
organizada de forma que un programa de ordenador pueda seleccionar rápidamente
los fragmentos de datos que necesite. Una base de datos es un sistema de archivos
electrónico el cual estará integrada en la aplicación de XAMMP el servidor
independiente de plataforma de código libre que sirve para como desarrollador que te
permite probar tu trabajo (páginas web o programación, por ejemplo) en tu propio
ordenador sin necesidad de tener que acceder a internet. Como parte integrada en el
proyecto la herramienta phpMyAdmin es de software gratuita escrita en PHP, diseñada
para manejar la administración de MySQL a través de la Web. phpMyAdmin admite
una amplia gama de operaciones en MySQL y MariaDB. “Las operaciones de uso
frecuente (gestión de bases de datos, tablas, columnas, relaciones, índices, usuarios,
permisos, etc.) se pueden realizar a través de la interfaz de usuario, mientras que aún
tiene la capacidad de ejecutar directamente cualquier instrucción SQL” (Pavón, 2012).

La herramienta phpMyAdmin viene con una amplia gama de documentación y

los usuarios pueden actualizar nuestras páginas wiki para compartir ideas y
procedimientos para diversas operacion es. El equipo de phpMyAdmin intentará
ayudarte si tienes algún problema; puede utilizar una variedad de canales de asistencia
para obtener ayuda

“Para la planeación de proyectos como la creación de páginas web se debe

tomar en cuenta diagramas de flujo los cuales son aquellos donde se describe un
proceso, sistema o algoritmo informático. Se usan ampliamente en numerosos campos
para documentar, estudiar, planificar, mejorar y comunicar procesos que suelen ser
complejos en diagramas claros y fáciles de comprender” (Cairo, 2017).

Un lenguaje de programación es todo lo que vemos o bien pulsamos del botón

de encendido de nuestra computadora, es decir el sistema operativo, sus aplicaciones,

31
y las partes más pequeñas que lo conforman como cuadros de diálogo, men ús,
ventanas y botones, tienen su nacimiento en los llamados lenguajes de programación,
los cuales son básicamente programas con la habilidad, mediante una serie de reglas
sintácticas y semánticas compuestas por palabras, números y expresiones
matemáticas, de crear el llamado código fuente, el cual una vez compilado, se
convertirá en un programa o software y podrá ser ejecutado en nuestra computadora
sin necesidad de que el usuario lleve a cabo ningún otro paso. Por ejemplo, el lenguaje
en javascript es de programación interpretado, lo que significa que no necesita ser
compilado y se utiliza principalmente para la creación de páginas con muchas
posibilidades, utilizado para crear pequeños programas que luego son insertados.

Actualmente, no hay día que no se reporte que millones de páginas de internet,

servidores y equipos móviles a escala mundial son blancos de la ciberdelincuencia.
Ante ello se debe entender la importancia de este tema. Lamentablemente, los sitios
web son de los más propensos a ser atacados por los llamados piratas informáticos.
También lo son las redes a las que se conectan los servidores de internet, sin olvidar
los riesgos creados por los empleados que desconocen los temas de ciberseguridad
o el mal uso de los recursos. Siempre hay un eslabón débil en la cadena, y debes
asegurarte que este no se rompa y origine un problema (Martínez, 2019).

La seguridad en internet son todas aquellas precauciones que se toman para

proteger todos los elementos que hacen parte de la red como infraestructura e
información, la más afectada por delincuentes cibernéticos donde la seguridad
informática es la que se encarga de crear métodos, procedimientos y normas que
logran identificar y eliminar vulnerabilidades en la información y equipos físicos, como
los computadores. Una de las mejores formas de mantenerse protegido en internet es
por medio de antivirus es una aplicación que trata de detectar y eliminar los virus
informáticos, es decir, aquellos programas maliciosos que pueden ingresar en un
ordenador y producir daños tales como la pérdida de efectividad del procesador

32
 6.SOLUCIÓN TECNOLÓGICA
6.1 CRONOGRAMA DE ACTIVIDADES
Sep. Oct. Nov. Dic. Ene.
Actividades
3 4 1 2 3 4 5 2 3 4 1 2 3 4 1 2

P
1 Detectar las problemáticas
R

P
2 Inspeccionar el diseño de la página web.
R

Identif icar los recursos que se necesitan y se P

3
tienen. R

P
4 Def inir la plataf orma en base los objetivos
R

P
5 Describir el f uncionamiento de la plataf orma
R

Seleccionar herramientas para el proceso de P

6
desarrollo y diseño. R

Desarrollar las actividades señaladas en los P

7
objetivos R

P
8 Programar en lenguaje PHP
R

P
9 Corroborar que el código no cuente con errores
R

P
10 Vincular la plataf orma con la base de datos.
R

11 Implementar PDF P

12 Añadir chat online R

P
13 Probar la plataf orma y detectar errores.
R

Tabla [4] Cronograma de actividades

33
 6.2 DESCRIPCIÓN DE ACTIVIDADES

¿Con qué medios

Actividad Descripción ¿Quién lo hará? ¿Cómo lo hará?
lo hará?
Analizar las ● Campos Flores 1. inspeccionar las *Ordenador portátil
posibles Beatriz def iciencias dentro de con, Windows 8 o
debilidades en la ● Meléndez de la la página web de la superior
Rosa Brian Andrés
página web de la empresa Telmex. *Internet de banda
Detectar las ● Pacheco Grande
empresa de Pablo Irving 2. Enlistar las f allas ancha de 10MB/s
problemáticas
Telmex para dar ● Ramírez Castañeda detectadas del sitio
una serie de Paola Giselle web.
soluciones. 3. Seleccionar la
problemática principal
Se utilizarán ● Campos Flores 1.Realizando métodos *Ordenador portátil
técnicas y Beatriz de recolección de con Windows 8 o
● Meléndez de la
herramientas que datos dirigidos a superior con mínimo
Rosa Brian Andrés
pueden ser clientes externos 4GB de RAM
● Pacheco Grande
f actibles por el Pablo Irving *Paquetería Of fice
analista para ● Ramírez Castañeda prof esional
desarrollar los Paola Giselle *Encuestas digitales,
Recopilar
sistemas de las cuales contendrá
inf ormación
inf ormación, los preguntas
cuales pueden ser específ icas sobre la
la entrevistas, experiencia de la
encuesta, plataf orma web
cuestionario,
observación,
diagrama de f lujo
Se examinará el ● Campos Flores 1.Por medio de una *Ordenador portátil
desarrollo de las Beatriz observación directa en con, Windows 8 o
● Meléndez de la
actividades base a una distribución superior
Rosa Brian Andrés
Identif icar los internautas para estándar *Internet de banda
● Pacheco Grande
recursos que se la implementación Pablo Irving ancha de 10MB/s
necesitan y se de los servicios y ● Ramírez Castañeda *Resultados de las
tienen. registros en base Paola Giselle encuestas digitales
a la inf ormación aplicadas
obtenida en los
cuestionarios
digitales
Def inir el diseño 1.Realizar un borrador *Paquetería Of fice
del sitio web en ● Ramírez Castañeda de diseños en hojas prof esional
base a los Paola Giselle blancas *Sof tware
Diseñar la interf az
objetivos 2. Se desarrollará las especializado
gráf ica de la
generales y plantillas en Power “Photoshop”
plataf orma
específ icos Pont *Ordenador portátil
3. Se transf ormarán las con Windows 8 o
plantillas del sof tware superior con mínimo
anterior a un diseño 2GB de RAM,

34
 más técnico por medio procesador amd de
de una aplicación 64 bits, espacio en
gráf ica disco de mínimo
3.1GB
Por medio del 1.Se ef ectuarán un *Ordenador portátil
diseño de interf az ● Ramírez Castañeda diagrama de f lujo del con Windows 8 o
Describir el y diagramas se Paola Giselle proceso que llevará la superior con mínimo
f uncionamiento de describe paso a plataf orma 2GB de RAM
la plataf orma paso la labor del *Sof tware
sitio web especializado
“Diagrama DIA”
1.se realizará una *Ordenador portátil
Seleccionar ● Campos Flores búsqueda exhaustiva con Windows 8 o
herramientas para Elegir el Sof tware Beatriz comparativa sobre las superior con mínimo
el proceso de ● Meléndez de la
que se utilizará aplicaciones que mejor 4GB de RAM
desarrollo y diseño. Rosa Brian Andrés
para la plataf orma se ajusten a las *Motor de búsqueda
● Pacheco Grande
a realizar Pablo Irving necesidades de la (Mozilla, Chrome,
● Ramírez Castañeda implementación del Firef ox, etc.)
Paola Giselle sitio
se ef ectuará el ● Campos Flores 1-. Se desarrollará el *Ordenador portátil
código en el Beatriz código en PHP con Windows 8 o
● Meléndez de la
lenguaje de 2-. se identif icará si superior con mínimo
Rosa Brian Andrés
Realizar el código programación cuenta con una Falla 4GB de RAM
● Pacheco Grande
en el lenguaje elegido (PHP) Pablo Irving lógica *Compilador de
seleccionado ● Ramírez Castañeda 3-. se culminará con el lenguaje PHP
Paola Giselle código y se preparará
para enlazarla con una
base de datos
Añadir una ● Campos Flores 1.Crear una variable *ordenador portátil
relación de Beatriz $conexión que con Windows 8
inf ormación con la ● Meléndez de la contendrá la relación mínimo
Rosa Brian Andrés
base de datos de 2.indicar como tercer *Conexión a internet
Vincular la ● Pacheco Grande
la plataf orma Pablo Irving parámetro la llamada a con al menos 5MB de
plataf orma con la
original a la ● Ramírez Castañeda la f unción velocidad
base de datos.
página Paola Giselle mysqli_connect () *sof tware de MySQL
implementada de
la empresa
Telmex
Relacionar la ● Campos Flores 1.Realizar código que *ordenador portátil
inf ormación del Beatriz permita enlazar la con Windows 8
usuario y reunirla ● Meléndez de la inf ormación en nuestro mínimo
Rosa Brian Andrés
en un documento f ormato *Conexión a internet
● Pacheco Grande
Implementar PDF que permita al Pablo Irving 2. Enlazar el f ormato con al menos 5MB de
cliente visualizar ● Ramírez Castañeda con la plataf orma velocidad
la inf ormación Paola Giselle 3.Realizar pruebas
obtenida sobre el para su
servicio solicitado implementación en la
plataf orma

35
 e inf ormación
personal
Se realizara un ● Campos Flores 1.Realizar un código *ordenador portátil
chat que permita Beatriz que permita que el con Windows 8
● Meléndez de la
al usuario tener usuario se comunique mínimo
Rosa Brian Andrés
una comunicación con alguno de los *Conexión a internet
● Pacheco Grande
con algún Pablo Irving operadores con al menos 5MB de
Añadir chat online operador que ● Ramírez Castañeda 2.Enlazarlo con la velocidad
acesore al usuario Paola Giselle plataf orma
en caso de tener 3. Realizar las pruebas
alguna aclaración correspondientes
o duda acerca del
servicio o
contratación
Se realizarán ● Campos Flores 1.Prueba unitaria *Ordenador portátil
ensayos técnicos Beatriz 2. Pruebas de con, Windows 8 o
sobre el ● Meléndez de la integración. superior
Rosa Brian Andrés
f uncionamiento 3.Pruebas f uncionales *Internet de banda
● Pacheco Grande
Probar la del sitio web para Pablo Irving 4.Pruebas de ancha de 10MB/s
plataf orma y descartar f allos en ● Ramírez Castañeda rendimiento *Servidor
detectar errores él. Paola Giselle *PHP
*MySQL
*Sof tware
desarrollado por el
grupo de trabajo

Tabla [5] Cuadro de actividades a desarrollar

6.3 PROCEDIMIENTO

1.- Requerimientos
Equipo portátil el cual cuente con los siguientes requerimientos:
• Ordenador portátil con Windows 8 o superior con mínimo 4GB de RAM
• Paquetería Office profesional
• Compilador de lenguaje PHP
• Conexión a internet con al menos 5MB de velocidad
• Motor de búsqueda (Mozilla, Chrome, Firefox, etc.)
• procesador AMD de 64 bits, espacio en disco de mínimo 3.1GB

2.-Propuesta de cotización
• Funcionalidad por programación en PHP y JavaScript $30,000.00
• Estructura de la página $10,000.00

36
 • Por partes de funcionamiento en código en PHP, XAMPP, JavaScript y sus
manuales específicos con la documentación establecida en la contratación
$45,000.00

3.- Se necesita de los siguientes softwares para poder desarrollar la página web
• XAMPP
• JavaScript
• PHP
• Sublime Text

6.3.1. PROGRAMA XAMPP

A continuación, se inicia el asistente de instalación. Para continuar, haga clic en el
botón "Next".

Imagen [5] Instalacion del programa XAMPP

Los componentes mínimos que instala XAMPP son el servidor Apache y el lenguaje
PHP, pero XAMPP también instala otros elementos. En la pantalla de selección de
componentes puede elegir la instalación o no de estos componentes. Para seguir estos
apuntes se necesita al menos instalar MySQL y phpMyAdmin .

37
 Imagen [6] Instalación del programa XAMPP

En la siguiente pantalla puede elegir la carpeta de instalación de XAMPP. La carpeta

de instalación predeterminada es C:\xampp. Si quiere cambiarla, haga clic en el icono
de carpeta y seleccione la carpeta donde quiere instalar XAMPP. Para continuar la
configuración de la instalación, haga clic en el botón "Next".

Imagen [7] Instalación del programa XAMPP

La siguiente pantalla ofrece información sobre los instaladores de aplicaciones para

XAMPP creados por Bitnami. Haga clic en el botón "Next" para continuar. Si deja
marcada la casilla, se abrirá una página web de Bitnami en el navegador.

38
 Imagen [8] Instalación del programa XAMPP

Una vez elegidas las opciones de instalación en las pantallas anteriores, esta pantalla
es la pantalla de confirmación de la instalación. Haga clic en el botón "Next" para
comenzar la instalación en el disco duro.

Imagen [9] Instalación del programa XAMPP

El proceso de copia de archivos puede durar unos minutos.

Imagen [10] instalación del programa XAMPP

39
Durante la instalación, si en el ordenador no se había instalado Apache anteriormente,
en algún momento se mostrará un aviso del cortafuego de Windows para autorizar a
Apache a comunicarse en las redes privadas o públicas. Una vez elegidas las opciones
deseadas (en estos apuntes se recomienda permitir las redes privadas y denegar las
redes públicas), haga clic en el botón "Permitir acceso".

Imagen [11] Instalaciondel programa XAMPP

Una vez terminada la copia de archivos, la pantalla final confirma que XAMPP ha sido
instalado. Si se deja marcada la casilla, se abrirá el panel de control de XAMPP. Para
cerrar el programa de instalación, haga clic en el botón "Finish".

Imagen [12] instalación del programa XAMPP

El Panel de Control de XAMPP

• Abrir y cerrar el panel de control

40
Al panel de control de XAMPP se puede acceder mediante el menú de inicio "Todos
los programas > XAMPP > XAMPP Control Panel" o, si ya está iniciado, mediante el
icono del área de notificación.

La primera vez que se abre el panel de control de XAMPP, se muestra una

ventana de selección de idioma que permite elegir entre inglés y alemán.

Imagen [13] Instalación del programa XAMPP

El panel de control de XAMPP se divide en tres zonas:

• La zona de módulos, que indica para cada uno de los módulos de XAMPP: si
está instalado como servicio, su nombre, el identificador de proceso, el puerto
utilizado e incluye unos botones para iniciar y detener los procesos,
administrarlos, editar los archivos de configuración y abrir los archivos de
registro de actividad.
• La zona de notificación, en la que XAMPP informa del éxito o fracaso de las
acciones realizadas
• La zona de utilidades, para acceder rápidamente

Imagen [14] Instalación del programa XAMPP

41
Para cerrar el panel de control de XAMPP hay que hacer clic en el botón Quit (al cerrar
el panel de control no se detienen los servidores):

Imagen [15] Instalación del programa XAMPP

El botón Cerrar en forma de aspa no cierra realmente el panel de control, sólo lo

minimiza:

Imagen [16] Instalación del programa XAMPP

Si se ha minimizado el panel de control de XAMPP, se puede volver a mostrar haciendo

doble clic en el icono de XAMPP del área de notificación.

42
 Imagen [17] Instalación del programa XAMPP

Haciendo clic derecho en el icono de XAMPP del área de notificación se muestra un

menú que permite mostrar u ocultar el panel de control, arrancar o detener servidores
o cerrar el panel de control.

Imagen [18] Instalación del programa XAMPP

Se pueden abrir varios paneles de control simultáneamente y cualquiera de ellos

puede iniciar o detener los servidores, pero no es aconsejable hacerlo ya que puede
dar lugar a confusiones (por ejemplo, al detener un servidor desde un panel de control
los otros paneles de control interpretan la detención como un fallo inesperado y
muestran un mensaje de error).

Imagen [19] Instalación del programa XAMPP

43
Para poner en funcionamiento Apache (u otro servidor), hay que hacer clic en el botón
"Start" correspondiente:

Imagen [20] Instalación del programa XAMPP

Imagen [21] Instalación del programa XAMPP

6.3.2. SUBLIME TEXT 2

Si tenemos Windows en nuestro ordenador, la selección de color rojo es la que

tenemos que marcar, la versión portable, no necesita instalación previa en un
ordenador que posea ese mismo sistema operativo. Cuando pinchamos en el
ejecutable, damos permisos para la instalación.

Posteriormente, aparecerá el proceso de instalación:

44
 Imagen [22] instalación de Sublime TEXT Imagen [23] instalación de Sublime TEXT

Imagen [24] instalación de Sublime TEXT Imagen [25] instalación de Sublime TEXT

Imagen [26] instalación de Sublime TEXT

45
6.4 RESULTADOS
La página web para el registro de clientes que se elaboró se desarrolló mediante el
modelo en espiral, antes que nada, se realizó una serie de diagramas en él se describe
la funcionalidad de dicha simulación de registros para la empresa TELMEX

Diagrama [1] de interacción de usuario y la página principal de Telmex

46
Diagrama de f lujo [2.1] “f unción de la página”

47
6.4.1. DIAGRAMA DETALLADO DE CLASES ENTIDAD DE SUBSISTEMA

Diagrama de funcionamiento de la empresa TELMEX

Diagrama de proceso [3] Diagrama simulación del f uncionamiento de la pagina

Es la descripción completa de la página web en lenguaje unificado de modelado (UML

por sus siglas en inglés, es el lenguaje de modelado del sistema software más
conocido y utilizado en la actualidad)

Describe la clasificación y áreas en que está diseñada la página

web y cada uno de los datos que se solicitan

48
 Administra la solicitud después de registro general y lo procesa a si el
otro enlace

El administrador es el único que puede observar los registros

directamente de la página y este es lo que lo relaciona mediante sus
roles, nombre y el password

En esta sección se selecciona el paquete y su nombre así mismo le

aparecerán los datos escogidos

Aquí se relaciona con dos estados que es el de paquete y solicitud

porque primero se hace la solicitud después selecciona el paquete y
sale el pedido

En este es lo último este es el formato de pago con el cual formará el

proceso de registro y mandará un PDF para su desarrollo donde se
depositará la cantidad de acuerdo al paquete seleccionado.

6.4.2. METODOLOGÍA EN CASCADA

Es un procedimiento lineal que se caracteriza por dividir los procesos de desarrollo en

sucesivas fases de proyecto. Al contrario que en los modelos iterativos, cada una de
estas fases se ejecuta tan solo una vez. Los resultados de cada una de las fases sirven
como hipótesis de partida para la siguiente. El waterfall model se utiliza,
especialmente, en el desarrollo de software

49
 Diagrama [2.2] Modelo Cascada

En la práctica, se aplican diversas versiones del modelo. Los más habituales son los
modelos que dividen los procesos de desarrollo en cinco fases. En ocasiones, las
fases 1, 2 y 3 definidas por Royce se integran en u na sola fase de proyecto a modo
de análisis de los requisitos:
• Análisis: planificación, análisis y especificación de los requisitos.
• Diseño: diseño y especificación del sistema.
• Implementación: programación y pruebas unitarias.
• Verificación: integración de sistemas, pruebas de sistema y de integración.
• Mantenimiento: entrega, mantenimiento y mejora.

En comparación entre los modelos de proceso de software

Modelo de Funciona con Produce sof tware Gestión de riesgos Permite Visión del
proceso requisitos y altamente f iable correcciones progreso por el
arquitectura no sobre la marcha cliente y jef e de
def inida proyecto
Cascada Bajo Alto Bajo Bajo Bajo
Evolutivo Medio/Alto Medio/Bajo Medio Medio/Alto Medio/Alto
exploratorio
Evolutivo prototipo Alto Medio Medio Alto Alto
Incremental Bajo Alto Medio Bajo Bajo
Espiral Alto Alto Alto Medio Medio
Tabla [6] Tabla de comparación

50
Anqué en la tabla de comparación se muestra que el modelo en espiral es mejor que
los demás modelos el modelo en cascada para este tipo de proyectos es mas factible
ya que si algunos de los procedimientos que se muestran el su diagrama no esta
completo este no te permite avanzar y en el momento que se esta trabajando bajo
contrato el cliente ya no puede hacer modificaciones a menos que este sea anticipado
y se haga otro contrato en el que se manejaría como una nueva petición del cliente por
lo que el modelo en cascada es mas recomendable para est5e tipo de trabajos.

Inconvenientes
Ventajas

✘ Por norma general, los proyectos más

✔ Una estructura sencilla gracias a unas f ases complejos o de varios niveles no permiten su
de proyecto claramente dif erenciadas. división en f ases de proyecto claramente
dif erenciadas.
✔ Buena documentación del proceso de ✘ Poco margen para realizar ajustes a lo largo
desarrollo a través de unos hitos bien del proyecto debido a un cambio en las
def inidos. exigencias.
✘El usuario f inal no se integra en el proceso
✔ Los costes y la carga de trabajo se pueden
de producción hasta que no termina la
estimar al comenzar el proyecto.
programación.
✔ Aquellos proyectos que se estructuran en
base al modelo en cascada se pueden ✘En ocasiones, los f allos solo se detectan una
representar cronológicamente de f orma vez f inalizado el proceso de desarrollo.
sencilla.
Tabla [6.1] Tabla de cascada

Imagen [27] 1er Prototipo de la página web

51
 Imagen [28] 2do Prototipo de la pagina web

Análisis de riesgo

Implementación de la página web externa de su plataforma de Telmex, los posibles

errores que puede generar:

• Vulnerabilidad de seguridad en la plataforma

• Pérdida de datos
• Mal manejo de información
• Filtración de datos

52
 Imagen [29] 3er Prototipo de la página web

6.4.4 MANUAL TÉCNICO DE LA PLATAFORMA

GUÍA DE MANUAL TECNICO
Desarrollo de la página de registros de TELMEX

La página web fue subida en XAMPP donde subió la mayoría de los archivos de la página
web, así como el alojamiento de la base de datos

INICIO DE LA PÁGINA WEB

En el siguiente fragmento de código se muestra la página inicial de TELMEX

<title>TELMEX</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="RanGO Project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css"
href="styles/bootstrap4/bootstrap.min.css">
<link href="plugins/fontawesome-free-5.0.1/css/fontawesome-all.css"
rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-
2.2.1/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css"> //Esqueleto de la pagina principal //
<link rel="stylesheet" type="text/css" href="plugins/slick-1.8.0/slick.css">
<link href="plugins/icon-font/styles.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">

En el siguiente apartado se muestran las siguientes líneas donde se muestra la barra de

menú
<li class="active"><a href="index.html">INICIO</a></li>
<li><a href="conocenos.php">CONOCENOS</a></li>
<li><a href="paquetes.php">PAQUETES</a></li>

53
<!--<li><a href="contacto.php">CONTACTANOS</a></li>--> //menu de la pagina principal//
<li><a href="index3.php">MI TELMEX</a></li>

Se muetra un fragmento de la paquetería con la que cuenta la página de registro

<span></span>
<span>HASTA</span>
<span>20</span>
<span>MEGAS</span>
<span>+ ClaroVideo</span>
<span>por: $399 AL MES</span>

PAGINA DE PAQUETE DEL SUBMENU

Líneas de código de los paquetes que se encuentran en la página para la contratación
del servicio
</form>
<?php
if(isset($_POST['submit'])){
require("regpaquete.php");
} ?>
<!---<label style="font-size: 14pt"><b>PAGO</b></label>
<input type='submit' name='accion' value ='PDF'><P>-->
</div></form align="center">
<form action="acciones.php" target="_blank" margin='100' style="float: left">
<label style="font-size: 20pt"><b>. POR $349 al MES</b></label>
<img src="images/inicio.png" width="700" height=""/>;
</form>

PAGINA MI TELMEX DEL SUBMENU

<table border="0">
<label style="font-size: 18pt; color: #3498DB;"><b>Inicia sesion para continuar</b></label></td>
<tr><td><label style="font-size: 18pt; color: #3498DB;"><b>Telefono: </b></label></td>
<td width=80> <input class="form-group has-success" style="" required type="text" name="usuario" ></td></tr>
<tr><td><label style="font-size: 18pt; color: #3498DB;"><b>Contraseña: </b></label></td>
<td witdh=80><input style="" required type="password" name="pass"></td></tr>

PAGINA DE REGISTRO DE SUBMENU

En el siguiente fragmento se muestra un el código donde se solicitan los datos de los

usuarios que no son clientes
<body background="" style="background-attachment: fixed" >
<form align='center' width='100%' method="post" action="" >
<fieldset> <legend style="font-size: 20pt"><b><img src="images/encabezado.png" width=600
align="asbmiddle"></b></legend>
<div class="form-group">
<label style="font-size: 18pt; color: #3498DB;" ><b>Ingresa Nombre</b></label>
<input type="text" name="realname" class="form-control" placeholder="Ingresa nombre" />
</div> <label style="font-size: 18pt; color: #3498DB;"><b>Ingresa Apellido</b></label>
<input type="text" name="lastname" class="form-control" placeholder="Ingresa Apellido" />
</div>
<div class="form-group"> <label style="font-size: 18pt; color: #3498DB;"><b>Ingresa E-mail</b></label>

54
<input type="email" name="nick" class="form-control"
required placeholder="[email protected]"/>
//formulario para la obtencion de datos//
</div> <div class="form-group">
<label style="font-size: 18pt; color:
#3498DB;"><b>Telefono</b></label>
<input type="number" name="matricula" class="form-
control" required placeholder="000000" maxlength="10"/>
</div> <div class="form-group">
<label style="font-size: 18pt; color:
#3498DB;"><b>Ingresa Contraseña</b></label>
<input type="password" name="pass" class="form-
control" placeholder="*********" />
</div> <div class="form-group">
<label style="font-size: 18pt; color: #3498DB;"><b>Repite
contraseña</b></label>
<input type="password" name="rpass" class="form-
control" required placeholder="*********" /><br>
<!-- <b>¿Es administrador?</b>

PAGINA MONTO PAQUETE

En este fragmento de código se encuentran los montos para solicitar el
paquete de internet que más le complazca al cliente
<form action="" method="post" margin='10' style="float:
left">//formulario llenado con los datos del usuario//
<label style="font-size: 14pt"><b>Nombre</b></label>
<input type="text" name="realname" class="form-
control" placeholder="Ingresa nombre" value="<?php
echo $nombre ;?>" readonly="readonly"/>
<label style="font-size: 14pt"><b>Apellidos</b></label>
<input type="text" name="lastname" class="form-control"
placeholder="Ingresa nombre" value="<?php echo
$apellidos ;?>" readonly="readonly"/>
<label style="font-size: 14pt"><b>Telefono</b></label>
<input type="text" name="matricula" class="form-control" placeholder="Ingresa nombre" value="<?php echo $expediente ;?>"
readonly="readonly"/>
<label style="font-size: 14pt"><b>Paquete solicitado</b></label>
<input type="text" name="paquete" class="form-control" placeholder="Ingresa nombre" value="30 MEGAS"
readonly="readonly"/><br>
<label style="font-size: 14pt"><b>monto</b></label <input type="text" name="monto" class="form-control"
placeholder="Ingresa nombre" value="399" readonly="readonly"/><br>
<input class="btn btn -primary" type="submit" name="submit" value="SOLICICTAR"/>

ADMINISTRADOR
/ul>
<form action="#" class="navbar-search form-inline" style="margin-top:6px">
</form > //pagina del administrador donde se encuentra su menu para ingresar a los datos de los clientes registrados asi como
a su paquete que contrato//
<ul class="nav pull-right">
<li><a href="">Bienvenido <strong><?php echo $_SESSION['user'];?></strong> </a></li>
<li><a href=""> Opciones </a>

55
<ul>
<li><a href="search.php">Clientes </a></li>
<li><a href="registrouser.php"> Nuevo </a></li>
<!--<li><a href="register.php"> Registrados </a></li>-->
</ul> </li> <!--
<li><a href=""> Servicios </a>
<ul> <li><a href="">Diploma </a></li>
<li><a href="">Historial </a></li>
<li><a href="">Constancia </a></li>
<li><a href="">Certificado </a></li>
</ul> </li>-->
<li><a href="desconectar.php"> Cerrar Cesión </a></li>
</ul>
</div><!-- /.nav-collapse -->
</div>
</div><!-- /navbar-inner -->
</div>
/div>
<img src="images/inicio.png" />;

PAGINA DEL MENU DEL ADMINISTRADOR

Fragmento de código de la página de administrador para poder visualizar a los clientes

ya registrados
<h2>Clientes</h2>
<table> <tr> <th>Nombre</th <th>Apellidos</th>
<th>Telefono</th> <th>Correo</th> <th>Ver</th> </tr>
<?php //pagina donde se encuentran los registros de los
usuarios con su contratación//
$sql_registe = mysqli_query($mysqli, "select count(*) as
total_registro from login");
$result_register = mysqli_fetch_array($sql_registe);
$total_registro = $result_register['total_registro'];

PAGINA REGISTRO DEL ADMINITRADOR

En este fragmento de código se encuentra el nuevo ingreso de un cliente desde el

administrador
form align='center' width='100%' method="post" action="" >
<fieldset>
<legend style="font-size: 20pt"><b><img src="images/encabezado.png"
width=600 align="asbmiddle"></b></legend>
<div class="form-group">
<label style="font-size: 18pt; color: #3498DB;" ><b>Ingresa
Nombre</b></label>
<input type="text" name="realname" class="form-control"
placeholder="Ingresa nombre" />
</div>
<label style="font-size: 18pt; color: #3498DB;"><b>Ingresa
Apellido</b></label>
<input type="text" name="lastname" class="form-control"
placeholder="Ingresa Apellido" />
</div>
<div class="form-group"> //formulario donde el usuario se registrara//

56
<label style="font-size: 18pt; color: #3498DB;"><b>Ingresa E-mail</b></label>
<input type="email" name="nick" class="form-control" required placeholder="[email protected]"/>
</div>
<div class="form-group">
<label style="font-size: 18pt; color: #3498DB;"><b>Telefono</b></label>
<input type="number" name="matricula" class="form-control" required placeholder="000000" maxlength="10"/>
</div>
<div class="form-group">
<label style="font-size: 18pt; color: #3498DB;"><b>Ingresa Contraseña</b></label>
<input type="password" name="pass" class="form-control" placeholder="*********" />
</div>
<div class="form-group">
<label style="font-size: 18pt; color: #3498DB;"><b>Repite contraseña</b></label>
<input type="password" name="rpass" class="form-control" required placeholder="*********" /><br>

6.4.5 MANUAL DE USUARIO DE LA PLATAFORMA

Inicio de la página web

Como primer paso buscaremos el servidor con el que cuenta su equipo, en este caso
Google

Seleccionamos dando doble clic con el botón lado izquierdo del ratón, y entramos a
la página de inicio de Google

Una vez que estamos en la página de inicio de Google vamos a la parte superior donde
escribiremos la dirección de la página web

57
Damos enter y de inmediato Google te mostrara una lista de las posibles búsquedas,
reconocerás tu página por el nombre de tu URL que es:

https://www.google.com/search?source=hp&ei=sUIUXdWyJNKMtgW02YDgCA&q=tel
mex&oq=te&gs_l=psy-
ab.3.0.0l2j0i131j0l5j0i131j0.2875.2995..4638...0.0..0.124.244.0j2......0....1..gws-
wiz.....0.N2U9mQTFdm4
como podrás notar en la siguiente imagen

Seleccionamos dando doble clic con el botón izquierdo del ratón, automáticamente
abre la página de inicio

Inicio de tu página

58
 INICIO DE LA SIMULACION DE LA PÁGINA WEB
Como primer punto tenemos la pantalla de inicio de la página web con el nombre de
TELMEX con una barra donde nos muestra los menús de inicio

Barra de inicio

pantalla de inicio

en donde el usuario podrá visualizar la opción de mi Telmex para el registro.

REGISTRO
USUARIO

59
Si el usuario no cuenta con una cuenta amigo deberá iniciar un registro en el apartado
de abajo en color azul “regístrate” y lo mandará directamente a elaborar su registro.

Ya que cuenta con una contraseña podrá ingresar a la variedad de paquetes

Una vez que el cliente eligió el paquete que más fue de su agrado o le convino se
realizara el monto a la base de datos.

60
Para concluir el usuario deberá darle clic al apartado de solicitar para que su solicitud
sea subida a la base de datos del administrador y así poder realizar su contratación e
instalación.

Podrá descargar su
PDF

PAGINA PARA EL ADMINISTRADOR

El administrador podrá revisar mediante su propia cuenta personal el listado de
usuarios que se han registrado.
CUENTA
ADMINISTRADOR

El administrador al señalar la barra de OPCIONES de desplegaran dos más.

Al darle clic en clientes aparecerá una tabla en la cual contendrá el nombre, apellidos
del usuario que elaboro su registro, así como correo y número de teléfono

61
 7.CONCLUSIONES
7.1 IMPACTO ADMINISTRATIVO

ÁREA DE IMPACTO ANTES DE IMPLEMENTAR DESPUÉS DE IMPLEMENTAR

En ambas se necesitaba de un Gracias a la implementación de la
personal para el llenado de página de registros para la
DIRECTOR COMERCIAL f ormularios donde se ocupaba un contratación de internet solo se
CORPORATIVO personal de 5 personas requiere del director comercial y de
un administrador el cual
supervisará la página

ÁREA DE IMPACTO ANTES DE IMPLEMENTAR DESPUÉS DE IMPLEMENTAR

La empresa TELMEX trabaja Con la implementación de los
mediante papeleos lo cuales registros para clientes externos se
PÀGINA WEB provocan procesos tardíos, así optimiza el tiempo, es f ácil de usar
como gastos en papelería se gasta menos en papelería
además que la empresa ya no
requiere de tanto personal.

7.2 IMPACTO FINANCIERO

ÁREA DE IMPACTO ANTES DE IMPLEMENTAR DESPUÉS DE IMPLEMENTAR

La Empresa Telmex pagaba por Ahora la empresa solo paga al
sueldo $....... al personal para que personal que está trabajando
hiciera el registro manualment e constantemente con la página $…
DIRECCIÓN COMERCIAL por medio de una documentación
CORPORATIVO para después pasarla a la base de
datos de los clientes que iban
personalmente a realizar dicha
f unción

62
 ÁREA DE IMPACTO ANTES DE IMPLEMENTAR DESPUÉS DE IMPLEMENTAR
La página web de TELME X La página de Telmex ahora
cumplía con la f unción de inf ormar además de brindar a los clientes
y dar seguimientos a los usuarios inf ormación permite que usuarios
PÀGINA WEB que son únicamente clientes que no son clientes tengan la
opción gestionar una contratación
para el servicio de internet además
ya de contar como cliente de
Telmex

7.3 IMPACTO SUSTENTABLE

ÁREA DE IMPACTO ANTES DE IMPLEMENTAR DESPUÉS DE IMPLEMENTAR

La empresa gastaba un monto de La empresa ahorra %75 de lo que
DIRECTOR COMERCIAL $40.000 millones anuales en gastaba con el llenado de
CORPORATIVO papel teniendo en cuenta que el f ormularios y documentación
número de empleados siendo un
estimado de 200 por sucursal.

ÁREA DE IMPACTO ANTES DE IMPLEMENTAR DESPUÉS DE IMPLEMENTAR

Teniendo en cuenta la estimación La empresa con la nuev a
de gastos en papelería la empresa implementación se ahorra el %75
aun teniendo la pagina para sus de lo que los empleados gastaban
PÁGINAS TELMEX usuarios continúa gastando si por en papelería
cada empleado que gaste 10 mil
hojas anuales es decir al menos
20 resmas de papel equivalen a
$200 mil pesos

7.4 COMPETENCIAS ADQUIRIDAS

• Habilidades de investigación
• Capacidad de aprender
• Liderazgo
• Trabajar en forma autónoma
• Preocupación por la calidad
• Búsqueda del logro

63
Las competencias son un conocimiento en ejecución que funciona como una habilidad
para hacer frente a determinadas situaciones, en cualquier ámbito de la vida. Por tanto,
el aprendizaje basado en competencias adquiridas en el desarrollo de este sof tware
es aquellas que nos permitan hacer frente a diferentes situaciones de la realidad de
manera efectiva.

7.5 OTRAS APLICACIONES DEL DESARROLLO TECNOLÓGICO

Puede aplicarse en la industria del comercio on -line donde se dice que es un conjunto
de productos o servicios que guardan una relación entre sí, o que tienen una
característica común en función de su utilidad o uso, agrupados de acuerdo con una
clasificación aceptada internacionalmente con fines de facilitar y satisfacer las
necesidades de los clientes en donde este proyecto puede desarrollarse también en
aquellas industrias donde requieran crecer y seguir esparciéndose tras la facilidad que
este software proporciona.

64
 BIBLIOGRAFÍA

Rebolledo, R. (2018). ¿Cómo usamos los mexicanos la tecnología? Obtenido de

https://www.eleconomista.com.mx/tecnologia/Como-usamos-los-mexicanos-la-
tecnologia-20170319-0030.html
Alegsa,L.(2018). Definición de sistema informático (S.I.). Obtenido de
www.alegsa.com.ar/m/dil/sistema-informatica,php
Teléfonos de México, S.A.B. de C.V. (2019). TELMEX. Obtenido de:
https://www.bnamericas.com/company-profile/es/telefonos-de-mexico-sab-de-cv-
telmex
TELÉFONOS DE MÉXICO. (1995). Informe anual de Telmex. México.

65
ANEXO
Diagramas

66
Diagrama [1] Caso de uso

Diagrama [2] colaboración

67
 Diagrama [3] Caso de uso

Diagrama [4] Colaboración sub sistema

68
 Diagrama [5] clases

Diagrama [6] paquetes

69
Diagrama [7] Secuencias

Diagrama [8] Estado

70
 Diagrama [9] Caso de uso
Cliente

Seleccionar Solicitar Pagar

paquete paquete servicio
Administrado

Conceder Envía a base

Telefónico

solicitud de datos
Servicio

r
Sistema

Registrar
solicitud Registrar pago
Ticket

Muestra Imprime ticket

solicitud

Modelo [1] dinámico

71
 Cliente
Esperar Paga el
Selecciona Seleccion
resp de servicio
r paquete ar paquete
solicitud contratado

Servicio
Administrado
Servicio Telefónico

Mandar un
Concede pre msj al
solicitud cliente
r

Hacer
Registra
llegar
solicitud
B.datos
Ticket

Registra
Registra
datos
servicio
envío

Recibe Notificació
Solicitud
orden de n de pago
validada
entrega por cliente

Modelo [2] dinámico

Modelo [3] dinámico

72
Modelo [4] Canvas

73