CarlosPC

Antecedentes

Para comenzar a programar con Android, primero debes preparar tu entorno de trabajo en tu computadora. En este artículo te explicaré como preparar una PC con Windows para tal fin. Si necesitas ayuda para desarrollar en Mac o en Linux puedes encontrar excelentes guías con ayuda de Google.

En primer lugar, debe quedar claro que necesitamos:

1. Android SDK
2. Un IDE para crear, editar, compilar y ejecutar nuestros programas

El SDK de Android es un paquete que contiene las herramientas, ejemplos y documentación necesarios para desarrollar programas para Android. Es la herramienta  fundamental de nuestro trabajo.

El IDE es la herramienta que nos ayudará a crear y administrar nuestros programas, de modo que podamos concentrarnos en escribir código sin tener que ocuparnos de cada detalle del proceso de desarrollo.

Hasta ahora Eclipse ha sido el IDE favorito para desarrollo Android, y para fortuna de los desarrolladores ya se puede usar también:

• Netbeans
• MOTODEV de Motorola
• Meme IDE
• Basic 4 Android
• IntelliJ IDEA
• y otros

El interés de la comunidad de desarrolladores y la enorme penetración de mercado, ha hecho que hayan cada vez más herramientas; y en el futuro habrán más.

En estos artículos, usaremos un IDE  que se llama Basic 4 Android. Como es fácil de usar, nos ayudará a entender rápidamente los conceptos básicos de programación Android y podremos hacer en poco tiempo programas interesantes. Si después quieres aprender a usar Eclipse, te será más fácil.

Instala el Android SDK

Manos a la obra. Para instalar el SDK:

1. Si no tienes Java SDK en tu PC, descárgalo e instálalo. Ya sea que tengas Windows de 32 bits o de 64 bits, siempre instala Java SDK de 32 bits.
2. Descarga Android SDK para Windows, preferentemente usa el instalador, y no el archivo ZIP; ya que el instalador verifica que esté bien instalado Java SDK y configura tu sistema correctamente.

Si tienes problemas con la instalación del Android SDK, consulta esta página: Android SDK, Solucion: JDK not found, en la instalación.

Configura Android SDK

Ya tenemos instalado el SDK en nuestra PC, ahora hay que configurarlo. Al terminar de instalarlo, aparecen unas ventanas, la primera dice “Refresh sources”, dejémosla que trabaje.

Ahora se verá una ventana llamada “Choose Packages to Install”:

Simplemente haz clic en el botón “Install” y deja que el SDK descargue los componentes que necesita para comenzar a trabajar. Esto puede tomar algo de tiempo. Mientras tanto, puedes leer acerca de los componentes del SDK.

Inicia el Emulador

Ahora, para comprobar que vamos bien, ejecutemos el emulador Android:

Ve a Menú inicio, Android SDK Tools, SDK Manager y haz clic. Si aparece de nuevo la ventana “Choose packages to install”, solo ciérrala.

Aparecerá la ventana “Android SDK and AVD Manager”:

Un AVD es un Android Virtual Device, y representa a un dispositivo Android que emulamos con el SDK. Podemos tener muchos dispositivos Android en nuestro emulador, cada uno con una versión de Android diferente, así como otras características propias.

Vamos a crear nuestro primer AVD:

1. Selecciona del lado izquierdo la opción “Virtual Devices” y después del lado derecho haz clic en “New”.
2. En la ventana que se abre escribe en el campo “Name”, el nombre de tu nuevo AVD. Por ejemplo “Mi Androide”.
3. En el campo “Target”, seleccionaremos la versión de Android que correrá en nuestro AVD. Para este ejemplo selecciona una cualquiera.
4. Ahora haz clic en “Crear AVD”.  Aparecerá una ventana que nos confirma que se creó nuestro primer AVD.

Ahora si, selecciona el nombre de tu AVD y haz clic en el botón “Start”. Aparecerá una ventanita con opciones que en este momento no nos interesan: oprime el botón “Launch”.

