Taller de AJAX and Frameworks

AJAX and Frameworks

El taller de esta semana era sobre AJAX y Frameworks.

Conocía los dos términos, pero sólo por encima, sin mucha especificación.

¿Qué es AJAX....?

AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). 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.

¿Framework...?

Frame Work ("marco de trabajo").Es una biblioteca pre-escrita de controles, funciones y métodos que hacen más fácil a los desarrolladores el producir con mayor velocidad y precisión código que es compatible entre todos los navegadores.

La wiki me parece muy correcta y dispone de los puntos claves para entender el tema.

Taller sobre XML

XML

En el taller de hoy se ha tratado el XML. El XML es un tipo de lenguaje de marcas que ya conocía. El material presentado es bastante bueno y me ha servido para refrescar conceptos.
Como breve indicativo sobre qué es, dejo una intruducción de la wiki:
XML, siglas en inglés de eXtensible Markup Language, 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.

Las explicaciones son bastante directas y aclarativas.
Han resaltado muy bien las diferencias que hay entre XML y HTML, y por lo que me han comentado en clase, la presentación fue bastante buena.

Semana para la práctica

Esta semana la tenemos libre de tálleres, dedicada para que adelantemos la práctica. Trabajemos en ella por nuestra cuenta, dado que quedan dos meses para su entrega.

Hemos pensado en estructura, temas y nos hemos puesto manos a la obra.

Taller PHP y taller de posicionamiento

El lunes explicamos PHP, su historia, como funciona el código, cuáles son sus palabras reservadas y las sentencias. Ha salido bastante bien, y bastante extensa. Al ser un tema amplio, que requiere dos clases, empleamos también otra clase más. Hubo algunos problemas y aplazamiento, pero al final mis compañeros acabaron de presentar el tema de forma correcta. La parte de PHP avanzado y el paquete CodeIgniter.

Taller de posicionamiento

 

 El taller de posicionamiento, diferentes formas de posicionamiento de nuestra web en buscadores. Hay diferentes como podemos ver en la siguiente imagen:

Y también bastantes herramientas, que nos ayudan a esta tarea, como son páginas que aportan palabras clave. Page Rank de Google, Adwords, etc.

Sobre nuestro taller PHP

Hemos estado muy liados estás semanas. Tanto por la realización de la página web, pero sobretodo por nuestro taller de PHP.

El taller nos está dando mucho trabajo. Y me está pareciendo muy interesante, hay muchas cosas que desconocía sobre el funcionamiento del PHP. Su historia, el empleo del XAMPP para testear una web, entre otras cosas.

Taller Javascript y DOM

Javascript y DOM

El taller de Javascript y DOM me ha parecido muy interesante. Con una puesta en escena diferente a lo que han mostrado otros compañeros, han realizado la presentación en Prezi, que como comente anteriormente es una herramienta que te permite realizar presentaciones.

Brevemente comentaré una pincelada a modo de introducción de lo que hemos visto en clase, comentando en qué consiste cada cosa.

• JavaScript es un lenguaje de programación interpretado usado en millones de páginas webs alrededor del mundo. Se caracteriza principalmente por ser orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico. Su uso mayoritariamente es en la parte del cliente con el fin de dinamizar páginas web y por lo tanto hacerlas más atractivas y fáciles de usar al usuario final.
• El DOM es la estructura de objetos que genera el navegador cuando se carga un documento y se puede alterar mediante Javascript para cambiar dinámicamente los contenidos y aspecto de la página. Dicha estructura es jerárquica y en ella existen varios objetos que dependen unos de otros. 

Me ha parecido interesantísimo conocer lo del DOM, ya que lo desconocía. Y me ha aportado una visión diferente del HTML. Gracias a la Wiki he podido resolver dudas, ya que no pude asistir a la parte de DOM.

Taller de CSS

 CSS

En el taller de CSS, pese a no poder asistir, me pude informar de todo en la Wiki. Habían presentando muy bienas las cosas sobre CSS. Con ejemplos y enlaces muy interesantes.
 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.
