martes, 30 de octubre de 2012

Programando con Mobl

Blog de Diego Arturo Hernández Fuentes

Programando con Mobl

Mobl Es un lenguaje libre y abierto diseñado para construir aplicaciones web móviles rápidamente.

La tecnología que usa es:

Spoofax: Mobl es construido usando Spoofax Language Workbench.
persistence.js: la persistencia de datos de las aplicaiones es realizada usando la librería ORM (Object-relational mapping) persistence.js
jQuery: el manejo de DOM (Document Object Model) es realizado usando jQuery.

La inspiración que usa Mobl es:

WebDSL: mobl toma mucho de la sintaxis y los conceptos de WebDSL.
Dominio: construcción de aplicaciones web.

Para descargarlo tienes que ir a su sitio. Hay para diferentes Sistemas Operativos, para Windows, Linux y Mac, dependiendo de la arquitectura de tu equipo de cómputo.

Puedes utilizar el eclipse para desarrollar aplicaciones en Android.

Ve al menu Help -> Install new Software.

Dale clic en el botón Add y en el campo direction copia esta dirección: http://www.mobl-lang.org/update/ y en el cuadro de abajo te tiene que aparecer

Selecciona el boton Select All para que automáticamente seleccione Mobl y abajo dale en Next, a partir de ahí dale aceptar los términos y dandole Next en los siguientes pasos.

Al final se estará instalando mobl para Eclipse, como se muestra en la imagen de abajo.

Al termino de la instalación debes de reiniciar tu Eclipse, este paso lo hace automáticamente.

Luego ya reiniciado tu equipo, puedes crear un nuevo proyecto Mobl

Para crear una aplicación Mob solo tienes que ir a:

New->Project.
En la ventana selecciona mobl project y selecciona Next.

Escribe el nombre de tu proyecto.

Nota: Este nombre del proyecto no tiene que llevar espacios en blanco, y tampoco lo intentes con el guión bajo, porqué tampoco lo va a aceptar.

Dale en Finish.

Al termino de estos pasos te debe de aparecer una pantalla como esta:

Revisa el Workspace, que se ubica en la parte izquierda de tu pantalla. Tu proyecto te genera estos archivos.

Para que te genere la carpeta www, carpeta donde contendrá el archivo *.html, archivo importante que es tu aplicación, debes de cambiar los parámetros del método header colocando otra palabra en ese parámetro y dale en guardar.

Veras que estará que el cursor del ratón está girando, eso significa que esta aplicando cambios.Ya terminado de girar te tiene que aparecer la carpeta www.,

Esta información se recopiló de una exposición de Mobl por parte de unos compañeros de Aplicaciones Web, en Octubre de 2012.

Programando con Knockout

21:43 Desarrollo Web, HTML, JavaScript, Knockout No comments

Blog de Diego Arturo Hernández Fuentes

Programando con Knockout

Ahora esta vez, les traigo como programar con Knockout, como se vio con Kendo Ui, srive para el desarrollo de aplicaciones solamente Web con HTML y JavaScript.

Su pagina de incio donde se encuentra toda la información acerca de esta herramienta.

Para descargar esta herramienta se tiene que ir a este sitio. En donde dice the downloads pages se encuentran todas las versiones y documentos de Knockouts.

Al darle clic aparece una página con las librerias y archivos de Knockouts.

En donde tienen que descargar los siguientes archivos:

Al descargar ambos archivos tienes que pegarlos a la carpeta donde vas a guardar tu archivo HTML. Crea una carpeta con el nombre "js" ahí colocarás el archivo knockout-2.1.0.js. Luego creas un archivo HTML con la siguiente sintaxis.

En cabecera de tu codigo coloca esta sintaxis para hacer referencia al script


<script type='text/javascript' src='knockout-2.1.0.js'></script>


<!DOCTYPE html>



