Última semana de diciembre: Seguimos avanzando con la práctica

¡Hola a todos de nuevo! Esta semana no ha habido clase ya que estamos en las vacaciones de Navidad, así que los componentes del grupo hemos quedado para seguir avanzando con la práctica.

Por una parte, pusimos toda la información que necesitábamos en la base de datos y lo hicimos a través de una intranet que creamos específicamente para controlar todos esos datos. Después, con php, tal y como se nos enseñó en clase, cogimos la información de la base de daos para mostrarla en nuestra web.

También estuvimos trabajando en el sistema de puntuación de las obras de la galería de arte mediante AJAX y además hemos hecho que nuestra web se pueda visitar en dos idiomas diferentes: catalán y castellano.

Hemos tenido diversos pequeños problemas, pero que entre todos supimos resolver.

Ya queda menos para acabar nuestra práctica. Os iré contando más novedades la semana que viene. ¡Que paséis un muy buena Noche Vieja!

¡Feliz Año Nuevo a todos!

19 y 21 de diciembre: Taller de php

¡Hola a todos de nuevo! Esta semana hemos dedicado las dos sesiones de la asignatura a acabar el taller de php que nuestros compañeros empezaron la semana pasada. Además, también hemos avanzado un poco más con nuestra práctica.

En la clase del lunes, nos explicaron la aplicación que se le da al php en las bases de datos. Como por ejemplo, acceder al servidor, crear tablas, insertar, modificar, consultar y eliminar datos. Después nos mostraron unos cuantos ejemplos sobre todo lo que habían explicado y juego nos dejaron algo de tiempo para poner en práctica lo que habíamos aprendido.

El miércoles han explicado términos un poco más generales que tienen que ver con la seguridad del correo electrónico, el tratamiento de errores y la subida de archivos, entre otros. Al finalizar la exposición, nos han propuesto un pequeño ejercicio para practicar.

En cuanto a la práctica, ya hemos hecho la estructura general del CSS de nuestra página web. La verdad es que hemos tenido un par de problemas con la galería de las obras de Joan Miró y todavía le quedan unos cuantos retoques, ¡¡pero nuestra práctica ya va cogiendo forma!!

¡Espero que tengáis una Feliz Navidad!

¡Ya os iré contando más cosas próximamente!

12 y 14 de diciembre: Taller de SEM y taller de php

¡Hola a todos de nuevo! La sesión del lunes la dedicamos al taller de SEM que ya habíamos estado haciendo el último día que tuvimos clase y en la sesión del miércoles hemos empezado con el taller de php de la asignatura.

Por una parte, el lunes, como la profesora ya había acabado de explicar todo lo relacionado con el taller de SEM, nos dejó el tiempo de clase para dedicarlo a pensar estrategias de posicionamiento web para nuestra página.

Por otra parte, en la sesión del miércoles han explicado la primera parte del taller dedicado a php, dicho taller dura tres sesiones. Han comentado los aspectos básicos para familiarizarnos con este lenguaje y nos han mostrado varios ejemplos.

En cuanto a nuestra práctica, la única novedad hasta ahora es que ya hemos hecho la base de datos. Supongo que entre esta semana y la siguiente pondremos los datos y seguiremos con el resto. ¡Ya os contaré todas las novedades que vayan surgiendo!

¡Hasta la semana que viene!

1ª Semana de diciembre: Dedicación a la práctica

¡Hola a todos de nuevo! Esta semana no ha habido clases presenciales. Dichas sesiones estaban dedicadas a avanzar la práctica de la asignatura. Por nuestra parte, ya tenemos bastante claro todo lo que haremos en nuestra página web.

A continuación, explicaré todos los apartados que hemos definido detalladamente:

• Página principal: donde se encontrará un menú con todos los apartados de la web.
• Acerca del pintor: en este apartado se hallará la biografía del autor,en nuestro caso Joan Miró.
• Galería de obras: aquí se mostrará una selección de obras de Joan Miró.
• Críticas: una recopilación de diversas críticas o publicaciones sobre el autor.
• Contacto: sirve para contactar con la galería de arte y saber su localización.

Para poder estar al día de todas las novedades que se produzcan también tenemos:

• Un canal RSS.

Además también añadiremos una serie de características adicionales:

• Posicionamiento en Internet.
• Presencia en las redes sociales: Facebook y Twitter (Web 2.0)
• Versión accesible.
• Sistema de valoración de las obras.
• Multidioma: castellano y catalán.

Ya os contaré lo que vamos haciendo de nuestra página web.

