Development Technologies

Software development tutorials, experiences and resources from developers in the day-to-day

Number field with currency symbol, thousand separator and international support

There are so many people asking about a NumberField with ExtJS that allows them to add some aditional formatting to the numbers so i was using an extension  that i found in the extjs forums but there were some unnecessary code – that i think, it was added because it was developed for an older version of ExtJS – so i decided to start from scratch my own class and add just the code for the functionality what i need.
1. Currency Symbol (by default is $), if you don’t need a currency symbol just set the config option to null or empty string:

currencySymbol: null

To change the currency after the field was created you should use the function setCurrencySymbol.

2. Thousand separator with support for international format, you can use comma (,) or (.). If decimalSeparator is (,) then thousand separator will be (.) by default decimalSeparator is (.) and thousand separator (,).  Also you cand hide thousand separator using the config option:

useThousandSeparator: false

There are also a functions for setDecimalPrecision and setDecimalSeparator.

3. Display always all the decimals from the given decimal precision value the default value for this config option is:

alwaysDisplayDecimals: false

If you are changing the properties after the field is created and don’t want or you can’t use the functions for any reason you must call updateNumberFormat function.

Here is an screenshot where you can see the diffent values formatted using the extension:

Numeric Field

Hope you like it.

Greivin Britton

The source code is available here.

Inicio en desarrollo en plataforma Android [Principiantes]

La telefonia mobile esta en constante crecimiento, y si tocara elegir una palabra que defina la ultima decada elegiria “movilidad”, y es justamente los que los celulares nos permiten ser moviles, en este aspecto existen muchos sabores al momento de desarrollar aplicaciones en celulares y se deben distingir los principales Sistemas operativos que dominan el mercado.

  1. IOS para Ipod
  2. Android
  3. SymbianOS
  4. Window Mobile

Pero por aqui nos vamos a enfocar en Android.

¿Android?

Cuando nos referimos a android puede tener dos significados, el sistema operativo Android basado en linux ó las herramientas de desarrollo para crear aplicaciones en mobiles en una maquina virtual llamada Dalvik ambos son productos Google y ambos son igualmente importantes, pero de aqui en adelante nos referiremos a las herramientas de desarrollo simplemente como “Android”.

Comenzemos lo que venimos hacer aprender Android!!

¿que vamos hacer?

Vamos a preparar el ambiente de desarrollo, y correr el hola mundo.

Ingredientes ¿que necesito?

Android SDK (son las herramientas mas importantes tienen el emulador, el compilador, herramientas de desempeño, etc)
Android Developement Toolkit ADT (en otras palabras el plugin oficial para eclipse)

Eclipse 3.5 aka Helios (Aunque Android tiene soporte desde 3.4)

Ademas seria muy buena ventaja si sabes programar en Java aunque no es requisito.

Instalamos el ADT en eclipse

Como instalar cualquier plugin de eclipse 

  • Instala el Android Developement Toolkit que aparece.

  • El resto es siguiente , acepta la licencia y finaliza (que nadie nunca lee) y espera que se instale.

Una vez hecho esto te pedira que reinicies el IDE, hazlo con confianza y ahora a configurar el ADT

Configura el Android Developement Toolkit (plugin)

 

Para configuar las herramientas de plugin con todas las de ley, debes tener el Android SDK espero que lo hayas bajado, descomprimelo y colocalo donde consideres que va estar mas seguro.

– Ahora abre Windows>Preferences

– Dirijete a una seccion que dice “Android”

-En SDK Location coloca la ruta donde descomprimiste tu Android SDK

-Si todo sale bien no te dara ningun problema sino que Dios te ayude. (lo mas probable es que tengas la ruta del SDK erronea )

Configuracion del Android SDK and AVD Navigator

