Está en la página 1de 393

Manual

Interfaz Puerto Paralelo LPT


(Visual C#, C++ y VB .NET)

Presentacin 3
Puerto paralelo 8
Configuracin 22
Inpout32.dll C# - 29
Visual C# - 33
Preparacin C# - 60
Importar dll C# - 85
Ms cdigos 97
Extras C# AWF 134
Instalador 164
Nombres 175
WPF C# - 186
Visual C++ - 214
Preparacin - 241

Importar dll C++ - 265


Visual Basic .net 276
Preparacin VB 304
Importar dll VB 329
Ms cdigos VB 341
Libros 376
Vdeos 378
Proyectos 380
Otros manuales 386
Enlaces inters 388
Versin manual 391
Contacto 392
Autor - 393

ndice
29/07/2010

electronica-pic.blogspot.com

Presentacin
29/07/2010

electronica-pic.blogspot.com

Un manual pensado para personas nveles. Est


diseado para ser capaz de hacer tu propia
interfaz sobre el puerto paralelo (LPT) con Visual
Studio 2010 Express casi desde cero.
Podrs hacer una interfaz con cualquier lenguaje
que desees como Visual C#, Visual C++ y Visual
Basic .net.
Este manual muy bsico de controlar el puerto
paralelo como salida para tus proyectos, sea por
hobby o estudios como Ciclo Formativos Grado
Medio, Ciclo Formativos Grado Superior e incluso
para la universidad.

Presentacin
29/07/2010

electronica-pic.blogspot.com

Dejar claro que este manual parte de la idea


de este enlace:
http://www.codeproject.com/KB/cs/csppleds.
aspx
La adapto del 2002 al 2010 y usar botones
directamente.
Si lo compara ha cambiado la programacin y
necesita una buena actualizacin, incluido
una nueva interfaz ms amigable.

Presentacin
29/07/2010

electronica-pic.blogspot.com

Este manual se ha trabajado en su momento


con:

Windows XP SP3.
Visual C# 2010 Express Edition FrameWork 4.0.
NOTA:
He visto por Internet y me han comentado que no se puede
usar la librera inpout32.dll en Windows Vista y Windows 7.
La nueva Web donde las .dll estn actualizadas para Windows
Vista y Windows 7 lo puedes encontrar en esta Web.
http://www.highrez.co.uk/Downloads/InpOut32/default.htm

Presentacin
29/07/2010

electronica-pic.blogspot.com

29/07/2010

electronica-pic.blogspot.com

Puerto paralelo (LPT)


Informacin
29/07/2010

electronica-pic.blogspot.com

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

Puerto paralelo
Un puerto paralelo es una interfaz entre una
computadora y un perifrico, cuya principal caracterstica
es que los bits de datos viajan juntos, enviando un paquete
de byte a la vez. Es decir, se implementa un cable o una
va fsica para cada bit de datos formando un bus.
Mediante el puerto paralelo podemos controlar tambin
perifricos como focos, motores entre otros dispositivos,
adecuados para automatizacin.
El cable paralelo es el conector fsico entre el puerto
paralelo y el dispositivo perifrico. En un puerto paralelo
habr una serie de bits de control en vas aparte que irn
en ambos sentidos por caminos distintos.
En contraposicin al puerto paralelo est el puerto serie,
que enva los datos bit a bit por el mismo hilo.

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

10

Puerto paralelo Centronics


El puerto paralelo ms conocido es el puerto de
impresora (que cumplen ms o menos la norma
IEEE 1284, tambin denominados tipo
Centronics) que destaca por su sencillez y que
transmite 8 bits. Se ha utilizado principalmente
para conectar impresoras, pero tambin ha sido
usado para programadores EPROM, escners,
interfaces de red Ethernet a 10 Mb, unidades ZIP,
SuperDisk y para comunicacin entre dos PC
(MS-DOS trajo en las versiones 5.0 ROM a 6.22
un programa para soportar esas transferencias).

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

11

El puerto paralelo de las computadoras, de


acuerdo a la norma Centronics, est compuesto
por un bus de comunicacin bidireccional de 8
bits de datos, adems de un conjunto de lneas
de protocolo. Las lneas de comunicacin cuentan
con un retenedor que mantiene el ltimo valor
que les fue escrito hasta que se escribe un nuevo
dato, las caractersticas elctricas son:
Tensin de nivel alto: 3,3 o 5 V.
Tensin de nivel bajo: 0 V.
Intensidad de salida mxima: 2,6 mA.
Intensidad de entrada mxima: 24 mA.

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

12

Los sistemas operativos basados en DOS y compatibles gestionan


las interfaces de puerto paralelo con los nombres LPT1, LPT2 y as
sucesivamente, Unix en cambio los nombra como /dev/lp0,
/dev/lp1, y dems. Las direcciones base de los dos primeros
puertos son:
LPT1 = 0x378.
LPT2 = 0x278
La estructura consta de tres registros: de control, de estado y de
datos.
El registro de control es un bidireccional de 4 bits, con un bit
de configuracin que no tiene conexin al exterior, su direccin en
el LPT1 es 0x37A.
El registro de estado, se trata de un registro de entrada de
informacin de 5 bits, su direccin en el LPT1 es 0x379.
El registro de datos, se compone de 8 bits, es bidireccional. Su
direccin en el LPT1 es 0x378.

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

13

Puerto paralelo SCSI


Un tercer puerto paralelo, muy usado en los
ordenadores Apple Macintosh y en servidores, son las
diferentes implementaciones del SCSI. Al igual que
IDE ha sido usado para la conexin de discos duros,
unidades pticas lectoras/grabadoras (CD-ROM,
DVD), unidades magneto-pticas y SuperDisk, pero
tambin de otros dispositivos como escneres e
incluso otro ordenador de diferente plataforma
hardware y sistema operativo, como la torre siamese
hece referencia para el uso en el computador y sirve
como un puerto serial el hardware 1.5 para
PC/Commodore Amiga.

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

14

Puerto paralelo IDE


No obstante existe otro puerto paralelo
usado masivamente en los ordenadores:
el puerto paralelo IDE, tambin llamado
PATA (Paralell ATA), usado para la
conexin de discos duros, unidades
lectoras/grabadoras (CD-ROM, DVD),
unidades magneto-pticas, unidades ZIP
y SuperDisk, entre la placa base del
ordenador y el dispositivo.

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

15

Fuente:
http://es.wikipedia.org/wiki/Puerto_parale
lo

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

16

Vamos a usar diodos Led con sus


resistencias a su salida del puerto serie
para hacer pruebas como indica en la
imagen de la pgina siguiente.

Para circuitos serios con ms proteccin a


la placa base se usa optoacopladores.

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

17

La utilidad que le
puedas dar al
puerto paralelo
pueden ser ms all
donde pueda llegar
tu imaginacin, en
este caso est
orientado a
controlar rels.

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

18

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

19

Puerto paralelo (LPT)


29/07/2010

electronica-pic.blogspot.com

20

29/07/2010

electronica-pic.blogspot.com

21

Configuracin
Configuracin del puerto paralelo.
29/07/2010

electronica-pic.blogspot.com

22

Puedes comprobar directamente desde la


BIOS de tu ordenador o PC cual es su
configuracin.
Los PC ms modernos puedes configurar
salidas o como entradas.
Debe poner 378 como configuracin.

Configuracin
29/07/2010

electronica-pic.blogspot.com

23

Puedes tambin verlo


desde Windows XP.
Haz clic en el
escritorio sin tocar
ningn icono de tu
monitor.
Despus pulsas la
tecla de Windows +
Pausa.
Te aparecer la
ventana de
Propiedades del
sistema.

Configuracin
29/07/2010

electronica-pic.blogspot.com

24

En la pestaa
Hardaware, haz clic
en Administrador de
dispositivos.

Configuracin
29/07/2010

electronica-pic.blogspot.com

25

Configuracin
29/07/2010

electronica-pic.blogspot.com

26

Como puedes ver


en la pestaa
Recursos, la
configuracin es
0378.

Configuracin
29/07/2010

electronica-pic.blogspot.com

27

29/07/2010

electronica-pic.blogspot.com

28

inpout32.dll
Librera DLL.
29/07/2010

electronica-pic.blogspot.com

29

No podemos controlar directamente el puerto


paralelo (LPT). Necesitamos una librera llamada
inpout32.dll para poder controlarlo.
Se puede descargar tanto en 32 Bits o 64 Bits
para Sistemas Operativos Windows.
Su enlace de descarga es:
http://logix4u.net/Legacy_Ports/Parallel_Port/Inp
out32.dll_for_Windows_98/2000/NT/XP.html
Cuando tengas el inpout32.dll descargado,
djalo guardado que ya lo usamos cuando haga
falta en las siguientes pginas del manual.

inpout32.dll
29/07/2010

electronica-pic.blogspot.com

30

inpout32.dll es programado por varios


lenguajes, en este ejemplo est hecho con C++,
claro que tambin en la Web podrs encontrar
sta .dll hecho con otros lenguajes como pascal,
vb, etc.
Tambin puedes descargar su cdigo fuente para
su modificacin, mejoras o nuevos aadidos.
Puedes descargar tambin la carpeta recursos
con sus iconos, logos y inpout32.dll aqu.
Descargar

inpout32.dll
29/07/2010

electronica-pic.blogspot.com

31

29/07/2010

electronica-pic.blogspot.com

32

Visual C# .net
Introduccin
29/07/2010

electronica-pic.blogspot.com

33

Vamos a descargar Visual


C# Express Edition 2010
gratuitamente en el
siguiente enlace.
http://www.microsoft.com
/express/Downloads

En este caso descargamos


la versin en espaol.

Si incluye un Service
Pack, instlelo, corrige
problemas y estabilidad.

Visual C# .net (Descarga)


29/07/2010

electronica-pic.blogspot.com

34

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

35

Descargars un ejecutable del Visual C#


2010 Express, puedes empezar su descarga
que puede tardar varios minutos.
Una vez finalizado le pedir la clave que
puedes obtenerlo gratuitamente con una
cuenta de www.hotmail.com
Si no usas la clave, Visual C# 2010 Express
funcionar 30 das. Al introducir la clave no
habr ningn lmite y es totalmente gratuito.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

36

Si eres un iniciado al Visual C# 2010


Express y no conoces el entorno del IDE,
te aconsejo leer el otro manual al menos
sus primeras 66 pginas para
familiarizarte con soltura. Selecciona
enlaces para descargar el manual.
Enlace 1
Enlace 2
Enlace 3

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

37

1) Crear el proyecto.
2) Introducir el nombre principal de
nuestra aplicacin.
3) Centrar el formulario al centro de la
pantalla.
4) Introducir botones.
5) Orden de tabulacin para los botones.
6) Depurar nuestra aplicacin.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

38

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

39

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

40

Pulsa
ArchivoNuevo
proyecto.
Cuando se abra la
ventana eliges
Aplicacin de
Windows Form
(AWF).
Puedes ponerle un
nombre que quieras,
en este caso lo llamo
Puerto_paralelo.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

41

Despus de haber
pulsado Aceptar,
se crea un nuevo
formulario.
Con el botn
derecho del ratn,
pulsa Propiedades
para abrir la
ventana de
propiedades.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

42

En la propiedad
Text he puesto
como nombre
Puerto paralelo
EP.
Puedes poner el que
quieras.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

43

Pon CenterScreen
en la propiedad
StarPosition.
Cada vez que
ejecutes tu
aplicacin, se abrir
en el centro de la
pantalla o de tu
monitor.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

44

En Size introduce
los valores 673;
385 que son el
largo y ancho del
formulario.
El formulario tendr
es aspecto ms
estirado por la
pantalla.
Ver en la siguiente
pgina.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

45

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

46

En el Cuadro de
herramientas,
selecciones un
Button (Botn)
arrastrndolo al
formulario o
pinchando dos
veces con el ratn.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

47

Seleccione el botn
del formulario con
un clic.
En la propiedad
Text escribes
ON, en (Name)
escribes
button_D0_ON,
as como indica el
cuadro de al lado
con cada botn.

Propiedad

Cambie a

Text

ON

(Name)

button_D0_ON

Anchor

Top

Location

578; 144

Size

75; 58

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

48

Lo mismo con el
botn
button_D0_OFF.
Puedes colocar un
total de 16 botones
en el formulario.

Propiedad

Cambie a

Text

OFF

(Name)

button_D0_OFF

Anchor

Top

Location

578; 208

Size

75; 58

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

49

Al final queda el aspecto que muestra la


imagen.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

50

Si has introducido todos los botones, es


hora de guardar el trabajo cada cierto
tiempo.
ArchivoGuardar todo.
Te pedir el nombre, lo dejamos como
est y pulsa Guardar.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

51

Cambiaremos la
fuente y tamao de
los botones para
dejarlo ms
destacado.
Selecciona todos los
botones al mismo
tiempo, puedes
hacerlo con Control
pulsado y pinchar
uno a uno por cada
botn.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

52

Elegimos Negrita
y 18 como tamao.
Finalmente
pulsamos Aceptar.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

53

Ahora nos
centramos en
colocar por orden
los botones para
usar tabulacin en
caso de no poder
usar el ratn.
Pulsa, Ver Orden
de tabulacin.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

54

Pincha los cuadrados y deja el orden de


los botones como desees.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

55

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

56

Para ver como queda y probar tabular, ya


puedes compilar el proyecto pulsando F5
o la flecha verde.

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

57

Descarga

Descarga el ejemplo
puerto_paralelo_cs_
01.zip para ver el
resultado final.

Fuente 01

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

58

29/07/2010

electronica-pic.blogspot.com

59

Preparacin
29/07/2010

electronica-pic.blogspot.com

60

1) Aadir un label (etiqueta).


2) Insertar recursos.
3) Colocar iconos.
4) Introducir inpout32.dll al lado del
ejecutable.
5) Arrastrar al formulario 2 textBox y 3
button.
6) Poner un icono de nuestra aplicacin.

Preparacin
29/07/2010

electronica-pic.blogspot.com

61

Introduces un label,
su Location es 36;
108.
En la propiedad
Text, en mi caso he
introducido los D7 al
D0 en el mismo label
o etiqueta para no
hacerlo uno a uno y
perder el tiempo.

Preparacin
29/07/2010

electronica-pic.blogspot.com

62

Preparacin
29/07/2010

electronica-pic.blogspot.com

63

Vamos aadir
recursos como
iconos en
ProyectoPropieda
des de
Puerto_paralelo.

Preparacin
29/07/2010

electronica-pic.blogspot.com

64

Preparacin
29/07/2010

electronica-pic.blogspot.com

65

Pulsa el icono marcado con la flecha roja y seleccinalo.


Despus si lo deseas puedes incluir informacin sobre el
ejecutable de la aplicacin como podrs ver en la pgina
siguiente.

Preparacin
29/07/2010

electronica-pic.blogspot.com

66

Preparacin
29/07/2010

electronica-pic.blogspot.com

67

Aadirs los .gif,


.ico, etc.
Ya tenemos listos
estos recursos,
aunque falta la
librera inpout32.dll
que indicaremos
ms adelante.
Guarde y cierra la
pestaa
Puerto_paralelo.

Preparacin
29/07/2010

electronica-pic.blogspot.com

68

Arrastra un
PictureBox en el
formulario.

Preparacin
29/07/2010

electronica-pic.blogspot.com

69

Sigue los pasos de


la imagen, cuando
llegues al tercer
paso, se abrir una
ventana.

Preparacin
29/07/2010

electronica-pic.blogspot.com

70

Selecciona la imagen off y pulsa el botn Aceptar.

Preparacin
29/07/2010

electronica-pic.blogspot.com

71

Coloca el
pictureBox encima
de los botones D0
como indica en la
imagen.
En la pgina
siguiente rellena los
parmetros.

Preparacin
29/07/2010

electronica-pic.blogspot.com

72

Este es el primer
pictureBox con
sus propiedades.
En los dems es
similar.
No olvidar a cada
componente
llamarlo
pictureBox_D7 que
es el ltimo.

Propiedad

Cambiar a

SizeMode

AutoSize

(Name)

pictureBox_D0

