Generalidades y Conceptos Básicos

Transcripción

1 y Conceptos Básicos 1

2 Conceptos La World Wide Web es una colección de documentos electrónicos que están vinculados entre sí, como una gran telaraña. Esta colección de documentos están almacenados en computadores llamados servidores situados en cualquier parte del mundo. La Web ha evolucionado hasta ser un medio de publicación electrónica global, y un medio que sirve de soporte al comercio electrónico.

3 Conceptos Componentes de la Web Cualquier computador personal Un Software explorador que permite acceder a la red Una conexión a un proveedor de servicios de Internet Servidores para albergar los datos Enrutadores y conmutadores para dirigir el flujo de datos

4 Conceptos Funcionamiento de la Web Las páginas Web están almacenadas en servidores Web situados por todo el mundo. Al introducir en el explorador web la URL (siglas del inglés Uniform Resource locator, en español un Localizador Uniforme de Recursos) de una página web, o al hacer clic en un enlace (link), una petición es enviada al servidor que alberga la página. El servidor envía la página web a su computador y su explorador web se encarga de mostrarla en la pantalla.

5 Conceptos HTML (Hyper Text Markup Language ) Lenguaje de marcación de hipertexto HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.. El HTML es un lenguaje de marcación de elementos para la creación de documentos hipertexto, muy fácil de aprender, lo que permite que cualquier persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de crear una web.

6 Conceptos Páginas Web Una página web es un documento electrónico escrito en un lenguaje llamado HTML (siglas del inglés Hypertext Markup Language, o Lenguaje de Marcación de Hipertexto). Las páginas Web pueden contener texto, gráficos, vídeo, animaciones, sonido y elementos interactivos. Cada página tiene una dirección única que se denomina una URL que identifica su ubicación en el servidor. Las páginas Web contienen generalmente hiperenlaces a otras páginas web. Los hiperenlaces son textos e imágenes que hacen referencia a URL s de otras páginas web.

7 Conceptos

8 Conceptos Sitios Web Un sitio web se compone de una o más páginas web referidas a un asunto común, como a una persona, un negocio, una organización o a un tema, tal como el deporte. La primera página se llama la página de inicio, y hace las funciones de un índice,indicando el contenido del sitio. En la página de inicio puede hacer click en los hiperelaces para acceder a otras páginas web.

9 Conceptos Navegación Hay tres maneras principales de desplazarse de unas páginas o sitios web a otras: Haciendo click en un hiperenlace de texto. Haciendo clic en un hiperenlace de un gráfico o imagen, como un botón, una foto o un dibujo. Escribiendo la URL de una página web en el cuadro de dirección (también llamado campo de dirección) de su explorador, y luego pulsando la tecla ENTER.

10 Conceptos Hiperenlace Los enlaces de texto están generalmente subrayados y de color diferente al resto del texto. Para determinar si un gráfico está hipervinculado, mueva la flecha del cursor sobre la Imagen. Sabrá que el elemento está hipervinculado si: 1. La flecha del cursor se convierte en una mano. 2. Aparece una URL en la barra de estado de la parte inferior izquierda de su explorador web.

11 Conceptos Hipervínculos Un hipervínculo de texto o gráfico oculta una URL. Al hacer clic en un hipervínculo la URL es pasada al explorador. Al hacer click sobre diferentes partes de un gráfico vinculado, llamado un mapa de imagen, se desplazará a diferentes páginas web o a diferentes puntos dentro de la misma página. Además de apuntar a páginas web, los hipervínculos pueden acceder archivos multimedia, como clips de sonido o video. a

12 Conceptos URL.- Uniform Resource Locator Algunos ejemplo de URL son documentos textuales, imágenes, vídeos, presentaciones, presentaciones digitales, etc. Un localizador uniforme de recursos, más comúnmente denominado URL (sigla en inglés de uniform resource locator), es una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que se usa para nombrar recursos en Internet para su localización o identificación Permiten a los autores de documentos establecer hiperenlaces en la WEB