¡Esto es todo por esta semana! ¡Hasta la semana que viene!

Última semana de noviembre: Taller de SEM

¡Hola a todos de nuevo! Esta semana sólo ha habido un día de clase, el miércoles día 30, ya que día 28 era la fiesta del beato Ramón Llull en la universidad. Durante la sesión de clase, la profesora nos explicó un taller sobre SEM, aunque no tuvimos tiempo para pensar como lo aplicaríamos, así que en la próxima sesión seguiremos con dicho taller. 

SEM (Search Engine Marketing) significa marketing en buscadores web. Se trata de una forma de marketing en Internet que busca promover los sitios web mediante el aumento de su visibilidad en el motor de búsqueda de páginas de resultados (SERPS).

En clase nos explicaron algunas estrategias que podíamos usar para nuestra web como por ejemplo: elegir un buen nombre de dominio o elegir palabras clave aceptadas entre otros.

Finalmente, hemos estado pensando en la estructura que puede tener nuestra página web. Todavía no la hemos definido totalmente, pero ya sabemos algunos apartados que podemos poner: una galería con obras del autor, un apartado con información sobre el autor y un sistema de puntuación para poder valorar las obras del autor.

¡Ya os iré contando más novedades la semana que viene!

21 y 23 de noviembre: Taller de Accesibilidad

¡Hola a todos! Esta semana durante las dos sesiones de la asignatura se ha hecho el taller de accesibilidad, como no se le había adjudicado a ningún grupo nos lo ha explicado nuestra profesora.

Como introducción se explicaron los tipos de discapacidades que puede tener el usuario y a las que se debe  adaptar nuestra página web, para que sea accesible para cualquier persona. También se explicaron los componentes de la Accesibilidad:

• Sitios Web y aplicaciones: Pautas de Accesibilidad para el contenido web (WCAG).
• WCAG 2.0 tiene cuatro principio fundamentales:
• Perceptible
• Operable
• Comprensible
• Robusto

Con estos cuatro principios se establecen pautas, las cuales tienen su propio criterio de conformidad.

• Agentes de usario: Pautas de Accesibilidad para Agentes de Usuario.
• Herramientas de autor: Pautas de Accesibilidad para Herramientas de Autor.
• Herramientas para producir un contenido accesible para que las páginas puedan ser utilizadas por personas con discapacidad.

Toda la información y mucha más se encuentra en la wiki de la asignatura. En ella tenemos disponible un archivo Power Point con todo lo necesario de una forma muy detallada y una serie de enlaces relacionados. Al final de la clase también se propusieron una serie de ejercicios para poner en práctica todo lo que habíamos aprendido.

En cuanto a la práctica, ya sabemos sobre que pintor haremos nuestra página web, será Joan Miró.

Muy pronto os seguiré contando más sobre nuestros avances y sobre lo que haga cada semana en clase.

¡Hasta pronto!

7ª Semana de clase: Taller de DOM y Javascript

¡Hola a todos de nuevo! Esta semana de clase ha estado dedicada a un taller sobre javascript y además ya hemos empezado a definir la práctica.

Por un lado el lunes vimos la primera parte del taller y dos componentes del grupo nos explicaron DOM. Después de la exposición nos propusieron un par de ejercicios para que pusiéramos en práctica lo que nos habían explicado. Las soluciones ya estaban colgadas, aunque yo encuentro que hubiera sido mejor colgarlas al día siguiente y así se hubieran asegurado que nadie las copiara.

En segundo lugar, el miércoles no pude asistir a clase, porque en el LTIM organizábamos un congreso los días 17 i 18 de noviembre y tuvimos que trabajar hasta tarde. Aunque no fuese, sé que los otros dos miembros del grupo explicaron javascript y que propusieron otra actividad para poner en práctica los conocimientos adquiridos en esa sesión. Así que la evaluación que envié va más dirigida a la sesión del lunes.

Finalmente, en el grupo hemos estado discutiendo sobre la práctica. Todavía no hemos empezado nuestra página web, pero ya hemos decidido empezar a definir la estructura que queremos, así como también en qué apartados la vamos a dividir. Por ahora no os puedo contar mucho más, pero la semana que viene tendré nuevas noticias que contaros.

¡Así que hasta la semana que viene!

6ª Semana: Por fin nuestro taller de CSS

¡Hola a todos de nuevo! ¡Por fin esta semana hemos presentado nuestro taller de CSS! He decidido escribir hoy mi entrada del blog porque hoy es una fecha muy curiosa 11/11/11 y una vez dicho esto empiezo:

En la clase del lunes dimos los 8 primeros temas que teníamos preparados, explicando así 2 temas cada uno con sus respectivos ejemplos. Para mayor comodidad pusimos todo el material en la wiki específica del taller para que no tuvieran ningún problema, tal y como dije en otras entradas del blog. Así, tenían toda la documentación, las actividades y enlaces de interés con nuestro editor. El cual debían tener abierto para practicar con los ejemplos o hacer los suyos propios. Al final de nuestra exposición planteamos 2 actividades para que nuestros compañeros fueran practicando y aprendiendo para cuando tengan que usar CSS para la práctica.

El miércoles colgamos las soluciones en la wiki para que aquellos que tuvieran alguna duda puedan mirar lo que les falla o corregir sus errores, si es que tenían alguno. Este día seguimos la mismo dinámica que el lunes, cada uno explicó 2 temas y al igual que en la sesión anterior se mostraron ejemplos para que todos los conceptos quedaran más claros. Al finalizar la exposición, propusimos una actividad que englobaba todo lo explicado, de la cual colgamos la solución al finalizar la clase para que nuestros compañeros pudieran comparar sus resultados.

Ahora que ya hemos presentado nuestro taller empezaremos con la realización de la práctica. Hemos decidido que la haremos sobre un pintor. Lo que queremos es presentar toda la información y obras sobre el pintor que escojamos, que por ahora creemos que será Joan Miró. Esta semana que viene definiremos la idea general de la práctica y entonces ya os podré contar algo más.

¡Hasta la semana que viene!

5ª Semana: Dedicación al taller y presentación del taller sobre Apache

¡Hola de nuevo! Esta semana sólo hemos tenido clase el miércoles 2 de noviembre. Esto es porque el 31 de octubre (lunes) no hubo clase, lo que nos permitió seguir avanzando con nuestro taller de CSS. ¡Tenemos que tenerlo listo pronto porque nos toca presentarlo la semana que viene!

Para el taller ya lo tenemos casi todo listo, sólo faltan algunos retoques. Todo lo que tenemos es el documento con Goolge Docs, los ejemplos en nuestro editor de CSS y la Wiki. ¡Hemos trabajado mucho para que sea completo y entretenido!

Hoy miércoles han expuesto el primer taller, que en este caso estaba dedicado a XAMPP (Apache). Donde nos han explicado Apache, los servidores sociales (como el XAMPP), las directivas de PHP.INI y PHPMyAdmin. Además, también nos han enseñado como instalar el XAMPP y algunas de sus funciones, por encima. En mi caso, yo ya estaba familiarizada con él, ya que lo utilizamos para Bases de Datos, una asignatura de segundo curso de la ingeniería técnica.

Tengo que decir que he aprendido cosas nuevas y por otra parte he recordado algunas que ya había olvidado. Ha estado bastante bien.

¡Bueno esto es todo por esta semana!

¡La semana que viene ya os contaré como nos fue a los miembros de mi grupo y a mí la presentación del taller de CSS!

Dedicación a los talleres en la cuarta semana de clase

¡Hola a todos! En el programa estaba previsto que esta semana viéramos HTML, pero como todos teníamos buenos conocimientos sobre el tema, nos han dejado tiempo para dedicárselo a los talleres que tenemos que preparar en grupo.

Nosotros decidimos hacer el taller sobre CSS (como ya comenté) que daremos los días 7 y 9 de noviembre. Como ya hicimos la semana pasada, hemos añadido un par más de marcadores en nuestro grupo en Mister Wong. A partir de toda la información recogida hemos estructurado nuestro taller en 15 puntos diferentes.

Para presentarlo hemos decidido hacer un documento con Google Docs que cada miembro del grupo ha ido rellenando con la información que se le ha asignado y además cada uno preparará ejemplos sobre sus temas para explicarlos a nuestros compañeros. Estos ejemplos los veremos en nuestro editor de CSS, donde se muestra el código y el resultado.

¡Esto es todo lo que hemos hecho esta semana! ¡Espero contaros muchas cosas más la semana que viene!

Marcadores sociales, complementos de Firefox, Wikis y Google Docs

¡Hola a todos de nuevo! Hoy voy a explicar lo que hemos hecho esta semana (el lunes 17 y el miércoles 19 de octubre). El lunes aprendimos lo que eran los marcadores sociales y como usarlos, además de algunos complementos útiles de Firefox. El miércoles hemos visto las wikis y Google docs.