Anchor

Top

Location

601; 59

Preparacin
29/07/2010

electronica-pic.blogspot.com

73

Preparacin
29/07/2010

electronica-pic.blogspot.com

74

Nos toca colocar la famosa librera inpout32.dll al


lado del ejecutable de la interfaz.
Haz clic con el botn derecho del ratn y vete al
directorio indicado en la pgina siguiente.

Preparacin
29/07/2010

electronica-pic.blogspot.com

75

En mi caso est en
este directorio, ahora
introduces la librera
inpout32.dll al lado
del
Puerto_paralelo.exe.

C:\Documents and
Settings\Hunter\Mis
documentos\Visual
Studio
2010\Projects\Puerto
_paralelo\Puerto_par
alelo\bin\Debug

Preparacin
29/07/2010

electronica-pic.blogspot.com

76

Al introducir el
primer textBox1
al formulario,
cambie las
propiedades.
A partir de ahora,
todos los
componentes que
has introducido tal
cual como muestra
en el cuadro.

Propiedad

Cambie a

Text

378

(Name)

textBox_port_a
dress

Anchor

Top

Location

11; 275

Preparacin
29/07/2010

electronica-pic.blogspot.com

77

Propiedad

Cambie a

Propiedad

Cambie a

Text

170

Text

Direccin

(Name)

textBox_byte

(Name)

button_Address

Anchor

Top

Anchor

Top

Location

11; 301

Location

117; 273

Preparacin
29/07/2010

electronica-pic.blogspot.com

78

Propiedad

Cambie a

Propiedad

Cambie a

Text

Enviar

Text

Reset

(Name)

button_Enviar

(Name)

Anchor

Top

button_Reset_L
eds

Location

117; 299

Anchor

Top

Location

578; 299

Preparacin
29/07/2010

electronica-pic.blogspot.com

79

Preparacin
29/07/2010

electronica-pic.blogspot.com

80

Colocaremos
nuestro icono .ico
de 32x32 pxeles en
la esquina de la
aplicacin.
En la propiedad
Icon, busca el
icono que desees.

Preparacin
29/07/2010

electronica-pic.blogspot.com

81

Hasta aqu hemos llegado con el diseo


de la interfaz y los recursos preparados a
la hora de la programacin.
En el tema siguiente ya podemos hacer
nuestros primeros cdigos C#.

Preparacin
29/07/2010

electronica-pic.blogspot.com

82

Descarga

Descarga el ejemplo
puerto_paralelo_cs_
02.zip para ver el
resultado final.

Fuente 02

Preparacin
29/07/2010

electronica-pic.blogspot.com

83

29/07/2010

electronica-pic.blogspot.com

84

Importar librera
Importando la librera inpout32.dll.
29/07/2010

electronica-pic.blogspot.com

85

Vamos aprender a importar la famosa y


popular librera inpout32.dll.
Esta librera es muy fcil de manejar y
muy usado hasta el momento.
En este caso, no vamos a poner el cdigo
en la clase principal, sino creamos una
nueva clase.

Importar librera
29/07/2010

electronica-pic.blogspot.com

86

1) Agregar una nueva clase.


2) Nmeros de lneas del compilador.
3) Introducir cdigos de importacin DLL.

Importar librera
29/07/2010

electronica-pic.blogspot.com

87

Creamos una clase


nueva en
ProyectoAgregar
clase.

Importar librera
29/07/2010

electronica-pic.blogspot.com

88

Nombre de la clase la llamaremos PortInterop.cs, a partir de


aqu quedar fijo su nombre.

Importar librera

29/07/2010

electronica-pic.blogspot.com

89

Si quieres ver los nmeros de lnea vete a


HerramientasOpciones.
Marca la casilla nmeros de lneas y
finalmente dale Aceptar.

Importar librera
29/07/2010

electronica-pic.blogspot.com

90

Se nos crea cdigos


necesarios. En esta
clase slo es para
importar el
inpout32.dll.

Importar librera
29/07/2010

electronica-pic.blogspot.com

91

Colocaremos el cdigo using como indica arriba marcado en rojo.

Importar librera
29/07/2010

electronica-pic.blogspot.com

92

Introduce este cdigo para poder importar


la .dll.

[DllImport("inpout32.dll", EntryPoint = "Out32")]


public static extern void Output(int adress, int value);
[DllImport("inpout32.dll", EntryPoint = "Inp32")]
public static extern int Input(int adress);

Ver imagen en la siguiente pgina.

Importar librera
29/07/2010

electronica-pic.blogspot.com

93

Importar librera
29/07/2010

electronica-pic.blogspot.com

94

Podemos cerrar la ventana de la clase que


estbamos trabajando.
Ahora nos toca poner cdigos para llamar
a la famosa librera inpout32.dll.

Importar librera
29/07/2010

electronica-pic.blogspot.com

95

29/07/2010

electronica-pic.blogspot.com

96

Ms cdigos
Introduciendo cdigos de reseteo, alerta, opciones, imagen, etc.
29/07/2010

electronica-pic.blogspot.com

97

1) Aadir procedimientos, para


reutilizacin de cdigos.
2) Funciones para los botones.

Ms cdigos
29/07/2010

electronica-pic.blogspot.com

98

29/07/2010

electronica-pic.blogspot.com

99

29/07/2010

electronica-pic.blogspot.com

100

29/07/2010

electronica-pic.blogspot.com

101

Ahora vamos aadir un procedimiento


opciones.

29/07/2010

electronica-pic.blogspot.com

102

29/07/2010

electronica-pic.blogspot.com

103

29/07/2010

electronica-pic.blogspot.com

104

29/07/2010

electronica-pic.blogspot.com

105

Los procedimientos que vamos hacer en


las siguientes pginas es para cambiar los
estados de los dibujos de apagando y
encendido de los Led.

29/07/2010

electronica-pic.blogspot.com

106

29/07/2010

electronica-pic.blogspot.com

107

29/07/2010

electronica-pic.blogspot.com

108

29/07/2010

electronica-pic.blogspot.com

109

29/07/2010

electronica-pic.blogspot.com

110

29/07/2010

electronica-pic.blogspot.com

111

29/07/2010

electronica-pic.blogspot.com

112

29/07/2010

electronica-pic.blogspot.com

113

29/07/2010

electronica-pic.blogspot.com

114

Para dejar la interfaz ms bonita y de


paso aadir posibles futuras funciones,
puedes introducir tres objetos al
formulario.
Barra de herramientas.
Barra de tareas.
Timer para mostrar la hora y fecha.

29/07/2010

electronica-pic.blogspot.com

115

29/07/2010

electronica-pic.blogspot.com

116

En el manual ya mencionado antes, a


partir de las pginas 203 explica con
detalles manejar el reloj, barra de tares y
barra de herramientas.

A partir de la pgina siguiente, vers el


cdigo completo.

29/07/2010

electronica-pic.blogspot.com

117

29/07/2010

electronica-pic.blogspot.com

118

29/07/2010

electronica-pic.blogspot.com

119

29/07/2010

electronica-pic.blogspot.com

120

29/07/2010

electronica-pic.blogspot.com

121

29/07/2010

electronica-pic.blogspot.com

122

29/07/2010

electronica-pic.blogspot.com

123

29/07/2010

electronica-pic.blogspot.com

124

29/07/2010

electronica-pic.blogspot.com

125

29/07/2010

electronica-pic.blogspot.com

126

29/07/2010

electronica-pic.blogspot.com

127

29/07/2010

electronica-pic.blogspot.com

128

29/07/2010

electronica-pic.blogspot.com

129

Ya llegamos el final de los cdigos. Todo


est listo para controlar el puerto
paralelo.
A partir de aqu ya podrs crear tu propio
interfaz a tu gusto y colores.
Muchos nimos. Si diseas uno, puedes
pasarme las imgenes para publicarlo en
el manual.

29/07/2010

electronica-pic.blogspot.com

130

29/07/2010

electronica-pic.blogspot.com

131

Descarga

Descarga el ejemplo
puerto_paralelo_cs_
03.zip para ver el
resultado final.

Fuente 03

Preparacin
29/07/2010

electronica-pic.blogspot.com

132

29/07/2010

electronica-pic.blogspot.com

133

Extras C# AWF
Aplicacin de Windows Forms.
29/07/2010

electronica-pic.blogspot.com

134

Hay funciones que no son importantes


para el funcionamiento de la interfaz pero
si recomendado tenerlo en cuenta.
La mayora est explicada en otro manual
versin 1.9 en la pgina 203 en adelante.

Puerto serie RS232 con PIC16F84A


controlado por Visual C#

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

135

Acerca de - 205.
Redimensionar
formulario 302.
Ms ayuda 310.
Contraer cdigo
329.
Icono 350.
Notificacin del
icono 364.
Enlaces Web 380.

Opacidad 404.
Parar el sistema al
cerrar el interfaz
420.
Seleccin de
puertos COM 431.
Create Install Free
(Instalador) 453.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

136

En este caso, doy


por hecho que has
ledo el otro manual
en la seccin extras
si quieres hacer la
interfaz ms
completa sobre
todo para su
distribucin.

Cada vez ms se
incluirn extras
nuevos en
manuales nuevos.
En este manual
encontrars algunos
sea por que le
pueda ser til o por
curiosidad.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

137

Ahora vamos aprender a crear un archivo


a parte en .xml para almacenar datos y
luego recuperarlos. En este caso slo
vamos a guardar el nombre que
deseemos del ttulo y carga los datos al
iniciar la aplicacin.
Tambin vamos a dejar claro las ventanas
de alertas con sus iconos
correspondientes.
Por ltimo usar el propio instalador que se
incluye en el Visual Studio 2010 Express.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

138

Quiero modificar el ttulo de mi


aplicacin, cargarlo automticamente
al iniciarlo de nuevo. Qu mtodo lo
puede hacer?

Puedes guardar informacin en un .txt,


.ini, etc. En este caso lo vamos hacer con
.xml cada vez ms usado. Este
archivo.xml se crear al lado del
ejecutable.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

139

1) Aadir componentes o controles al


formulario.
2) Cambiar propiedades de los controles.
3) Crear los cdigos necesarios para
generar archivo.xml.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

140

Agrega en el
formulario 2
button, 2 label y
1 textBox y lo
posiciona similar al
mostrado en el
cuadro de la
imagen.
Mejor ver la imagen
en la pgina
siguiente.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

141

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

142

Ahora toca cambiar las propiedades de los


cinco controles que hemos insertado en el
formulario.
Empezaremos con los 2 button, luego los
2 label y por ltimo el textBox.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

143

Propiedad

Cambie a

Propiedad

Cambie a

Text

Ac&eptar

Text

Por defecto

Visible

False

Visible

False

(Name)

button_Cambia
r_nombre

(Name)

button_Por_def
ecto

Location

183; 41

Location

278; 41

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

144

Propiedad

Cambie a

Propiedad

Cambie a

Text

Nombre:

Text

Electrnica PIC

Visible

False

(Name)

label_titulo

(Name)

label_Nombre_
del_titulo

Location

378; 36

Location

12; 27

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

145

En este caso puedes poner el formato de letras que desees o,


Poner el que he puesto como ejemplo en Propiedades Font.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

146

Propiedad

Cambie a

Text
Visible

False

(Name)

textBox_Cambi
ar_nombre

Location

12; 43

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

147

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

148

Al final del cdigo principal, escribimos


todo sobre la lectura y el guardado de
datos XML.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

149

El ttulo del xml es


PicRS232. Puedes
Ponerle el que
quieras.
Al final opt por
ponerle:
PuertoLPT.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

150

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

151

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

152

Si has puesto
nombre a las
opciones, en este
caso haz clic donde
pone Guardar.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

153

En Cambiar
nombre haz doble
clic.
Se activarn los
controles invisibles
para poder operar
en ellos.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

154

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

155

Pulsa Eventos
como indica en el
nmero 1.
No olvides que
debes seleccionar
primero el Form1 o
formulario principal.
En Load haz doble
clic para para que
genere cdigo
necesario.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

156

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

157

Se crea el archivo
Config.xml al pulsar
OpcionesGuardar.

Dentro de ella est


el nombre que
puedes almacenar
para luego
recuperarlo.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

158

En el interior del
archivo Config.xml
puedes ver el
cdigo al abrirlo por
ejemplo con
Internet Explorer.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

159

Pulsa
OpcionesCambiar
nombre y se
muestra los controles
que estaban invisibles
para introducir datos.
Escribe Hola mundo
y pulsa aceptar, al
finalizar,
OpcionesGuardar.

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

160

Extras C# AWF
29/07/2010

electronica-pic.blogspot.com

161

Descarga

Descarga el ejemplo
puerto_paralelo_cs_
04.zip para ver el
resultado final.

Fuente 04

Preparacin
29/07/2010

electronica-pic.blogspot.com

162

29/07/2010

electronica-pic.blogspot.com

163

Instalador
Cdigo fuente y instalador.
29/07/2010

electronica-pic.blogspot.com

164

Se ha comentado arriba el como hacer un


instalador para tu aplicacin del otro
manual.
Primero vers como puede quedar tu
aplicacin ya que se ha hecho el
programa completo.
Por otro lado el cdigo fuente con todos
los extras.

Instalador
29/07/2010

electronica-pic.blogspot.com

165

Instalador
29/07/2010

electronica-pic.blogspot.com

166

Instalador
29/07/2010

electronica-pic.blogspot.com

167

Instalador
29/07/2010

electronica-pic.blogspot.com

168

Instalador
29/07/2010

electronica-pic.blogspot.com

169

Instalador
29/07/2010

electronica-pic.blogspot.com

170

Instalador
29/07/2010

electronica-pic.blogspot.com

171

Instalador
29/07/2010

electronica-pic.blogspot.com

172

Cdigo Fuente
Completo

Descargar

Instalador

Descargar

Instalador
29/07/2010

electronica-pic.blogspot.com

173

29/07/2010

electronica-pic.blogspot.com

174

Nombres
Cambiar nombres de los rels
29/07/2010

electronica-pic.blogspot.com

175

A la ltima hora he decidido modificar


nuestra aplicacin con el objetivo de ser
capaz de cambiar los nombres de los rels
para saber que dispositivos tienen
conectado.

Nombres
29/07/2010

electronica-pic.blogspot.com

176

Nombres
29/07/2010

electronica-pic.blogspot.com

177

Como indica en la
imagen anterior, se
ha aadido:

2 button
9 label
8 textBox.

Nombres
29/07/2010

electronica-pic.blogspot.com

178

Nombres
29/07/2010

electronica-pic.blogspot.com

179

Nombres
29/07/2010

electronica-pic.blogspot.com

180

Nombres
29/07/2010

electronica-pic.blogspot.com

181

Nombres
29/07/2010

electronica-pic.blogspot.com

182

Claro que es ms fcil recordar el nombre


del dispositivo que Rel 1 al Rel 8.

Se le entregar el cdigo fuente completo


y aplicacin con instalador completo en la
pgina siguiente.

Versin mejorada v1.3 en las descargas


de la siguiente pgina.

Nombres
29/07/2010

electronica-pic.blogspot.com

183

Cdigo fuente

Descargar

Aplicacin con
instalador v1.3

Descargar

Nombres
29/07/2010

electronica-pic.blogspot.com

184

29/07/2010

electronica-pic.blogspot.com

185

Windows Presentation Foundation C#


Aplicacin WPF C#
29/07/2010

electronica-pic.blogspot.com

186

Windows Presentation Foundation (WPF) es


un sistema de presentacin de la prxima
generacin, para crear aplicaciones cliente de
Windows que proporcionen una experiencia
impactante para el usuario desde el punto de
vista visual.Con WPF, puede crear una amplia
gama de aplicaciones independientes y
hospedadas en explorador.

Fuente:
http://msdn.microsoft.com/eses/library/aa970268.aspx

WPF C#
29/07/2010

electronica-pic.blogspot.com

187

Creamos un proyecto
nuevo en
ArchivoNuevo
proyecto.
Seleccionamos
Aplicacin WPF.
El nombre del
proyecto en este caso
es WPF Paralelo,
puedes elegir el que
quieras.

WPF C#
29/07/2010

electronica-pic.blogspot.com

188

WPF C#
29/07/2010

electronica-pic.blogspot.com

189

Ya se ha abierto el
proyecto y estamos
dispuestos trabajar
en l.

WPF C#
29/07/2010

electronica-pic.blogspot.com

190

WPF C#
29/07/2010

electronica-pic.blogspot.com

191

Con WPF C# no nos extenderemos en


este manual, ya que se centra en AWF.
Daremos el cdigo fuente completo y
algunas informacin.
He comprobado, sobre PC viejos, que usar
WPF es ms lento que el AWF.
Funcioma wl WPF muy bien para controlar
el puerto paralelo y el puerto serie, como
dije antes, ms lento.

WPF C#
29/07/2010

electronica-pic.blogspot.com

192

WPF C#
29/07/2010

electronica-pic.blogspot.com

193

WPF C#
29/07/2010

electronica-pic.blogspot.com

194

Podrs ver abajo el cdigo fuente del


proyecto WPF C#.

WPF C#
29/07/2010

electronica-pic.blogspot.com

195

Creas una clase


llamada
PortInterop.cs, lo
ejecutas he
introduces el cdigo
fuente que ves en la
siguiente pgina.

WPF C#
29/07/2010

electronica-pic.blogspot.com

196

WPF C#
29/07/2010

electronica-pic.blogspot.com

197

WPF C#
29/07/2010

electronica-pic.blogspot.com

198

WPF C#
29/07/2010

electronica-pic.blogspot.com

199

WPF C#
29/07/2010

electronica-pic.blogspot.com

200

WPF C#
29/07/2010

electronica-pic.blogspot.com

201

WPF C#
29/07/2010

electronica-pic.blogspot.com

202

WPF C#
29/07/2010

electronica-pic.blogspot.com

203

WPF C#
29/07/2010

electronica-pic.blogspot.com

204

WPF C#
29/07/2010

electronica-pic.blogspot.com

205

WPF C#
29/07/2010

electronica-pic.blogspot.com

206

WPF C#
29/07/2010

electronica-pic.blogspot.com

207

WPF C#
29/07/2010

electronica-pic.blogspot.com

208

WPF C#
29/07/2010

electronica-pic.blogspot.com

209

WPF C#
29/07/2010

electronica-pic.blogspot.com

210

WPF C#
29/07/2010

electronica-pic.blogspot.com

211

Fuente

Descarga el cdigo
fuente completo del
WPF C# 4.0.
Funciona a la primera
despus de haberlo
compilado.

Descargar

WPF C#
29/07/2010

electronica-pic.blogspot.com

212

29/07/2010

electronica-pic.blogspot.com

213

Visual C++ .net


Introduccin
29/07/2010

electronica-pic.blogspot.com

214

Vamos a descargar Visual


C++ Express Edition 2010
gratuitamente en el
siguiente enlace.
http://www.microsoft.com
/express/Downloads

En este caso descargamos


la versin en espaol.

Si incluye un Service
Pack, instlelo, corrige
problemas y estabilidad.

Visual C++ .net (Descarga)


29/07/2010

electronica-pic.blogspot.com

215

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

216

Descargars un ejecutable del Visual C++


2010 Express, puedes empezar su descarga
que puede tardar varios minutos.
Una vez finalizado le pedir la clave que
puedes obtenerlo gratuitamente con una
cuenta de www.hotmail.com
Si no usas la clave, Visual C++ 2010 Express
funcionar 30 das. Al introducir la clave no
habr ningn lmite y es totalmente gratuito.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

217

Si eres un iniciado al Visual C++ 2010


Express y no conoces el entorno del IDE,
te aconsejo leer el otro manual al menos
sus primeras 66 pginas para
familiarizarte con soltura. Selecciona
enlaces para descargar el manual.
Enlace 1
Enlace 2
Enlace 3

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

218

1) Crear el proyecto.
2) Introducir el nombre principal de
nuestra aplicacin.
3) Centrar el formulario al centro de la
pantalla.
4) Introducir botones.
5) Orden de tabulacin para los botones.
6) Depurar nuestra aplicacin.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

219

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

220

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

221

Pulsa
ArchivoNuevo
proyecto.
Cuando se abra la
ventana eliges
Aplicacin de
Windows Form
(AWF).
Puedes ponerle un
nombre que quieras,
en este caso lo llamo
Puerto Paralelo cpp.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

222

Despus de haber
pulsado Aceptar,
se crea un nuevo
formulario.
Con el botn
derecho del ratn,
pulsa Propiedades
para abrir la
ventana de
propiedades.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

223

En la propiedad
Text he puesto
como nombre
Puerto paralelo
EP.
Puedes poner el que
quieras.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

224

Pon CenterScreen
en la propiedad
StarPosition.
Cada vez que
ejecutes tu
aplicacin, se abrir
en el centro de la
pantalla o de tu
monitor.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

225

En Size introduce
los valores 673;
385 que son el
largo y ancho del
formulario.
El formulario tendr
es aspecto ms
estirado por la
pantalla.
Ver en la siguiente
pgina.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

226

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

227

En el Cuadro de
herramientas,
selecciones un
Button (Botn)
arrastrndolo al
formulario o
pinchando dos
veces con el ratn.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

228

Seleccione el botn
del formulario con
un clic.
En la propiedad
Text escribes
ON, en (Name)
escribes
button_D0_ON,
as como indica el
cuadro de al lado
con cada botn.

Propiedad

Cambie a

Text

ON

(Name)

button_D0_ON

Anchor

Top

Location

578; 144

Size

75; 58

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

229

Lo mismo con el
botn
button_D0_OFF.
Puedes colocar un
total de 16 botones
en el formulario.

Propiedad

Cambie a

Text

OFF

(Name)

button_D0_OFF

Anchor

Top

Location

578; 208

Size

75; 58

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

230

Al final queda el aspecto que muestra la


imagen.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

231

Si has introducido todos los botones, es


hora de guardar el trabajo cada cierto
tiempo.
ArchivoGuardar todo.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

232

Cambiaremos la
fuente y tamao de
los botones para
dejarlo ms
destacado.
Selecciona todos los
botones al mismo
tiempo, puedes
hacerlo con Control
pulsado y pinchar
uno a uno por cada
botn.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

233

Elegimos Negrita
y 18 como tamao.
Finalmente
pulsamos Aceptar.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

234

Ahora nos
centramos en
colocar por orden
los botones para
usar tabulacin en
caso de no poder
usar el ratn.
Pulsa, Ver Orden
de tabulacin.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

235

Pincha los cuadrados y deja el orden de


los botones como desees.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

236

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

237

Para ver como queda y probar tabular, ya


puedes compilar el proyecto pulsando F5
o la flecha verde.

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

238

Descarga

Descarga el ejemplo
puerto_paralelo_cpp
_01.zip para ver el
resultado final.

Fuente 01

Visual C++ .net


29/07/2010

electronica-pic.blogspot.com

239

29/07/2010

electronica-pic.blogspot.com

240

Preparacin
Visual C++
29/07/2010

electronica-pic.blogspot.com

241

1) Aadir un label (etiqueta).


2) Insertar recursos.
3) Colocar iconos.
4) Introducir inpout32.dll al lado del
ejecutable.
5) Arrastrar al formulario 2 textBox y 3
button.
6) Poner un icono de nuestra aplicacin.

Preparacin
29/07/2010

electronica-pic.blogspot.com

242

Introduces un label,
su Location es 36;
108.
En la propiedad
Text, en mi caso he
introducido los D7 al
D0 en el mismo label
o etiqueta para no
hacerlo uno a uno y
perder el tiempo.

Preparacin
29/07/2010

electronica-pic.blogspot.com

243

Preparacin
29/07/2010

electronica-pic.blogspot.com

244

Vamos aadir
recursos como
iconos en
ProyectoNueva
carpeta.

Preparacin
29/07/2010

electronica-pic.blogspot.com

245

Agrega estos recursos en la carpeta creada en el directorio


donde tienes guardado el proyecto.

Preparacin
29/07/2010

electronica-pic.blogspot.com

246

