Ventajas y Desventajas de un sitio web para móviles

La semana pasada les platiqué sobre las ventajas y desventajas de implementar responsive design en un sitio web. Hoy vamos a abundar sobre una de las soluciones que les hable en el artículo pasado, implementar un sitio web especial para dispositivos móviles. Antes de hablar específicamente de los sitios web para móviles les voy a comentar algo de historia. Hace algunos años, dominaban las redes 2G (GSM), estas eran para su tiempo, más veloces que la primera generación de celulares digitales, además de hacer llamadas podíamos mandar mensajes de texto, mensajes multimedia y visualizar contenido de Internet. En ese tiempo los primeros sitios web para móviles eran muy pero muy limitados y solo mostraban texto. Algunas personas llamaron a ellos “sitios para conexiones WAP“, si nacieron a principios de los noventa o antes se habrán dado cuenta de ello, habrán conocido los celulares con teclado numérico en el cual el número de veces que presionabas una tecla era la letra que te mostraba.

vista-teclado-celular-e71-doble-sim-card-tv

Pues bien a que voy con esto, los gigantes del Internet como Google empezaron a adquirir dominios como 466453.com. (si entran verán que redirige a Google) ¿Por qué un dominio con números? por lo que les comente anteriormente, era más facil presionar una sola vez la tecla de ese número que varias veces, si observan en la imagen en esos números se encuentran las letras de la palabra “Google”. Esos fueron los primeros sitios para dispositivos móviles, después de varios años se vendría una revolución con el surgimiento de los smartphones.

Leer más »

Ventajas y Desventajas de un sitio web para móviles 4.00/5 (80.00%) 1 vote

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Pros y Contras del Responsive Design

En los últimos meses, hemos leído mucho acerca del Responsive Design (Diseño Responsivo o Diseño Adaptable). Muchos lo llaman la nueva tecnología, sin embargo tal y como sucedió en su momento con AJAX, yo diría que es una técnica de diseño web para mostrar los sitios web según la  resolución de la pantalla en que se esta visualizando. ¿Porqué una técnica y no una tecnología? Pues por que la tecnología ya existe y son las Hojas de Estilo en Cascada. Bueno, hecha esta aclaración quiero compartirles lo que a mi vista son los pros y contras del diseño responsivo. Muchas estas cosas ya las había leído antes, pueden Googlear un poco para aprender y otras más las he vivido por experiencias, pues en esta industria hay que estar a la vanguardia.

¿Qué es Responsive Design?

El Responsive Design es una técnica de diseño web utilizada para visualizar sitios web según la resolución de la pantalla en que se esta visualizando. Utilizando las medidas de la pantalla, establecemos reglas en las cuales pueden aplicar los estilos señalados dentro de esas reglas. Esto surgió gracias a CSS3 y HTML5, pero sobre todo yo se lo atribuyo a que los navegadores de dispositivos móviles adaptaron rápidamente estos (casi declarados) estándares. Debido a que los dispositivos móviles tienen una resolución de pantalla menor y estan limitados en ancho de banda, se empezaron a establecer alternativas de solución para la navegación, una es esta técnica. Cuando la posición del dispositivo es horizontal o vertical, la resolución solo se invierte. Por ejemplo, si tenemos un dispositivo cuya resolución es 360×640 pixeles en vertical (portraint position), si la ponemos horizontal será de 640×360 pixeles (landscape position)

Leer más »

Pros y Contras del Responsive Design 5.00/5 (100.00%) 2 votes

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

El movimiento #YoSoy132 y el “Efecto Streisand”

Nota: En este artículo no se pretende beneficiar o perjudicar a algún candidato presidencial ni tampoco fijar una postura en favor o contra de alguno de ellos, solamente dar a conocer un efecto que surgió en Internet y como podemos compararlo con lo que sucede actualmente en el país.

Todos sabemos que ha habido una lucha constante de las personas y los medios de comunicación en favor de la libertad de expresión y del libre opinión, que a principios del siglo pasado era facilmente censurable (me recuerda a Porfirio Díaz con su “Matenlos en caliente”), y que aún así actualmente se sigue dando en algunas regiones del mundo. Hoy, gracias al Internet, podemos enterarnos de muchas cosas que ocurren en el mundo, cortando las distancias en el flujo de la información y que todas las personas sean libres de escribir, opinar, difundir y publicar. Por ello, desde hace algún tiempo surgio un fenómeno en Internet llamado Efecto Straisand, un fenomeno que tiene la intensión de frenar y censurar información de interes general pero que a ciertos grupos o personas no conviene que se publique, provocando (lo identifico yo) como un fenomeno dominó en los grandes grupos de personas, preguntandose ¿Qué será eso que me prohíben llegar a conocer?. Leer más »

