BlogSHIFT eLearning

Nuestro blog proporciona las mejores prácticas, consejos, ideas y tips de capacitación corporativa, diseño instruccional, eLearning y mLearning.

Para visitar el blog en inglés haga clic aquí
    All Posts

    Respuestas a las preguntas más frecuentes sobre HTML 5 para desarrolladores (Parte II)

    La creación de aplicaciones en HTML5 es probablemente más fácil que utilizar otras herramientas de desarrollo, pero todavía hay muchas cosas que usted debe aprender. Continuando con la entrevista con el desarrollador de software y productor de medios interactivos, Adrián Murillo, él habla de algunas cosas importantes que usted debe saber si desea crear aplicaciones HTML5 sólidas.

    1.¿Puedo crear aplicaciones con HTML5? ¿Qué pasa si, por ejemplo, deseo publicar mi contenido en la App Store de Apple? 

    Usted puede crear contenido con HTML5 y luego desplegarlo como una aplicación. Hay varios marcos que le permiten definir su código y generar una aplicación nativa. Apache Cordova, también conocido como PhoneGap, y Appcelerator Titanium son dos de los proyectos más relevantes en esta materia.

    Ambos le permiten integrar el comportamiento del dispositivo nativo en sus aplicaciones basadas en HTML5, como la interconexión con la cámara, la libreta de direcciones, GPS, etc. Es cuestión de empacarlos y son, para efectos prácticos, lo mismo que una aplicación nativa.

     

    2. Haciendo uso de estos marcos ¿Es también posible construirlos como un programa de Windows u OS X?

    Appcelerator Titanium sí le permite hacer esto. Apache Córdova no lo hace, pero se puede utilizar si usted sólo desea enfocarse en dispositivos como los teléfonos o tabletas. Eso no quiere decir que siempre hay que emplear marcos para implementar el contenido, es posible distribuir los archivos de HTML5 planos y se ejecutarán en todas las plataformas.

     

    3.Entonces, ¿basta con desarrollar la aplicación una sola vez y mi contenido será visible de la misma manera en todas estas plataformas?

    Una de las principales características de HTML5 es que es un lenguaje interpretado, lo que quiere decir que no construye su contenido, sino que depende de otra pieza de software para leer las instrucciones que éste define y mostrarlo al usuario.

    Esa pieza de software suele ser un navegador web, como Firefox, Safari, Chrome, Opera o Internet Explorer. Estos toman los elementos descritos en los archivos HTML y los presenta al usuario.

    La principal consecuencia de esto es que su contenido puede aparecer un poco diferente en cada plataforma y no existen muchas alternativas para evitarlo. Sin embargo, en lugar de luchar contra esto, hay que adaptarse, aceptar las diferencias y desarrollar con eso en mente.

    Es un hecho de la vida, cuando se trabaja con HTML, el diseño de pixel perfecto, como usted lo conoce, no existe realmente. La portabilidad inherente del HTML5 tiene ese efecto secundario. En consecuencia, al desarrollar con HTML5 debe hacer pruebas en todas las plataformas que sea posible para asegurarse de cualquier excepción que pueda surgir. Hay una gran cantidad de herramientas para hacerlo de manera sencilla y siempre será un paso inevitable en su flujo de trabajo.

    Además, como HTML5 es aún un borrador de trabajo, algunos navegadores web pueden carecer de algunas características o funcionalidades o pueden ponerlas en práctica de manera particular. Esto será menos importante en el futuro, ya que la base se irá volviendo más estable, pero en este momento es un aspecto muy importante que usted debe tener en cuenta.

    4. ¿Sólo tengo que aprender HTML5 para empezar a crear contenidos para dispositivos móviles, sin considerar la plataforma? 

    HTML5 es sólo una pieza del rompecabezas. También se requiere conocer CSS y Javascript. 

    5. ¿Para qué se necesita CSS y Javascript?

    html5 and css

    HTML5, o cualquier versión HTML, se utiliza para definir la estructura. Especifica la semántica de los elementos de sus datos y los agrupa en conjuntos lógicos e, incluso, usted puede definir jerarquías, dependencias, etc. Sin embargo, en realidad no le permiten realizar el diseño gráfico de avanzada en sí o implementar elementos interactivos de ejecución rápida. Para eso son el CSS y el Javascript.

    CSS, y su última versión (CSS3), le permiten asociar estilos visuales a sus elementos estructurales, los cuales pueden cambiar con el ciclo de vida de la aplicación. Puede animar, aplicar transiciones y realizar muchas otras acciones, independientemente de sus datos.

    Javascript es el músculo de programación. Este le permite añadir interactividad, responder a la interacción del usuario y cualquier tipo de acciones que usted esperaría de una aplicación con todas las funcionalidades.

    Sin estos dos elementos, HTML5 no sería más que una manera de etiquetar su contenido, muy parecido a lo que era en 1991. Al combinar estos tres elementos, puede superar sus limitaciones, se complementan y se crea contenido enriquecido.

    6¿Existen ejemplos de algunas aplicaciones que muestren lo que HTML, CSS3 y JavaScript pueden hacer? 

    Existe una gran cantidad de aplicaciones reales en el mercado, que van desde pruebas de conceptos hasta niveles completos de producción de software. Es posible que usted ya esté utilizando algunos de ellos. Por ejemplo, Google y Gmail tienen versiones basadas en HTML5.

    Además, hay algunos juegos creados con este lenguaje, como Pirates Love Daisies, Google Pac-Man y Cut the Rope, solo para nombrar unos pocos.

    Si realiza una búsqueda en Google obtendrá amplios listados de las diferentes aplicaciones que hay. Es una tecnología que se usa no sólo para juegos o aplicaciones de productividad, sino también para contenido de e-learning, revistas en línea y libros electrónicos, y casi todo lo que pueda imaginar.

    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Artículos relacionados

    Capacitación Inteligente para Mejores Resultados de Negocio

    En este 2026, las organizaciones están replanteando una pregunta clave: ¿cómo debe la capacitación apoyar el trabajo real y los resultados del negocio? Para algunas empresas, esto significa optimizar lo que ya tienen. Para otras, dar el primer paso hacia la capacitación digital. Pero el punto de partida es el mismo: el enfoque ya no está en producir más cursos ni en ampliar catálogos, sino en capacitar de manera más inteligente. Hablamos de experiencias de aprendizaje diseñadas para ser relevantes, oportunas y alineadas directamente con los objetivos del negocio, no con agendas académicas ni métricas de consumo. Cuando la experiencia en diseño instruccional se combina con tecnologías impulsadas por Inteligencia Artificial, los equipos de capacitación pueden potenciar el desempeño, mejorar la toma de decisiones y generar insights que realmente importan a la organización, sin añadir complejidad innecesaria y sin perder el lado humano de L&D.

    IA en el Flujo de Trabajo: El Paso Definitivo para Convertir la Capacitación en Desempeño Real

    Durante este mes exploramos un cambio que ya es imposible ignorar: el aprendizaje impulsado por IA integrado directamente en el flujo de trabajo diario. La conclusión es clara: el aprendizaje corporativo ya no puede vivir únicamente en “momentos de capacitación”. La operación avanza, las decisiones se acumulan y la brecha entre saber y ejecutar aparece justo donde más cuesta: en tareas críticas, excepciones, conversaciones complejas y procesos que exigen consistencia. Este cierre de mes se enfoca en una pregunta clave: ¿qué se necesita para que el aprendizaje con IA funcione de verdad dentro del trabajo… y se vuelva sostenible?

    Aprendizaje con IA en el Flujo de Trabajo: Convirtiendo la Operación Diaria en Desempeño Medible

    El aprendizaje impulsado por IA permite que el desarrollo ocurra dentro de la operación, no fuera de ella En la mayoría de las organizaciones, el trabajo no se detiene para que las personas “vayan a aprender”. Las decisiones, procesos e interacciones ocurren en tiempo real. Y es precisamente ahí, en medio de la ejecución, donde el aprendizaje puede generar su mayor impacto. Integrar inteligencia artificial en los flujos de trabajo diarios ya no es una promesa futura, es una ventaja competitiva concreta. Hoy, las soluciones con IA permiten mejorar eficiencia, calidad, toma de decisiones y experiencia del cliente sin interrumpir la operación. No es casualidad que el 87% de las empresas que adoptan IA reporten mejoras directas en productividad y ahorro de tiempo. La pregunta ya no es si se puede integrar IA al flujo de trabajo. La pregunta es cómo hacerlo de forma efectiva y medible.