<html lang="eng">

 <head>

  <meta charset="utf-8">

  

  <title>Kn</title>

  <style type="text/css">

  

  label{

   display:block;

  }

  

  

  </style>

  

  <script type="text/javascript" src="js/Knockout-2.1.0.js">

  </script>

 </head>

 

 

 <body>


  
  <h1>Ejemplo MVVM</h1> 

        <ul>

            <li>El nombre es <span  data-bind="text:nombre">
</span></li>

            <li>El apellido es <span  data-bind="text:apellidos">
</span></li>

            <li>El edad es <span  data-bind="text:edad"></span></li>

   
</ul> 

        <label for="tx_nombre">Nombre:</label>

        <input type="text" id="tx_nombre" data-bind="value:nombre" >



        <label for="tx_apellidos">Apellidos:</label>

        <input type="text" id="tx_apellidos" data-bind="value:apellidos" >



        <label for="tx_edad">Edad:</label>

        <input id="tx_edad" type="number"  data-bind="value:edad">




        <p>

        Nombre Completo: <span data-bind="text:nombreCompleto"></span>

        <br>

  Direccion completa: <span data-bind="text:calleCompleto"></span>

  </p>

        <label for="tx_telefono">Telefono</label>

        <input type="number" id="tx_telefono" />

        <button data-bind="click: addTelefono, enable: telefonos().length<5">Agregar</button>

        Maximo 5 telefonos!

      

        <h4>Telefonos (<span data-bind="text: telefonos().length" >

</span>)</h4>

        <ul data-bind="foreach: telefonos">



            <li>

                <span data-bind="text: numero"></span>

                <button data-bind="click: borrar" >Borrar</button>

            

            </li>

        </ul>



      



        <script type="text/javascript">

            function telefono(numero) {

                return {

                    numero: ko.observable(numero),

                    borrar: function() {

                        PersonaViewModel.telefonos.remove(this);

      

                   }



                };

            }





            var PersonaViewModel = {

                nombre: ko.observable(""),

                apellidos: ko.observable(""),

                edad: ko.observable(),

    calle: ko.observable(""),

    numero: ko.observable(),

                telefonos: ko.observableArray([]),

                addTelefono: function() {

                    this.telefonos.push(new telefono(document.getElementById
("tx_telefono").value));

                    alert("Cantidad de Telefonos:" + this.telefonos().length);



                }

            };



        PersonaViewModel.nombreCompleto = ko.dependentObservable(function() 
{

                return this.nombre() + " " + this.apellidos();



            }, PersonaViewModel)

            ko.applyBindings(PersonaViewModel);



 
  
  
 
   

        </script>     

  

  

 </body>

</html>

Cuando ejecutes tu código aparecerá un formulario,donde al teclear tus datos actualiza la ventana.

Es este vinculo esta el Tutorial para desarrollar en Knockout.

Lo malo de esta herramienta es que no maneja CSS solamente HTML y Java Script.

Programando en Kendo UI

12:22 Aplicación móvil, CSS, HTML5, JavaScript, Kendo UI 1 comment

Blog de Diego Arturo Hernández Fuentes

Programación en Kendo UI

En esta parte conocerás como instalar, programar Kendo UI para desarrollar aplicaciones en HTML5, JavaScript y CSS. Además de desarrollo Web, puede hacer desarrollo para móviles y puede hacer visualizaciones de datos como gráficas, tablas, porcentajes.

Lo interesante de esta herramienta es proporcionar código fuente y ejemplos en los que puedes basar para hacer tus aplicaciones con la última tecnología en aplicaciones web.

Este es su sitio oficial de kendo UI, además este es su sitio es donde se pueden descargar el software de desarrollo. Ahí aparecerá dos opciones:

El de prueba de 30 días con el paquete completo de Kendo UI (Web, Móviles y visualización gráfica).
La versión gratuita de desarrollo web.