Califica esta entrada

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Recuérdame, soy tu cliente.

Cuando nos dedicamos a dar servicios, en mi caso de desarrollo web, hay que entrar en contacto directo con los clientes, conocer cual es el problema y encontrarle una solución a ello, ya que para eso nos pagan. Ellos son el pilar de nuestro negocio, para los cuales trabajamos, sin embargo a veces se nos olvida que el trato y la atención son un punto primordial en ello, además de la calidad y eficiencia del servicio; es por ello como nos recuerdan como una buena o mala empresa, los que nos daran la publicidad buena o mala, pero gratuita.

Hoy, en Adlover, el blog de mis amigas MoradoDisturbia y Satanya me encontré este video que habla acerca del servicio a clientes, en lo personal me gusto mucho y me recuerda vivencias pasadas, como cuando trabajé de mesero en temporada de vacaciones durante 3 años. Recuerdo la satisfacción de ver a un cliente regresar al restaurant despues de 12 meses, y que algunos de ellos hasta me recordaban, es por esa experiencia que supe la difícil labor de un mesero.

En fín, les dejo este video y espero que les guste.

Necesitas Adobe Flash Player para ver este video.

Imagen vía: Russ and Lori Flickr

Video vía: Adlover.net

Recuérdame, soy tu cliente. 2.50/5 (50.00%) 2 votes

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Write in C – Cover Let It Be [DEP Dennis Ritchie]

El día de ayer en Facebook me voy enterando que ha muerto Dennis Ritchie, quien es un importante cientifico de computadoras, creador del lenguaje de programación C y el sistema operativo UNIX.

Hoy platicando con una de mis maestras en el Tecnológico y comentandole lo anterior, me mostró un video de esta canción, que como saben ya se han hecho muchas parodias de Java, Windows, etc; pero no había tenído la oportunidad de ver uno de C.

La canción se llama “Write in C” y es un cover de The Beatles – Let It Be, habla acerca de lenguajes de programación anteriores a C, mostrando sus ventajas y desventajas.

Larga vida a Dennis Ritchie.

Necesitas Adobe Flash Player para ver este video.

Write in C – Cover Let It Be [DEP Dennis Ritchie] 5.00/5 (100.00%) 1 vote

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Música: Diazepunk

Regresandole un poco la escencia personal al blog, esta vez es para hacerles una recomendación musical, claro si eres de las personas que gustan del punk en español. Este grupo peruano se llama diazepam dIAZEPUNK y se formó en 1996.

Está formado por:

  • Carlos García (tocayo! xD) (voz)
  • Takeshi Nakankari (guitarra y coro)
  • Joaquín Cúneo (guitarra y coro)
  • Javier Landa (bajo y coro)
  • Mauricio Llona (batería)

A este grupo los vengo escuchando desde el 2008 aproximadamente, con la canción “Nid” y de ahí seguí escuchando más canciones, hoy mis favoritas son:

  • Mal Ejemplo
  • Si no te olvidas de mi
  • Mañana
  • Algo en que creer.
  • Viernes
  • 3D

Y para finalizar, pueden escucharlos desde YouTube.

Necesitas Adobe Flash Player para ver este video.

Espero les guste y sus comentarios sobre el grupo son bien recibidos.

Fuente: Diazepunk – Wikipedia
Imágen extraida de Google Images.

Música: Diazepunk 3.00/5 (60.00%) 1 vote

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Redes sociales y la adopción de los nuevos estándares

Mucho se ha dicho y comentado de la nueva interfaz de Facebook, cambios que hacen muy parecido a Google+ y Twitter, algunos dicen que hasta tiene la escencia de 4Chan. Pero desde hace tiempo se ha venido comentando mucho acerca de la adopción de los nuevos estándares web en Facebook, como el reproductor de videos en HTML5. Es algo muy técnico, pero creo yo que es importante resaltarlo, ya que ahora con la nueva interfaz me he podido percatar de que en las URLs ya no aparece el HashBang del que les había comentado antes, empezé a analizar un poco, viendo el codigo fuente me encontre con el doctype de HTML5, posteriormente con el Firebug empezé a ver las consultas AJAX, y efectivamente las actualizaciones se hacían sin recargar toda la pagina, pero cambiaba completamente la URL en la barra de direcciones.