El CSS lo he empleado en numerosas ocasiones para la creación de páginas web, es bastante interesante la información que han aportado así como muy aclarativos los ejemplos publicados.

Taller HTML5 y XAMPP

El primer taller, trataba sobre HTML5 y XAMPP. Ha sido un taller muy interesante y bien explicado, pese a que algunas cosas ya las conocía por haberlas practicado en otro momento.

HTML5

HTML 5 es la quinta revisión del lenguaje HTML (HyperText Markup Language). Debido a que las necesidades de la web van cambiado muy rápidamente, la especificación del lenguaje HTML tiene que ir siendo revisado para que ésta se adapte a las necesidades del momento.  

De las cosas más interesantes que desconocía, han sido los cambios de la estructuración de una página web se hacía mediante el uso (a veces abusivo) de etiquetas div. Esta nueva especificación incluye nuevas etiquetas para una mejor estructuración de las páginas web. Algunas de las etiquetas que incorpora HTML 5 son <section>, <article>, <header>, <footer>, <nav>, <hgroup>, <aside>, entre otras.

Y sobretodo la geolocalización,  es la forma de localizar la posición de un usuario en el mundo para que esta información pueda ser compartida en las aplicaciones web.

XAMPP

 XAMPP es un sistema que te permite trabajar para la publicación de páginas web en Internet, y se emplea como servidor. Te aporta facilidades para probar el producto. 

Es una herramienta que ya conocía pero gracias al taller me he acordado de como se usaba, que es una herramienta de la que es fácil olvidarte.

Google Drive y Prezi

Google Drive

Google Drive es un servicio de almacenamiento de archivos en línea. Fue introducido por Google el 24 de abril de 2012. Google Drive es un reemplazo de Google Docs que ha cambiado su dirección de enlace de docs.google.com por drive.google.com entre otras cualidades. Cada usuario cuenta con 5 Gigabytes de espacio gratuitos para almacenar sus archivos, ampliables mediante pago. Es accesible por su página web desde ordenadores y dispone de aplicaciones para iOS y Android que permiten editar documentos y hojas de cálculo.¹
Con el lanzamiento de Google Drive, Google ha aumentado el espacio de almacenamiento de Gmail a 5 GB.

 Desde este servicio puedes hacer todo lo que hacías con Google Docs. Abriendo y modificando documentos, más la funcionalidad de orientarlo hacia un dispositivo de almacenamiento online, como DropBox.
También existe una aplicación para que en tu escritorio, dispongas de la jerarquía de carpetas, de la misma forma que con DropBox, y que se vaya actualizando cuando realizas modificiones.

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.
Lo bueno de Prezi, es que te ofrece otro tipo de manera para realizar tus presentaciones. Siendo su principal punto fuerta la visualidad de las presentaciones.

Eliges el tipo de plantilla y luego le añades el contenido. Cada plantilla es una forma de presentación diferente, gracias al conjunto de elementos visuales.

(Algunos textos han sido sacados de Wikipedia.)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

Wiki

Una wiki es un sitio web cuyas páginas pueden ser editadas por múltiples personas a través de un navegador web. Los usuarios pueden 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.

Ventajas

La principal utilidad de un wiki es que permite crear y mejorar las páginas de forma instantánea, dando una gran libertad al usuario, y por medio de una interfaz muy simple. Esto hace que más gente participe en su edición, a diferencia de los sistemas tradicionales, donde resulta más difícil que los usuarios del sitio contribuyan a mejorarlo.
Dada la gran rapidez con la que se actualizan los contenidos, la palabra «wiki» adopta todo su sentido. El «documento» de hipertexto resultante, denominado también «wiki» o «WikiWikiWeb», lo produce típicamente una comunidad de usuarios. Muchos de estos lugares son inmediatamente identificables por su particular uso de palabras en mayúsculas, o texto capitalizado - uso que consiste en poner en mayúsculas las iniciales de las palabras de una frase y eliminar los espacios entre ellas - como por ejemplo en EsteEsUnEjemplo. Esto convierte automáticamente a la frase en un enlace.

Inconvenientes