En este momento aparecerá la ventana del emulador, con un área negra en donde se lee la palabra “A N D R O I D”. Después de unos segundos, veremos por fin nuestro AVD:

Si no conoces Android o no tienes un dispositivo real, este es el momento para que comiences a jugar con él: prueba sus características, usa sus programas. Crea otras AVD y comprueba las diferencia entre versiones de Android.

En el próximo artículo, instalaremos Basic 4 Android y haremos nuestros primeros programas.

¡Hasta pronto!

Aunque ciertas circunstancias me hicieron retrasar el proyecto de la Tienda Virtual, este no se detendrá. En próximos días publicaré actualizaciones sobre el tema.

Mientras tanto… he estado trabajando en varios proyectos interesantes, entre ellos comienzo a trabajar con desarrollo de aplicaciones para Tablets. Esto se debe que en mi trabajo se quiere usar Tablets para darlas a los vendedores, para que estos puedan mostrar productos y hacer ventas en línea, sin tener que ir a una PC.

Como no teníamos idea de cual Tablet usar, pues estuvimos investigando, con el resultado de que hay muchas Tablets deseables, como la Samsung Galaxy Tab, la Motorola Xoom y, por supuesto, el iPad 2.

Considerando que no deseamos una tablet con conexión 3G, ni tampoco que tenga mucho almacenamiento (8 Gb ó 16 GB son indistintos en nuestro caso), una buena opción es el iPad 2, que en México actualmente se adquiere por $7,000.

Sin embargo el “pequeño” problema con el iPad 2 es que, para programarlo, hay que tener una Mac. No tengo nada contra las Mac, son máquinas muy elegantes; pero es absurdo tener que atarse a una marca (Apple) para hacer desarrollos. ¿Porqué no poder desarrollar en Windows o en Linux?

Esta circunstancia, y la oportunidad que nos dió Telcel de probar una Samsung Galaxy Tab, sin costo por una semana; nos hizo inclinarnos por esta Tablet y el sistema operativo Android.

Así que ahora, mi misión es hacer un prototipo de una aplicación Android, que corra en la Samsung Galaxy Tab (y, en teoría, en otras Tablets que usen Android), y que sirva para cotizar productos con consultas en tiempo real de precios y existencias.

Esta nueva aventura comienza aquí, ¿me acompañan?

 

 

En esta ocasión definiremos un primer modelo de nuestra base de datos. La intención es tener un modelo inicial, que incluya los componentes más importantes; más adelante agregaremos algunas cosas a este modelo. Lo haremos así para tener elementos para comenzar a trabajar y no preocuparnos por hacer un super-modelo completo de la base de datos, que quizás nos llevaría mucho tiempo terminar.

Entonces, tendremos en nuestro primer modelo estas entidades, sin ningún orden particular:

• Cliente
• Producto
• Categoría
• Canasta*
• Pedido

* Canasta se descompone en la entidad Canasta principal, y una entidad de detalle llamada Canasta_desglose

Entonces nuestro modelo será:

Si deseas agregar este modelo a tu propia instalación de MySQL, acá mismo puedes descargar el archivo de exportación, el cual podrás importar a tu MySQL local:

tiendavirtual1.sql

Estamos listos para comenzar con el código, ¿te animas?

Ahora, ya que tenemos las herramientas instaladas y listas, deberemos tener una idea general de lo que vamos a hacer y como lo vamos a hacer. Este es un diseño sencillo, sin muchas complicaciones, es más demostrativo que completo.

Primero, una descripción verbal de lo que hará la Tienda Virtual:

Una Tienda Virtual es un catálogo de productos, el cual puede ser consultado por cualquiera, y en el que opcionalmente un visitante puede seleccionar ciertos productos que él elija, agregándolos a un “carrito de compra”; si el usuario decide comprar, entonces la Tienda Virtual le solicitará sus datos y le permitirá hacer un pago con tarjeta de crédito, con la ayuda de un tercero.

Así, podemos identificar algunos de los componentes de la Tienda Virtual:

• Catálogo: organiza los productos en categorías, y permite al usuario consultar los productos, de acuerdo a dichas categorías. También muestra con detalle la información de cada producto (foto, nombre, marca, modelo, precio, características particulares).
• Carrito de compras: es una lista de los productos que el usuario tiene intención de comprar; almacena los productos y las cantidades que de los mismos se han elegido. Esta lista se puede modificar, agregando o quitando productos y modificando sus cantidades. En todo momento ha de reportar al usuario el monto total de la compra.
• Cobro: permite que el usuario adquiera los productos de su carrito de compras, proporcionando sus datos de envío (nombre completo, dirección de entrega, teléfono) y aceptando los datos de su tarjeta de crédito, para que, por medio de un tercero, se haga el pago correspondiente.

Así, podemos ir pensando en partir nuestra aplicación en varios programas PHP, de este modo:

• Catálogo:
  • catalogo.php: mostrará las categorías de producto, permitirá al usuario navegar en las categorías, y listará todos los productos que pertenezcan a la categoría vista.
  • producto.php: mostrará las características propias de cada producto, incluyendo foto, precio y otros datos. También permitirá agregar el producto a la vista, al carrito de compras.
• Carrito de compras:
  • carrito.php: muestra el contenido del carrito, con cantidades, subtotal y total. Permite también modificar las cantidades y quitar productos, recalculando automáticamente el total.
• Cobro:
  • datos.php: solicita los datos de envío y de la tarjeta de crédito, los envía a la empresa que hace los cobros con tarjeta de crédito.
  • respuesta.php: recibe la respuesta de la empresa de cobros y muestra al usuario el resultado.

¡Bien! Ahora ya sabemos cuales serán los componentes principales de la aplicación, desde el punto de vista de PHP. En la siguiente entrega, veremos el diseño de la base de datos.

El IDE NetBeans es una herramienta para programadores pensada para escribir, compilar, depurar y ejecutar programas. Está escrito en Java – pero puede servir para cualquier otro lenguaje de programación. Existe además un número importante de módulos para extender el IDE NetBeans. El IDE NetBeans es un producto libre y gratuito sin restricciones de uso. (Wikipedia)

Existen otros editores y ambientes de trabajo para PHP, pero en esta aventura usaremos Netbeans por la facilidad con que nos ayudará a editar y probar nuestros programas. En otras aventuras futuras usaremos otras herramientas; usar Netbeans ahora es una posibilidad muy interesante, de la que podemos aprender mucho.

Descarga e instala Netbeans. Si ya tienes instalado Java, es probable que no necesites más. Pero si aun no has instalado Java, te recomiendo que descargues el paquete que integra Netbeans + Java, así te ahorrarás tiempo. Si tienes problemas con la instalación, hay ayuda disponible.

Nota: si tienes una computadora con arquitectura x64 y sistema operativo de 64 bits… no te molestes en instalar Java de 64 bits; hay pocas aplicaciones que lo usan al máximo y Netbeans no es una de ellas.

Ya instalado Netbeans, haz esto para comenzar:

1. Inicia Netbeans.
2. Abre el menú Tools -> Plugins, aparecerá una ventana.
3. Abre la pestaña “Available plugins”, y busca aquel plugin que se llama “PHP”. Selecionalo y haz clic en el botón “install”.

Con esto ya tendrás instalado el soporte para PHP desde Netbeans.

Si quieres más instrucciones de como usar Netbeans, busca en Google. Hay un manual muy simple y bueno que hizo Jason Arturo Galvez Estrada, y que puedes descargar aquí: netbeans-6.0manual-beta1.

¿Estás listo para la siguiente etapa?

Si ya tienes un servidor con PHP y MySQL, entonces no necesitas leer esto. Espera la siguiente entrega.

XAMPP es un paquete de instalación, que instala y configura en una computadora los servicios:

• Apache
• MySQL
• PHP
• Perl