Recorde que hace tiempo ya había visto un tutorial para el manejo de URLs en HTML5, esto era cambiar la dirección que estaba en la barra de dirección ejecutando una sola función en Javascript.

Como sabemos, en Javascript el objeto principal es el window, con el cual podemos controlar todo lo que es la ventana de navegación, historial, DOM, etc. Ya habíamos hablado también del Hash, el cual es toda esa cadena de caracteres que tenemos en la URL despues del #. Este Hash esta en el subobjeto history. Es decir:

  1. window.history

Este objeto contiene una serie de funciones que nos ayudan a manejar el historial de navegación, sin embargo en el nuevo estandar HTML5, tenemos las funciones:

Leer más »

Redes sociales y la adopción de los nuevos estándares 5.00/5 (100.00%) 1 vote

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Proyecto: Generador de Blogs de Rimix.

Este es un proyecto que desarrollé hace algún tiempo, estaba en la preparatoria y fue despues de haber desarrollado makeflog.com (ups! creo que no les he platicado de eso xD). Gracias a la experiencia que adquirí con ese “intento de red social”, Mario Navas un buen amigo, colega y desarrollador colombiano me contactó para ayudarle a trabajar sobre un sitio web. Este sitio web es un generador de blogs, en donde los usuarios registrados del sitio rimix.com pudieran hacer un blog, sin necesidad de lo que implica instalar una base de datos, transferir archivos, etc; todo de manera automática.

Era un blog sencillo, capaz de agregar entradas y comentarios, ordenar en paginas por fechas y categorías, pero lo primordial era que se pudieran generar enlaces del tipo:

http://blog.rimix.com/[Lo que el usuario quisiera poner]

Todo esto, al igual como lo hace makeflog.com. Fue una experiencia muy agradable, pues fue la primera persona con la que pude trabajar en el extranjero, sin la necesidad de salir de mi ciudad. Hasta el momento, he visto que todavía lo usan, despues de mucho tiempo, y es grato ver que ese trabajo ha sido de gran utilidad para las personas de ese sitio y sus usuarios.

Quieren que les platique de makeflog.com???.. xD

Proyecto: Generador de Blogs de Rimix. 5.00/5 (100.00%) 1 vote

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Seguridad en la Web: Identificadores.

Error de programaciónDesarrollar aplicaciones web, implica el uso de bases de datos, y con ello usar identificadores en los regístros para extraer información específica. Sin embargo, al igual que el desarrollo de algoritmos, hay diversas formas de ubicar el identificador en una aplicación para extraer la información solicitada. Ustedes dirían que esto es de primaria para un desarrollador, pero por más o menos experiencia que se tenga, nunca esta de más resaltar este tipo de detalles. Escribo esta entrada por que hace poco tiempo, me topé con este error en un sistema que úso ampliamente, y que otros colegas ya se habían percatado del error, sin embargo me reservo el derecho de mencionar en donde lo encontré. A continuación mencionaré tres formas de almacenar y extraer el identificador en una aplicación web durante la navegación.

Enviar el identificador por campo de texto en formulario.

Un metodo un tanto inseguro pero adecuado para manejar información que no requiere de mucha seguridad, esta forma consiste en utilizar un campo oculto de texto en un formulario para especificar que identificador tiene la información de la base de datos. Este es el tipo de error que me encontré en el sistema antes mencionado, el campo de texto no estaba oculto, solo desconectado. Gracias Firebug se puede modificar el valor de este campo de texto y hacer la petición de información, modificandolo podía extraer información de otros usuarios, ya que ese identificador era el del usuario. Esta forma la había visto aplicado en paneles de administración, que despues de haber pasado una capa de seguridad (como un inicio de sesión) podia ser utilizado. A pesar de ser utilizado en un panel de administración, los filtros eran aplicados adecuadamente en el lenguaje de programación del lado del servidor y no había gran problema apesar de que se podía modificar.

Utilizando cookies para compartir información.