En el Explorador de
soluciones pulsa
dos veces con el
ratn en
AssemblyInfo.cpp
para rellenar los
datos de
informacin del
ejecutable .exe.

Preparacin
29/07/2010

electronica-pic.blogspot.com

247

Preparacin
29/07/2010

electronica-pic.blogspot.com

248

Arrastra un
PictureBox en el
formulario.

Preparacin
29/07/2010

electronica-pic.blogspot.com

249

Sigue los pasos de


la imagen, cuando
llegues al tercer
paso, se abrir una
ventana.

Preparacin
29/07/2010

electronica-pic.blogspot.com

250

Selecciona la imagen off y pulsa el botn Aceptar.

Preparacin
29/07/2010

electronica-pic.blogspot.com

251

Coloca el
pictureBox encima
de los botones D0
como indica en la
imagen.
En la pgina
siguiente rellena los
parmetros.

Preparacin
29/07/2010

electronica-pic.blogspot.com

252

Este es el primer
pictureBox con
sus propiedades.
En los dems es
similar.
No olvidar a cada
componente
llamarlo
pictureBox_D7 que
es el ltimo.

Propiedad

Cambiar a

SizeMode

AutoSize

(Name)

pictureBox_D0

Anchor

Top

Location

601; 59

Preparacin
29/07/2010

electronica-pic.blogspot.com

253

Preparacin
29/07/2010

electronica-pic.blogspot.com

254

Nos toca colocar la famosa librera inpout32.dll al


lado del ejecutable de la interfaz.
Haz clic con el botn derecho del ratn y vete al
directorio indicado en la pgina siguiente.

Preparacin
29/07/2010

electronica-pic.blogspot.com

255

En mi caso est en
este directorio, ahora
introduces la librera
inpout32.dll al lado
del Puerto Paralelo
cpp.exe.
C:\Documents and
Settings\Hunter\Mis
documentos\Visual
Studio
2010\Projects\Puerto
Paralelo cpp\Debug

Preparacin
29/07/2010

electronica-pic.blogspot.com

256

Al introducir el
primer textBox1
al formulario,
cambie las
propiedades.
A partir de ahora,
todos los
componentes que
has introducido tal
cual como muestra
en el cuadro.

Propiedad

Cambie a

Text

378

(Name)

textBox_port_a
dress

Anchor

Top

Location

11; 275

Preparacin
29/07/2010

electronica-pic.blogspot.com

257

Propiedad

Cambie a

Propiedad

Cambie a

Text

170

Text

Direccin

(Name)

textBox_byte

(Name)

button_Address

Anchor

Top

Anchor

Top

Location

11; 301

Location

117; 273

Preparacin
29/07/2010

electronica-pic.blogspot.com

258

Propiedad

Cambie a

Propiedad

Cambie a

Text

Enviar

Text

Reset

(Name)

button_Enviar

(Name)

Anchor

Top

button_Reset_L
eds

Location

117; 299

Anchor

Top

Location

578; 299

Preparacin
29/07/2010

electronica-pic.blogspot.com

259

Preparacin
29/07/2010

electronica-pic.blogspot.com

260

Colocaremos
nuestro icono .ico
de 32x32 pxeles en
la esquina de la
aplicacin.
En la propiedad
Icon, busca el
icono que desees.

Preparacin
29/07/2010

electronica-pic.blogspot.com

261

Hasta aqu hemos llegado con el diseo


de la interfaz y los recursos preparados a
la hora de la programacin.
En el tema siguiente ya podemos hacer
nuestros primeros cdigos C++.

Preparacin
29/07/2010

electronica-pic.blogspot.com

262

Descarga

Descarga el ejemplo
puerto_paralelo_cpp
_02.zip para ver el
resultado final.

Fuente 02

Preparacin
29/07/2010

electronica-pic.blogspot.com

263

29/07/2010

electronica-pic.blogspot.com

264

Importar librera
Importando la librera inpout32.dll.
29/07/2010

electronica-pic.blogspot.com

265

Vamos aprender a importar la famosa y


popular librera inpout32.dll.
Esta librera es muy fcil de manejar y
muy usado hasta el momento.
En este caso, no vamos a poner el cdigo
en la clase principal, sino creamos una
nueva clase.

Importar librera
29/07/2010

electronica-pic.blogspot.com

266

1) Agregar una nueva clase.


2) Nmeros de lneas del compilador.
3) Introducir cdigos de importacin DLL.

Importar librera
29/07/2010

electronica-pic.blogspot.com

267

Creamos una clase


nueva en
ProyectoAgregar
clase.

Importar librera
29/07/2010

electronica-pic.blogspot.com

268

Importar librera
29/07/2010

electronica-pic.blogspot.com

269

Nombre de la clase la llamaremos PortInterop, a partir de aqu


quedar fijo su nombre.

Importar librera

29/07/2010

electronica-pic.blogspot.com

270

Se han creado PortInterop.h y PortInterop.ccp.

Importar librera
29/07/2010

electronica-pic.blogspot.com

271

Si quieres ver los nmeros de lnea vete a


HerramientasOpciones.
Marca la casilla nmeros de lneas y
finalmente dale Aceptar.

Importar librera
29/07/2010

electronica-pic.blogspot.com

272

Manual incompletosobre Visual C++.


Cuando averigua o me informen de cmo
se hace, lo seguir haciendo. Este leguaje
se me resiste.

Importar librera
29/07/2010

electronica-pic.blogspot.com

273

Podemos cerrar la ventana de la clase que


estbamos trabajando.
Ahora nos toca poner cdigos para llamar
a la famosa librera inpout32.dll.

Importar librera
29/07/2010

electronica-pic.blogspot.com

274

29/07/2010

electronica-pic.blogspot.com

275

Visual Basic .net


Introduccin
29/07/2010

electronica-pic.blogspot.com

276

Vamos a descargar Visual


Basic Express Edition
2010 gratuitamente en el
siguiente enlace.
http://www.microsoft.com
/express/Downloads

En este caso descargamos


la versin en espaol.

Si incluye un Service
Pack, instlelo, corrige
problemas y estabilidad.

Visual Basic .net (Descarga)


29/07/2010

electronica-pic.blogspot.com

277

Visual Basic .net (Descarga)


29/07/2010

electronica-pic.blogspot.com

278

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

279

Descargars un ejecutable del Visual Basic


2010 Express, puedes empezar su descarga
que puede tardar varios minutos.
Una vez finalizado le pedir la clave que
puedes obtenerlo gratuitamente con una
cuenta de www.hotmail.com
Si no usas la clave, Visual Basic 2010 Express
funcionar 30 das. Al introducir la clave no
habr ningn lmite y es totalmente gratuito.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

280

Si eres un iniciado al Visual C# 2010


Express y no conoces el entorno del IDE,
te aconsejo leer el otro manual al menos
sus primeras 66 pginas para
familiarizarte con soltura. Selecciona
enlaces para descargar el manual.
Enlace 1
Enlace 2
Enlace 3

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

281

1) Crear el proyecto.
2) Introducir el nombre principal de
nuestra aplicacin.
3) Centrar el formulario al centro de la
pantalla.
4) Introducir botones.
5) Orden de tabulacin para los botones.
6) Depurar nuestra aplicacin.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

282

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

283

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

284

Pulsa
ArchivoNuevo
proyecto.
Cuando se abra la
ventana eliges
Aplicacin de
Windows Form
(AWF).
Puedes ponerle un
nombre que quieras,
en este caso lo llamo
Puerto Paralelo vb.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

285

Despus de haber
pulsado Aceptar,
se crea un nuevo
formulario.
Con el botn
derecho del ratn,
pulsa Propiedades
para abrir la
ventana de
propiedades.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

286

En la propiedad
Text he puesto
como nombre
Puerto paralelo
EP.
Puedes poner el que
quieras.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

287

Pon CenterScreen
en la propiedad
StarPosition.
Cada vez que
ejecutes tu
aplicacin, se abrir
en el centro de la
pantalla o de tu
monitor.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

288

En Size introduce
los valores 673;
385 que son el
largo y ancho del
formulario.
El formulario tendr
es aspecto ms
estirado por la
pantalla.
Ver en la siguiente
pgina.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