Les recomiendo que se descarguen la versión gratuita, para eso se requiere que se registren.
Al termino de su registro ya tendrán descargado la paquetería de desarrollo HTML 5 de Kendo UI.

El archivo que has descargado es un archivo comprimido

Cuando lo descomprimes te aparecerán las siguientes carpetas:

/examples Contiene condigo fuente y ejecución de las demostraciones de Kendo UI.
/js Contiene los archivos JavaScript.
/source Contiene el c´digo fuente completa de toda la documentación.
/styles Contiene los archivos CSS.
/vsdoc Contiene la qyuda.
changelog.html Este archivo al ejecutarlo en un navegador te va a ejecutar los API y demos que ofrece Kendo UI gratuitamente con su código fuente.

Cuando deseadas hacer una aplicación web con Kendo, en tu archivo *.html debes de colocar este código:


<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

Los siguiente vinculos son para los scripts de tu aplicación


<script src="js/jquery.min.js" type="text/javascript"></script>

<script src="js/kendo.web.min.js" type="text/javascript"></script>

Una practica de desarrollo de Kendo UI, se muestra a continuación


<!DOCTYPE html>





<html lang="en">

<head>

    <title>Probando KendoUI</title>

<link href="styles/kendo.common.min.css" rel="stylesheet"
 type="text/css">

        <link href="styles/kendo.blueopal.min.css"
 rel="stylesheet" type="text/css">

<style type="text/css">

body{

font-family: verdana, arial, sans-serif;

}

</style>


<script src="js/jquery.min.js"
 type="text/javascript"></script>

<script src="js/kendo.all.min.js"
 type="text/javascript"></script>



<script type="text/javascript">

$("document").ready(function(){



$("#menu").kendoMenu()

})

</script>



</head>

<body>

    <h1>Probando Kendo</h1>



<ul id="menu">

<li>Empresa

<ul>

<li>Sony</li>

        </ul>

</li>

<li>Productos

<ul>

<li>Televisores

<ul>

<li>Plasma</li>

<li>LCD</li>

<li>LED</li>

</ul>

</li>

<li>Sonido

<ul>

<li>Minicadena</li>

<li>Micro</li>

</ul>

</li>

<li>Proyectores</li>

</ul>

</li>

<li id="li3">Contacto</li>

</ul>

</body>

</html>

Coloca en la carpeta donde guardaste este documento las carpetas /js y /styles de Kendo UI.

Al abrir el archivo en un navegador te tiene que aparecer algo así.

Si tienen dudas acerca del desarrollo en Kendo UI, les dejo unas referencias de la página oficial de Kendo UI:

Documentación Kendo UI
Ayuda, demostraciones y videos de Kendo UI

Si quieren explorar kendo UI tienen que probar el tutorial que trae esta herramienta, muy fácil de usarlo y de terminarlo, este es su sitio.

Desarrollo en Android

17:37 Android, Android SDK Manager, Eclipse, Java, SDK Android No comments

BLOG DE DIEGO ARTURO HERNANDEZ FUENTES

Desarrollo con Android

Ahora se mostrará cómo programar en Android que es un paquete de software libre para ser instalado en equipos móviles de cualquier empresa.
Android incluye:

Sistema Operativo Linux.
Capa de librerías de bajo nivel en C y C++.
Framework para el desarrollo de aplicaciones.
Suite de aplicaciones iniciales.

Instalación

Primero necesitas como requisitos los siguientes programas.

Java, última versión (1.7) o 1.6. Descargalo aqui.
Ambiente de desarrollo Eclipse (3.4). Descargalo aqui

Ya teniendo instalado estos programas, puedes descargar el SDK de Android, lo puedes descargar aqui.
Al instalar en SDK tener en cuenta:

El directorio no debe ser protegido.
Usar una ruta simple.
Fácil de recordar.
Estos archivos serán usados en los siguientes pasos.