Gracias a los cookies, podemos guardar pequeños fragmentos de información en el navegador y que son leídos únicamente por el dominio que fue creado, sin embargo, a mi criterio esta forma tiene seguridad média debido a que no queda excenta de modificaciones por parte del usuario cliente. Las cookies las habia visto utilizadas para identificar a un usuario y no presisamente en la base de datos, como por ejemplo podemos guardar una cookie que diga cuantas veces el usuario a visitado cierta pagina, entre otras cosas. También la he visto aplicada para la identificación de usuarios, sin embargo no recomiendo hacer esto sin tener ciertos filtros de seguridad que permitan saber si el usuario efectivamente es el, ya que se presta muchas veces al robo de cookies. Podemos hacer un registro a la base de datos para guardar cierta información temporalmente y que sea modificado unicamente por el lenguaje de programación del lado del servidor y guardar el identificador del registro en una cookie, sin embargo esto sería como emular la función de las sesiones, que en un momento comentaré.

Utilizar sesiones, mas seguro y cómodo.

Utilizar sesiones es mas o menos como lo habia mencionado en las cookies, pero estas son implementadas por el lenguaje de programación. Una sesion es.. valla una sesión que envía una cookie al usuario con un identificador y que nosotros podemos manejar información como variables que son almacenadas temporalmente en el sistema y accedidos por el lenguaje de programación. Esto es mas trabajo del lenguaje de programación y no tenemos que aplicar filtros de seguridad para poder validar las sesiones. Este método es mas seguro y comodo de usar, ya que con solo un arreglo de una variable superglobal ( en el caso de PHP ) podemos acceder a la información, inicializando previamente la sesión. Podemos crearlas, sobreescribirlas y eliminarlas como si fueran variables comunes y si el identificador de la sesion es transferida a otra PC el lenguaje ya no la toma como válida. Estas variables no pueden ser visualizadas por el usuario, lo que las hace mas seguras.

Como vemos, aquí estan algunas formas de proteger la seguridad de su información y sus usuarios, tengan cuidado de donde extraen los identificadores, ya que si son modificables se puede prestar a acceder a información que muchas veces cierto usuario no debe de ver o inclusive modificarla.

Saludos y espero les haya ayudado este pequeño post.

Imágen vía: Nogc Ha Flickr

Seguridad en la Web: Identificadores. 4.00/5 (80.00%) 1 vote

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Verano Científico en Guadalajara, Jalisco.

Valla que este año ha sido intenso y más antes del verano y precisamente, el verano. Trabajando en las campañas políticas del estado, despues la escuela y culminando las dos para despues irme a Guadalajara, Jalisco a hacer verano científico, todo sin detenerse ni un momento. Pero vamos comentando algo respecto al verano científico.

Existe un programa que se llama Programa Interinstitucional para el Fortalecimiento de la Investigación y el Posgrado del Pacífico, mejor conocído como el Programa Delfín. Cada año sale una convocatoria para hacer un llamado a los universitarios que desean vivir la experiencia de trabajar con un investigador en algún proyecto de esta misma persona. Gracias a Liliana Zavala quien desde hace un año me estuvo convenciendo de entrar a este programa, me animé a meter solicitud y finalmente fuí seleccionado. Decidí irme a Guadalajara, pues es una ciudad que ya conozco y con la cual ya me he desenvuelto antes, así que entre a trabajar con el Dr. Emmanuel López Neri, quien es el encargado del Centro de Innovación y Desarrollo Tecnológico de la Universidad del Valle de México Campus Guadalajara Sur (CIDETEC-UVM).

Fue una muy buena experiencia haber convivido no solo con el investigador, si no con los compañeros que tambien hicieron su verano científico en el CIDETEC y alumnos de la misma Universidad que estan trabajando en otros proyectos. No todo fue trabajo, tambien fue diversión, una mesa de ping pong con sus ratos de competencia, risas de las bromas que hacian, fue una convivencia muy buena y conocí a muchas personas. Además, fue una excelente oportunidad para entablar relaciones profesionales y laborales que en el futuro pudieran ser la diferencia para tener un buen trabajo.

Definitivamente, si tengo la oportunidad de hacer otro verano científico, lo haría de nuevo. Hoy mi verano científico ha terminado ya que solo eran mes y medio de trabajo, sin embargo estaré al pendiente del proyecto en el cual estaba trabajando, para conocer su avance pero ahora a cargo de otros universitarios. Así que ya saben compañeros, si en su universidad hay este programa ¡entrenle!, pues apensar de que van a estar todo su verano, que en teoría deben de ser vacaciones y descanzo, al terminar no se arrepentiran.

Verano Científico en Guadalajara, Jalisco. 4.00/5 (80.00%) 1 vote

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio