of 51/51
1 Entrega Hola a todos, hace mucho tiempo que quería hacer esto, pero por problemas de tiempo no lo había podido realizar. Pensando en que así como yo, muchos que apenas empiezan a entrar a trabajar con el sistema operativo Windows CE y con su variante Pocket PC y con la herramienta de desarrollo de Microsoft, para este Sistema Operativo Microsoft Embedded Visual Basic 3.0, no encuentran un manual de usuario claro y conciso, además de que toda la documentación esta en idioma ingles y nuestra lengua materna es español es difícil de aprender y la curva de desarrollo se hace a veces bastante alta. Pensando en esto y gracias al apoyo de Cepolis, me decidí a publicar estas notas que ya tenia escritas de tiempo atrás y que ahora pasan a ser creo, y con mucha modestia (creando por favor -) el primer tutorial de este ambiente de desarrollo llamado Embedded Visual Basic 3.0. Bueno empecemos ya... con un poco de historia patria.... este sistema de desarrollo para Pocket PC y para Windows CE en general, desciende de una herramienta que era un add-in en Visual Basic 6.0, era el Visual Basic 6.0 Toolkit for Windows CE, este add-in tenia un costo de alrededor de $200 dólares y tenia sus “gallitos” como decimos por acá, estos a su vez descendían de sus correspondientes versiones anteriores Visual Basic 5.0. Embedded Visual Basic 3.0 (eVB) soluciona el inconveniente de que se necesitaba Visual Basic por lo menos en su versión Profesional, para empezar a desarrollar una aplicación para Windows CE. EVB aparece como un ambiente de desarrollo independiente de Visual Basic, con muchísimas correcciones a los bugs de su predecesor. Además de todo lo anterior, es que es GRATIS su adquisición, lo cual abre muchas posibilidades a pequeños programadores que no tenían acceso a este software de manera legal. En esta primera entrega vamos a hacer un recorrido general y rápido por todo el ambiente de desarrollo o IDE (por sus siglas en ingles) de eVB. El Principio Embedded Visual Basic no genera programas ejecutables directamente (.exe), eVb genera archivos con la extensión .vb, estos archivos son una especie de script muy optimizado con los datos exactos para ser mostrados en la interfase grafica de Pocket PC, Handheld PC y PalmSize PC. Estos archivos .vb son enlazados a un programa ejecutable (pvbload.exe) así como se enlazan los archivos .doc a word, por ejemplo. Este programa “pvbload.exe” se encarga de interpretar los comandos que se encuentran en el archivo .vb y traduce y ejecuta con ayuda de archivos dll para su correcta ejecución en Pocket PC. El runtime de eVB esta presente en la ROM del sistema Windows CE que tengamos. Como los archivos .vb son enlazados a pvbload.exe, ellos heredan el icono de este programa. Es por esto que todos los programas eVb tienen el mismo icono.

Tutorial Embedded Visual Basic

  • View
    1.013

  • Download
    11

Embed Size (px)

DESCRIPTION

VB

Text of Tutorial Embedded Visual Basic

