Funcionamiento de Aplicaciones Web Interactivas

Pasos de una Solicitud Web

Orden de los pasos cuando un cliente web solicita una página de una aplicación web interactiva:

1. El cliente pide al servidor una página web.
2. El servidor consulta la base de datos (si es necesario para generar contenido dinámico).
3. Se busca en el repositorio la página o script solicitado.
4. Se obtiene la página o script del repositorio.
5. Se procesa el código del lado del servidor (ej. PHP) y se crea el código HTML resultante.
6. El servidor devuelve al cliente el código HTML correspondiente.

Desuso de Tecnologías Cliente (Flash, Java Applets)

¿Por qué están desapareciendo las tecnologías para aplicaciones web instaladas en los equipos clientes (como Flash o Java Applets)? Ventajas e inconvenientes.

Se debe a varias razones:

• Obsolescencia: Son tecnologías que han quedado anticuadas frente a estándares web modernos (HTML5, CSS3, JavaScript).
• Seguridad: Históricamente, han presentado vulnerabilidades de seguridad significativas.
• Rendimiento: Pueden consumir bastantes recursos del sistema (RAM, CPU).
• Compatibilidad: La gran mayoría de los dispositivos móviles no podían reproducir estas tecnologías de forma nativa o eficiente.
• Plugins: Requieren la instalación y actualización de plugins, lo cual es una barrera para el usuario y otro punto de fallo o vulnerabilidad.

Ventajas de su desaparición: Mayor seguridad, mejor rendimiento, mayor compatibilidad multiplataforma (especialmente en móviles), desarrollo web estandarizado, menor dependencia de software propietario.

Inconvenientes: Parte del contenido web antiguo creado exclusivamente con estas tecnologías puede volverse inaccesible; puede requerir esfuerzo para migrar aplicaciones heredadas.

Evolución de la Web

Web 1.0 (Aprox. 1989-2003)

Se concibió como una colección de documentos estáticos enlazados para su consulta o descarga. La comunicación era principalmente unidireccional (del sitio al usuario). Tecnologías de conexión típicas incluían módems telefónicos (Dial-up).

Web 1.5 (Aprox. 1997-2004)

Comenzaron a desarrollarse métodos para crear páginas con contenidos dinámicos. Aparecen aplicaciones interactivas de Internet más potentes, dinámicas e interactivas, a menudo con acceso a Sistemas Gestores de Bases de Datos (SGBD). Las conexiones empezaron a mejorar con tecnologías como ADSL.

Web 2.0 (Aprox. 2003-Actualidad)

Permite a los usuarios interactuar y colaborar entre sí como creadores de contenido (User-Generated Content) en comunidades virtuales. Los usuarios pueden subir contenidos a la web fácilmente (redes sociales, blogs, wikis). Se generalizan las conexiones de banda ancha (ADSL, Cable, Fibra).

El Mundo de los Blogs

¿Qué es un Blog y para qué sirve?

Un blog es una página web, generalmente de carácter personal o temático, con una estructura cronológica inversa (lo más nuevo primero) que se actualiza regularmente. Se suele dedicar a tratar un tema concreto.

Sirve para que el autor comparta información, opiniones o experiencias, y para que los lectores puedan visualizar ese contenido, comentarlo, compartirlo, etc., fomentando la comunicación y la comunidad.

Terminología del Blogging

• Redactor de un blog: Se le llama blogger o bloguero/a.
• Tipos de Blogs:
  • Audioblog (Podcast): Consiste principalmente en una galería de ficheros de audio publicados regularmente.
  • Fotoblog: Un blog donde cada entrada o artículo se centra en una fotografía.
  • Videoblog (Vlog): Una galería de clips de vídeo, ordenada cronológicamente, publicados por uno o más autores.
  • Moblog: Consiste en escribir y actualizar el blog utilizando dispositivos móviles.

Creación y Gestión de Blogs con Blogger

¿Qué es Blogger?

Blogger fue una de las primeras herramientas gratuitas dedicadas a la publicación de blogs.

• Características: Dispone de su propio servidor para el alojamiento o hosting de blogs (Blogspot), editor de entradas, gestión de comentarios, plantillas personalizables, integración con otros servicios de Google.
• Propiedad: Creado por Pyra Labs en 1999 y adquirido por Google en 2003.

Pasos para Crear un Blog en Blogger

1. Accede a la página web de Blogger.com.
2. Inicia sesión con tu cuenta de Google (Gmail).
3. Haz clic en “Crear tu blog”.
4. Elige un título para tu blog.
5. Elige una dirección web (URL) para tu blog (ej: tunombredeblog.blogspot.com).
6. Selecciona una plantilla inicial.
7. Pulsa en “Crear blog”.

Una vez creado, podrás modificar varios aspectos como añadir páginas estáticas, cambiar la plantilla, personalizar el diseño (colores, fuentes), añadir gadgets, etc.

Orden Correcto para Crear un Blog en Blogger

1. Identificarte con tu cuenta de Gmail.
2. Elegir el nombre (título) del Blog.
3. Elegir plantilla.
4. Crear entradas en el Blog.
5. Publicar entrada en el Blog.

Plantillas de Blogger

¿Qué son y para qué sirven?

Las plantillas de Blogger son diseños predefinidos que determinan la estructura visual, la distribución del contenido y la apariencia general de un blog (colores, tipografías, disposición de columnas, etc.). Sirven como punto de partida para establecer el aspecto del blog sin necesidad de conocimientos avanzados de diseño o código, aunque también pueden ser personalizadas.

¿Se pueden crear plantillas nuevas? ¿Cómo?

Sí, se pueden personalizar las plantillas existentes o incluso crear plantillas completamente nuevas, aunque esto último requiere conocimientos de HTML, CSS y la estructura XML específica de Blogger. Dentro de Blogger, en el apartado de “Tema” (anteriormente «Plantilla»), puedes:

• Elegir entre una variedad de plantillas ofrecidas por Blogger.
• Personalizar la plantilla seleccionada (colores, fuentes, ancho, etc.) usando el personalizador de temas.
• Editar el HTML/XML de la plantilla directamente para cambios avanzados.
• Subir plantillas de terceros (archivos .xml).

Entradas del Blog

Diferencia entre Crear y Publicar una Entrada

Crear una entrada implica redactar el contenido (texto, imágenes, vídeos), darle formato y guardarla como borrador. En este estado, solo el autor (o administradores del blog) puede verla y editarla desde el panel de control de Blogger.

Publicar una entrada hace que esa entrada sea visible públicamente en el blog para todos los visitantes (según la configuración de privacidad del blog). La entrada aparecerá en la página principal y en los archivos del blog.

Pasos para Crear una Entrada

1. Una vez dentro del panel de control de tu blog, ve al apartado de “Entradas”.
2. Haz clic en el botón “Nueva entrada” (suele ser un botón naranja o con un símbolo ‘+’).
3. Se abrirá el editor de entradas, similar a un procesador de textos (como Writer), donde puedes escribir, dar formato al texto, insertar enlaces, imágenes, vídeos, etc. También puedes cambiar a la vista HTML para editar el código directamente.
4. Cuando termines de editar, puedes usar el botón “Guardar” para almacenar los cambios como borrador o el botón “Publicar” para hacerla visible en el blog. También existe la opción de «Vista previa».

Insertar Imágenes y Vídeos

• Para colocar una imagen: Dentro del editor de entradas, haz clic en el icono de insertar imagen (suele representar una fotografía). Podrás subir una imagen desde tu ordenador, desde Google Fotos, por URL, etc.
• Para colocar un vídeo: Dentro del editor de entradas, haz clic en el icono de insertar vídeo (suele representar una claqueta de cine o un símbolo de ‘play’). Podrás subir un vídeo o insertarlo desde YouTube.

Monetización y Gestión

Google AdSense

¿Qué es y cómo puede ayudarte?

Google AdSense es un servicio de publicidad de Google que permite a los propietarios de sitios web y blogs ganar dinero mostrando anuncios relevantes en su contenido online. AdSense relaciona los anuncios con el contenido de tu blog y con los intereses de tus visitantes.

Puedes integrar AdSense en tu blog de Blogger para que se muestren anuncios. Ganarás dinero cuando los visitantes vean o hagan clic en esos anuncios (dependiendo del tipo de anuncio). Cuanto más tráfico cualificado reciba tu blog, mayor será el potencial de ingresos.

Moderación de Comentarios

¿Se pueden moderar? ¿Cómo?

Sí, se pueden moderar los comentarios. En el panel de control de Blogger, en el apartado de “Comentarios”, puedes ver todos los comentarios recibidos. Desde allí puedes:

• Aprobar comentarios para que se publiquen.
• Eliminar comentarios inapropiados.
• Marcar comentarios como spam.

También puedes configurar en “Configuración” > “Comentarios” si deseas que los comentarios se publiquen automáticamente, si requieren moderación previa, quién puede comentar (cualquiera, usuarios con cuenta de Google, solo miembros del blog), etc.

Usuarios Registrados

¿Qué son? ¿Cómo se registra un usuario? ¿Podemos quitar un usuario?

En el contexto de Blogger, los «usuarios registrados» o más comúnmente llamados «miembros» o «lectores» (si configuras el blog como privado o con acceso restringido) son personas a las que has invitado o concedido permiso para leer o incluso contribuir en tu blog.

• ¿Cómo se añade/registra?: Si quieres restringir quién puede leer tu blog (hacerlo privado), vas a “Configuración” > “Permisos” > “Lectores del blog” y eliges «Lectores privados» o «Lectores personalizados». Luego puedes invitar a personas específicas mediante sus direcciones de correo electrónico asociadas a una cuenta de Google. Ellos recibirán una invitación para aceptar.
• ¿Podemos quitar un usuario?: Sí, en la misma sección de “Permisos” donde gestionas los lectores o autores invitados, puedes eliminar a usuarios previamente añadidos.

(Nota: El texto original definía «usuarios registrados» de forma ambigua. Esta respuesta aclara su significado en el contexto de permisos de lectura/autoría en Blogger).

Personalización del Blog

Gadgets

¿Qué es un gadget? Pon ejemplos.

Un gadget (o widget) en Blogger es un pequeño módulo o aplicación que puedes añadir al diseño de tu blog (generalmente en las barras laterales o el pie de página) para agregar funcionalidades específicas o mostrar información adicional.

Ejemplos de gadgets que puedes poner en tu blog:

• Perfil de Blogger
• Archivo del blog (lista de entradas por fecha)
• Etiquetas (nube o lista de temas)
• Páginas (enlaces a páginas estáticas)
• Lista de enlaces
• Texto/HTML/JavaScript personalizado
• Seguidores (Google Friend Connect)
• Formulario de contacto
• Traductor de Google
• Botón +1 (obsoleto, pero similar a botones de compartir)
• Encuestas
• Estadísticas del blog (contador de visitas simplificado)
• Feed (para suscripción RSS/Atom)

Diseño del Blog

¿Qué puedes cambiar en el diseño?

En la sección “Diseño” del panel de Blogger, puedes modificar la estructura y los elementos que aparecen en tu blog. Puedes:

• Añadir, eliminar y reorganizar gadgets en las diferentes secciones de la plantilla (barra lateral, pie de página, cabecera, etc.).
• Editar algunos elementos específicos como la cabecera (título e imagen), la barra de navegación de Blogger (si está activa).
• Gestionar la disposición de las columnas y otros elementos estructurales definidos por la plantilla.
• Configurar el Favicon.
• Ajustar la configuración de las entradas del blog (qué mostrar en la página principal).

Para cambios más profundos en la apariencia (colores, fuentes, fondos), se utiliza la sección “Tema” > “Personalizar” o la edición de HTML/CSS.

Favicon

¿Qué es? ¿Podemos cambiarlo?

El favicon (icono de favoritos) es la pequeña imagen o icono que aparece en la pestaña del navegador junto al título de la página, en la barra de direcciones, en los marcadores/favoritos y en otros lugares. Ayuda a identificar visualmente tu sitio web.

Sí, podemos cambiar el favicon de nuestro blog en Blogger. Se hace desde “Configuración” > “Básico” > “Favicon” (o a veces desde «Diseño»). Debes subir una imagen cuadrada pequeña (generalmente en formato .ico, .png o .jpg).

Configuración de Privacidad y Acceso

Blog Privado

¿Podemos hacer que el blog sea privado? ¿Cómo?

Sí, puedes hacer que tu blog sea privado. Ve a “Configuración” > “Permisos” > “Acceso de lectura” (o «Lectores del blog»). Selecciona la opción:

• Público: Visible para todos en Internet.
• Privado – Solo autores del blog: Solo los administradores y autores pueden verlo.
• Privado – Lectores personalizados: Solo los autores y los lectores que invites explícitamente pueden verlo.

Permisos de Comentarios

¿Podemos hacer que el blog solo sea comentado por aquellos que deseemos? ¿Cómo?

Sí. Ve a “Configuración” > “Comentarios” > “Quién puede comentar”. Puedes elegir entre:

• Cualquier usuario (incluidos anónimos)
• Usuarios con Cuentas de Google
• Solo miembros de este blog (autores y lectores invitados, si es privado)

Combinando esto con la moderación de comentarios, tienes un control detallado sobre quién comenta y qué comentarios se publican.

Múltiples Páginas

¿Podemos tener varias páginas en nuestro blog? ¿Cómo?

Sí, además de las entradas cronológicas del blog, puedes crear páginas estáticas independientes (por ejemplo, para un «Acerca de mí», «Contacto», «Servicios», etc.).

Para crearlas, ve al apartado de “Páginas” en el panel de Blogger y haz clic en “Nueva página”. Editas y publicas la página de forma similar a una entrada. Estas páginas no aparecen automáticamente en el flujo cronológico principal, sino que normalmente se enlazan desde un menú (que puedes añadir usando el gadget «Páginas» en la sección «Diseño»).

Etiquetas: Aplicaciones Web, cliente web, HTML, servidor web