Cuando acabes de instalar el SDK Android debes de aceptar que corra al finalizar la instalación y te debe de aparecer el cuadro de Android SDK Manager.

Ahí debes de instalar los paquetes, archivos y librerías para tu Android, tu tienes que instalar los siguientes paquetes que son recomendados:

SDK-tools (Requerida). Cuando instalas el SDK, has instalado la última versión. Con este paquete coloca a tu SDK al día.
SDK Platform-tools (Requerida). Cuando acabaste de instalar el Andorid, debes de instalar este paquete primero.
SDK Platform (Requerida). Debes de instalar la última versión para tu ambiente de desarrollo, además servirá para la compilación de tus aplicaciones. Es recomendable que uses la última versión de la plataforma. Usted todavía será capaz de ejecutar su aplicación en las versiones anteriores, pero hay que construir a la última versión para poder utilizar las nuevas funciones cuando se ejecuta en dispositivos con la última versión de Android. Para comenzar, descargue la última versión de Android, además de la versión más baja va a apoyar (recomendamos Android 2.2 para la versión más baja).

La instalación de estos paquetes puede tomar unos minutos, dependiendo de la red.

Cuando instales Eclipse debes de instalar el Android Development Kit (ADT) que es un plugin para eclipse. Además es una recomendación de Android Developers. En Eclipse, seleccionar Help -> Install New Software...->Add.

En el cuadro de Location copia esta dirección:
https://dl-ssl.google.com/android/eclipse/

Selecciona los items que se muestran abajo en una lista. Luego le das en Next para que inicie su instalación Si durante la instalación te dice que ya está instalado el paquete, solamente quilate la selección y dale en Next.

Normalmente una ventana de configuración del ADT aparecerá. Ir a Window -> Preferences y seleccionar Android. Indicar ubicación del SDK instalado. Click en apply.

El siguiente paso es crear un emulador virtual para que ejecute tus aplicaciones Android. Para eso ve a Window -> AVD Maneger.

Como has notado en la imagen he creado mi emulador virtual. Selcciona New para crear un nuevo emulador.

Dale el nombre por default que le quieras dar a tu emulador. Selecciona la versión 2.2 en el campo Target.

Para crear una nueva aplicación dale en File -> New -> Project.
Selecciona la carpeta Android y selecciona la opción de Android Application Porject. Luego dale en Next.

En el siguiente paso tienes que darle nombre a tu nueva aplicación, cuando le das nombre automáticamente se da el nombre del proyecto y el nombre de los paquetes. A partir de aquí dale Next a los siguientes pasos hasta Finish.

Para hacer tu primera aplicación un sencillo "Hola mundo" escribe entre las líneas

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

del método public void onCreate(Bundle savedInstanceState) el siguiente código:

TextView tv=new TextView(this);
tv.setText("Hello Android");

Además cambia la última línea dee el método a setContentView(tv), y tiene que aparecer algo así.

Para correr tu aplicación dale en run -> run. Este paso puede tomar tiempo debido a que vas a correr tu emulador virtual está corriendo por primera vez. Un punto muy importante es que cuando corres tus aplicaciones no cierres tu emulador debido a que tarda mucho en ejecutar.

Diseño Visual

14:10 Teoría de la diversion No comments

BLOG DE DIEGO ARTURO HERNANDEZ FUENTES

Diseño visual de la aplicación

Esta es la parte atractiva para el diseño de tu aplicación web, por que hoy en día se necesita interfaces innovadoras para que el servicio que vas a ofrecer sea utilizado.

La aplicación debe tener en claro:

Contexto.
Arquitectura de la información (interfaces, mapas de sitio, árbol de tareas).
Diseño visual.