13 Conceptos Ejemplos de URL s ftp://rtfm.mit.edu/pub/ Un directorio de archivos en el Instituto Tecnológico de Massachusetts (MIT), que puede descargar a su computador La página de inicio del sitio web de la Universidad Católica del Maule news:rec.gardens.roses Un grupo de noticias sobre el cultivo de rosas

14 Conceptos Composición de una URL Aquí puede ver cómo se interpretan las diferentes partes de una URL: Abreviatura de Hypertext Transfer Protocol (Protocolo de Transferencia de Hipertexto), esto indica que se trata de un documento o directorio hipertexto. www. -- Esto indica que se trata de una página en la World Wide Web. (A veces no aparece el "www") ucm.cl -- corresponde al nombre de dominio, y a menudo indica el nombre de la empresa, universidad u organización. También indica el país de origen.

15 Conceptos Composición de una URL ganimides -- Indica el nombre del servidor dentro de la organización. haraya/ -- Esto es el directorio o carpeta, dentro del servidor web, que contiene un grupo de páginas web relacionadas dentro del sitio web. inicio.htm -- Esto es una página web dentro de la carpeta. (También podría tener extensión html) Una URL no siempre incluye el nombre de la página web.

16 Conceptos Explorador Web Un explorador de web es un programa que se utiliza para acceder a la World Wide Web. Un explorador de web (también denominado software de cliente) información de servidores web remotos y muestra una página web. recupera Los exploradores web más populares son los de FireFox de Mozilla, Microsoft Internet Explorer y NetScape. Ambos exploradores funcionan básicamente de la misma forma. Una vez que conozca uno, podrá utilizar fácilmente el otro.

17 Conceptos Multimedia en la Web El sonido, vídeo, animación, y el vídeo interactivo en 3D es lo que se denomina multimedia. Algunos medios multimedia, llamados de secuencia, comienzan su reproducción tan pronto como accede a la página web. Otros requieren que previamente descargue el archivo multimedia a su computador. Los archivos multimedia a menudo requieren que su explorador utilice un programa complemento (plug-in en inglés).

18 Conceptos Complementos Los complementos (plug-ins en inglés) son pequeños programas que amplían las capacidades de su explorador, posibilitando que reproduzca clips de sonidos y vídeo o hagan otras funciones, como descomprimir automáticamente los archivos que descargue. Los complementos pueden venir incluidos con el software de su explorador o pueden ser descargados de sitios web. Algunos complementos posibilitan el secuenciado de audio o video, lo que le permite escuchar o ver un archivo multimedia antes de que haya sido completamente descargado a su computador.

19 World Wide Web Consortium (W3C) En 1998 el W3C publicó la especificación de las hojas de estilo Cascading Style Sheets (CSS) hojas de estilo en cascada CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los agentes de usuario o navegadores. La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación

20 HTML El lenguaje HTML se escribe en un documento de texto, por eso necesitamos un editor de textos para escribir una página web. Así pues, el archivo donde está contenido el código HTML es un archivo de texto, con una peculiaridad, que tiene extensión.html o.htm Cuando programemos en HTML lo haremos con un editor de textos, lo más sencillo posible y guardaremos nuestros trabajos con extensión.html, por ejemplo mipagina.html

21 HTML Por adelantar un poco cómo se utiliza el HTML diremos que el lenguaje consta de etiquetas que tienen esta forma o . Cada etiqueta significa una cosa, por ejemplo significa que se escriba en negrita (bold) o significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir el contenido del documento y algún estilo básico. Esto está en negrita.

22 HTML Por adelantar un poco cómo se utiliza el HTML diremos que el lenguaje consta de etiquetas que tienen esta forma o . Cada etiqueta significa una cosa, por ejemplo significa que se escriba en negrita (bold) o significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir el contenido del documento y algún estilo básico. Esto está en negrita.

23 HTML CMS (Content Manager System) Sistema gestor de contenidos)

