Apunte #1

1. Qu es diseo web?
Actividad que consiste en estructuras, los elementos grficos de un sitio web para
expresar estticamente la identidad de una compaa u organizacin

2. Qu es desarrollo web?
Proceso de creacin y mantenimiento de pgina web las personas encargadas de
esta tarea son llamadas desarrolladores web

3. Factores de xito/Fracaso del diseo web
xito Fracaso
Estructurado Saturacin de Informacin
Fcil de Navegar Multimedia de mala calidad
Simplicidad Coloreo grafa
Compatibilidad No satisface las Necesidades de Cliente
Diseo Responsivo Exceso de publicidad

4.Factores del desarrollo web
xito Fracaso
Seguridad Planeacin
Planeacin Diseo de la base de datos
Compatibilidad de plataforma Requerimientos mal definidos
Diseo de base de datos Mala estructura
Conocimiento del Lenguaje Alcance






5.Ciclo de Vida de un sitio web
Es la concepcin de un proyecto web desde el anlisis hasta la finalidad del
mismo

6. Etapas del ciclo de vida
Anlisis de Requisitos
Anlisis de proyecto
Propuesta de desarrollo
Construccin
Puesta en Marcha
Promocin
Mantenimiento











Apunte #2

1. Seguridad en los sistemas web:
Elemento de primer nivel que entra en juego desde la concepcin inicial de un
sistema y participa desde un principio en las decisiones de diseo.

2. Fase del ciclo con problema de seguridad
A nivel de aplicacin y son los resultados de escritura defectuosa del cdigo

3. Proceso de verificacin de entrada y salida
Se encarga de validar informacin o datos de usuarios para poder acceder a
varios contenidos

4. Balance de riesgo y usabilidad
Si bien la usabilidad y la seguridad en una aplicacin no son necesariamente
excluyentes algunas medidas para incrementar la seguridad con frecuencia afecta
la usabilidad.

5. Rastrear el paso de los datos
Distinguir los orgenes de los datos y poder reconocer cuando pueden ser dignos
de confianza y cuando no.

6. Filtrado de entradas y sus pasos
Proceso para probar la validez de los datos y eliminar el riesgo de que datos
contaminados y que reciben confianza indebida sean usados para provocar
funcionamientos no deseados

7. Proceso de escapado y su composicin:
Proceso de codificar y decodificar informacin de tal forma que su significado
original sea conservado

8. Ataque web, clasificacin y en qu consiste
Son aquellos que pueden desfigurar la pgina, robar informacin, modificar datos
de la empresa o personales de los usuarios y tambin intrusin en el servidor web
Autenticacin
Autorizacin
Ataque en la parte del cliente
Ejecucin de comandos
Revelacin de informacin
URL
9. Ataque Cross-site Scripting
Ataque de inyeccin de cdigo malicioso para su posterior ejecucin que pueda
realizarse a un sitio web por medio de cdigo HTML y Java Script

10. Vulnerabilidad XSS y sus tipos
Inyecta cdigo malicioso en pginas de otros dominios. Un atacante gana
privilegios a datos sensibles, cookies de sesin y otros objetos.


Tipo Cero o Dom local: con este tipo el problema existe en el script del lado del
cliente
Tipo Uno/ persistente/reflejado: Es por mucho el ms comn.


11. Ataque Cross-site forgeries
Permite enviar peticiones HTTP desde la mquina de la vctima a voluntad
12. Envo de formas falsificadas
El atacante copia el cdigo fuente de una pgina modifica el atributo de la accin
que se realiza y puede mandar datos arbitrarios al servidor
13. Peticiones HTTP falsificadas
Empleando una herramienta de lnea de comandos presente en la mayora de las
plataformas se posibilita la comunicacin directa con un servidor remoto
conectndose al puerto 80.
14. Exposicin de credenciales de acceso
Uno de los asuntos principales a ser enviados cuando se utiliza una base de datos
es el almacenamiento de las credenciales de acceso a ellas. Los datos son
almacenados en el archivo ab.inc, los datos de usuario y password son sensibles.
15. SQL injection
Se da por fallos en el filtrado de los datos y fallos en el escapado de los datos a la
base de datos
16. Registros persistentes
Cuando un usuario permanece en el estado de registrado despus de un tiempo
no razonable.


























Apunte #3
Qu es usabilidad?
Caracterstica que mide que tan intuitiva y fcil de manejar una pgina web para el
usuario.

Cules son los atributos de la usabilidad?
*Cuantificables de forma objetiva: nmero de errores, tiempo empleado por el usuario,
clics, visitas etc.
*Cuantificables de forma subjetiva: satisfaccin, estructura, colores.