Se puede instalar en Linux, Windows, Mac y Solaris. Es gratuito y simple de instalar.

Con este paquete podemos tener un servidor en nuestra PC en cuestión de minutos, allí podremos hacer pruebas y desarrollar nuestra aplicación sin afectar a un servidor de producción.

Descárgalo e instálalo. No te voy a explicar en detalle como instalarlo, porque no es el tema de esta aventura. Pero puedes conseguir ayuda en otro lado.

Ya que termines, asegúrate de saber:

Como iniciar y detener los servicios PHP y MySQL

Donde crear directorios web

Como administrar MySQL con PHPMyadmin

Ahora, espera la siguiente entrega de esta aventura.

Hola, en esta ocasión diré cuales son las herramientas que usaremos para esta aventura. Como en muchas ocasiones de la vida, la elección de las herramientas definirá nuestra habilidad para ir resolviendo los problemas que vayan surgiendo.

Antes mencioné que usaríamos PHP, MySQL y un servidor web. Ahora soy más específico:

• XAMPP, para tener un servidor local Apache en donde hacer pruebas, y así poder usar PHP y MySQL.
• Netbeans para editar y mantener el código de nuestra Tienda Virtual.
• Filezilla para subir los archivos finales al servidor web. También podemos usar Netbeans para esto.

Descárgalos e instálalos en tu Windows.

Si ya te decidiste a participar en este proyecto, entonces comenzamos con el nombre. Es muy importante comenzar por el nombre del proyecto, es el primer paso, dar nombre a lo que vamos a crear. Este proyecto se llama Tienda Virtual, así de simple.

Bien, ahora debemos definir lo que queremos lograr.  Al final de este proyecto:

• Tendremos una Tienda Virtual funcional, montada en un servidor visible en Internet.
• Habremos aprendido a implementar una Tienda Virtual, desde cero.

Para este proyecto usaremos PHP y MySQL, que son herramientas sencillas y poderosas. Pude haber elegido otras, pero estas son lo suficientemente simples para no tomarnos mucho trabajo entenderlas.

También necesitaremos un servidor web, que soporte PHP. Podemos implementar un servidor en nuestra computadora personal, usando un paquete Linux+Apache+PHP+MySQL (LAMP) o Windows+Apache+PHP+MySQL (WAMP).

Hay que aclarar que en caso de que necesitemos implementar una Tienda Virtual comercialmente funcional, hay que agregar previsiones de seguridad, que van mucho más allá de este pequeño proyecto. Quizás en proyecto futuro hablemos de eso.

¿Estás listo?

¿Qué te parecería hacer tu propia tienda virtual?

El comercio electrónico es una actividad boyante y además muy interesante, por la gran cantidad de usuarios que ya le han perdido el miedo a usar sus tarjetas de crédito, el interés de mucho comercios “pequeños” en vender por Internet y por que en general la seguridad en Internet ha mejorado (aunque también hay más riesgos).

Pero, ¿qué hacer cuando nos piden implementar un sitio de comercio electrónico?

Una opción es utilizar algún paquete de comercio electrónico ya hecho, como osCommerce o Zen Cart; o también puede contratar un servicio completo de comercio electrónico, como PlazaWeb. Estos tienen la ventaja de ser proyectos maduros, muy robustos y seguros, y conocidos por miles de programadores que comparten sus experiencias en foros.

Sin embargo, si eres de los aventureros, o te gusta hacer las cosas por ti mismo, o vas a utilizar un paquete pre hecho, pero quieres saber como funciona… Lo mejor para ti es hacer tu propia Tienda Virtual.

Así que, sígueme en esta pequeña aventura.

Construiremos un sitio simple de comercio electrónico, con productos, categorías de productos, usuarios, canasta de compras y hasta hablaremos de como conectarnos con una entidad bancaria, para cobro con tarjeta de crédito.

¿Te unes?

Este es mi blog. Aquí presento cosas que son interesantes para mi, y que quizás también lo sean para otros.

El objetivo es explorar y compartir lo aprendido.