24 CMS Un Sistema de Gestión de Contenidos es una herramienta que permite la creación y administración de contenidos, principalmente en paginas web. Consiste en una interfaz que controla una o varías bases de datos donde se aloja el contenido del sitio Estas herramientas permiten manejar de manera independiente el contenido por una parte y el diseño por otro. De esta manera podemos manejar el contenido y darle cada día un diseño nuevo, además de permitir la publicación en el sitio a varios editores de forma fácil y controlada.

25 CMS Como ejemplo tenemos los editores que cargan el contenido al sistema y otro de nivel superior que permite que estos contenidos sean visibles a todo el público. Los Sistemas de Gestión de Contenidos o CMS se conocen principalmente por ser el software que se utiliza para facilitar la gestión de las webs. Aparecen hacia 1997 y el primer CMS de código abierto es el Typo3. A partir de año 2000 comienzan a hacerse populares y ya se puede disponer con bastante facilidad de PHP-Nuke.

26 CMS

27 Categorías de CMS Existen muchas herramientas de Gestión de Contenidos y vamos a tratar de clasificaras en las siguientes categorías: Foros, Blogs, Wikis, ecomerce, Sitios web, elearning, con el fin de poder ver sus características y la herramienta o herramientas más característica de forma clara.

28 Categorías de CMS Foros Software para la web que facilitan el soporte a discusiones y/o opiniones en línea Suelen aparecer como un complemento al sitio web invitando a los usuarios a discutir o compartir información relevante sobre el tema de la web, en discusión libre e informal Suelen disponer de un moderador que se encarga de iniciar el tema, estimular la discusión, sintetizar, pedir explicaciones... Por lo general están construidos en PHP, Perl, ASP o JAVA y funcionan con CGI o JAVA. La configuración y los datos los almacenan en una Base de Datos SQL. Los más básicos solo permiten textos y los más avanzados multimedia

29 Categorías de CMS Blogs BLOGS, WEBBLOG, CUADERNOS DE BITÁCORA De las tres formas podemos denominar los sitios web que nos permiten recopilar cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor puede dejar publicado todo aquello que quiera En cada articulo los lectores pueden dejar sus comentarios y el autor a su vez responderles El tema del blog lo determina exclusivamente el autor del mismo. La base de estas web la tenemos en los diarios on-line, Las herramientas de mantenimiento son Blogger o Live Journal, entre los más importantes además de WordPress y Movable Type

30 Categorías de CMS Blogs BLOGS, WEBBLOG, CUADERNOS DE BITÁCORA De las tres formas podemos denominar los sitios web que nos permiten recopilar cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor puede dejar publicado todo aquello que quiera En cada articulo los lectores pueden dejar sus comentarios y el autor a su vez responderles El tema del blog lo determina exclusivamente el autor del mismo. La base de estas web la tenemos en los diarios on-line, Las herramientas de mantenimiento son Blogger o Live Journal, entre los más importantes ademas de WordPress y Movable Type

31 Categorías de CMS Wikis Es un sitio web colaborativo que puede ser editado por varios usuarios. Los usuarios de una wiki pueden crear, editar, borrar o modificar el contenido de una pagina web, de una forma interactiva. Se trata, por tanto, de una herramienta colaborativa. La tecnología wiki nos va a permitir que las paginas web alojadas en un servidor publico se escriban de una forma colaborativa a través de los navegadores. Su origen hay que buscarlo en las comunidades de patrones

32 Categorías de CMS Wikis Es un sitio web colaborativo que puede ser editado por varios usuarios. Los usuarios de una wiki pueden crear, editar, borrar o modificar el contenido de una pagina web, de una forma interactiva. Se trata, por tanto, de una herramienta colaborativa. La tecnología wiki nos va a permitir que las paginas web alojadas en un servidor publico se escriban de una forma colaborativa a través de los navegadores. Su origen hay que buscarlo en las comunidades de patrones

