Taller de Ajax & Frameworks

Esta semana hemos hecho el ultimo taller antes de vacaciones.

AJAX es una técnica de desarrollo web para crear aplicaciones interactivas. Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.
Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se solicitan al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en XML


También hemos visto los frameworks jQuery, Prototype, Dojo Toolkit y Mootools.

Taller XML

Después del parón para trabajar con la práctica esta semana ha tocado el taller de XML

XML es un lenguaje de marcas desarrollado por el World Wide Web Consortium (W3C). Deriva del lenguaje SGML y permite definir la gramática de lenguajes específicos (de la misma manera que HTML es a su vez un lenguaje definido por SGML) para estructurar documentos grandes. A diferencia de otros lenguajes, XML da soporte a bases de datos, siendo útil cuando varias aplicaciones se deben comunicar entre sí o integrar información.

XSL es una familia de lenguajes basados en el estándar XML que permite describir cómo la información contenida en un documento XML cualquiera debe ser transformada o formateada para su presentación en un medio.

Taller posicionamiento web

Este taller lo ha impartido la profesora.

El posicionamiento en buscadores es el proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores. También es común llamarlo posicionamiento web, aunque este término no resulta tan preciso, ya que engloba otras fuentes de tráfico fuera de los motores de búsqueda.
En los últimos años, los motores de búsqueda están incorporando nuevas variables que es necesario tomar en cuenta para la optimización de un sitio web. Búsquedas locales, o búsquedas personalizadas son algunos de estos nuevos tipos de posicionamiento.

Taller PHP & XAMPP

Este taller nos tocaba presentarlo a nosotros.

PHP es un lenguaje de programación de uso general de script del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico. Fue uno de los primeros lenguajes de programación del lado del servidor que se podían incorporar directamente en el documento HTML en lugar de llamar a un archivo externo que procese los datos. El código es interpretado por un servidor web con un módulo de procesador de PHP que genera la página Web resultante. PHP ha evolucionado por lo que ahora incluye también una interfaz de línea de comandos que puede ser usada en aplicaciones gráficas independientes. PHP puede ser usado en la mayoría de los servidores web al igual que en casi todos los sistemas operativos y plataformas sin ningún costo.

XAMPP es una herramienta que nos servirá para usarlo de interprete para nuestra pagina usando su servidor Apache.

Taller de javascript & DOM

Esta semana hemos dado el taller de Javascript y DOM que ha contado con dos sesiones.

Javascript 

Javascript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web. Con Javascript podemos crear efectos especiales en las páginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones Javascript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el único, con que cuenta este lenguaje es el propio navegador


DOM

La verdad es que no he trabajado casi nada con el y por eso ha resultado una presentación muy interesante.
Con DOM podemos modelizr tanto la ventana del navegador como el historial, el documento o página web, y todos los elementos que pueda tener dentro la propia página, como párrafos, divisiones, tablas, formularios y sus campos, etc. A través del DOM se puede acceder, por medio de Javascript, a cualquiera de estos elementos, es decir a sus correspondientes objetos para alterar sus propiedades o invocar a sus métodos.

Taller de CSS3

Hoy hemos tenido el segundo taller del curso, que consistía en CSS3 y ha sido impartido por Joan Florit y Joan Coll.

Primero han  hecho una breve introducción a las hojas de estilo CSS y han explicado las principales características que ofrecen: sintaxis, asignación de CSS a un documento, clases&identificadores... 
Después han concretado en la especificación 3 de CSS.

Por ultimo han mostrado varios ejemplos en lo que se podía apreciar su potencial,

Taller HTML5 y XAMPP

Hoy hemos tenido el primer taller de la asignatura, lo han hecho nuestros compañeros Ramos Serra y David Pacheco sobre HTML5 y XAMPP.

La primera parte del taller ha consistido en la presentación de HTML5, un poco de la historia de HTML y las novedades que trae la 5º revisión de este lenguaje.
HTML5 contiene nuevas etiquetas que reflejan el uso típico de los sitios web son similares a las etiquetas <div> y <span>, pero tienen un significado semántico.
Algunas de las nuevas etiquetas son: <nav> (bloque de navegación del sitio web), <footer>, <audio> y <video>.
También tenemos el elemento <canvas>, capaz de renderizar en los navegadores más importantes elementos 3D.


La otra parte de la presentación ha tratado sobre XAMPP.

XAMPP es un servidor que consiste principalmente en la base de datos MySQL, el servidor Web Apache y los intérpretes para lenguajes de script: PHP y Perl.

Nos sera muy util para realizar la practica, para crear al base de datos en MySQL y para usar el servidor Apache como interprete de nuestro PHPs.

Google Drive y Prezi

Google Drive 

Google Drive es un servicio de almacenamiento de archivos en línea que fue introducido por Google el 24 de abril de 2012 para reemplazar a Google Docs.
Cualquier usuario puede disponer de 5Gb de forma gratuita o comprar capacidades mayores.