El diseño visual se puede desarrollar con diagramas UML, diagramas de clase o en diagramas entidad-relación. Deberás de convencer al cliente de: que haga el sistema.
Esto del diseño visual se relaciona con la interacción seductiva, introducida por el Dr. Anderson en el 2011, un concepto que es nuevo y de seguro pensarás que si ayudará como hacer un diseño visual innovador para tu aplicación.
Actuamos con nuestra forma de tomar decisiones por medio de factores psicológicos, no somos seres racionales, en la toma de decisiones. Necesitamos algo que motiva al usarlo.
Para que llegue esa motivación, se necesita de la teoría de la diversión.

Para explicar esto de la teoría de la diversión les comparto este vídeo de una iniciativa de la volkswagen.

Como lo habran visto, hay que encontrar la diversión de nuestros clientes

Con esto nos llega al concepto de seducción, que es la motivación a alguien para hacer algo que no tenía planeado hacer.

Un ejemplo simple, es el llenado de solicitudes en LinkedIn (sitio), los cuales la realizan más de 120 millones de usuarios llenando campos como:

Posición.
Resumen.
Educación.
Recomendación.

¿Qué hizo LinkedIn que hiciera esto?

El diseño visual, no.
Complejidad de interacción, no.
Arquitectura de la información, no.
La psicología detrás de las motivaciones de las personas, en efecto que si.

Esta aplicación encuentra la motivación.

Paradigma de interacción seductiva

De seguro piensas que este concepto no es parte del diseño visual de tu aplicación, pero lo es. La seducción, asociado a la sexualidad, es el proceso de atraer deliberadamente a una persona con el fin de modificar su opinión a hacerle adoptar un determinado comportamiento según la voluntad del que seduce.

Para tener una solución a un problema se necesita de la fijación funcional, en el cual describen un sesgo cognitivo que nos limita el uso de un objeto en la forma en que tradicionalmente utilizados.

El soporte también tiene que ver en esto. Se ha observado que, mientras que uno esté joven, tiene más probabilidades de resolver un problema. Esto se debe, gracias al planteamiento del problema, que es lo que ayuda a resolver el problema.

El afecto influye a las personas, aquellas personas que son orientadas en un estado de buen humor resuelven más rápido el problema que aquellas personas que son orientadas por el mar humor.

De seguro te preguntas, ¿qué tiene que ver todo esto de ser creativo con las selección de objetos de interacción?

A aquellos que no les interesa esto, tiene que ver todo. Así es, la percepción que tenemos de las cosas afecta la interacción y comprensión que tenemos de los problemas. Ya seleccionamos los objetos de interacción en una publicación en este blog, ahora queremos hablar de su estética. Hay que centrarnos en el efecto del objeto no en el objeto.

También en el diseño de tu aplicación tiene que ver la estética y la interacción. Estos elementos involucran todos nuestros sentidos. La estética tiene una influencia en la parte cognitiva, en la afectiva y las asociaciones.

La cognición es el proceso de aprender. Basado en patrones y experiencias, aprendemos sobre el mundo que nos rodea ¿que pasa si ...? o ¿qué significa esto?

Les dejo una pregunta ¿Cuál de estos elementos es un botón?

El botón abajo parece un botón físico. Los bordes biselados y sombras con gradiente elimina cualquier duda sobre su propósito. En conclusión, si es un botón, debe ser un botón.

Estética de la interfaz de usuario

Efectos

El efecto de genio da una clara comprensión al usuario a donde va su archivo y donde lo podrá encontrar

La línea de tiempo 3D da una clara comprensión de que el pasado esta atrás

Con esto nos lleva a otra ¿eres atractivo? Cuando hablamos de afecto, tenemos que referirnos a sentimientos y emociones. ¿Cómo afecta lo que vemos nuestros sentimientos?

Las ciencias de atención, persuasión, felicidad y temas afines indican de cómo vemos las cosas y cual de las objetos son los más atractivos para el uso.

La personalidad de un producto influencia nuestra percepción. Piensen de manera rápida en las primeras impresiones que les generan las> personas. De igual forma la Interfaz de Usuario afecta la personalidad percibida de nuestras aplicaciones.