Cuando ponemos un enlace como favorito este queda ligado al ordenador y al navegador que hayamos usado para ello. Para evitar esto y poder tener nuestros enlaces favoritos siempre al alcance, entonces los gestionaremos con un marcador social. Éstos son aplicaciones web que nos permiten organizar nuestros enlaces web desde cualquier ordenador, además de poder compartirlos y recomendarlos. Hemos visto tres diferentes:

• Delicious: es la herramienta más conocida para gestionar nuestros enlaces favoritos. Permite organizar nuestras etiquetas por grupos, además de poder buscar otros enlaces sobre un tema específico de los otros usuarios y compartir los nuestros mediante las redes de usuarios.
• Mister Wong: es la herramienta que utilizaremos en clase. Podemos incorporar nuestros favoritos del navegador y también nos permite crear grupos tanto privados como públicos para añadir y compartir enlaces. En nuestro caso hemos creado un grupo para el taller de CSS que tenemos que crear y vamos agregando enlaces que nos parecen interesantes.

Nuestro grupo en Mister Wong (aún no completo)

También he agregado el gadget de Mister Wong a mí página principal (iGoogle), para poder ver todas las novedades que haya en la página.

Gadget de Mister Wong

• Connotea: es el más completo de todos, aunque está orientado en mayor medida a científicos e investigadores. Al igual que los demás nos permite hacer búsquedas por etiquetas, pero además también por palabras en el título, su descripción, etc. Como en los anteriores se pueden crear y unirse a grupos para compartir enlaces, entre otros usos.

En los tres casos tenemos la posibilidad de añadirlos en nuestra barra de tareas del navegador, para un uso rápido y sencillo. 

Este lunes también vimos dos complementos de Firefox para el volcado de información desde una web.

• Fireshot: permite hacer capturas de una página web, las cuales se pueden enviar al porta papeles, guardar en diversos formatos, enviarlo a un editor de texto, enviarlo por e-mail, etc. Se puede añadir a la barra de herramientas de nuestro navegador.
• Screengrab: al igual que la anterior hace capturas de pantalla, pero además puede guardar las imágenes automáticamente, ponerlas en el porta papeles, etc. Como pasa con el anterior también se puede instalar en la barra de herramientas del navegador.

El miércoles hemos visto las wikis, que son documentos colaborativos que se pueden actualizar por varias personas. Mediante la asignación de permisos se puede determinar quién puede editarla, ya sea todo el mundo, algunos usuarios o sólo el creador. Además, se tiene un historial donde se ve en cada página quién ha actualizado el contenido y también se lleva un control de versiones de manera que si queremos volver a una entrada anterior no habrá ningún problema. Difiere de los blogs en su estructura, ya que presenta una estructura jerárquica con menús. La más conocida es Wikipedia. Existen herramientas para gestionar nuestras propias wikis, éstas son:

• WikiSpaces: A parte de todo lo que he comentado, en esta herramienta se guardan borradores automáticamente cada minuto para que así no haya pérdidas de información, además de poder hacer copias de seguridad. También se te puede avisar mediante un correo electrónico si alguien hace un cambio en tu wiki y ofrece la posibilidad de personalizarla.
• Wetpaint: tiene todas las funciones que he explicado en la introducción al tema.
• Google Sites: esta es la herramienta que utilizaremos en clase. Se puede personalizar, crear nuevas páginas con diferentes formatos: listas, página web, panel de control, almacenamiento de ficheros o anuncios. También tenemos la posibilidad de poner imágenes y vídeos tanto de youtube como de Google Videos.

Mi Google Sites

Con todas ellas puedes hacer búsquedas mediante palabras clave para que te muestre wikis sobre un tema que desees.

Por último, esta semana hemos visto Google Docs que es una herramienta ofimática que nos permite editar documentos en línea. Podemos crear nuevos documentos o importarlos desde tu PC y al revés. Tendremos una lista con todos los documentos que tengamos, pero además podemos crear documentos y compartirlos con otros usuarios para poder editar todos el mismo contenido y a la vez. Mientras los otros cambian cosas tú puedes verlo en ese mismo momento.

Mi Google Docs

Como cualquier editor de texto podemos crear tablas, añadir pie de página, cabecera, título, cambiar de formato a las letras, etc.

¡Esto ha sido todo! ¡La próxima semana más!

Subscribirse a un RSS y crear una página de inicio personalizada

