Capacitación de Herramientas para el Desarrollo WEB Modulo II- Conocimientos sobre servidores Web Sesión #1 María Paz Co

1. Capacitación de Herramientas para el Desarrollo WEB Modulo II- Conocimientos sobre servidores Web Sesión #1 María Paz Coloma M. mcoloma@inacap.cl

2. Conocimientos sobre servidores webContenidos • ¿Qué es un servidor Web? • Conceptos de un servidor Web. • Sitios Web. • Configuración de Sitios Web.

3. ¿Qué es un servidor Web? • Un servidor web es un software que permite administrar y publicar sitios web. • Hay una gran variedad de este tipo de software en el mercado. • Los costos dependen de la plataforma que se utilice.

4. Servidores más utilizados • Apache Web server. • Internet Information Server(IIS) • Personal Web Server(PWS) • Web Site. • Netscape Enterprise Server.

5. Conceptos de un Servidor Web • Sitio WEB. • Directorio Virtual. • Permisos. • Servidores Seguros. • Extensiones y Errores Personalizados.

6. Definición de un Sitio Web • Un sitio web representa una aplicación web para el desarrollor. • Esta compuesto por un conjunto de archivos entre los que se cuentan páginas html, asp, php, imágenes, archivos, base de datos, objetos entre otras cosas. • El usuario es un concepto que lo asocia a una página.

7. Características de un Sitio Web • Tiene asociada una IP y un puerto. • Apunta a un directorio físico. • Tiene un nombre asociado. • Tiene permisos y usuarios asignables. • Tiene información de control sobre el sitio. • Tiene un documento por default asociado. • Pueden existir varios sitios en un mismo servidor.

8. Definición de un directorio virtual • Un directorio web representa una carpeta virtual que reside dentro de un servidor web. • Puede contener diferente archivos que permitan a la aplicación web funcionar sin problemas.

9. Características de un directorio virtual • No tiene Ip asociada. • Tiene permisos y usuarios asociados. • Apunta a una carpeta física. • Pueden existir n de directorios asociados. • Tiene documentos por default asociados.

10. Permisos • Se aplican sobre el sitio, directorio y archivos. • Dependiendo del sistema operativo, los permisos funcionarán correctamente. Ejemplo: Foro de Juego de Negocios. • Los permisos más comunes son: • Lectura - Escritura • Ejecución - Listado de directorios. • Logs.

11. Servidores Seguros • La información que circula entre un cliente y un servidor se transfiere en forma segura(encriptada). • El servidor se encuentra autenticado por una CA( Autoridad Certificadora). • Ideal para cuando se quiere transmitir información confidencial.

12. Extensiones y Errores Personalizados • Dependiendo de los módulos instalados el servidor web podrá interpretar correctamente las extensiones de una página.(asp, jsp, php entre otros.) • Errores típicos como el 404, 403 que pueden ser personalizados por el desarrollador.

13. Pasos para la creación de un Sitio Web • 1. Determinación del alcance del proyecto, cuales son los objetivos y mercado(demanda). • 2. Investigación de la competencia directa. • 3. Elección de nombre de dominio e inscripción en las entidades respectivas. • 4. Diseño, desarrollo e implementación del sitio Web.

14. Pasos para la creación de un Sitio Web • 5. Determinación del proveedor de hosting o housing. • 6. Medición interna y auditoría externa del sitio web. • 7. Mantención del sitio web. • 8. Marketing y promoción del sitio web.

15. Sitio Web- Conceptualización • Antes de realizar cualquier desarrollo es sumamente importante conceptualizar el sitio y definir las expectativas del cliente. • Se debe planificar cuidadosamente cada etapa, definiendo las participaciones del cliente. • Esta etapa es la base para que el diseño y desarrollo pueda ser exitoso.

16. Sitio Web- Conceptualización • Los requerimientos del cliente deben ser evaluados, en cuanto al riegos que lleva y la factibilidad. • Utilizar herramientas de casos de Uso que faciliten la compresión del cliente. • Construcción de prototipos.

17. Casos de Uso • Los casos de uso son uno de los tantos diagramas de UML. • Define los actores de una aplicación. Ejemplo: cliente, autor, navegante entre otros. • Define las funcionalidades por actor. Buscar sitios, modificar página, entre otros. • Mediante un diagrama se da a conocer los escenarios de uso.

18. Usabilidad • “La web es un entorno en el que el poder está en manos de los usuarios. El usuario es quien hace clic en el ratón, es el que decide todo. Es tan fácil ir a cualquier otra parte, que la competencia de todo el mundo esta a un solo clic” Jacob Nielsen

19. Usabilidad • La usabilidad se refiere al grado de satisfacción que experimenta un usuario al visitar un sitio. • representa la capacidad o potencialidad del producto para ser utilizado, comprendido y operado por los usuarios, • La usabilidad es más que calidad.

20. Jakob Nielsen Steve Krug Usabilidad • Existen dos gurú con respecto a este tema. • Jacob Nielsen: • Usabilidad. • Pensar siempre en el usuario • Steve Krug • No me hagas pensar • Veo una página y uso. • Nadie lee nada.

21. Usabilidad • Consejos de Jakob Nielsen • Incluir un lema. • Título en la ventana para buscadores. • Agrupar información corporativa. • Enfatizar un mensaje principal. • Incluir sistema de búsqueda. • Mostrar ejemplos de contenido. • Enlaces con la palabra más últil. • Mantener visible temas pasados. • No apoyar demasiado con gráficos. • Usar gráficos significativos

22. Usabilidad • Consejos de Steve Krug • No leemos: saltamos por el contenido. • Usar métodos convencionales. • Usar signos de navegación. • Hacer obvio lo que es “clickeable” • Escribir lo justo y necesario

23. Accesibilidad • “El poder de la web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad, es un aspecto esencial” Tim Berners-Lee Director del W3C e inventor del la World Wide Web

24. Objetivos de Accesibilidad • Un sitio en internet debe ser algo que muestre lo que se desea transmitir en forma: • Clara • Precisa • Entedible

25. Problemas de accesibilidad • Muchos usuarios potenciales pueden: • No ver. • No oir. • Presentar dificultades en la compresión de textos complejos. • Tener una conexión muy lenta y cara. • Tener un navegador de sólo texto por requerimiento del equipo que utilizan. • Tener diferentes sistemas operativos.

26. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • Vaya a menú inicio, programas, herramientas administrativas comunes, Internet Services Manager.

27. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • Se cuenta con dos sitios web por defectos que son el default web site y administration web site. • Posicionese en Default Web Site y presione botón derecho, y seleccione propiedades.

28. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • Esta pantalla representa la ventana de propiedades de un sitio. Se cae por defecto en el tab sitio web. • Aquí deben ser configurados la ip, puerto, número de conexiones y tiempo de estas.

29. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • Esta pantalla representa la ventana de propiedades de un sitio. Se cae por defecto en el tab sitio web. • Aquí deben ser configurados la ip, puerto, número de conexiones y tiempo de estas.

30. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • En el tab Home directory se define el directorio físico en donde se encuentran los archivos del sitio. Aquí se deben definir los permisos del directorio, como también los permisos sobre los script. • Si presiona configuración podrá ver las extensiones de archivos soportadas por el sitio.

31. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • Al presionar configuración aparace la siguiente pantalla. Se pueden apreciar las extensiones y los programas que realizan la interpretación. • En los otros tabs se puede configurar el tiempo de la sesión entre otras cosas.

32. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • En este tab de Seguridad de Directorio permite definir el tipo de autenticación de usuarios. Por default todos los pueden ingresar a través del usuario anónimo de internet. • Además se puede garantizar acceso a un determinado número de ip y configurar un servidor seguro.

33. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • En este tab custom errors aparece un listado de html correspondientes a los errores frecuentes del sitio. • Estas plantillas pueden ser personalizadas.

34. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • En este tab extensiones de servidor permite principalmente la integración con herramientas de control de versión como Source Safe.

35. Configuración de Sitios Web • Configuración IIS 5.0 en windows 2000. • En este tab de documents se define las páginas por defecto configuradas. Vale decir, si se accesa a http://apoq_web/ • Buscará una de estas páginas y en ese orden a mostrar.

36. Creación de un Sitio Web desde IIS 5.0 • 1. Vaya a menú inicio, programas, herramientas administrativas comunes, Internet Information Services. • 2. Seleccione Default Web Site. • 3. Botón derecho sobre este, y seleccione la opción new Site. • (Antes de crear el sitio debe estar definida la carpeta física que albergará el sitio, con su estructura de directorio básica)

37. Creación de un Sitio Web desde IIS 5.0 • 4. Presione siguiente en la pantalla del wizard. • 5. En la siguiente pantalla debe escribir el nombre del site. Presione Siguiente.

38. Creación de un Sitio Web desde IIS 5.0 • 6. Seleccione la IP si es que es necesario, y el puerto de configuración del site.

39. Creación de un Sitio Web desde IIS 5.0 • 7. Seleccione el directorio físico del site. Presione siguiente.

40. Creación de un Sitio Web desde IIS 5.0 • 8. Determine los permisos necesarios sobre su site. Presione siguiente.

41. Creación de un Sitio Web desde IIS 5.0 • 9. Presione Finalizar.

42. Creación de un Directorio Virtual desde IIS 5.0 • 1. Seleccione su site, botón derecho, nuevo, directorio virtual. Aparecerá un wizard.

43. Creación de un Directorio Virtual desde IIS 5.0 • 2. Seleccione el alias del directorio virtual y presione siguiente.

44. Creación de un Directorio Virtual desde IIS 5.0 • 3. Seleccione el directorio físico al cual apuntará el directorio virtual. Presione siguiente.

45. Creación de un Directorio Virtual desde IIS 5.0 • 4. Seleccione los permisos necesarios sobre el directorio virtual. Presione siguiente.

46. Creación de un Directorio Virtual desde IIS 5.0 • 5. Presione finalizar.

47. LINKS • Usabilidad http://www.usablenet.com/accessibility_usability/usability.html • W3C: http://www.w3c.org • Varios: http://www.microsoft.com/latam/technet/articulos/200002/art12/ • Buscador: http://www.google.cl