Proyecto de página web:
Learnig online
Docente: Lohana A. Rendón Cruz Materia: Administración de proyectos Ing.: En Tecnologías De La Información y Comunicaciones Presentado por: Aurora Hernández Vazquez, Daniel Morales Vazquez Caled Gómez Romero Grupo: 502
Tabla de contenido I.
Introducció Intro ducción n .................................. ................. .................................. ................................... ................................... ................................... .................................... ........................ ...... 4
II.
Resumen Resume n .................................. ................. ................................... ................................... .................................. ................................... .................................... .............................. ............ 4
III.
Planteamiento Plante amiento del problema problem a ................................. ................ .................................. ................................... .................................... .............................. ............ 4
IV.
Objetivo Objet ivo general gener al .................................... .................. ................................... .................................. ................................... ................................... .............................. ............. 5
V.
Objetivos Objet ivos específicos especí ficos ................................... .................. ................................... ................................... ................................... ................................... ........................... .......... 5
VI.
Justificación Justific ación .................................. ................. .................................. ................................... ................................... ................................... .................................... ..................... ... 5
VII.
Alcance ................................... .................. .................................. ................................... ................................... ................................... .................................... ........................... ......... 5
VIII.
Limitación Limitac ión .................................. ................. .................................. ................................... ................................... ................................... .................................... ........................ ...... 5
IX.
Misión .................................. ................. ................................... ................................... .................................. ................................... .................................... .............................. ............ 6
X.
Visión ................................. ................ ................................... ................................... ................................... ................................... ................................... ................................... ................... 6
XI.
Marco teórico teóri co .................................. ................. .................................. ................................... ................................... ................................... .................................... .................. 6
XII.
Cronograma Cronog rama de actividades activid ades ................................. ................ ................................... ................................... ................................... ............................... ............. 10
XIII.
Estudio de factibilidad factibi lidad ................................... .................. ................................... ................................... ................................... ................................... ................... .. 11
XIV.
Marketing Market ing .................................. ................. .................................. ................................... ................................... ................................... .................................... ...................... .... 12
XV.
Factibilidad Factib ilidad técnica técn ica ................................. ................ ................................... ................................... ................................... ................................... ......................... ........ 13
XVI.
Plataforma Platafo rma de software softwa re ................................. ................ ................................... ................................... ................................... ................................... ................... .. 14
XVII.
Localización Local ización geográfica geogr áfica ................................. ................ ................................... ................................... ................................... ................................... ................... .. 14
XVIII. XVIII .
Factibilidad Facti bilidad operativa operat iva ................................... .................. ................................... ................................... ................................... .................................. ................ 16
XIX.
Recurso Recur so humano ................................... ................. ................................... .................................. ................................... ................................... ............................ ........... 16
XX.
Análisis foda ................................. ................ .................................. ................................... ................................... ................................... .................................... .................... 17
XXI.
Factibilidad Factib ilidad Financiera......... Financi era........................... ................................... ................................... ................................... .................................. ............................ ........... 18
XXII.
Diagrama Diagra ma organizacional organiz acional .................................. ................. ................................... ................................... ................................... .................................. ................ 19
XXIII.
Sistemas de gestión de la calidad.................. ........................... .................. .................. .................. .................. ................... ................... ............. .... 20
XXIV.
Estándares Estánda res de diseño y accesibilidad accesi bilidad .................................. ................. ................................... ................................... ............................ ........... 20
XXV.
Estándar ISO/IEC 40500:2012 ............. ...................... .................. .................. ................... ................... .................. .................. .................. .................. ......... 21
XXVI.
Aseguramient Asegur amiento o .................................. ................ ................................... .................................. ................................... ................................... ............................ ........... 23
XXVII. XXVII .
Control Contro l de calidad .................................. ................. ................................... ................................... ................................... ................................... ...................... ..... 26
XXVIII. XXVII I.
Hoja de verificación verific ación ................................... .................. ................................... ................................... ................................... ................................... ................... .. 32
XXIX.
Análisis de riesgos riesgo s .................................. ................. ................................... ................................... ................................... ................................... ...................... ..... 33
P á g i n a 2 | 36
XXX.
Identificaci Identi ficación ón de riesgos.................. riesgos ................................... ................................... ................................... ................................... .................................. ................ 33
XXXI.
Análisis cuantitativo cuanti tativo .................................. ................. ................................... ................................... ................................... ................................... ................... .. 34
XXXII. XXXII .
Plan de respuesta respues ta ................................... .................. ................................... ................................... ................................... ................................... ...................... ..... 35
XXXIII. XXXII I.
Conclusión Conclu sión ................................... .................. .................................. ................................... ......................... .......
Error! Bookmark not defined.
P á g i n a 3 | 36
I.
Introducción
En la actualidad los sitios web son una manera fácil y accesible a la información desde sus casas, es un medio por cual se puede alcanzar mayor cantidad de personas para distribuir información, recursos etc. También un sitio web nos permite mantener seguimientos a cursos y poner a la disposición recursos que muchos desconocen. Con este proyecto se pretende crear un sitio web donde se concentre recursos para el aprendizaje, en el cual los estudiantes de diferentes carreras obtengan mayor facilidad de busca de recursos y tutoriales útiles para su desarrollo estudiantil. Esta página se creara utilizando lenguaje de marcado de hipertexto (HTML), CSS, y JavaScript. Estos son los elementos que con los que se diseñara la página web, previamente dar a conocer la página web para que los estudiantes conozcan el sitio.
II.
Resumen
Es un portal donde todos los usuario de un nivel secundaria, medio superior, superior e inclusos personas con el gusto por aprender pueden tener acceso libre al portal encontrando contenidos como videos, tutoriales y libros de distintos temas por ejemplo temas de matemáticas, programación, computación,
contabilidad entre muchos otros temas de
interés a las personas además podrán encontrar información relevante como enlaces a becas, enlaces a cursos online. Este portal será diseñado con las herramientas para el desarrollo web como son el lenguaje HTML, CSS y JavaScript implementado los métodos y modelos de diseños apropiados para un sitio web siguiendo las reglas de diseño así como la implementación dentro de un servidor.
III.
Planteamiento del problema
Este proyecto se llevara acabó por que se ha visto estudiantes con falta de interés y aprendizaje relacionado a su desempeño académico ya que muchos estudiantes desconocen de sitios web y recursos disponible en internet para mejorar su d esempeño académico. P á g i n a 4 | 36
IV.
Objetivo general
Diseñar e implementar un sitio web para promover el aprendizaje y fortalecer el conocimiento de los estudiantes.
V.
Objetivos específicos
Identificar, analizar los déficits de aprendizaje y ayudar a mejorar y lograr estudiantes autodidactas.
Elaborar un sitio web para permitir mejora de los conocimientos estudiantiles.
VI.
Justificación
Proporcionar recursos y multimedia para el aprendizaje y el desarrollo de habilidades relevantes a los alumnos
VII. Alcance Todos las personas nivel secundaria, medio superior, superior y todos los usuarios interesados en aprender.
VIII. Limitación
El portal solo será editado por los desarrolladores
Solo se podrá tener acceso por internet.
Página destinada a personas con conocimiento computacionales básicos
P á g i n a 5 | 36
IX.
Misión
Brindar información útil y fiable a los usuarios
X.
Visión
Obtener el mayor número de usuarios y ayudar a formar mejores personas y estudiantes por medio del aprendizaje
XI.
Marco teórico
Reconocer la importancia y los usos de internet para dar a conocer y difundir cursos, tutoriales, libros mediante un sitio web. Un sitio diseñado para internet que contiene documentos páginas web organizados jerárquicamente. Cada documento contiene textos y gráficos que ofrecen información digital en el ordenador de los estudiantes. Este sitio puede contener combinación de gráficos, textos, videos y otros materiales dinámicos o estáticos. Todos los sitios web tienen una página de inicio que es el primer documento que ve el usuario cuando entra a un sitio web poniendo el nombre de dominio del sitio web en el navegador, este documento contiene otros documentos adicionales donde cada uno contiene información diferente. Los sitios web están escritos en HTML (hyper text markup lanaguage), o dinámicamente convertidos a este y se acceden usando un software que es nuestro navegador web, también conocido como cliente HTTP. Los sitios web pueden ser visualizados o accedidos desde distintos dispositivos con disponibilidad a internet como computadora personal, notebook, Tablet, y Smartphone. Todos estos dispositivos en la actualidad se tienen una mayor accesibilidad al internet con los cuales se puede acceder a un sitio web.
P á g i n a 6 | 36
Un sitio web está alojado en una computadora conocida como servidor web también llamado servidor HTTP, estos términos también pueden referirse al software que se ejecuta en esta computadora y que recupera y entrega las pagina web de un sitio web en respuesta a peticiones del usuario. Apache es el programa comúnmente usados como servidor web según las estadísticas de Netcraft y el internet information services (iis) de Microsoft también se usa comúnmente. Un sitio web estático es uno que solo muestra información pero no tiene interactividad con el usuario, tiene contenido que no se espera que cambie frecuentemente y se mantienen manualmente por alguna persona que usan un tipo de programación editor. Un sitio web dinámico es uno que puede tener cambios frecuentes en la información, es un sitio donde los usuarios pueden interactuar con elementos de la página reaccionada por medio de eventos provocados por el usuario. Estos sitios web son diseñados generalmente usando programación como JavaScript el cual se ejecuta de lado del cliente pero hacer que la página pueda generar eventos e interacción con el usuario.
Editores de texto Editores de textos por citar algunos block de notas, Notepad ++, Atom, Sublime text entre muchos otros. Estos editores de texto es donde se manipula directamente el lenguaje HTML. También existen otros editores de texto que integran una interfaz gráfica GUI como es Microsoft FrontPage y Adobe Dreamweaver los cuales generan código HTML de una manera más fácil. También se pueden programar utilizando PHP, java, los cuales estos lenguajes se ejecutan de lado del servidor. Pero la gran diferencia es que con este lenguajes se puede hacer un sitio web más robusto. El HTML dinámico proporciona interactividad y elementos de actualización en tiempo real entre páginas web, las páginas no tienen que cargarse o recargarse para efectuar cambios.
P á g i n a 7 | 36
Existen muchas variedades de sitios web, cada uno especializándose en un tipo particular de contenido o uso, y puede ser arbitrariamente clasificado de muchas maneras sitios de noticas, servicios gubernamentales, páginas de empresas, páginas de compra-venta, sitios de comunidad, entre muchos otros sitios destinados a un propósito específico. Para el diseño e implementación de un sitio web, se utilizara el editor de texto Notepad++ para diseñar la estructura de la página por medio de lenguaje HTML con este lenguaje se creara un documento en los que se establecerá los elementos que contendrá la página web como: Head: es la parte donde se define la codificación de la página, las referencias con otros lenguajes, el título de la página, esta parte es importante ya que en esta parte se definen las características de como el buscador encontrara la página. Body: es la estructura principal de sitio web es la parte donde se incluye toda información principal de sitio, esta parte está dividida en varias partes que generalmente se le llama modelo de cajas cada elemento contiene un fragmento de la información que se definirá por los diseñadores. Header: elemento de la página donde se ubica el nombre del sitio web así como la barra principal de navegación así otros sitios de la página. Banner imagen o enlace principal de sitio web es la presentación de sitio web, Secciones: pueden ser de noticias, artículos o cualquier otro contenido que se pueda compartir, Aside o barra de enlaces: es la parte de donde se integran un menú donde puede contener enlaces a otros sitios web, enlaces a herramienta o redes sociales Footer: esta parte es donde se define la información de los diseñadores copyright, redes sociales o incluso un menú.
P á g i n a 8 | 36
Todos elementos son la estructura interna de un sitio web se podría decir que es como el esqueleto del sitio. Posteriormente todos elementos que ya fueron estructurados dentro del documento HTML, se les modificara para tener una interfaz gráfica más entendible. Rediseñando los elementos y posicionando según se requiere. Este procesos se llevara cavado por medio de hojas de estilos CSS, este es un lenguaje de diseño gráfico de páginas web. Con este lenguaje se podemos diseñar los colores, formas, bordes, cambiar los tipos de textos, tamaños de textos, modificar la posición de los elementos, agregar imágenes, entre muchas cosas más que se pueden realizar con este lenguaje. Para la programación de los elemento del sitio web se usara JavaScript este lenguaje de programación se usara para dar funcionalidad a elementos como botones, acceso a otras páginas, se definirán los eventos que el usuario podrá realizar, también se utilizara otro lenguaje de programación que es PHP este lenguaje se conectara una base de datos para poder hacer un almacenamiento de los usuarios. En términos generales una página web es esta diseñada por un conjunto de elementos de diseño y programación con la finalidad de mostrar contenidos a un usuarios en la red, donde un una web está definida como un conjunto de sitios web donde se puede acceder a información remota compartir, comprar y un sinfín de cosas que se pueden realizar en un sitio web.
P á g i n a 9 | 36
XII. Cronograma de actividades
Cronograma de actividades Octubre
Septiembre CODIGO DE ACTIVIDADES
1
2
3
4
5
6
7
8
9
0
1
2
n
n
n
n
n
n
n
n
n n
a
a
a
a
a m S
A02
A06
Planteamiento del proyecto y elección Instalación de herramientas para desarrollar la página web Recopilación de recursos para la página web Inicio de creación de la página con HTML Análisis de estructura de la pagina
A07
Análisis de diseño gráfico de la pagina
A08
Inicio de diseño de la página con CSS Programación de elementos interactivos de la pagina Monitoreo de avances Carga de la página en el servidor en línea Implementación de la pagina
A03 A04 A05
A09 A10 A11 A12
a
a e
Selección del proyecto y tema a tratar
a
a
NOMBRE DE LA ACTIVIDAD
A01
Noviembre
S
e
m
a
a
S
e
m
a
a
S
e
a
a a
S
e
m S
e
a m e S
1
a
a m
1
a
n
a S
e
1 n
a m
a
e S
P á g i n a 10 | 36
S
e
m
a S
e
m S
e
m
XIII. Estudio de factibilidad
Estudio de mercado Actualmente en la sociedad hay una creciente demanda de usuarios de internet los cuales pasan grandes cantidades de tiempo en horas en lo que son redes sociales y navegando en la web. Internet es una herramienta muy importante para el desarrollo social, académico y profesional de muchas personas. En el marco de usuarios de internet las últimas cifras del módulo sobre disponibilidad y uso de las tecnologías de la información en los hogares. El INEGI muestra que México crecerá exponencialmente en el uso de internet en hogares. Los rangos proyectados muestran que dentro de los siguientes tres años es viable que más del 40 % de los hogares en México cuente con una conexión a internet.
En términos de usuarios, para los siguientes años es altamente probable que casi se consiga llegar a una penetración de 60 por ciento en la población con 6 o más años de edad cumplidos debido a que el crecimiento de este indicador es dinámico y hay más factores que lo pueden afectar de manera positiva.
P á g i n a 11 | 36
Según los estudios realizados en el país cada día más crece el uso de internet en la población mexicana. Además el porcentaje de personas que utilizan dispositivos para conectarse a internet crecido estos son algunos porcentajes de los dispositivitos más usados.
XIV. Marketing
P á g i n a 12 | 36
Logo de la página Learnig online
Se promocionara la página por medio de:
Redes sociales
Repartir trípticos de la página a la población
Perifoneo
Anuncio por la radio
Campaña publicitaria
XV. Factibilidad técnica A continuación se detallan los diferentes aspectos técnicos a evaluar para el desarrollo del proyecto:
Servidor Una estación central en la cual se establece la conexión de la página en internet, las aplicaciones que se utilizan para levantar el servidor web es apache web server para Linux y PHP para Linux Las características del servidor son las siguientes:
Procesador corei5 a Core i7
2.5 GHz a 3.0 GHz de velocidad
De 4 a 8 GB de memoria RAM
Sistema operativo Linux
P á g i n a 13 | 36
XVI. Plataforma de software El software que se utilizara para el desarrollo del proyecto : Tipo
Especificaciones
Sistema operativo
Windows 10
Diseño grafico
Adobe Photoshop
Programación
Notepad ++
Bases de datos
Mysql
Servidor web
Apache tomcat
XVII.Localización geográfica Municipio de Juan Rodríguez Clara
P á g i n a 14 | 36
Instituto Tecnológico De Juan Rodríguez Clara
P á g i n a 15 | 36
XVIII.
Factibilidad operativa
El proyecto será diseñado de tal manera que sea fácil la implementación del sitio web en el cual, se podrá dar mantenimiento a la información como añadir, modificar o eliminar información de contenidos y enlaces dependiendo de la necesidad de los usuarios y los cambios se visualizaran automáticamente en la página web, se llevara cabo por el personal técnico que será responsable del mantenimiento del sitio web. El encargado del mantenimiento se encargara de recopilar información de los usuarios para poder hacer mojeras al sitio y saber las opiniones de los usuarios con respecto a nuestra pagina
XIX. Recurso humano Para el desarrollo de este proyecto se contara con el siguiente personal para la futura implementación de la página web: No.
Cargo
Funciones
Descripción P á g i n a 16 | 36
1
Jefe de proyecto
Encargado de gestionar el recurso
Da la autorización para que
y administrar el proyecto y dirigir
un proceso en particular
el equipo
mejore Realizar funciones de
2
Desarrollo y soporte
mantenimiento del sitio web
Encargado de realizar todo lo
agregar, eliminar, modificar,
relacionado al mantenimiento y
así como, diseño y retoque
diseño digital de páginas web
de imágenes edición de fotografías
3
Responsable de
Auxiliar de diseñador para el
contenido
mantenimiento del sitio web
Realizar las funciones de apoyar al mantenimiento del sitio web
XX. Análisis foda Fortaleza
Oportunidades
fácil de usar
disponibilidad a cualquier hora
Acceso desde cualquier dispositivo
crecimiento del uso de dispositivos
conectado a internet
crecimiento de estudiantes a nivel
crecimiento exponencial de posibles usuarios de internet
página dinámica
superior
actualización constantes de contenidos Debilidades
falta de acceso a internet
ataques de virus al servidor
página poco conocida
Amenazas
falta de interés en los usuarios
falta de conocimiento en el uso de un dispositivo en red
fallos de servidor barreras legales
P á g i n a 17 | 36
Concepto costos de producción y
Cantidad
1 1 1
Costo unitario $ 7,500 $ 15,000 $ 300
$ 7,500 $ 15,000 $ 300
1 1 1
$1000 $1000 $1000
$ 1000 $ 1000 $ 1000
3 500
$ 700 $ 0.50
$ 2,100 $ 250
fabricación
Servidor hp Computadora Adobe Photoshop Mano de obra Gerente Responsable del contenido Desarrollador de soporte Gastos financieros marketing Lonas Trípticos
costo total
XXI. F acti bili da d Fin anc ier a
De acuerdo al estudio realizado para la implementación se necesitara una inversión para comprar el equipo y software necesario. El tipo de se inversión será de tipo fijo ya que los insumos solo se necesitaran comprar una única vez. Para la generación del proyecto y el desarrollo de la página, dentro de estos costos se tendrá en cuenta el costo de la mano de obra, la adquisición de los recursos de software y equipo de cómputo
Tabla de costos
P á g i n a 18 | 36
Perifoneo Anuncios en la radio.
5 10
$ 150 $ 80
$ 750 $ 800
Costo de operación total Recurso Mano de obra Hardware y software Marketing Total de costos
valor total $ 3,000. $ 22,800 $ 3,900 $ 29,700
XXII.Diagrama organizacional
P á g i n a 19 | 36
Jefe de proyecto: Aurora Hernandez Vazquez
Desarrollo y soporte:
Responsable de contenido:
Daniel Morales Vazquez
Caleb Gomez Romero
XXIII.
Sistemas de gestión de la calidad
Planificación Existen leyes y normativas que regulan la publicación de contenidos en internet, fundamentalmente relacionadas con la accesibilidad para personas con discapacidades. En concreto según el decreto 1494/2007, desde el 31 de diciembre de 2008 las páginas web de organismos públicos deben satisfacer la norma UNE 139803:2004
Normativa legal 1. eEurope 2002 accesibilidad de los sitios web públicos y de su contenido 2. eEurope 2005 una sociedad de la información para todos 3. Normativa UNE 139803:2012 requisitos de accesibilidad contenidos en la web
XXIV.
Estándares de diseño y accesibilidad P á g i n a 20 | 36
Las páginas web de organismos públicos deben satisfacer los estándares de navegabilidad y accesibilidad para personas con discapacidad. Estos estándares los fija normalmente el W3C (worl wide web consortion) y se pueden encontrar en su página web.
Accesibilidad web (WAI) Con el objetivo de mantener y promover la accesibilidad web, la organización internacional ha impulsado la Web Accessibillity Initiative (WAI) encargada de proporcionar pautas y recursos que ayudan a hacer la web accesible. Atreves de foros internacionales promueve la colaboración entre
las industria, organizaciones personas en estado de discapacidad,
investigadores de accesibilidad, organizaciones del gobierno y personas interesadas en los temas de accesibilidad.
XXV. Estándar ISO/IEC 40500:2012 Las pautas de accesibilidad para el contenido web WCAG 2.0 cubren una amplia gama de recomendaciones para hacer que el contenido web sea más accesible. Seguir estas pautas hará que el contenido sea más accesible para una gama más amplia de personas con discapacidad. Seguir estas pautas también hará que tu contenido web sea más usable. Pautas de accesibilidad al contenidos de la web, son el conjunto de normas y pautas promovida por el consorcio W3C para promover y difundir las directrices en el diseño de sitios web accesibles .ala fecha se han publicado dos versiones las WCGA 1.0 y WCGA 2.0.
Perceptibilidad P á g i n a 21 | 36
Indica que los contenidos y componentes de la interfaz de usuario deben presentarse de manera que sean percibidos.
Pauta 1 contenidos textuales se deben proporcionar alternativas textuales para todo el contenido no textual de modo que se puedan convertir a otros formatos que las personas necesiten.
Pauta 2: se debe proporcionar alternativas para el medio tempo dependientes
Pauta 3 el contenido se debe crear de manera que se pueda presentar en diferentes formas sin perder información o estructura.
Pauta 4: Distinguible se debe facilitar a los usuarios ver y oír
el contenido,
incluyendo las separación entre el primer plano y el fondo.
Operabilidad Indica que los componentes de la interfaz de usuario y la navegación deben ser fácilmente operables.
Pauta 1: accesible por teclado para toda funcionalidad del contenido o la interfaz de usuario se debe proporcionar acceso mediante el teclado
Pauta 2: tiempo suficiente para leer y usar el contenido.
Pauta 3: convulsiones no se debe diseñar el contenido de un modo que se sepa. Podría provocar ataques, espasmos o convulsiones.
Pauta 4: navegable se deben proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar donde se encuentra.
Comprensibilidad P á g i n a 22 | 36
Indica que la información y el manejo de la interfaz de usuario deben ser comprensibles. Pauta1: legible se debe hacer que los contenido textuales resulten legibles y comprensibles. Pauta 2: predecible sebe hacer que las páginas web aparezcan y operen de manera predecible. Pauta 3.entrada de datos asistida ayudar a los usuarios a evitar y corregir errores.
Robustez Indica que el contenido debe ser lo suficiente robusto para ser interpretado de forma fiable por la amplia variedad de aplicaciones de usuarios incluyendo las ayudas técnicas.
Pauta 1: se debe maximizar la compatibilidad con las aplicaciones de usuarios actuales y futuras incluyendo las ayudas técnicas.
Diseño de contenidos WEB (HTML) Hojas de estilo (CSS)
XXVI.
Aseguramiento
Principios generales de la usabilidad del sitio web Perceptibilidad (Estándar ISO/IEC 40500:2012) Según la legibilidad del color del texto y tamaños contrasta
con el fondo para que pueda ser entendible Las imágenes cuentan con descripción de su función en la página y son legibles a simple vista
P á g i n a 23 | 36
Operatividad La estructura de la página está diseñada de una manera sencilla donde incluye una barra de navegación para el acceso a otras funciones de la página. El sitio esta enlazado a otra página para su fácil acceso y se describe la función de cada una de las imágenes y textos .
P á g i n a 24 | 36
Comprensibilidad Los elementos de la página como enlaces, barra de navegación, barra de herramienta, campo de texto están diseñados para que el usuario al poner el apuntador sobre ellos indique que son elementos con direccionamiento o en su defecto campos para introducir información
Robustez La página esta implementa con la finalidad de que sea compatible con los navegadores más usados de manera que pueda enlazarse con otros enlaces de página y plataformas, además de agrégale elementos interactivos para el procesamiento de la información.
P á g i n a 25 | 36
XXVII.
Control de calidad
Diagrama de causa y efectos
Accesibilidad
Software
Hardware Falta de internet
Fallo del servidor
Vencimiento de licencias
Fallo de router y modem de internet
Incompatibilidad del software
Incompatibilidad con algunos buscadores
Página learnig online Falta de actualización
Fallos por virus
Acceso a recursos no autorizados Seguridad
Dificulta de operación Desconocimiento del sitio
Errores de diseño
Desarrollo
Usuarios
P á g i n a 26 | 36
Diagrama de flujo del proceso de diseño
Inicio
Página de inicio del sitio
Diseño de estructura HTML Header Body Pie de página
No
Si Diseño terminado
Diseño de la interfaz gráfica imágenes, textos, colores organización de elementos
Diseño terminado
Programación de JavaScript y PHP
A
P á g i n a 27 | 36
B
Programación de botones Programación de campos de textos e interactivos
No
Ejecución correcta
Si
Implementación
Fin
P á g i n a 28 | 36
Diagrama de flujo de la ejecución de la pagina
Inicio
Página Lerning online
Página de inicio Artículos Barra de herramientas
Barra navegación
Tutoriales
Tutoriales Acceso a cursos
Libros
Abrir libros Descargara libros
Comentarios
Ingresar correo, Ingresar comentari
A
P á g i n a 29 | 36
B
Realizar comentario
Regresar a inicio
Salir
Fin
P á g i n a 30 | 36
Mapa conceptual de la página web
Página Lerning online
Página inicio
Artículos
Tutoriales
Videos Enlace a cursos
Barra lateral
Barra de menú
Libros
Descarga de libros PDF
Herramientas de descar a
Comentarios
Formulario de comentarios
P á g i n a 31 | 36
XXVIII.
Hoja de verificación
Calificación global de actividad Proyecto: página web Learnig online Realizado por: Aurora Hernández Vázquez
Actividades Inicio de creación de la pagina Análisis de la estructura de la pagina Header (cabecera) y nav(barra de navegación) Section (secciones) y article(artículos) Aside(barra lateral ) y footer(pie de la pagina) Análisis de diseño grafico de la pagina Inicio de diseño de la pagina con CSS Interfaz grafica header y barra nav Interfaz grafica section y article Interfaz grafica barra lateral aside y pie de pagina aside Programación de elementos interactivos Javascritp Diseño de base de datos y interfaz con PHP
A)-completamente cumplido B)- incumpliendo leve C)-incumplimiento moderado D)-implementos serios Semana 1 Semana 5 Semana 9 a la a la a la 4 fase 1 8 fase 2 11 fase 3
Porcentaje realizado
A
A
A
100%
B
A
A
66%
B
A
A
66%
B
B
A
50%
C
B
A
40%
B
B
A
50%
B
A
A
66%
A
A
A
100%
B
A
A
66%
B
B
A
50%
C
C
A
25%
C
C
A
25%
P á g i n a 32 | 36
XXIX.
Análisis de riesgos
Panorama general Aunque hay un considerable debate acerca de los riesgo de software y diseño web existe un acuerdo general en los que los riesgos siempre involucran dos características: incertidumbre (el riesgo puede ocurrir o no) y perdida (si el riesgo se vuelve realidad, ocurrirán consecuencias o perdidas no deseadas. En términos generales se analizaran la información del proyecto para lograr identificar los posibles riesgos que pueden surgir ocasionando retrasos e incluso el fracaso del proyecto. Se someterá cada riesgo a un análisis para lograr formular respuestas a cada riesgo para poder solucionarlo en caso de que se suscite alguno.
XXX. Identificación de riesgos Según los posibles riesgos en el proyecto basados en plan de trabajo, cronograma, presupuesto, recursos entre otros aspectos, estos riegos pueden ser:
Riesgos administrativos:
Las actividades de recopilación de información y análisis de diseño desfasen el tiempo establecido para el desarrollo de cada actividad ocasionando un desequilibrio de tiempo y provocando que el proyecto no se termine en el tiempo establecido.
Superar el presupuesto previsto para el desarrollo del proyecto
El equipo de trabajo no satisfaga las necesidades y requerimientos previstos para el proyecto.
Cambios imprevistos en el diseño de la página web
Rotación de personal
P á g i n a 33 | 36
Riegos técnicos Estos serían los posibles riegos basados en el análisis del diseño, programación y funcionamiento del proyecto.
El diseño de la página y programación no cumplen las norma y estándar de calidad previsto ocasionando problemas con los usuarios.
El diseño de la página no es compatible con los navegadores previstos haciendo difícil el acceso de los usuarios.
La página no se encuentra disponible las veinte cuatro horas del día.
La programación de la página no cumplen las necesidades del usuario
XXXI.
Análisis cuantitativo
En base a la identificación de los riegos posibles se cuantificaron los riesgos midiéndolos según sea su magnitud del riesgo. Se registrara su probabilidad con la notación del 1 al de 10 y su impacto con la notación
de 25 % un impacto menor y 100% un impacto
catastrófico para el proyecto
probabilidad (1 al 10)
impacto % (25,50,75,100)
3
50
5
75
No se logró satisfacer las necesidades de los usuarios
4
75
Cambios imprevistos en el diseño de la página web
6
50
Rotación de personal
2
25
3
75
5
50
4
75
3
50
Riesgos Sobrepasar el tiempo previsto en el cronograma de actividades Sobrepasar el presupuesto previsto
El diseño de la página y programación no cumplen las normas y estándares de calidad La página no es compatible con todos los navegadores La página no se encuentra disponible las 24 horas del día La programación de funciones de la página no cumple las necesidades requeridas
P á g i n a 34 | 36
XXXII.
Plan de respuesta
De acuerdo a los riesgos identificados se establecerán métodos de respuestas para solucionar los posibles riesgos considerando su probabilidad e impacto. Para lograr manejar los riegos adecuadamente mediante un análisis de acciones para evitar, reducir o aceptar el impacto de los riesgos.
Riesgos
Respuesta
Monitorear cada actividad en el cronograma Sobrepasar el tiempo previsto en el cronograma si se cumple en el tiempo establecido, si no de actividades es así contratar más personal Sobrepasar el presupuesto previsto No se logró satisfacer las necesidades de los usuarios Cambios imprevistos en el diseño de la página web Rotación de personal por incapacidad de realizar alguna actividad El diseño de la página y programación no cumplen las normas y estándares de calidad
Verificar los costos y variaciones de precios de los recursos necesarios y adaptarlos a presupuesto previsto Hacer una recopilación de requerimiento de los usuarios y diseñar la página conforme a los requerimiento recabados Establecer en el cronograma un espacio en blanco por futuros cambios Dar capacitación al equipo de trabajo para lograr un óptimo desarrollo Centrar el diseño a lo establecido el estándar de calidad y hacer pruebas cada cierto tiempo para verificar que se cumple con la norma
La página no es compatible con todos los navegadores
Hacer pruebas con los distintos navegadores e implementar las correcciones necesarias para lograr una mayor compatibilidad con todos los navegadores
La página no se encuentra disponible las 24 horas del día
Seleccionar el servicio de alojamiento de la página indicado para lograr que la pagina cuente con la disponibilidad necesaria
La programación de funciones de la página no cumple las necesidades requeridas
Aplicar los métodos de testeo de código para lograr una programación optima
P á g i n a 35 | 36