Esta configuracion corresponde a saber que nivel de API vamos a usar (la versiond de android 1.6, 2.1, 2.3, etc y tambien para administrar nuestros Android Virtual Devices que son los dispositivos donde correra nuestras aplicaciones android. Asi que:

-Lo que corresponde ahora es configurar nuestro ambiente, dirijete a Windows> Android SDK and ADV Navigator

-Instalamos el SDK y tambien algunos paquetes adicionales como la documentacion y los proyectos ejemplos de android

Y listo ahora ya tenemos nuestro ambiente de trabajo configurado.

¿Y el Hola Mundo?

Claro que tutorial para principiantes no estaria completo sin un “Hola Mundo“.

  • Crea un proyecto en Eclipse> Android Project
  • Ahora agregale los parametros de inicio:

Proyect Name:  HolaMundo

Application Name: HolaMundo

Package Name: com.hola.mundo

ActivityName: HolaMundoActivity

Min SDK: Honeycomb

– Finaliza y ahora tendras una codigo como el siguiente:

package com.hola.mundo;

import android.app.Activity;
import android.os.Bundle;

public class HolaMundoActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

Ahora intenta correr la aplicacion con Run>Android.

Tambien puedes ver 5 lugares para aprender Android

Microsoft Team Foundation Server (TFS) desde eclipse Step by Step

Hoy veremos como hacer la simple instalación de los plugins para integrar el TFS en eclipse. No es nada complicado y la explicación en la página de ayuda debería ser suficiente en la mayoría de los casos y digo en la mayoría porque se que no siempre las cosas van según lo indicado, pero al menos ha funcionado para mi.

Si llegaron hasta aquí para saber los pasos porque es lo que andan buscando omitan el siguiente parrafo pero si es por curiosidad o aprendizaje pueden leerlo para tener un mejor background.

Actualmente el proyecto más grande en el que trabajo es una aplicación web desarrollada con visual studio 2010 y en la que tenemos muchos archivos javascript que es lo que principalmente nos lleva a esta configuración. En lo personal me gusta mucho el editor de javascript que tiene aptana y para nada el de visual studio pues hay muchas ventajas que la principal para mi es que me pertmite formatear el código a como a mi gusta, pero al inicio había una desventaja y era que no podía hacer un “Checkout” de los archivos que quería editar desde eclipse para evitar que otras personas lo editaran al mismo tiempo que yo o que cuando hiciera un “Checkin” desde visual studio se detectaran esos cambios y se respaldaran junto con los demás en el TFS.

Instalación paso a paso

1.       Primero que nada deben tener eclipse instalado (la instalación es solo descomprimir el zip en un directorio) Click aquí para descargar.

2.       Descargar los plugins para el TFS. Lo puedes hacer desde aquí. Descarga el archivo TFSEclipsePlugin-UpdateSiteArchive-10.0.0.zip.

3.       Una vez descargado el archivo y con eclipse iniciado entrar en Install new Software.

4.       En la ventana que aparece dar click en el botón Add.

5.       Luego dar click en el botón Archive y seleccionar el archivo descargado.

6.       Una vez seleccionado dar click en el botón Ok.

7.       Seleccionar desde el nodo raiz el check que dice Visual Studio Team Explorer Everywhere 2010 y dar click en el botón Next.

8.       Luego aparecerá una pantalla con los plugins que se van a instalar y en el caso de no tener los plugins que son dependencias de ese allí se listarán pero si ya los tienen como es mi caso lo verán como la imagen de la pantalla siguiente en la que deben dar click en Next para continuar.

9.       Aceptar los terminos de licencia del contrato y dar click en Finish.

10.       Reiniciar el IDE

11.       Luego solo tenemos que darle click derecho a un proyecto que tengamos en eclipse y nos vamos al menu item Team->Share Project.

12.  Seleccionar Team Foundation Server y dar click en Next.

13.       En la ventana que aparece damos click en Servers

14.       Damos click en Add

15.       Add new Server

16.       Poner el nombre del servidor en el campo Server y dar click en el botón Ok (En mi caso el tab Advanced y Proxy Details no los tengo que modificar)

17.       Dar click en botón Close

18.       Seleccionar el proyecto con el que vamos a trabajar y click en Next.

19.       Por último Click en finish y listo.

A como pudieron ver todos los pasos son muy intuitivos pero aun así espero sea de ayuda y cualquier consulta con gusto les responderé… hasta la próxima.

Greivin Britton

DevelTech, inicia!

Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!