289

Visual C# .net
29/07/2010

electronica-pic.blogspot.com

290

En el Cuadro de
herramientas,
selecciones un
Button (Botn)
arrastrndolo al
formulario o
pinchando dos
veces con el ratn.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

291

Seleccione el botn
del formulario con
un clic.
En la propiedad
Text escribes
ON, en (Name)
escribes
button_D0_ON,
as como indica el
cuadro de al lado
con cada botn.

Propiedad

Cambie a

Text

ON

(Name)

button_D0_ON

Anchor

Top

Location

578; 144

Size

75; 58

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

292

Lo mismo con el
botn
button_D0_OFF.
Puedes colocar un
total de 16 botones
en el formulario.

Propiedad

Cambie a

Text

OFF

(Name)

button_D0_OFF

Anchor

Top

Location

578; 208

Size

75; 58

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

293

Al final queda el aspecto que muestra la


imagen.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

294

Si has introducido todos los botones, es


hora de guardar el trabajo cada cierto
tiempo.
ArchivoGuardar todo.
Te pedir el nombre, lo dejamos como
est y pulsa Guardar.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

295

Cambiaremos la
fuente y tamao de
los botones para
dejarlo ms
destacado.
Selecciona todos los
botones al mismo
tiempo, puedes
hacerlo con Control
pulsado y pinchar
uno a uno por cada
botn.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

296

Elegimos Negrita
y 18 como tamao.
Finalmente
pulsamos Aceptar.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

297

Ahora nos
centramos en
colocar por orden
los botones para
usar tabulacin en
caso de no poder
usar el ratn.
Pulsa, Ver Orden
de tabulacin.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

298

Pincha los cuadrados y deja el orden de


los botones como desees.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

299

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

300

Para ver como queda y probar tabular, ya


puedes compilar el proyecto pulsando F5
o la flecha verde.

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

301

Descarga

Descarga el ejemplo
puerto_paralelo_vb_
01.zip para ver el
resultado final.

Fuente 01

Visual Basic .net


29/07/2010

electronica-pic.blogspot.com

302

29/07/2010

electronica-pic.blogspot.com

303

Preparacin
Visual Basic .NET
29/07/2010

electronica-pic.blogspot.com

304

1) Aadir un label (etiqueta).


2) Insertar recursos.
3) Colocar iconos.
4) Introducir inpout32.dll al lado del
ejecutable.
5) Arrastrar al formulario 2 textBox y 3
button.
6) Poner un icono de nuestra aplicacin.

Preparacin
29/07/2010

electronica-pic.blogspot.com

305

Introduces un label,
su Location es 36;
108.
En la propiedad
Text, en mi caso he
introducido los D7 al
D0 en el mismo label
o etiqueta para no
hacerlo uno a uno y
perder el tiempo.

Preparacin
29/07/2010

electronica-pic.blogspot.com

306

Preparacin
29/07/2010

electronica-pic.blogspot.com

307

Vamos aadir
recursos como
iconos en
ProyectoPropieda
des de Puerto
Paralelo vb.

Preparacin
29/07/2010

electronica-pic.blogspot.com

308

Preparacin
29/07/2010

electronica-pic.blogspot.com

309

Pulsa el icono marcado con la flecha roja y seleccinalo.


Despus si lo deseas puedes incluir informacin sobre el
ejecutable de la aplicacin como podrs ver en la pgina
siguiente.

Preparacin
29/07/2010

electronica-pic.blogspot.com

310

Preparacin
29/07/2010

electronica-pic.blogspot.com

311

Aadirs los .gif,


.ico, etc.
Ya tenemos listos
estos recursos,
aunque falta la
librera inpout32.dll
que indicaremos
ms adelante.
Guarde y cierra la
pestaa Puerto
Paralelo vb.

Preparacin
29/07/2010

electronica-pic.blogspot.com

312

Arrastra un
PictureBox en el
formulario.

Preparacin
29/07/2010

electronica-pic.blogspot.com

313

Sigue los pasos de


la imagen, cuando
llegues al tercer
paso, se abrir una
ventana.

Preparacin
29/07/2010

electronica-pic.blogspot.com

314

Selecciona la imagen off y pulsa el botn Aceptar.

Preparacin
29/07/2010

electronica-pic.blogspot.com

315

Coloca el
pictureBox encima
de los botones D0
como indica en la
imagen.
En la pgina
siguiente rellena los
parmetros.

Preparacin
29/07/2010

electronica-pic.blogspot.com

316

Este es el primer
pictureBox con
sus propiedades.
En los dems es
similar.
No olvidar a cada
componente
llamarlo
pictureBox_D7 que
es el ltimo.

Propiedad

Cambiar a

SizeMode

AutoSize

(Name)

pictureBox_D0

Anchor

Top

Location

601; 59

Preparacin
29/07/2010

electronica-pic.blogspot.com

317

Preparacin
29/07/2010

electronica-pic.blogspot.com

318

Nos toca colocar la famosa librera inpout32.dll al


lado del ejecutable de la interfaz.
Haz clic con el botn derecho del ratn y vete al
directorio indicado en la pgina siguiente.

Preparacin
29/07/2010

electronica-pic.blogspot.com

319

En mi caso est en este


directorio, ahora
introduces la librera
inpout32.dll al lado del
Puerto Paralelo vb.exe.

C:\Documents and
Settings\Hunter\Mis
documentos\Visual
Studio
2010\Projects\Puerto
Paralelo vb\Puerto
Paralelo vb\bin\Debug

Preparacin
29/07/2010

electronica-pic.blogspot.com

320

Al introducir el
primer textBox1
al formulario,
cambie las
propiedades.
A partir de ahora,
todos los
componentes que
has introducido tal
cual como muestra
en el cuadro.

Propiedad

Cambie a

Text

378

(Name)

textBox_port_a
dress

Anchor

Top

Location

11; 275

Preparacin
29/07/2010

electronica-pic.blogspot.com

321

Propiedad

Cambie a

Propiedad

Cambie a

Text

170

Text

Direccin

(Name)

textBox_byte

(Name)

button_Address

Anchor

Top

Anchor

Top

Location

11; 301

Location

117; 273

Preparacin
29/07/2010

electronica-pic.blogspot.com

322

Propiedad

Cambie a

Propiedad

Cambie a

Text

Enviar

Text

Reset

(Name)

button_Enviar

(Name)

Anchor

Top

button_Reset_L
eds

Location

117; 299

Anchor

Top

Location

578; 299

Preparacin
29/07/2010

electronica-pic.blogspot.com

323

Preparacin
29/07/2010

electronica-pic.blogspot.com

324

Colocaremos
nuestro icono .ico
de 32x32 pxeles en
la esquina de la
aplicacin.
En la propiedad
Icon, busca el
icono que desees.

Preparacin
29/07/2010

electronica-pic.blogspot.com

325

Hasta aqu hemos llegado con el diseo


de la interfaz y los recursos preparados a
la hora de la programacin.
En el tema siguiente ya podemos hacer
nuestros primeros cdigos Visual Basic.

Preparacin
29/07/2010

electronica-pic.blogspot.com

326

Descarga

Descarga el ejemplo
puerto_paralelo_cs_
02.zip para ver el
resultado final.

Fuente 02

Preparacin
29/07/2010

electronica-pic.blogspot.com

327

29/07/2010

electronica-pic.blogspot.com

328

Importar librera
Importando la librera inpout32.dll.
29/07/2010

electronica-pic.blogspot.com

329

Vamos aprender a importar la famosa y


popular librera inpout32.dll.
Esta librera es muy fcil de manejar y
muy usado hasta el momento.
En este caso, no vamos a poner el cdigo
en la clase principal, sino creamos una
nueva clase.

Importar librera
29/07/2010

electronica-pic.blogspot.com

330

1) Agregar una nueva clase.


2) Nmeros de lneas del compilador.
3) Introducir cdigos de importacin DLL.

Importar librera
29/07/2010

electronica-pic.blogspot.com

331

Creamos una clase


nueva en
ProyectoAgregar
clase.

Importar librera
29/07/2010

electronica-pic.blogspot.com

332

Nombre de la clase la llamaremos PortInterop.vb, a partir de