Algunas características a tener en cuenta son:

• Integración con todos los demás productos de Google que nos permitirán maximizar nuestro trabajo ahorrándonos tiempo y molestias.
• La garantía de la nube. El hecho de guardar los documentos en la nube nos garantiza la seguridad de que no los perderemos ya que los tendrás todo disponible en todo momento y en todo lugar.
• Edición conjunta. Esta es una característica muy interesante para equipos de trabajo, ya que permite a varios usuarios trabajar sobre el mismo archivo.

Prezi 

Prezi es una aplicación multimedia para la creación de presentaciones similar a Microsoft Office PowerPoint o a Impress de LibreOffice, con la salvedad de que Prezi funciona íntegramente a través de Internet.

Prezi nos permite realizar presentaciones online de forma no lineal, es decir, contrario a lo que estamos acostumbrados en presentaciones via powerpoint, por poner un ejemplo. En este sentido, Prezi nos permite trabajar sobre un espacio infinito mostrando la informacion a modo de marcos (igual que en cualquier presentación tradicional), pero en este caso podremos hacer uso de efectos zoom y transiciones bastantes espectaculares para el usuario.

Wikis

Una wiki es un sitio web cuyas páginas pueden ser editadas por múltiples personas a través de un navegador web. Los usuariospueden crear, modificar o borrar un mismo texto que comparten

• Su función principal es la edición colaborativa de contenidos.
• Se puede determinar si lo puede editar todo el mundo, solo personas determinadas o solo el creador.
• Estructura jerárquica accesible a través de menús.
• Tiene un historial de modificaciones y se puede hacer un seguimiento de las modificaciones desde la creación de cada página.
• Las páginas también pueden tener un foro asociado.

Google Sites

Google Sites es una aplicación online gratuita ofrecida por la empresa estadounidense Google. Esta aplicación permite crear un sitio web o una intranet de una forma tan sencilla como editar un documento. Con Google Sites los usuarios pueden reunir en un único lugar y de una forma rápida información variada, incluidos vídeos, calendarios, presentaciones, archivos adjuntos y texto. Además, permite compartir información con facilidad para verla y editarla por un grupo reducido de colaboradores o con toda su organización, o con todo el mundo.

Características:

• Fácil creación de páginas
• requiere codificación HTML
• Plantillas de diseño disponibles
• Fácil manejo de archivos
• Fácil manejo de archivos adjuntos
• Personalización de la interfaz del sitio
• Fácil creación de contenido multimedia (vídeos, documentos, hojas de cálculo y presentaciones de Google Docs, fotos de Picasa y herramientas de iGoogle)
• Designación de dueño, lectores y colaboradores
• Búsqueda con la tecnología Google en el contenido de Google Sites
• Creación de intranets, páginas de empleados, proyectos, etc.

El único requisito para poder usar esta herramienta es tener una cuenta en Google. Es gratuita y se crea rápidamente desde aquí: https://www.google.com/accounts/NewAccount?hl=es 

El sitio que creemos puede adaptarse a cualquier temática  web personal, informativa, educativa, de negocio, administrativa, blog, wiki,... Puede hacerse pública (abierta a todo el mundo) o privada (accesible sobre a los que deseemos). Puede ser también colaborativa y permitir la participación de varias personas.

Cada sitio cuenta con 100 Megas de espacio.

Permite subir archivos, y almacenarlos en el sitio. Podemos guardarlos como adjuntos a cualquier página y también dentro de un tipo de página que hay disponible para ello. Recuerdo el límite de 100 M totales para el sitio, aún así caben muchísimos archivos y de todo tipo.

Marcadores sociales

Los marcadores sociales son un tipo de medio social que permiten almacenar, clasificar y compartir enlaces en Internet o en una Intranet.

Se asemejan a la opción de “favoritos” de nuestros navegadores, pero accesibles desde cualquier ordenador con conexión a Internet y con la posibilidad de poner a disposición de lectores potenciales las páginas que hemos marcado y etiquetado para facilitar su posterior localización

Mister Wong

Mister Wong es uno de los mayores marcadores sociales gratuitos de Europa

• Los marcadores favoritos pueden ser guardados de forma pública o privada.
• Es posible crear grupos públicos o privados.
• Conocidos u otras personas con favoritos interesantes pueden ser agregados como Amigos.
• Con un solo click los enlaces públicos de otros usuarios pueden ser agregados a tus propios favoritos desde cualquier lugar del portal Mister Wong.
• Extensión para Firefox, botones para blogs y plugin para Wordpress.
• Posibilidad de publicar y recomendar los marcadores en Twitter.

Lectores RSS

Hoy hemos aprendido a usar 2 herramientas para leer RSS
Google Reader
Nos permite redireccionar las novedades de las webs que seguimos y blogs favoritos en una misma pagina para no perder tiempo y tenerlos ordenados como queramos. Podemos suscribirnos y leer RSS y blogs.