1 EntregaHola a todos, hace mucho tiempo que quera hacer esto, pero por problemas de tiempo no lo haba podido realizar. Pensando en que as como yo, muchos que apenas empiezan a entrar a trabajar con el sistema operativo Windows CE y con su variante Pocket PC y con la herramienta de desarrollo de Microsoft, para este Sistema Operativo Microsoft Embedded Visual Basic 3.0, no encuentran un manual de usuario claro y conciso, adems de que toda la documentacin esta en idioma ingles y nuestra lengua materna es espaol es difcil de aprender y la curva de desarrollo se hace a veces bastante alta. Pensando en esto y gracias al apoyo de Cepolis, me decid a publicar estas notas que ya tenia escritas de tiempo atrs y que ahora pasan a ser creo, y con mucha modestia (creando por favor -) el primer tutorial de este ambiente de desarrollo llamado Embedded Visual Basic 3.0. Bueno empecemos ya... con un poco de historia patria.... este sistema de desarrollo para Pocket PC y para Windows CE en general, desciende de una herramienta que era un add-in en Visual Basic 6.0, era el Visual Basic 6.0 Toolkit for Windows CE, este add-in tenia un costo de alrededor de $200 dlares y tenia sus gallitos como decimos por ac, estos a su vez descendan de sus correspondientes versiones anteriores Visual Basic 5.0. Embedded Visual Basic 3.0 (eVB) soluciona el inconveniente de que se necesitaba Visual Basic por lo menos en su versin Profesional, para empezar a desarrollar una aplicacin para Windows CE. EVB aparece como un ambiente de desarrollo independiente de Visual Basic, con muchsimas correcciones a los bugs de su predecesor. Adems de todo lo anterior, es que es GRATIS su adquisicin, lo cual abre muchas posibilidades a pequeos programadores que no tenan acceso a este software de manera legal. En esta primera entrega vamos a hacer un recorrido general y rpido por todo el ambiente de desarrollo o IDE (por sus siglas en ingles) de eVB. El Principio Embedded Visual Basic no genera programas ejecutables directamente (.exe), eVb genera archivos con la extensin .vb, estos archivos son una especie de script muy optimizado con los datos exactos para ser mostrados en la interfase grafica de Pocket PC, Handheld PC y PalmSize PC. Estos archivos .vb son enlazados a un programa ejecutable (pvbload.exe) as como se enlazan los archivos .doc a word, por ejemplo. Este programa pvbload.exe se encarga de interpretar los comandos que se encuentran en el archivo .vb y traduce y ejecuta con ayuda de archivos dll para su correcta ejecucin en Pocket PC. El runtime de eVB esta presente en la ROM del sistema Windows CE que tengamos. Como los archivos .vb son enlazados a pvbload.exe, ellos heredan el icono de este programa. Es por esto que todos los programas eVb tienen el mismo icono.

Este icono no puede cambiarse como sucede en el PC, por lo menos no directamente desde eVB, con un sencillo programa en eVC se puede hacer esto, pero eso no es el tema de ahora.

ActiveSync Activesync es el programa que permite sincronizar los datos de nuestro PDA o Pocket PC con el PC de escritorio, permite tambin instalar los programas en el Pocket. En este momento se encuentra en su versin 3.5 y se puede bajar de forma gratuita del sitio de Microsoft y viene en el CD que acompaa a los Pocket PC.

Instalacin de las eVT. Se puede instalar las eVT en Windows 98 SE, Windows NT 4 en sus versiones Servidor o Workstation, Windows 2000 y Windows XP. Si desea probar los programas directamente en su PC utilizando un emulador que viene con las eVT, debe obligatoriamente instalarlas en Windows NT Workstation como mnimo.

Ejecutar eVB Para ejecutar eVB nos vamos al botn de Inicio -> Programas -> Microsoft Embedded Visual Tools -> Embedded Visual Basic 3.0, o hacemos clic en el icono tenemos en el escritorio del computador. A continuacin vemos la pantalla de inicio al ejecutar eVB: Podemos apreciar en el panel de la parte inferior los diferentes tipos de proyectos que podemos desarrollar con eVB. Para este caso concreto existen 4 iconos, en los que se puede apreciar que podemos crear proyectos para Windows CE Palm-Size (Son PDA del mismo estilo de los Pocket PC, pero con sistema operativo Windows CE), Windows CE HPC Pro (Handheld PC Profesional, este tipo de dispositivos son los que tienen teclado un ejemplo de estos dispositivos son las Jornadas 720 de HP). Y proyectos de Windows Pocket PC 2002. La cantidad y tipo de estos iconos dependen de los SDK (Software Development Kit) que hayamos instalado en nuestro PC, en este momento existe una versin de SDK para Pocket PC 2000 y una versin del SDK para Pocket PC 2002 que es la ultima versin. Esto no es exacto, ya que ya salio al mercado el nuevo sistema operativo Windows CE .NET, para el cual tambin existe su correspondiente Compact FrameWork for Windows CE .NET (Entorno de desarrollo para Plataforma .NET), este esta en su versin beta y solo lo estn probando las personas que son betatesters registrados en Microsoft. En su momento cuando los mortales tengamos acceso a el, hablaremos de ello tambin. si lo

En esta pantalla escogemos el tipo de proyecto a trabajar y presionamos el botn Open para abrir o crear el proyecto propiamente. Como se puede apreciar aparecen dos solapas, Existing y Recent para abrir un proyecto que ya exista. Nosotros escogeremos Windows CE for Pocket PC 2002 como tipo de proyecto, y se nos abrir el ambiente para empezar con nuestro trabajo. Voy a asumir que tenemos conocimientos en Visual Basic 5.0 o 6.0 y har algunas analogas entre uno y otro. Como podemos apreciar en la grafica el ambiente de desarrollo es Visual Basic!!!! Pues esa es una de las grandes ventajas, no es extrao el ambiente ya que lo conocemos de Visual Basic para PC, tenemos la barra de herramientas a la izquierda, la del explorador de proyectos a la derecha y arriba y la de propiedades a la derecha y abajo. Al centro nuestra primera forma. Los controles que aparecen en la barra de herramientas son los controles intrnsecos a eVB. Aqu en este punto cabe anotar que no podemos trabajar con clases en este ambiente, que los controles, a pesar de ser los mismos que para PC tienen restricciones en sus propiedades, mtodos y eventos. Esto debido a que eVB es una mezcla de VBA y VBScript, sin embargo podemos desarrollar aplicaciones FUNCIONALES en este ambiente.

Muy bien entonces: Vamos a configurar nuestro proyecto: vamos al men y en opcin Project hacemos clic, y en el submen escogemos la opcin Properties..., all nos va a mostrar la siguiente pantalla: Aqu colocamos el nombre de nuestro proyecto, una descripcin de lo que hace nuestro proyecto, en que directorio en el handheld va a quedar localizado.

A medida que vayamos utilizando cada uno de los diferentes controles los iremos explicando en la mejor forma posible. Muy bien... empecemos con nuestro primer proyecto: Entremos a eVB, escogemos Windows CE for Pocket PC 2002 como tipo de proyecto, clic en el botn Open y nos aparecer una forma en blanco para empezar. Coloquemos dos controles TextBox en la forma un control CommandButton y un listbox, el la siguiente figura aparece como se vera nuestro proyecto en tiempo de diseo. Hacemos clic sobre la barra de titulo de la forma y vamos a la ventana de Propiedades, en la parte derecha inferior de la pantalla, aqu buscamos la propiedad Name de la forma, que esta en la parte superior de las propiedades, aqu le vamos a poner nombre a nuestra forma, este nombre se reflejara dentro del proyecto y tambin en el nombre del archivo que se guarda en el disco. El nombre que le vamos a dar a nuestra forma es frmProg1. Haga clic sobre el textbox denominado Text1, busquemos en la ventana de propiedades la propiedad Name y cambimosla por txtNombre, luego busquemos la propiedad Text del mismo y borremos el Text1 que aparece por defecto en esta propiedad. Esta propiedad es una de las ltimas de la lista. Igual vamos a hacer para el segundo TextBox, en donde el nombre ser txtApellido.

El botn los vamos a llamar cmdAgregar, para esto en su propiedad Name vamos a cambiarla, y en la propiedad Caption (o sea el mensaje a mostrar) vamos a colocar Agregar.

Ahora vamos a acceder al cdigo de un evento, un evento ocurre despus de una accin, esta accin puede ser el clic del mouse, el doble clic, etc. Vamos a hacer clic sobre el botn cmdAgregar

eVB nos va a mostrar la pantalla de cdigo, por defecto el evento para un CommandButton es el evento CLIC, como podemos apreciar en la grafica, el combo que aparece en el circulo rojo muestra o lista todos los objetos (nuestros controles) que estn en la forma activa, y el combo del circulo azul mostrara todos los eventos que soporta ese objeto. El evento OKClick de la forma que aparece en la grafica es el botn OK de la parte superior derecha de la pantalla y con el cual cerramos o terminamos la aplicacin. Nuestro cdigo quedara de la siguiente manera: Private Sub cmdAgregar_Click() List1.AddItem txtNombre.Text & " " & txtApellido.Text End Sub Aqu lo que estamos haciendo es agregando una nueva lista al control List que se llama List1. Ahora ya hemos completado nuestro primer proyecto en eVB, algo sencillo pero un abrebocas de todo lo que podemos realizar con esta sencilla herramienta de desarrollo para Pocket PC. Solo nos queda ejecutar nuestro proyecto. Antes verifiquemos el destino o target en donde se va a ejecutar nuestra aplicacin, si tenemos un Pocket, debemos tenerlo sincronizado y verificar que la opcin escogida de la lista que aparece en la grafica es la que dice Default device, si no entonces Emulation y se ejecutara en el emulador.

En la barra de herramientas que aparece en la grafica siguiente presionamos el botn de ejecucin que se encuentra encerrado en un crculo rojo en la grafica.

Esto ejecutara nuestro proyecto en la pantalla: A continuacin vemos una captura de la aplicacin ejecutndose en el emulador de Pocket PC 2002.