De seguro viene a ti la pregunta: ¿Por qué me interesa la personalidad de la Interfaz de Usuario? Hay razones de explicarlo:

La gente se identifica (evita) ciertas personalidades.
La confianza esta relacionada con la personalidad.
La percepción y las expectaciones están asociadas a la personalidad.

Confianza

Las personas escogen las Interfaces de Usuario que son extensiones de su personalidad, y esto nos lleva a otra pregunta para ustedes:

¿Cuál creen que se el factor de confianza más notable para una página web?

La respuesta es: el diseño visual del sitio, el layout, el tamaño de la fuente y el esquema que están los colores. Si no lo saben, nosotros logramos una primera impresión en un sitio web a los 50 milisegundos.

En una IU tenemos que ganar la confianza con:

Actualizar
La atención prestada al diseño del sitio debe ser constante en todos lados, descuidos puede crear la perdida de confianza.

Fuentes inconsistentes
Imágenes sin calidad

La falta de atención en la IU puede echar a perder la gran funcionalidad de una aplicación ya que se pierde laconfianza

Percepción del tiempo

Este concepto según lo has visto en las barras de progreso cuando descargar algo de Internet o copias archivos de un lugar a otro en un Sistema Operativo y lo habrás notado que nuestro cerebro procesa impulsos no segundos.

Si deseamos diseñar un sistema o una aplicación en cualquier plataforma con demanda es realmente importante modelarlo y diseñarlo pensando en el tiempo percibido, confianza y personalidad.

Un punto antes de terminar este blog, las decisiones que tomamos no son racionales . No estamos tan consientes de nuestras decisiones como lo creemos. Así que la mejor forma de tener éxito con la Interfaz de Usuario es a través de engancharse con las emociones.

XML (Parte 2 de Aplicaciones Web)

9:00 HTML, W3Shools, XML No comments

BLOG DE DIEGO ARTURO HERNANDEZ FUENTES

XML

XML se entiende como EXtensible Markup Language, es un lenguaje de marcas similar al HTML. fue diseñado para el transporte de datos, no para mostrar los datos. Las etiquetas XML no están predefinidas, debes de definir tus propias etiquetas. Está diseñado para ser auto-descriptivo y es una recomendación del W3C Sitio de W3C.

Diferencias con HTML

En primer lugar, XML no es un reemplazo del HTML. Ambos lenguajes fueron diseñados con diferentes propósitos.

XML fue diseñado para transportar y almacenar datos
HTML fue diseñado para mostrar los datos, como se ven los datos

Más sobre XML

XML no hace nada. Fue creado para estructurar, almacenar y transportar información. Un ejemplo de XML es el siguiente:

<note>

<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>

</note>

Guárdalo como quieras, pero con la extensión .xml y ábrelo con cualquier navegador web, pero no con Internet Explorer, por que este navegador hace otra cosa que no debe hacerlo, inténtalo con Google Chrome o Mozilla Firefox y verás que te aparecerá.

Has notado que con XML puedes crear tus propias etiquetas, como en el ejemplo anterior, que has creado las etiquetas:

<note>...</note>
<to>...</to>
<from>...</from>
<heading>...</heading>
<body>...</body>

Por lo tanto, estas etiquetas no están definidas en el lenguaje de XML, estas etiquetas son inventadas por el autor del documento XML.

En conclusión, XML no predefine etiquetas. Permite al usUario definir sus propias etiquetas y la estructura del documento.

¿XML es un reemplazo de HTML?

Por supuesto que no, XML esun complemento para HTML. Como se explico antes, XML es utiliza para transportar datos y HTML se utiliza para dar formato a los datos y mostrarlos.

XML, una recomendación de W3C

XML empezó como una recomendación de W3C desde 1998. En este vínculo XML está la historia de W3C XML.

¿XML esta en todas partes?