El más importante se describe como la posibilidad de introducir adendos y modificaciones carentes de autenticidad y rigor. Cualquier persona podrá intervenir sin que su información o comentarios estén suficientemente contrastados.
Debido a ello, se toman las medidas más adecuadas al alcance de los mecanismos editoriales con objeto de optimizar la fiabilidad de las informaciones introducidas.

(Texto sacado de Wikipedia.)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

 Google Sites

 

El servicio gratuito Google Sites constituye un modo sencillo de crear y compartir páginas web.
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.
Gestione todos sus proyectos empresariales a través de Google Sites compartiendo documentos, publicando información y subiendo reportes, todo en un solo sitio y con la seguridad y los permisos que usted defina. A continuación las características principales de Google Sites:

• 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.

 Pasos iniciales

• Para crear un sitio en Google Sites, nos dirigimos a sites.google.com/?hl=es
• Seguimos los pasos para crear el sitio, dándole un nombre al sitio. 
• Ejemplo de un sitio web en Google Sites, sin contenido.

View Screen Capture  

Tutorial empleo Google Sites

Marcadores sociales

Los marcadores sociales son un tipo de medio social que permiten almacenar, clasificar y compartir enlaces en Internet o en una Intranet.
Además de los marcadores de enlaces generales, existen servicios especializados en diferentes áreas como libros, vídeos, música, compras, mapas, etc. Los marcadores sociales también forman parte de los marcadores sociales de noticias como Digg.

Mister Wong es uno de los mayores marcadores sociales gratuitos de Europa.
La versión original de Mister Wong, en alemán, comenzó en marzo de 2006 y cuenta con más de 2.55 millones de visitas al mes. Al año siguiente (mayo 2007), el servicio abrió sus puertas en España.

^{Características}

• 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.

(Texto sacado de Wikipedia.)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

Ejemplo:



Captura con marcadores añadidos

Lectores RSS(Really Simple Syndication)

View Screen Capture  

 ¿QUÉ ES?  

Google Reader es un lector de RSS y atom. Permite organizar y acceder rápidamente desde una interfaz web a todas las noticias de las páginas configuradas en el sistema que soporten. Fue lanzado por Google el 7 de octubre de 2005 mediante Google Labs, Google Reader se incorporó a Google Labs el 17 de septiembre de 2007.

(Texto sacado de Wikipedia.) El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

 PASO A PASO 

1. En google maps copiamos el código HTML.
2. A la hora de escribir la entrada, seleccionamos el botón "HTML" de la esquina superior izquierda. 
3. Copiamos el código disponible en el portapapeles.

View Screen Capture

GoogleMaps: Mapa de la UIB.

¿QUÉ ES?

Google Maps es el nombre de un servicio de Google. Es un servidor de aplicaciones de mapas en la Web. Ofrece imágenes de mapas desplazables, así como fotos satelitales del mundo e incluso la ruta entre diferentes ubicaciones o imágenes a pie de calle Google Street View. Desde el 6 de octubre del 2005, Google Maps es parte de Google Local.

(Texto sacado de Wikipedia.)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

PASO A PASO

1.  En google maps copiamos el código HTML. 
2. A la hora de escribir la entrada, seleccionamos el botón "HTML" de la esquina superior izquierda.
3. 3.Copiamos el código disponible en el portapapeles.

Ver Mapa ejemplo en un mapa más grande

SlideShare: Presentación "A future for the Liffey Corridor"

¿QUÉ ES?

SlideShare es un sitio web que ofrece a los usuarios la posibilidad de subir y compartir en público o en privado presentaciones de diapositivas en PowerPoint, documentos de Word, OpenOffice, PDF, Portafolios.1
(Texto sacado de Wikipedia)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales. Léanse los términos de uso para más información.

PASO A PASO

1. Ir a http://www.slideshare.net.
2. Seleccionar la presentación a publicar o subirla.
3. Una vez elegida, ir a Embed y copiar el código HTML en el portapapeles.
4. Pegar código HTML en la entrada, seleccionando el botón HTML previamente.