Bueno eso es todo por hoy, nos vemos en la prxima entrega. Un Saludo muy caluroso Roberto.

2 EntregaHola a todos nuevamente, en esta nuestra Segunda entrega del Tutorial para Embedded Visual Basic 3.0 vamos a seguir con los controles intrnsicos del eVB, a la par de seguir con algo de teora para que no se me aburran. La barra de Herramientas (Tolva)

A continuacin vamos a explicar cada uno de los controles intrnsicos de eVB, Pointer. Con este podemos cancelar cualquier otro comando que tengamos seleccionado, si nos arrepentimos de haber escogido un control TextBox, utilizamos a Pointer para anular o cancelar la seleccin. Shape. Nos permite crear figuras geomtricas en la forma. Line. Permite dibujar una lnea de diferentes anchos y colores en la forma. Labels. Es uno de los controles mas usados, pues en ellos vamos a colocar el texto que deseamos aparezca en las formas para ayudar al usuario en la captura de los datos de una aplicacin, por ejemplo. El texto de los labels no puede ser cambiado por el usuario. TextBox. Es otro de los controles mas usados en nuestras aplicaciones, ya que en ellos podemos capturar o visualizar informacin de diferente ndole para actualizar nuestras bases de datos en el Pocket PC. Frames. Este control es un contenedor de controles, permite insertar en el, cualquier control de los que tenemos en la barra de herramientas. Este control particularmente lo utilizo mucho, para simular diferentes formas, debido al inconveniente de eVB que no permite descargar las formas de memoria. Button. Permite crear botones para seleccionar diferentes opciones por ejemplo para guardar los datos o para cancelar la grabacin de los mismos, para seleccionar una opcin diferente, etc. CheckBox. Nos permite seleccionar una o varias opciones referentes a un tema. OptionButton. Nos permite seleccionar una opcin entre varias. Este es excluyente. ComboBox. Este control permite mostrar una lista de datos desplegable que se muestra y oculta cuando hacemos clic en el. Este control nos sirve para colocar en el la lista de ciudades, por ejemplo, para escoger una.

ListBox. Este control es similar al ComboBox, la diferencia es que la lista no es desplegable como la del ComboBox. Este control lo podemos utilizar para por ejemplo mostrar los nombres de los empleados de una empresa. Como en el ejemplo de la entrega anterior HScrollBar y VScrollBar. Estos dos controles lo usamos para simular un desplazamiento vertical u horizontal en la pantalla, por ejemplo. Timer. Este control nos permite controlar la ejecucin de un procedimiento cada determinado tiempo. Muy bien ahora vamos a desarrollar una aplicacin para ir utilizando cada uno de los diferentes controles, adems de los controles Actives que aun no hemos visto. La aplicacin que vamos a desarrollar es: un teclado numrico controlado completamente desde eVB. La intencin de este pequeo proyecto, es porque para llegar al teclado numrico del SIP hay que realizar demasiados pasos, adems que a mi parecer es ms cmodo que el usuario tenga un teclado en la pantalla. Una de las ventajas es que podemos acomodarlo como ms nos guste, ya que lo hemos creado utilizando nicamente controles CommandButton. En el proyecto tenemos dos Labels y dos TextBox para hacernos una idea de lo que debemos hacer. La idea del teclado es esta: generalmente (por no utilizar siempre), se piden los datos en un TextBox, as que vamos a crear en nuestra forma una variable publica que sea de tipo TextBox y cada vez que un TextBox tenga el foco vamos a asignar a esa variable el TextBox en cuestin. Luego en el evento clic de cada uno de los botones del teclado numrico le asignamos el valor correspondiente del botn a travs de nuestra variable publica de tipo TextBox. Talvez lo nico tedioso es que en el evento GotFocus de cada TextBox debemos colocar esto: Set CajaTexto = Text1 Donde CajaTexto es nuestra variable publica tipo TextBox y Text1, es el TextBox en cuestin. La verdad no es que sea difcil, pero mucho no sabemos por donde entrarle a la solucin del problema. As que aqu esta una muy modesta solucin que he probado y me ha dado muy buenos resultados. Espero que la disfruten y les sirva de mucho a todos. Aqu esta el cdigo completo del proyecto Option Explicit

Public CajaTexto

As TextBox