Qu es la arquitectura de la informacin?
Estructura y organizacin lo que es igual al componente no visible del diseo.

Qu es el diseo de interfaces?
Conjunto de elementos de la pantalla que permiten al usuario realizar acciones sobre el
sitio web que se visita.

Qu es el nivel de usabilidad del requerido?
Es cuando se siguen metodologas, tcnicas y procedimientos ideados para un fin.

Qu es la metodologa del diseo web centrado en el usuario?
Asumir que todo el diseo y desarrollo del sitio web debe estar construido por el usuario,
sus necesidades, caractersticas y objetivos.

Cules son las faces o etapas en el proceso del diseo web entrado en el usuario?
*Planificacin.
*Diseo.
*Prototipado.
*Evaluacin.
*Implementacin y lanzamiento.
*Mantenimiento y seguimiento.

Qu es la etapa de planificacin y en qu consiste?
Identifica los objetivos del sitio, as como las necesidades requerimientos y objetivos de la
audiencia potencial, establecen un equilibrio entre lo que puede aportar el proveedor y lo
que necesita el cliente.

En qu consiste el modelado de usuario?
Seleccionar el contenido adecuado, utiliza el lenguaje ms apropiado y propone el nivel
correcto de vista al usuario.

En qu consiste el diseo conceptual?
En definir el esquema de organizacin de visita, funcionamiento y navegacin del sitio.

En qu consiste el diseo visual y definicin de estilo?
Consiste en especfico, en el aspecto del sitio web, composicin de la pgina aspecto y
comportamiento de los elementos de interaccin y presentacin multimedia.

En qu consiste el diseo de contenido?
Disear contenido, interrelaciones y vinculados manteniendo cierta coherencia
informativa, comunicacional y organizativa.

En qu consiste el prototipado?
En la elaboracin de modelo de interfaz del sitio para evaluar la usabilidad sin necesidad
de esperar a su implementacin.

Qu es el mtodo de inspeccin evaluacin heurstica?
Son aquellas realizadas por el experto en usabilidad en que se basa en el recorrido y
anlisis del sitio identificando errores y problemas de diseo.

Principios de usabilidad.
*Visibilidad.
*Lenguaje comn entre sistema y usuario
*Libertad y control por parte del usuario.
*Consistencia y estndares.
*Prevencin de errores.
*Mejor reconocer que reducir.
*Flexibilidad y eficiencia de usos.
*Diseo minimalista.

En qu consiste el mtodo de test con usuarios?
Es una prueba de usabilidad que se basa en la observacin de como un grupo de
usuarios real usa el sitio web.

Qu es el comportamiento del usuario y uso del sitio?
Es el anlisis de los ficheros locks que no pueden servir como apoyo en el rediseo e
implementacin del sitio web.












Apunte #4
1- Tendencias de colores 2014
*Colores de nen (opacos gris)
*Pantonne (colores de pastel)
*Fressia (amarillo energtico)
*Reflexivos
2- Tendencias de Diseo visual
*Responsive (Tablet, mviles)
*Adaptive (limitar)
*Formatos SVG (vectorisacin)
*One page design (todo en una pgina)
3- Tendencias de diseo conceptual
*Multitouch
*Botones ms grandes
*Navegacin no estndar
*Interactivo
*Scroll Infinito
*Barra de navegacin fija
4- Tendencia de Contenido
*Uso de videos
*Imgenes de fondo
*Social Media
*Tipologas elaboradas
5- Mapa de Navegacin
Es la representacin grfica en la cual el usuario espera encontrar, y que le
permita comprender la estructura cognitiva e informativa del servicio de
informacin.

6-Caracteristicas del Mapa de Navegacin
Ventajas
Usuario permanece ms en la web
Facilidad de Navegacin
Estructuras definidas
Informacin disponible
Estructura clara y sencilla
Desventajas
Mala estructuracin
Inestabilidad
Informacin incompleta
Mala experiencia para el usuario
Informacin oculta

7- Tipos de Mapas
Navegacin lineal: Aquellos en los cuales para poder tener informacin, siempre
se tienen que ir hacia delante o hacia atrs.
Jerrquico: Son aquellos que para poder pasar de seccin en seccin, es
necesario ir hasta la pgina de inicio y de ah partir de nuevo a donde se quiera.
Ramificada: Desde cualquier destino se puede tener acceso a las dems
secciones del sitio web.
Hipermedia: Red hipertextual en la que se incluye no solo texto si no tambin otros
medios imgenes, audio, video, etc.