iGoogle (desaparece en un año, una alternativa es symbaloo)
Con iGoogle podemos personalizar una pagina principal para el navegador añadiendo gadgets entre los cuales podemos poner lectores de RSS.

Hemos aprendido a usar FireShot para hacer capturas de pantalla en el navegador y editarlas.

Documentos y presentaciones

Presentaciones en slideshare
Esta web nos permite subir diapositivas y compartirlas.
Podemos buscar diapositivas sobre algún tema en concreto, abajo pongo una presentación que me pareció interesante

Humanrithm: why data without people is not enough from Guillaume Decugis

Documentos en scribd
Scribd nos permite publicar documentos de diversos formatos y compartirlos en la web.
Pongo un ejemplo de un documento publicado en scribd.
Tipos de Monitores

Mapa UIB

Google maps

Podemos usar google maps para crear mapas personalizados esto es muy útil para crear mapas para un negocio o para compartir información de lugares por ejemplo en un blog. Pongo un mapa que he creado como ejemplo

Mapa UIB


Ver UIB en un mapa más grande


Youtube

Youtube es la mayor web el cual los usuarios pueden subir y compartir vídeos. Es una forma sencilla de ver el vídeo de moda, un simple vídeo gracioso o un tutorial que nos ayude a realizar alguna tarea.

Podemos incrustar un vídeo en nuestro blog, por ejemplo:

Lorem ipsum

Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei. Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex. Eum hinc argumentum te, no sit percipit adversarium, ne qui feugiat persecuti. Odio omnes scripserit ad est, ut vidit lorem maiestatis his, putent mandamus gloriatur ne pro. Oratio iriure rationibus ne his, ad est corrumpit splendide. Ad duo appareat moderatius, ei falli tollit denique eos. Dicant evertitur mei in, ne his deserunt perpetua sententiae, ea sea omnes similique vituperatoribus. Ex mel errem intellegebat comprehensam, vel ad tantas antiopam delicatissimi, tota ferri affert eu nec. Legere expetenda pertinacia ne pro, et pro impetus persius assueverit. Ea mei nullam facete, omnis oratio offendit ius cu. Doming takimata repudiandae usu an, mei dicant takimata id, pri eleifend inimicus euripidis at. His vero singulis ea, quem euripidis abhorreant mei ut, et populo iriure vix. Usu ludus affert voluptaria ei, vix ea error definitiones, movet fastidii signiferumque in qui. Vis prodesset adolescens adipiscing te, usu mazim perfecto recteque at, assum putant erroribus mea in. Vel facete imperdiet id, cum an libris luptatum perfecto, vel fabellas inciderint ut. Veri facete debitis ea vis, ut eos oratio erroribus. Sint facete perfecto no vel, vim id omnium insolens. Vel dolores perfecto pertinacia ut, te mel meis ullum dicam, eos assum facilis corpora in. Mea te unum viderer dolores, nostrum detracto nec in, vis no partem definiebas constituam. Dicant utinam philosophia has cu, hendrerit prodesset at nam, eos an bonorum dissentiet. Has ad placerat intellegam consectetuer, no adipisci mandamus senserit pro, torquatos similique percipitur est ex. Pro ex putant deleniti repudiare, vel an aperiam sensibus suavitate. Ad vel epicurei convenire, ea soluta aliquid deserunt ius, pri in errem putant feugiat. Sed iusto nihil populo an, ex pro novum homero cotidieque. Te utamur civibus eleifend qui, nam ei brute doming concludaturque, modo aliquam facilisi nec no. Vidisse maiestatis constituam eu his, esse pertinacia intellegam ius cu. Eos ei odio veniam, eu sumo altera adipisci eam, mea audiam prodesset persequeris ea. Ad vitae dictas vituperata sed, eum posse labore postulant id. Te eligendi principes dignissim sit, te vel dicant officiis repudiandae. Id vel sensibus honestatis omittantur, vel cu nobis commune patrioque. In accusata definiebas qui, id tale malorum dolorem sed, solum clita phaedrum ne his. Eos mutat ullum forensibus ex, wisi perfecto urbanitas cu eam, no vis dicunt impetus. Assum novum in pri, vix an suavitate moderatius, id has reformidans referrentur. Elit inciderint omittantur duo ut, dicit democritum signiferumque eu est, ad suscipit delectus mandamus duo. An harum equidem maiestatis nec. At has veri feugait placerat, in semper offendit praesent his. Omnium impetus facilis sed at, ex viris tincidunt ius. Unum eirmod dignissim id quo. Sit te atomorum quaerendum neglegentur, his primis tamquam et. Eu quo quot veri alienum, ea eos nullam luptatum accusamus. Ea mel causae phaedrum reprimique, at vidisse dolores ocurreret nam.