Private Sub Form_Load() Text7.Visible = True Text1.Visible = True End Sub Private Sub Form_OKClick() App.End End Sub Private Sub cmdBorrar_Click() CajaTexto.Text = "" End Sub Private Sub cmdCero_Click() CajaTexto.Text = CajaTexto.Text & "0" End Sub Private Sub cmdCinco_Click() CajaTexto.Text = CajaTexto.Text & "5" End Sub Private Sub cmdCuatro_Click() CajaTexto.Text = CajaTexto.Text & "4" End Sub Private Sub cmdDos_Click() CajaTexto.Text = CajaTexto.Text & "2" End Sub Private Sub cmdEntrar_Click() 'Hago algo simulando en enter End Sub Private Sub cmdNueve_Click() CajaTexto.Text = CajaTexto.Text & "9" End Sub Private Sub cmdOcho_Click() CajaTexto.Text = CajaTexto.Text & "8" End Sub Private Sub cmdRutero_Click() frmRutero.Show frmTomaLectura.Hide End Sub Private Sub cmdSeis_Click()

CajaTexto.Text = CajaTexto.Text & "6" End Sub Private Sub cmdSiete_Click() CajaTexto.Text = CajaTexto.Text & "7" End Sub Private Sub cmdTres_Click() CajaTexto.Text = CajaTexto.Text & "3" End Sub Private Sub cmdUno_Click() CajaTexto.Text = CajaTexto.Text & "1" End Sub Private Sub Text1_GotFocus() Set CajaTexto = Text1 End Sub Private Sub Text7_GotFocus() Set CajaTexto = Text7 End Sub A continuacin vemos una grafica de cmo se aprecia la aplicacin en el handheld

A continuacin les muestro la descripcin de cada uno de los controles contenidos en la forma, esta es una forma (me parece a mi) mas clara, de mostrar los controles ya que grficamente a veces no nos cuadran las imgenes. Aqu no aparecen todas las propiedades de los controles, solo las que necesitamos para este ejemplo. Luego les explico como pueden documentar sus manuales tcnicos de esta manera.

VERSION 5.00 Begin VB.Form Form1 Appearance = 0 'Flat BackColor = &H80000005& Caption = "Form1" ShowOK = -1 'True Begin VBCE.TextBox Text1 Height = 285 Left = 990 Top = 180 Visible = 0 'False Width = 1425 BorderStyle = 1 Enabled = -1 'True Text = "" End Begin VBCE.Label Label6 Height = 225 Left = 60 Top = 210 Width = 915 Caption = "LecAnterior:" Alignment = 0 End Begin VBCE.Label Label7 Height = 225 Left = 60 Top = 480 Width = 915 Caption = "LecActual:" Enabled = -1 'True Alignment = 0 End Begin VBCE.TextBox Text7 Height = 285 Left = 990 Top = 450 Visible = 0 'False Width = 1425 BorderStyle = 1 Enabled = -1 'True Text = "" Alignment = 0 End Begin VBCE.CommandButton cmdUno Height = 285 Left = 2400 TabIndex = 11 Top = 3090 Width = 315

Caption = "1" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdDos Height = 285 Left = 2745 TabIndex = 10 Top = 3090 Width = 315 Caption = "2" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdTres Height = 285 Left = 3090 TabIndex = 9 Top = 3090 Width = 315 Caption = "3" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdCuatro Height = 285 Left = 2400 TabIndex = 8 Top = 2790 Width = 315 Caption = "4" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdCinco Height = 285 Left = 2745 TabIndex = 7 Top = 2790 Width = 315 Caption = "5" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdSeis Height = 285 Left = 3090 TabIndex = 6 Top = 2790 Width = 315

Caption = "6" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdSiete Height = 285 Left = 2400 TabIndex = 5 Top = 2490 Width = 315 Caption = "7" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdOcho Height = 285 Left = 2745 TabIndex = 4 Top = 2490 Width = 315 Caption = "8" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdNueve Height = 285 Left = 3090 TabIndex = 3 Top = 2490 Width = 315 Caption = "9" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdCero Height = 285 Left = 2745 TabIndex = 2 Top = 3390 Width = 315 Caption = "0" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdBorrar Height = 285 Left = 2400 TabIndex = 1 Top = 3390 Width = 315

Caption = "B" Enabled = -1 'True Style = 0 End Begin VBCE.CommandButton cmdEntrar Height = 285 Left = 3090 TabIndex = 0 Top = 3390 Width = 315 Caption = "