A Future for the Liffey Corridor from Ciarán Cuffe


 

Scribd:Mountain Climbing - Kilimanjaro Machame Route

 ¿QUÉ ES?

 Scribd (pronunciado ˈskrɪbd) es un sitio web para compartir documentos que permite a los usuarios publicar documentos de diversos formatos y embeberlos en una página web utilizando su formato iPaper. Scribd fue fundada por Trip Adler en 2006.² Los competidores más notorios de Scribd son Docstoc, WePapers e Issuu.3
(Texto sacado de Wikipedia)
El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales. Léanse los términos de uso para más información.

 PASO A PASO

1. r a http://www.scribd.com.
2. Seleccionar la presentación a publicar o subirla.
3. Una vez elegida, ir a Embed y copiar el código HTML en el portapapeles.
4. Pegar código HTML en la entrada, seleccionando el botón HTML previamente.

 

Mountain Climbing - Kilimanjaro Machame Route

YouTube: Croqueta

¿QUÉ ES? 

YouTube usa un reproductor en línea basado en Adobe Flash para servir su contenido (aunque también puede ser un reproductor basado en el estándar HTML5, que YouTube incorporó poco después de que la W3C lo presentara y que es soportado por los navegadores web más importantes). Es muy popular gracias a la posibilidad de alojar vídeos personales de manera sencilla. Aloja una variedad de clips de películas, programas de televisión y vídeos musicales. A pesar de las reglas de YouTube contra subir vídeos con derechos de autor, este material existe en abundancia, así como contenidos amateur como videoblogs. Los enlaces a vídeos de YouTube pueden ser también insertados en blogs y sitios electrónicos personales usando API o incrustando cierto código HTML.
 (Texto sacado de Wikipedia.)
 El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

PASO A PASO

1.  En Youtube copiamos el código HTML. 
2. A la hora de escribir la entrada, seleccionamos el botón "HTML" de la esquina superior izquierda.
3. Copiamos el código disponible en el portapapeles.

Prueba

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet elit ac arcu pellentesque blandit. Nam vestibulum condimentum arcu sed aliquet. Pellentesque adipiscing tempor odio, ut rhoncus urna aliquet a. Vestibulum eu erat tellus, ac commodo sem. Maecenas dictum ante massa, non placerat neque. Quisque turpis velit, auctor ut ullamcorper sed, dictum nec est. Integer purus arcu, tincidunt placerat ultricies ac, vulputate id quam. Aliquam fermentum, felis in lacinia accumsan, orci sapien venenatis dui, at placerat eros lorem id ligula. In et sem massa, sit amet faucibus leo. Maecenas tristique suscipit orci ac rutrum. Vivamus a urna at purus lobortis mollis. Vivamus posuere semper lectus eu luctus. Fusce mollis lectus eget leo varius molestie.
Integer sodales porttitor nulla nec fermentum. Vivamus mollis, nisi et tempor consectetur, elit elit pulvinar erat, at iaculis est felis et dui. Donec eros odio, auctor ultrices rhoncus in, ultricies eget mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis rutrum metus sit amet sem tempor sollicitudin. Phasellus tempus, diam vitae egestas iaculis, sapien arcu gravida purus, sit amet imperdiet tortor dui sit amet lorem. Ut in velit id dui elementum adipiscing sit amet quis augue. Integer eu ultrices velit.
Vivamus in lectus id tellus elementum convallis gravida eget mauris. Nam eget urna non dui interdum vestibulum. Vivamus a lacus eros. Pellentesque hendrerit nulla nec enim luctus at pulvinar nisl eleifend. Duis rutrum, diam ut ullamcorper lacinia, neque velit semper mauris, vitae pellentesque tellus magna ut turpis. Vestibulum dolor lorem, varius non fermentum vel, posuere a urna. In ac mattis arcu. Quisque imperdiet viverra tortor, eget hendrerit tortor vestibulum id. Aenean sed condimentum quam. Curabitur aliquam quam non libero laoreet volutpat ut imperdiet erat. Suspendisse ut dolor sit amet dui dapibus euismod.