33 Categorías de CMS CMS para comercio electrónico Se trata de herramientas informáticas dirigidas a realizar transacciones comerciales. Se definen como Sistemas de Gestión dirigidos a la conducción de comunicados de negocios comerciales y su dirección a través de métodos electrónicos como intercambio electrónico de datos y sistemas automáticos de recolección de datos. Incluye la transferencia de información entre empresas: EDI (intercambio Electrónico de Datos).

34 Categorías de CMS elearning Es un concepto que mejora el conocimiento y el desempeño, con base en soluciones generadas mediante el uso de las tecnologías de Internet. Ejemplo: moodle.

35 Características de los CMS Conceptos Todo CMS debe contar con ciertas características para llamarse como tal, entre las cuales destacamos: Organización del Sitio Permite organizar eficientemente los contenidos de su sitio en secciones y categorías Facilita la navegabilidad para los usuarios y permite crear una estructura sólida, ordenada y sencilla para los administradores. Una administrador podrá crear, editar y borrar las secciones y categorías de su sitio de la manera en que más le convenga

36 Características de los CMS Conceptos Publicación de Contenidos Permite crear páginas ilimitadas y editarlas desde un sencillo editor Permite formatear los textos con los estilos e imágenes deseados Los contenidos son totalmente editables y modificables, la herramienta permite editarlos de la mejor forma y estilo para posteriormente ser difundido a todos lo usuarios de la Web

37 Características de los CMS Conceptos Administración de usuarios Permite almacenar datos de usuarios registrados Posibilidad de enviar s masivos a todos los usuarios. Manejan suscriptores, autores, editores y administradores, y cada uno de ellos tiene distintos privilegios y permisos La administración de usuarios es jerárquica, y los distintos grupos de usuarios poseen diferentes niveles de facultades/permisos dentro de la gestión y administración del sitio.

38 Características de los CMS Conceptos Administración de imágenes Utilidades sencillas para subir imágenes al servidor Permitir utilizar las imágenes agregadas al servidor en todo el sitio, mejorando así el desempeño y la performance de las paginas Trabaja con varios tipos de imágenes dependiendo de la necesidad del diseñador, de una forma rápida y sencilla permite la manipulacíón de archivos de imagenes.

39 Características de los CMS Conceptos Zonas Publicitarias Permite incluir sus anuncios publicitarios con suma facilidad. Muy útil para webmasters que explotan sus sitios web con anuncios publicitarios.

40 Características de los CMS Conceptos Conexión a Base de Datos Permite realizar conexiones a base de datos para controlar la gestion de datos Muy util para registrar información propia de la navegación de usuario

41 Características de los CMS Conceptos Otras características Disposición de módulos modificable: En un sitio creado con CMS, la posicion de módulos puede acomodarse como se prefiera. Encuestas: Posee un sistema de votaciones y encuestas dinámicas con resultados en barras porcentuales. Feed de Noticias: Trae incorporado un sistema de sindicación de noticias por RSS/XMS de generación automática Estadísticas de visitas: con información de navegador, OS, y detalles de los documentos (páginas) más vistos. Modulos e-commerce: modulos que permitan el comercio electrónico. Formulario de contacto: Es una de las partes más importantes del sitio web

42 Ventajas y Desventajas de los CMS Ventajas Facilita el acceso a la publicación de contenidos a un rango mayor de usuarios. Permite que sin conocimientos de programación ni maquetación cualquier usuario pueda añadir contenido en el portal web. Permite la gestión dinámica de usuarios y permisos, la colaboración de varios usuarios en el mismo trabajo, Permite la interacción mediante herramientas de comunicación. Los costes de gestión de la información son mucho menores ya que se elimina un eslabón de la cadena de publicación La actualización, backup y reestructuración del portal son mucho más

43 Ventajas y Desventajas de los CMS Desventajas Seguridad: así como existen comunidades desarrollando para estas plataformas existen comunidades dedicadas a encontrar vulnerabilidades de tal manera que al encontrar una, nos damos cuenta que muchos portales que usan el CMS no están en línea. Extensibilidad: Cualquier funcionalidad que se requiera a la medida porque no existe en la comunidad es mucho más difícil de integrar ya que el desarrollo debe ser adaptado al CMS y pasa muchas veces que la plataforma impide dicha adaptación. Performance: Los CMS son plataformas muy genéricas que tratan de adaptarse a todas las necesidades, por ser tan genérico las consultas a las base de datos y el procesamiento que estas plataformas hacen son muchas, por lo tanto a medida que la plataforma tenga más datos la plataforma se va poniendo cada vez mucho más lenta.

44 Utilidad de los CMS Son necesarios los CMS A veces parece que nuestra web es demasiado pequeña para utilizar estas herramientas, lo que es un claro error. La utilización de este tipo de Sotfware en nuestro sitio web nos permitirá dotarlo de un dinamismo y una funcionalidad mucho mayor que si no las utilizamos. Para incluir una o varias de estas herramientas en nuestro sitio podemos tener en cuenta las siguientes razones: Darle a nuestra web nuevas funcionalidades, como puede ser añadir un foro. Facilitar el mantenimiento de sitios con gran cantidad de paginas. Facilitar la gestión de componentes Creación y gestión de paginas interactivas, para lo que se conectara con bases de datos. Para homogenizar y dar consistencia al contenido de la web.

45 Utilidad de los CMS Son necesarios los CMS A veces parece que nuestra web es demasiado pequeña para utilizar estas herramientas, lo que es un claro error. La utilización de este tipo de Software en nuestro sitio web nos permitirá dotarlo de un dinamismo y una funcionalidad mucho mayor que si no las utilizamos. Para incluir una o varias de estas herramientas en nuestro sitio podemos tener en cuenta las siguientes razones: Darle a nuestra web nuevas funcionalidades, como puede ser añadir un foro. Facilitar el mantenimiento de sitios con gran cantidad de paginas. Facilitar la gestión de componentes Creación y gestión de paginas interactivas, para lo que se conectara con bases de datos. Para homogenizar y dar consistencia al contenido de la web.

46 Utilidad de los CMS Que puedo crear con los CMS Construir sitios web y otras aplicaciones online potente Webs Corporativas o Portales Comercio Electrónico Pequeños Sitios de Negocios Webs de Organizaciones u ONGs Aplicaciones Gubernamentales Intranets y Extranets Corporativas Webs de Escuelas o Agrupaciones Páginas Personales o Familiares Portales de Comunidades Revistas y Periódicos...las posibilidades son ilimitadas

47 Utilidad de los CMS Criterios de selección de un CMS Antes de comenzar el proceso de selección de un CMS hay que tener claros los objetivos de la web, teniendo en cuenta a quien va destinada y estableciendo los requisitos que el CMS tendrá que cubrir. Entre estos criterios podemos valorar Que su código sea abierto. Que su arquitectura técnica sea fiable. Debe permitir la separación de los conceptos de contenido, presentación y estructura, pudiendo modificarse uno de ellos sin alterar los otros. Que este desarrollado el software y disponga de suficientes módulos.

48 Utilidad de los CMS Criterios de selección de un CMS Entre estos criterios podemos valorar Que disponga de soporte por parte de creadores y desarrolladores, lo cual significa que en el futuro aparecerán y dispondremos de más herramientas. Podemos tener en cuenta su posición en el mercado y las opiniones de sus usuarios. Que sea fácil de usar. Su velocidad de descarga Que existan foros sobre el CMS. Que sea personalizable por el usuario

49 Taller 1. Cuáles son los componentes de la Web? 2. Cómo funciona la Web? 3. Qué significa HTML? 4. Cómo está formado un sitio Web? 5. Qué es un hipervínculo? 6. Qué es un explorador web? 7. Qué es un complemento? 49

50 8. A qué se denomina Multimedia? 9. Qué es un CMS? 10.Escriba ejemplos de herramientas de Gestión de contenidos 11. Qué es un foro? 12. Qué es un blog? 13. Qué es un wiki? 14.Escriba 2 ventajas de los CMS 15.Escriba 2 desventajas de los CMS 16. Qué características deben tener los CMS? 50