aqu quedar fijo su nombre.

Importar librera

29/07/2010

electronica-pic.blogspot.com

333

Si quieres ver los nmeros de lnea vete a


HerramientasOpciones.
Marca la casilla nmeros de lneas y
finalmente dale Aceptar.

Importar librera
29/07/2010

electronica-pic.blogspot.com

334

Se nos crea cdigos


necesarios. En esta
clase slo es para
importar el
inpout32.dll.

Importar librera
29/07/2010

electronica-pic.blogspot.com

335

Colocaremos el cdigo using como indica arriba marcado en rojo.

Importar librera
29/07/2010

electronica-pic.blogspot.com

336

Introduce este cdigo para poder importar


la .dll.

<DllImport("inpout32.dll", EntryPoint :=
"Out32")> _ Public Shared Sub Output(adress As
Integer, value As Integer) End Sub
<DllImport("inpout32.dll", EntryPoint :=
"Inp32")> _ Public Shared Function Input(adress
As Integer) As Integer End Function

Ver imagen en la siguiente pgina.

Importar librera
29/07/2010

electronica-pic.blogspot.com

337

Importar librera
29/07/2010

electronica-pic.blogspot.com

338

Podemos cerrar la ventana de la clase que


estbamos trabajando.
Ahora nos toca poner cdigos para llamar
a la famosa librera inpout32.dll.

Importar librera
29/07/2010

electronica-pic.blogspot.com

339

29/07/2010

electronica-pic.blogspot.com

340

Ms cdigos VB
Introduciendo cdigos de reseteo, alerta, opciones, imagen, etc.
29/07/2010

electronica-pic.blogspot.com

341

1) Aadir procedimientos, para


reutilizacin de cdigos.
2) Funciones para los botones.

Ms cdigos VB
29/07/2010

electronica-pic.blogspot.com

342

29/07/2010

electronica-pic.blogspot.com

343

Selecciona el
Form1, formulario
principal, en
Eventos, haz
doble clic en la
propiedad Load.
Despus introduces
el cdigo necesario
que puedes ver en
la siguiente pgina.

Ms cdigos VB
29/07/2010

electronica-pic.blogspot.com

344

Se te genera cdigos necesarios. Justo en la flecha roja ya


puedes poner este cdigo. Abajo puedes poner Reset_Leds()

29/07/2010

electronica-pic.blogspot.com

345

29/07/2010

electronica-pic.blogspot.com

346

29/07/2010

electronica-pic.blogspot.com

347

Puedes poner todo este cdigo en una


sola lnea que contina de la imagen
anterior.

MessageBox.Show("No se escuentra la dll


especificada." & vbCr & vbLf & vbCr &
vbLf & "Asegrate que la dll 'inpout32.dl'
est al lado del ejecutable principal." &
vbCr & vbLf & "La reinstalacin puede
resolver el problema.", "Aviso:",
MessageBoxButtons.OK,
MessageBoxIcon.[Stop])

29/07/2010

electronica-pic.blogspot.com

348

Ahora vamos aadir un procedimiento


opciones.

29/07/2010

electronica-pic.blogspot.com

349

29/07/2010

electronica-pic.blogspot.com

350

29/07/2010

electronica-pic.blogspot.com

351

29/07/2010

electronica-pic.blogspot.com

352

Los procedimientos que vamos hacer en


las siguientes pginas es para cambiar los
estados de los dibujos de apagando y
encendido de los Led.

29/07/2010

electronica-pic.blogspot.com

353

29/07/2010

electronica-pic.blogspot.com

354

29/07/2010

electronica-pic.blogspot.com

355

29/07/2010

electronica-pic.blogspot.com

356

29/07/2010

electronica-pic.blogspot.com

357

29/07/2010

electronica-pic.blogspot.com

358

29/07/2010

electronica-pic.blogspot.com

359

29/07/2010

electronica-pic.blogspot.com

360

29/07/2010

electronica-pic.blogspot.com

361

A partir de la pgina siguiente, vers el


cdigo completo.

29/07/2010

electronica-pic.blogspot.com

362

29/07/2010

electronica-pic.blogspot.com

363

29/07/2010

electronica-pic.blogspot.com

364

29/07/2010

electronica-pic.blogspot.com

365

29/07/2010

electronica-pic.blogspot.com

366

29/07/2010

electronica-pic.blogspot.com

367

29/07/2010

electronica-pic.blogspot.com

368

29/07/2010

electronica-pic.blogspot.com

369

29/07/2010

electronica-pic.blogspot.com

370

29/07/2010

electronica-pic.blogspot.com

371

Ya llegamos el final de los cdigos. Todo


est listo para controlar el puerto
paralelo.
A partir de aqu ya podrs crear tu propio
interfaz a tu gusto y colores.
Muchos nimos. Si diseas uno, puedes
pasarme las imgenes para publicarlo en
el manual.

29/07/2010

electronica-pic.blogspot.com

372

29/07/2010

electronica-pic.blogspot.com

373

Descarga

Descarga el ejemplo
puerto_paralelo_vb_
03.zip para ver el
resultado final.

Fuente 03

Preparacin
29/07/2010

electronica-pic.blogspot.com

374

29/07/2010

electronica-pic.blogspot.com

375

Libros
Libros sobre electrnica digital y microcontroladres PIC.
29/07/2010

electronica-pic.blogspot.com

376

Libro 1

Libro 2

Libros
29/07/2010

electronica-pic.blogspot.com

377

Vdeos
(Requiere conexin a Internet)
29/07/2010

electronica-pic.blogspot.com

378

Vdeo 1

Ver vdeo

Vdeos
29/07/2010

electronica-pic.blogspot.com

379

Proyectos
Puedes ver imgenes que he encontrado por Internet proyectos creados por ellos
mismos montando su propio circuito impreso con rels o de fbrica para poder
controlarlo por puerto paralelo.
29/07/2010

electronica-pic.blogspot.com

380

Proyectos
29/07/2010

electronica-pic.blogspot.com

381

Proyectos
29/07/2010

electronica-pic.blogspot.com

382

Proyectos
29/07/2010

electronica-pic.blogspot.com

383

Proyectos
29/07/2010

electronica-pic.blogspot.com

384

Proyectos
29/07/2010

electronica-pic.blogspot.com

385

Otros manuales
29/07/2010

electronica-pic.blogspot.com

386

Manuales relacionados con Visual Studio


Express.

Puerto serie RS232 con PIC 16F84A

Puerto serie PIC16F84A VC++ y


Visual Basic

Ver ms manuales.

Otros manuales
29/07/2010

electronica-pic.blogspot.com

387

Enlaces de inters
29/07/2010

electronica-pic.blogspot.com

388

http://www.microsoft.com/express/ Descarga
gratuita de Visual Studio 2010 Express.

http://www.developerfusion.com/ Convertidor de C#
a VB y VB a C#.

http://social.msdn.microsoft.com Foro para consultar


dudas o resolver problemas sobre el mundo de Visual
Studio .NET.

http://www.forosdeelectronica.com/ Foros de
electrnica donde podrs encontrar informacin sobre
interfaz aplicado a la electrnica.

http://electronica-pic.blogspot.com/ Blog del creador


de este manual.

Enlaces de inters
29/07/2010

electronica-pic.blogspot.com

389

Si conoces ms enlaces relacionado con el


tema e interesante, me lo notifica por
correo electrnico para incluirlo aqu
despus de haberlo aprobado.

Gracias.

Enlaces de inters
29/07/2010

electronica-pic.blogspot.com

390

Versin: 1.05

Versin del
manual
Publicado por primera vez:
23-07-2010

29/07/2010

electronica-pic.blogspot.com

391

Puedes publicar este


tutorial o manual sin
previo aviso en tu
Web, foro, Blog, CD,
DVD, Blu-Ray, revistas
en papel, etc,
libremente.

Contacto
Cualquier comentario,
sugerencia o mejoras del
manual, puedes escribirme
por correo electrnico al:
metaconta@gmail.com

29/07/2010

electronica-pic.blogspot.com

392

ngel Acaymo M. G.

Autor
29/07/2010

electronica-pic.blogspot.com

393

También podría gustarte