INFORMATICA Y OCIO

darknico · Ultima edición por darknico el Lun Feb 25, 2008 12:11 am; editado 3 veces

Hola, bueno he decidido comenzar a hacer este tutorial para visual Basic 6.0, dedicado a aquellas personas que recien se inician en este ,a mi parecer,fabuloso lenguaje de programación.Es ideal para los que intentan entrar en el mundo de la programación sin tener mucha idea. En fin, en este tutorial desarrolaremos un juego muy simple en visual Basic,no esperen mucho para su primer programa eh.
Descripción basica de el juego:
*Proporcionar una interfaz de usuario que cuente con los botones jugar y Fin, 3 ventanas giratorias, un rotulo descriptivo y una ventana que muestra un grafico alusivo

*Generar tres numeros aleatorios y mostrarlos es sus respectivas ventanas cuando el usuario pulse el boton jugar

*Mostrar una pila de monedas y pitar cada vez que el numero 7 aparezca en una de las ventanas giratorias

*Terminar la ejecución del programa cada vez que el usuario pulse el boton fin

Tiempo estimado de desarrollo : 35 min

------------*EL ENTORNO GRAFICO*----------------
Bueno lo primero y lo mas esencial es ir familiarizandose con el entorno grafico que nos ofrece visual Basic.Obviamente , no pasare a explicarles todo porque se haria muy tedioso y no va al caso, pero si les mostrare lo basico para tener una idea.

1 = Ventana del formulario, es donde colocaremos los objetos para que se puedan visualizar a la hora de poner en marcha el programa

2 = Ventana que contiene el proyecto

3 = Caudro de herramientas

4 = Ventana del proyecto

5 = Ventana de propiedades de objetos

6 = Barra de menus

7 = Barra de herramientas

-----------*COMENZAR UN NUEVO PROYECTO*-----------

1. Dirigirse a, archivo>>nuevo proyecto.

2. Nos saldra una ventana con varios iconos de opciones, nosotros cliqueamos en “estándar .exe” y le damos aceptar.

De esta forma quedara cargado el formulario, donde trabajaremos colocando objetos y demas, y el proyecto donde escribiremos las sentencias del codigo del programa.

Los pasos de programación son los siguientes:
A. Crear la interfaz de usuario(eso lo haremos en el formulario)
B. Definir las propiedades(en la ventana de propiedades de objetos)
C. Escribir el codigo del programa(eso lo haremos en el proyecto)

Por lo tanto pasaremos a crear la interfaz de usuario

------------CREACION DE LA INTERFAZ DE USUARIO-------

1.Lo primero que haremos es agrandar el formulario para poder trabajar con mas comodiad y para que nos entren todos los botones y demas.Para ello hacemos clik en el formulario y lo agrandamos desde los vértices seleccionados.Como en la imagen.

2.Luego comenzaremos a poner los botones, denominados “command buttons”(botones de comando_).Para esto seleccionamos el icono de command button que se encuentra en el cuadro de herramientas, y posandonos sobre el formulario con el Mouse clikieamos y se nos pondra el cursor con una cruz, manteniendolo apretado vamos arrastrando hasta crear un boton de un tamaño considerable, como en la imagen de abajo.Una vez creado , haciendo solo UN clik sobre el, lo podemos ir moviendo de lugar y ponerlo donde desees,recomiendo que su formulario vaya tomando el mismo aspecto que el de las imágen.

3. Luego crearemos otro command button del mismo tamaño que el anterior y lo colocaremos justo debajo

4.Ahora lo que vamos a hacer es crear etiquetas de texto,”Labels”,para ello nos dirigimos al cuadro de herramientas y para crearlo procedemos de la misma forma que los command buttons.Estas etiquetas contendran numeros, de todas formas mas adelante explicare bien como va a funcionar el programa, por ahora limitemosnos a esto.Su formulario debe quedar como en la imagen

5.Creamos otros dos labels del mismo tamaño y los colocamos alineados uno al lado del otro.

6 .Volvemos a crear otro label mas grande y lo ponemos abajo del command 2.Su formulario debe tener el siguiente aspecto.

7.Finalmente vamos a el cuadro de herramientas y agarramos el “control image” y de la misma forma q creamos los objetos anteriores lo hacemos con este, nada mas que mucho mas grande. Lo colocaremos cerca del label4, quedando asi un aspecto similar al siguiente.

De esta forma queda finalizada la parte de la interfaz grafica y demas, lo que vamos a ver ahora es como definir ciertas “propiedades” de estos objetos

---------DEFENICION DE PROPIEDADES-------------

1. Seleccionamos el objeto “commnad1” y nos dirigimos a la ventana propiedades.En la parte de la ventana donde dice “caption” osea,”rotulo”, le hacemos doble clik y ponemos “Jugar”.

Luego en la ventana propiedades desplegamos el cuadro de lista desplegable de objetos y seleccionamos el command2 y modificamos su propiedad caption haciendo doble clik,colocando alli “Fin”

.Podran observar ahora que sus botones ahora dicen “jugar y “fin” dado a que sus propiedades caption fueron cambiadas.

Ahora, continuaremos definiendo propiedades, pero esta vez la de los rotulos o “labels”

2.Pulsa, en el formulario,en la primera etiqueta. A continuación,pulse y mantenga pulsado la tecla SHIFT mientras que pulsas con el Mouse sobre la segunda y tercera etiqueta

3. Ahora nos dirigimos a la ventana de propiedades y elegimos la de Alignment(alineación), y luego pulsamos sobre la flecha con lista desplegable yseleccionamos 2-Center. De esta forma se modificaran todas las propiedades de alineación en las tres etiquetas ,y el texto alli dentro aparecera centrado.

4. Ahora vamos a la propiedad BorderStyle y pulsando sobre la flecha desplegable elegimos “fixed single”.Fijense que los bordes de las etiquetas ahora han cambiado.

5. Realizen una doble pulsación sobre la propiedad font(fuente) en la ventana de propiedades.Aparecera una nueva ventana donde eligiremos la fuente Times New Roman, negrita, y tamaño 24.

6. Pulsamos sobre cualquier parte del formulario para elminar los manejadores de selección de las tres etiquetas y, finalmente pulsamos sobre la primera de ellas

7. Realizamos una doble clik sobre la propiedad caption y luego pulsamos la tecla SUPR. Hacemos lo mismo con las dos etiquetas restantes.De esta forma quedaran vacias de texto

8.Ahora modificaremos al label4.En la propiedad caption pondremos”Siete afortunado”,que es el nombre del juego, en FONT podremos Arial,Negrita y un tamaño de 14 puntos.Luego en la propiedad ForeColor eligiremos un color que mas nos guste ,por ejemplo en mi caso el azul

9.Finalmente definiremos las propiedades de la image1.Vamos al cuadro de propiedades y buscamos la propiedad strech y le ponemos ,desplegando la lista, “True2(verdadero).De esta forma la imagen que cargaremos adoptara el tamaño de el cuadro de la imagen y no se nos saldra del mismo.Luego seleccionamos la propiedad Picture y le damos doble clik. Nos saldra una ventana donde tenemos qu especifcar la ruta de la imagen que aparecera en el cudro de la image1.(Ahi pueden poner cualquier imagen , yo puse una de unas monedas.).Despues nos dirigimos a la propiedad “visible”, y le ponemos “false”(falso), esto hara que al ejecutar el programa la imagen no aparezca en el formulario, pero mas adelante en el codigo del programa detallaremos mas esto.
Bueno ya tenemos definidas todas las propiedades del programa. Su formulario debe tener un aspecto similar al siguiente

-------DESARROLLO DEL CODIGO FUENTE-------
Bueno ahora es hora de PROGRAMAR. Si ejecutaramos el programa que hemos hecho hasta ahora, veriamos que no tiene ninguna funcionalidad obviamente, porque todavía no le hemos dicho que haga nada en especifico a visual Basic. Por eso, ahora vamos a escribir el codigo del programa.

1.Lo primero que haremos es hacer doble clik en el boton q dice”Fin”.Se nos abrira la ventana de codigo, la cual podremos agrandar para trabajar con mas comodidad.Veremos que en ella aparecen dos sentencias de progrma, aquellas que marcan el principio y el final de esta particular subrutina de visual Basic,tambien denominada procedimiento de suceso(un bloque de codigo asociado con un determinado objeto de interfaz de usuario):
-private sub command2_Click()
-End sub
Todo el codigo de procedimiento e instrucciones que escribamos debe encontrarse entre estas dos sentencias.Dichas instrucciones se ejecutaran en cuanto el usuario active el elemento de interfaz asociado con dicho procedimiento.En este caso , el suceso desencadenante sera la pulsación del boton con el Mouse.

2.
Escriba “End” y pulse enter
Esta instrucción sirve para detener la ejecución del progrma

3. Ahora, escribiremos el corazon del programa.Le damos doble clik al boton jugar y nos aparecera la ventana de codigo.Entre las sentencias private sub command1_Click() y end sub ponemos lo siguiente:

Image1.visible = False ‘de esta forma ocultaremos las monedas
Label1.caption = Int (Rnd * 10) ‘ genera numeros
Label2.caption = Int (Rnd * 10)
Label3.caption = Int (Rnd * 10)
‘si algun numero es 7 mostrar una pila de monedas y pitar
If (label1.caption = 7 ) or (label2.caption = 7) or (label3.caption = 7) then
Image1.visible = true ‘aparecera la pila de monedas visible
Beep ‘sonido de pitido
End if