XML es ahora importante para la red de redes oomo al HTML. XML es la herramienta común para la transmisión entre todo tipo de aplicaciones. Ahora tu pregunta es: ¿Cómo puedo usarlo?

¿Cómo puedo usar XML?

XML es usado para desarrollos web, después para simplificar el almacenamiento y compartimiento de datos.

¿XML separa los datos de HTML?

Si necesitas mostrar datos dinámicos en el documento HTML, tomará mucho trabajo editar el código HTML cada vez que los datos cambien.

Con XML, los datos pueden ser almacenados en separado en archivos XML separados. Con esta manera, tu puedes concentrarte en el uso de HTML y CSS para mostrar y diseñar, y asegúrese de que los cambios en los datos subyacentes no requerirá de las páginas web.

XML simplifica el compartimiento de datos

Tenemos hoy en día sistemas y bases de datos conteniendo datos con formato incompatible. Los datos XML es almacenada en texto plano. Esto proporciona un software y hardware independiente del modo de almacenamiento de datos.

Esto sería una manera fácil de crear datos que sean compatibles y sean compartidos para diferentes aplicaciones.

XML simplifica el transporte de datos

Uno de los retos que se presentan para los desarrolladores es el tiempo y consumo para el intercambio de datos entre sistemas incompatibles en la Internet.

El intercambio de datos con XML reduce este problema, estos datos pueden ser leídos en diferentes aplicaciones.

XML hace de tus datos más disponibles

Cualquier aplicación puede acceder a tu información, no solo HMTL, sino también al código XML. XML pone disponible para todo tipo de máquinas y hacerlo más accesible para personas ciegas o personas con otras discapacidades.

Es usado para crear nuevos lenguajes de Internet

Sabias de que nuevos lenguajes de Internet fueron creados por XML. Algunos ejemplos son:

XHTML
WSDL para describir servicios de web disponibles.
RSS

Este manual de XML lo pueden encontrar en http:///www.w3schools.com/xml/default.asp

Simplifica cambios de plataforma

La actualización de los datos a sistemas nuevos tarda tiempo. XML guarda los datos en formato de texto, hace de esto ampliar o actualizar a los nuevos sistemas, aplicaciones o navegadores web, sin que se pierdan los datos.

Práctica con XML

Crea un archivo XML que guarde la información de 10 cursos de computación, cada curso debe incluir datos como nombre, objetivos, clave, temas, actividades de aprendizaje, evaluación, etc. Pero antes de esto, deberías pensar en el modelado de datos.

Para finaliza, transforma el XML en HTML usando los ejemplos presentados en http://www.w3schools.com/xml/default.asp.

martes, 30 de octubre de 2012

viernes, 26 de octubre de 2012

jueves, 25 de octubre de 2012

sábado, 20 de octubre de 2012

BLOG DE DIEGO ARTURO HERNANDEZ FUENTES

Desarrollo con Android

Instalación

domingo, 7 de octubre de 2012

BLOG DE DIEGO ARTURO HERNANDEZ FUENTES

Diseño visual de la aplicación

Paradigma de interacción seductiva

Estética de la interfaz de usuario

Efectos

Confianza

Percepción del tiempo

jueves, 4 de octubre de 2012

BLOG DE DIEGO ARTURO HERNANDEZ FUENTES

XML

Diferencias con HTML

Más sobre XML

¿XML es un reemplazo de HTML?

XML, una recomendación de W3C

¿XML esta en todas partes?

¿Cómo puedo usar XML?

¿XML separa los datos de HTML?

XML simplifica el compartimiento de datos

XML simplifica el transporte de datos

XML hace de tus datos más disponibles

Es usado para crear nuevos lenguajes de Internet

Simplifica cambios de plataforma

Práctica con XML

Social Profiles

Popular Posts

Texts

Paginas del blog

Etiquetas

Datos personales

Followers

Historial

Labels

Blog Archive

Blogger news

Blogroll

About