¡Hola a todos de nuevo! Esta semana sólo hemos hecho clase el lunes ya que el miércoles día 12 es fiesta. En esta sesión hemos viso algunos buscadores de blogs, qué son los RSS y cómo suscribirse y como crear  una página de inicio personalizada (en este caso iGoogle).

En primer lugar vimos unas páginas web http://technorati.com, http://www.google.es/blogsearch en las que podemos buscar blogs de todo tipo y temática. A los cuales puedes suscribirte usando los RSS (que explicaré a continuación), para así estar informado de todas sus novedades.

Un canal RSS es aquel que nos muestra un resumen de las noticias y contenidos actualizados de una página web concreta. Para ello tienes que suscribirte en su canal RSS. Se puede hacer de diferentes formas:

• Por una parte, se puede hacer mediante un navegador web apretando sobre el botón característico de los RSS (icono de la derecha). El inconveniente es que sólo lo tendrás en el ordenador en el cual te suscribiste al canal.
• Por otra parte podemos usar la herramienta Google Reader, en la cual podremos gestionar todas nuestras suscripciones y ver todas sus novedades. En este caso, no estamos sujetos a un único ordenador para ver las noticias. Para la asignatura, me he suscrito a un blog que trata sobre CSS, que es el tema sobre el cual realizaré un taller más adelante este curso. Aquí os lo muestro:

Mi Google Reader

Por último hemos visto como crear una página personalizada con iGoogle, yo ya tengo creada una en la cual tengo mis tareas pendientes, el tiempo que va a hacer hoy y acceso a mi Gmail entre otros. Para la asignatura he creado una nueva pestaña para mayor comodidad, en la que he puesto un acceso a mi Google Reader y también el Google Bookmarks. Este último sirve para poder tener las páginas que más visitas a un sólo clic desde tu página de inicio, además de poder clasificarlas mediante el uso de etiquetas. Os dejo una captura:

Mi página de inicio en iGoogle 

¡Esto es todo! ¡Hasta la próxima semana!

¿Qué hemos hecho hasta ahora en clase?

¡Hola a todos! Soy Aina y a partir de ahora iré explicando en este blog todo lo que aprenda en la asignatura de Tecnologías de la Información en la UIB.

En las primeras clases hemos aprendido muchos conceptos y curiosidades sobre Internet, así como también sobre la Web 2.0. En esta última, me han explicado entre otras cosas cómo crear y personalizar un blog, para así poder explicaros a todos los avances que vaya haciendo a medida que se desarrolla la asignatura.

En la última clase hemos visto herramientas para buscar, publicar, organizar y compartir fotografías, vídeos y presentaciones, que además podemos incrustar en nuestro blog. Son las siguientes:

• Picasa WEB Albums y Flickr: son dos galerías de fotos que nos permiten subir fotografías, así como visualizarlas, clasificarlas mediante etiquetas y organizarlas en álbumes. También las podemos editar y tener un control de privacidad sobre ellas. Tanto en una, como en la otra podemos utilizar nuestra cuenta de gmail para compartirlas e incustrarlas en nuestro blog. Por ejemplo, ya he subido una foto de Noni mi westy y la comparto con vosotros a través de Picasa WEB Albums.

• Youtube: esta página es un gran repositorio de vídeos de todo tipo (educativos, deportes, entretenimiento, etc.) donde podemos buscarlos por palabras clave o por categorías. Además nosotros mismos podemos subir nuestros propios vídeos con nuestra cuenta de gmail. También podemos crear listas de reproducción y de favoritos, así como también otro tipo de acciones diferentes, como por ejemplo incrustarlas en nuestro blog. Aquí os dejo un vídeo que me hace mucha gracia cada vez que lo miro:

• Slideshare: es una galería de presentaciones. Su funcionamiento es muy parecido al de youtube. Se puede crear una cuenta si no se tiene y entonces podremos subir nuestras propias presentaciones, ponerles audio, o también podemos buscar presentaciones sobre lo que estemos interesados. También cuenta con un sistema de etiquetado de las presentaciones, para encontrar todo lo relacionado con un tema. Aquí os dejo una sobre el deporte que más me gusta, el esquí:
  
  
  Esquí
  

  View more presentations from ana
• Scribd: por último tenemos un gran almacén de documentos, donde como en los anteriores casos, se pueden buscar sobre un tema en particular o subir los tuyos propios. Aquí dejo uno sobre la opinión de un chico sobre el discurso de Steve Jobs en Standford:
  Steve jobs

Bueno y hasta aquí todo por hoy, ¡espero que os haya gustado!