Pasare a explicar brevemente el codigo:
El procedimiento Command1_Click se ejecutara cuando el usuario pulse el boton jugar.Es posible que las sentencias le parezcan complicadas pero eso sera explicado y tratado detalladamente mas adelante en otro posible tutorial de visual Basic.
Todo lo que se en cuentre detrás de “ ‘ “, significa que no sera interpretado por visual Basic, ya que son comentarios realizados por el programador para el mejor entendimiento.
En si el procedimiento realiza tres tareas:Oculta la pila de monedas, crea tres numeros aleatorios que se mostraran en las etiquetas y visualizar la pila de monedas cuando aparezca algun siete. Veremos con mayor detalle cada uno de estos pasos:
La primer tarea de este procedimiento; “ image1.visible = false; define como false el valor de la propiedad visible asignada al primer cuadro de interfaz de usuario.Debemos recordar que ya definio como falseel valor de esta propiedad utilizando la ventana propiedades.Ahora , esta volviendo a hacer lo mismo en el codigo de programa porque la primera tarea es ejecutar una nueva jugada y necesitara borrar cualquier moneda que se muestre en pantalla como resultado de una jugada anterior.
Las siguientes tres lineas del codigo son las encargadas de calcular los tres numeros aleatorios.La funcion Rnd incluida en cada una de las lineas proporciona un numero aleatorio comprendido entre 0 y 1 (un numero decimal).La funcion Int multiplica dicho numero aleatorio por 10 y trunca los decimales para obtener unicamente el numero entero.De esta forma se obtendran numeros aleatorios comprendidos entre 0 y 9.Finalmente, estos numeros se asignaran como valores a la propiedad Caption de las tres primeras etiquetas del programa.
El ultimo grupo de sentencias del programa comprueba si alguno de los nueceros calculados es siete.Si uno o mas de ellos resulta ser siete, en la ventana del programa aparecera la pila de monedas y sonara un pitido anunciando que se ha obtenido premio.

4.Finalmente en el codigo de programa, arriba de todo encontraremos dos listas desplegables, en la de la izquierda apareran todos los objetos del progrma.La desplegamos y elegimo el “form” y entre las sentencias Private Sub Form _load() y end sub ponemos:
Randomize
Esta sentencia hara que no siempre se generen los mismo numeros aleatorios.
Su codigo debe tener el siguiente aspecto

5.Ahora en la barra de menus, hacemos clik en la flechita azul para correr el programa y probamos a ver que tal funciona.

Listo!.Eso fue todo.Para almacenar el proyecto vamos a archivo guardar proyecto como y ahí le asignamos el nombre.Lo mismo hacemos con el form, yendo a guardar form como y asignandole otro nombre.Luego , si tenemos el visual Basic entreprise editon, podremos hacer un .exe llendo a archivo “hacer proyecto .exe”.

Bueno eso es todo espero que les haya gustado e interesado.Cualquier duda pregunten!.

Aqui les dejo los links para poder descargar el visual basic 6.0 entreprise edition.
LINKS
Parte 1: http://rapidshare.com/files/4519361/VisualBasic6_Www.Tuxela.Com_.part1.rar
parte 2: http://rapidshare.com/files/4664047/VisualBasic6_Www.Tuxela.Com_.part2.rar
Parte3: http://rapidshare.com/files/4602048/VisualBasic6_Www.Tuxela.Com_.part3.rar

La pass para descomprimir es : www.tuxela.com

La ID del usuario la podes encontrar en una carpeta que dice serial.

Aporte de Fusion Venoma para Foroz ORG
Salu2
_________________

perezd · Publicado: Lun Feb 25, 2008 12:00 am **Título del mensaje**:

Buen aporte Venoma

Felicitaciones y buen trabajo
_________________
"El Software es Como el Sexo, Cuando es Gratis, Mejor"
Tutoriales, Guias, Problemas y Dudas sobre GNU/Linux - Foro Linux

DploiD · Publicado: Lun Feb 25, 2008 1:37 am **Título del mensaje**:

Muy buen tutorial, darknico, felicitaciones.

Coincido con que es un buen lenguaje para empezar, aunque no el mejor. Te malacostumbra un poco, y no es tan estructurado.
Pero si usás Windows, lo más rapido, práctico, y (dentro de Windows), bastante potente.

Un saludo
_________________
Avisame del spam
O postealo acá

darknico · Publicado: Lun Feb 25, 2008 5:12 am **Título del mensaje**:

Exacto!.Otra variante podria ser C., pero dentro de todo visual basic no es dificil para comenzar.DE todas formas C, seria otra exelente eleccion!.
SALu2
_________________

masterfield · Publicado: Mar Feb 26, 2008 12:36 am **Título del mensaje**:

Muy bueno, ahora cuando pueda subo un trabajito que he hecho. Pero esto quizá debería estar en la sección de Tutoriales.Salu2
_________________

darknico · Publicado: Mar Feb 26, 2008 3:10 am **Título del mensaje**:

Bueno Masterfield, lo estaremos esperando con ansias!!.
Un saludo ,amigo
_________________

carlos-075 · Yo soy el foro Registrado: 29 Jul 2006 Mensajes: 11665

Buen trabajo darknico Very Happy

darknico · Publicado: Mie Feb 27, 2008 11:50 pm **Título del mensaje**:

Gracias, espero que los interesados comienzen a hacer el tuto y que cuenten sus resultados y o problemas.Si gusta, podria continuar con otro.
Un salu2
_________________

carlos-075 · Yo soy el foro Registrado: 29 Jul 2006 Mensajes: 11665

De nada pues si podrias seguir con otro esto le viene bien para novatos que quieran aprender a codear.

	Índice del Foro Foroz comunity :: Tutoriales Informáticos	Todas las horas están en GMT + 1 Hora
Página 1 de 1