Como parte de los experimentos con WebSlices para Internet Explorere 8 intenté hacer algunas pruebas “localmente”, a que me refiero con localmente… pues a crear las páginas como lo hago habitualmente, usando el block de notas y guardándolas con extensión html.
Código html en block de notas.
Una vez guardada la “página” la puedo abrir con cualquier explorador, en este caso Internet Explorer 8.
El código completo de la página es:
Porque… resulta que para que las webslices “funcionen” deben estar alojadas en un servidor Web, así que solo quedan 2 opciones, subir la página a una servidor o instalar un servidor web como Apache en nuestro equipo.
En este caso y solo para comprobar subiré mi archivito a el servidor del Ingeniero Vengador y queda como tarea para otro post, la instalación de Apache en Windows.
Apoya el blog… Vota por El ingeniero Vengador en BlogIt.ms.
Es realmente fácil y no te toma más que un par de minutos, solo ingresa a http://www.blogit.ms/TopBloggers.aspx y selecciona la categoría Internet WebSlicesy click en Buscar.
www.ingenierovengador.com
Una vez que aparece http://www.ingenierovengador.com dar click en Votar.
Insertar tu correo, solo se puede vota una vez por cuenta de correo, pero si tienes más de una cuenta, puedes introducir todas las que tengas (mientras más tengas, mejor).
Vota con todas las direcciones que tengas :D
Una vez que das click en aceptar te mostrará un mensaje advirtiéndote que solo se contabiliza el voto si lo verídicas dando click al enlace que se te enviará al correo.
Se te envía un mensaje por correo.
Entras a tu correo para verificar tu voto (el correo llega de 3 a 5 minutos después de haber votado) y puede ser que llegue al correo no deseado o al spam, el remitente es concurso@blogit.ms y el asunto es Validación de tu voto en BlogIT.
Remitente concurso@blogit.ms
Al abrirlo puede ser que bloquee el contenido porque estaba en la bandeja de no deseado. Para poder ver el contenido dar click en Abrir mensaje.
Permitir contenido.
El mensaje contiene una liga a la que debes darle click para que tu voto sea contabilizado.
Link para validar.
Cuando le des click te envía a la página y te muestra un mensaje que se ha contabilizado tu voto.
A pesar de que Joomla permite insertar imágenes dentro de los artículos, muchas veces se requiere la creación de galerías de fotos y se a eso le agregamos uno que otro efecto, pues mucho mejor.
Hay varias opciones para crear eso pero la que más me ha gustado por sus múltiples opciones y porque es muy fácil el manejo es MorfeoShow .
La instalación se realiza como cualquier otro componente o plugin. Menú Extensiones, Instalar/Desinstalar. Examinar para buscar el archivo y Subir Archivo & Instalar.
Instalar MorfeoShow
Hay que modificar los permisos (con cualquier programa FTP) de algunos directorios y archivos como:
Después de asignar permisos (en mi caso también crear la primera carpeta), ahora instalamos el Plugin y lo activamos.
Activar el Plugin.
Para poder crear una galería se hace desde Componentes/MorfeoShow/Galleries y damos click al botón Nuevo para crear la nueva galería.
Crear una Galería.
Colocamos el nombre y el formato que queremos que tenga dicha galería y Guardar.
Se pueden subir una por una o un grupo, solo que en el segundo caso las imágenes ya deben haberse subido a la carpeta components/com_morfeoshow/myphoto con un programa FTP.
Subir imágenes.
Si lo hiciste bien debería salir un listado con los archivos disponibles en la carpeta, se seleccionan y después dar click en Agregar Imágenes.
Esto crea la galería, podemos agregarle un título, información del autor y si es necesario, podríamos agregar un enlace dentro de la imagen.
Esto crea la galería, pero como la podemos publicar. Bastante simple (el plugin debe estar instalado y habilitado). Dentro del artículo donde queremos que se despliegue la galería debemos incluir la etiqueta {morfeo X} donde X es el número de la galería, este número lo podemos ver en el Gestor de Galerías de MorfeoShow.
Código para insertar Galerías.
Por supuesto que se pueden insertar las galerías que se requieran y en el lugar del artículo que se requieran.
Un día normal en las actividades de un ingeniero de servicio de Dell.
Recibir información de la central para contactar al cliente.
Agendar cita para asegurarse de encontrar al cliente y el equipo.
Transportarse a la localidad en la que se realiza el servicio, en este caso en la frontera entre Veracruz y Oaxaca.
Ingenio Providencia
Como si no fuera suficiente viajar casi 80 km resulta que hay una desviación que me hace recorrer por cañales y caminos sin pavimentar.
Desviación
Llegar y trabajar en la mesa del comedor de la casa y destripar una máquina.
Un rompecabezas
Refacciones y llamadas después, todo listo y a regresar.
Ingenio Motzorongo
No se si estar en una oficina será más cómodo pero sin duda, esto es mucho menos rutinario.
Ahora podemos ver un demo del Proyecto Natal de Microsoft en vivo. Realmente impresionante, aún que espero no tener que usar un traje como ese :D. http://www.youtube.com/v/NZ5J4yXA5sM&hl=es&fs=1&
Donde: hslice es obligatoria y ya que es posible agregar más de un WebSlice en una página, se usa un ID para difereciarlos.
entrytitle define el título en el webslice.
entry-content es el “contenido que mostrará el WebSlice, puede ser solo texto, o código HTML y XHTML, puede ser tan largo como se quiera pero lo recomendable es que sea corto y descriptivo. No se permite JavaScript o VBScript.
En este ejemplo y para no variar cuando se prueba algo en programación o código en general agregaré mi primer WebSlice con el ya tradicional “Hola Mundo”
Mi primer WebSlice
Hola Mundo
Y después de batallar un poco todo listo, puedes notar que el ícono de WebSlice aparece en color verde y puedes agregarlo a tu barra de navegación. Y al señalar el Texto que dice Mi Primer WebSlice aparece un recuadro verde que te permite agregarlo a la barra de favoritos.
Agregar un WebSlice
Nada del otro mundo, pero seguramente se puede utilizar de muchas maneras ingeniosas, Saludos.
El primer paso es identificar el ícono que nos da acceso a «Internet»
El que viene pre-instalado con Windows es Internet Explorer , el segundo en popularidad es Firefox , si tienes un iPod seguramente descargaste (voluntaria o involuntariamente) Safari y si eres usuario de Google (seguro que lo eres, aún sin saberlo) notarás que promueven Chrome.
Qué versión tengo instalada.
Una vez abierto el navegador, es muy sencillo saber qué versión tenemos instalada, de hecho esto se aplica prácticamente a cualquier programa instalado en la PC. En el menú ayuda o en el botón ayuda, seleccionamos la opción Acerca de… (About…) y nos despliega una mini-ventana con la información general del programa.
Qué versión tengo instalada.
Así de fácil ahora sé que tengo instalado Internet Explorer Versión 8 Beta en la versión 8.0.7000.0.
Si quieres probar en nuevo navegador de Microsoft, Internet Explorer 8 puedes descargarlo de manera gratuita dando click AQUI.
Hace poco recibí como regalo por mi participación en BlogIt, una platera de la nueva versión de Internet Explorer, no lo había probado pero parte del concurso incluye una subcategoría llamada… Webslices, que entrega un premio semanal.
Los WebSlices es según Microsoft:
«Un Webslice (o rebanada web) es un segmento de una página Web escrita con un formato particular dentro del contexto de XHTML. Este formato se apega a estándares Web pero permite que IE8 pueda detectarlo para agregarlo como un marcador vivo, de forma que se pueda tener un fragmento de una página Web como marcador que incluso refleja los cambios que puedan tener los datos del webslice.»
En palabras simpres son ventanitas que pueden mostrar contenido (incluso dinámico) de una página con solo señalar la pestaña. Un ejemplo podría ser el siguiente.
WebSlice
La segunda mejora que noté es que al abrir una pestaña nueva, nos presenta la opción de «Navegación Privada» la cual no deja rasto de los sitios que visitamos, ideal para usar en cyber cafés o lugares donde compartimos nuestro equipo, como en centros de cómputo escolares e incluso en la oficina.
Modo Privado
A simple vista son los 2 cambios que noté, seguramente hay muchos más por descubrir, asi que a seguir probando.
Una de las herramientas más interesantes para monitorear las visitas a tu página es Google Analytics, para poder utilizarla es necesario contar con una cuenta en Google (Puedes darte de alta con cualquier correo, no solo con gmail).
Ingresar usando cuenta Google.
Una vez dentro, es necesario inscribir tu sitio en Analytics.
Agrega tu sitio.
El primer paso es agregar nuestra página para monitorear la actividad.
Solo basta con indicar la página a la cual queremos darle seguimiento y nos genera un código.
Simpre usa el nuevo código.
Con este código hay varias opciones, si el sitio está construido en HTML y podemos modificar estos archivos, entonces tenemos que agregarlo antes de cerrar el cuerpo con la etiqueta .
Código.
En el caso de Joomla las páginas se generan dinámicamente por lo que no es posible agregar dicho código página por página.
Esto se agrega a la página.
Lo que debemos hacer es insertarlo en el archivo index.php que se encuentra en la carpeta correspondiente a la platilla (dentro de la carpeta Templates) que estamos utilizando, es IMPORTANTE que si cambiamos la plantilla también debemos modificar el index.php correspondiente a dicha plantilla.
Y eso es todo, podemos dar seguimiento a nuestro sitio con Google Analytics.
A pesar de modificar correctamente el archivo index.php o agregar el código a nuestra página en HTML, Analytics despliega el mensaje de que no se ha encontrado el código, esto se debe a que tarda algunos minutos o incluso horas en iniciar con el monitoreo, así que paciencia para que la imagen cambie de “no insertado” a “recibiendo datos”.
Al parecer Nintendo marcó la tendencia con los controles sensibles al movimiento al desarrollar el Wii, así que tanto Microsoft con su “Proyecto Natal” como Sony con su control sensible al movimiento presentaron este año en el E3 los desarrollos relacionados con dicha tecnología, ahora es turno de ver la propuesta de Sony. http://www.youtube.com/v/gaQsXdKbUw8&hl=es&fs=1&
