viernes, 18 de mayo de 2012

Manipulacion Estructurada de Errores



Cada vez que programamos usualmente siempre nos encontramos con algunos errores como en la escritura, a la hora de la depuracion de  nuestra compilación del programa ó también con errores lógicos del programa. 


En los esquemas de errores existen dos Elementos que son:

  • El error
  • La excepción
Estos dos elementos tiene su propia finalidad dentro de los procesos de tratamientos de los errores.

Error
Es el evento que se produce en el momento de la ejecución del programa que estemos ejecutando.

Excepción

Es el objeto que es generado por un error, el cual contiene información acerca del error que se ha cometido e la ejecución del programa.


Para dar respuesta a nuestros errores utilizaremos la estructura de control del lenguaje que nos servira para esta funcionalidad que este casi es Try..  EndTry.
Esta estructura de control es sensible a errores con las diferentes manipuladores de excepción que contiene dentro de ella.


Sintaxis:


Try ' Código que es sencible al error
.
.
.
Catch es As Excepción  ' Posible respuesta en caso en que se produzca el error


EndTry 


El código que se encuentre dentro de las palabras Try y Catch será el código que este sensible a error que se pueda producir.
Se puede usar Catch de un modo general pudiendo tener solo la manipulación de excepciones.




Ejemplos:


Ejemplo #1


  Sub Main()
        Dim sValor As String
        Dim iNumero As Integer
        Try
            'Aqui comienza el control de errores
            Console.WriteLine("Introducir un número")
            sValor = Console.ReadLine
            'Si no hemos introducido ningún número
            iNumero = sValor 'aquí se producira un error

        Catch
            'Si se produce un error, se generará una excepción
            'que capturamos en este bloque de código
            'manipulador de excepción, definido por Catch
            Console.WriteLine("Error al introducir el número" & ControlChars.CrLf & "el valor {0} es incorrecto", sValor)

        End Try
        Dim dtFecha As Date
        Console.WriteLine("Introducir una fecha")
        'Si ahora se produce un error,
        'al no disponer de una estructura para controlarlo
        'se cancelará la ejecución
        dtFecha = Console.ReadLine
        Console.WriteLine("La fecha es {0}", dtFecha)
        Console.ReadLine()
    End Sub

    




Ejemplo #2

  Sub Main()
        Dim sValor As String
        Dim iNumero As Integer
        Try
            'Aqui comienza el control de errores
            Console.WriteLine("Introducir un número")
            sValor = Console.ReadLine
            'Si no hemos introducido ningún número
            iNumero = sValor 'aquí se producira un error

        Catch
            'Si se produce un error, se generará una excepción
            'que capturamos en este bloque de código
            'manipulador de excepción, definido por Catch
            Console.WriteLine("Error al introducir el número" & ControlChars.CrLf & "el valor {0} es incorrecto", sValor)
        End Try
        Console.Read()
    End Sub



jueves, 17 de mayo de 2012

Reportes con Graficas en VB.Net



Escrito por: Kelly Garay





En este nuevo paso haremos la creación de un Reporte con graficas estadísticas dentro de el. Anteriormente habíamos aprendido como hacer graficas a través de formularios, así como también enlazando la información al objeto Chart que usamos para mostrar la grafica.

Para la creación de nuestro reporte con graficas pasaremos a hacer lo siguiente, nos vamos a nuestro dataset y creamos una nueva tabla a la cual le agregaremos los siguientes campos.

Ciudades
Ciudad
System.String
Femenino
System.String
Masculino
System.String

Quedándonos de la siguiente manera:

Una vez creada nuestra tabla procedemos a crear nuestro Reporte con nuestra grafica contenida en ella.








Ya realizada nuestra tabla damos click derecho en nuestro proyecto damos agragar y elegimos la opcion agregar nuevo elemento asi como se muestra a continuación:



Creamos un nuevo documento de informe y de damos nombre.


Una vez ya hecho nuestro documeto de reporte damos click en la seccion de diseño de el y objeto Chart



lo pegamos y nos aparecerá una ventana. Ahí escogemos nuestro diseño de grafica, con la cual deseemos trabajar.


Asi como se muestra en la ventana siguiente.





Cuando seleccionamos nuestro grafico nos aparecera una ventana en la cual tendremos que elegir nuestro dataset y nuestra tabla con la que a continuación trabajaremos para nuestra grafica.


 Quedándonos de la siguiente manera




Ya una vez seleccionado nuestro DataSet y nuestra tabla damos aceptar y pasamos al siguiente paso.

En la parte de arriba de nuestra grafica colocaremos los datos de nuestra tabla que contengan la cantidad los cuales serán mostrados. y en la parte inferior colocaremos los campos que contengan un dato de información en este caso la ciudad.

Quedando de esta manera:




En la parte superior donde tenemos los campos de los sexos masculino y femenino daremos click derecho y daremos click en la opción propiedades de la serie y nos aparecerá la siguiente ventana.



En esta ventana nos iremos a la opcion campo de valor y daremos click en el boton de la expresión.


En el dejaremos la expresión de la siguiente manera tal y como se muestra en la imagen siguiente:





Damos aceptar y hacemos lo mismo para el campo de sexo masculino

Hasta quedar de la siguiente manera:



Luego pasaremos a hacer lo siguiente nos vamos a seleccionar una de nuestras barras de nuestro grafico y pasaremos a cambiar unas propiedades de  nuestro grafico.




En las propiedades UseValueAsLabel la colocaremos en Verdadero y la Propiedad Visible también en verdadero.

Con estas dos propiedades lo que haremos es que se visualize la cantidad numerica que representa cada barra. Cuando hacemos esto nos quedara nuestra grafica de la siguiente manera.









Le agregamos un titulo a nuestro Grafico y ya quedará listo para ser mostrado con cada una de la información que se desea.




Cuando hemos terminado creamos un nuevo formulario, nos vamos a la barra de herramientas y en la sección de informes seleccionamos el objeto Report Viwer  lo pegamos y en la pestaña inteligente y seleccionamos la opción acoplar a contenedor primario, 


luego nos vamos a seleccionamos nuestro reporte y nos quedará de la siguiente manera.

Una vez Terminado este paso pasamos a programar nuestro formulario para que se pueda visualizar nuestra grafica.


Como no estamos usando una base de datos que contenga una información para mostrar nuestra información en la grafica lo que haremos es agregar la información a nuestra tabla mediante un Datarow.
Ya que este hace referencia a una fila nos ayudara a ingresar la información.


Codigo:


Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        'Declaramos una variable fila la cual almacenara la informacion atravez del datarow.
        Dim fila As DataRow = DsFacturacion.Ciudad.NewCiudadRow
        'Luego la variable fila que hemos declarado hará refencia a cada uno de los campos que estan conteniidos en nuestra tabla
        'Fila en el campo cuidades será igual a El Progreso
        'Y en los demás campos tomará el valor numerico que se le esta indicando
        fila("Cuidades") = "El Progeso"
        fila("Femenino") = 20
        fila("Masculino") = 25
        ' Para finalizar se agrega la fila con la información a la tabla mediante en rows y el add(fila)
        DsFacturacion.Ciudad.Rows.Add(fila)
        'Lo mismo para la otra cuidad que se desee agregar.
        Dim fila2 As DataRow = DsFacturacion.Ciudad.NewCiudadRow
        fila2("Cuidades") = "La Ceiba"
        fila2("Femenino") = 48
        fila2("Masculino") = 89
        DsFacturacion.Ciudad.Rows.Add(fila2)
        Me.ReportViewer1.RefreshReport()
    End Sub

Finalizada esta sección ya estamos listos para Ejecutar nuestro Reporte con Graficas Quedándonos de la siguiente manera:


Esto son todos los pasos para una grafica comparativa pero también podemos hacer graficas circulares para representar el porcentaje de cada una de las cosas que deseemos representar.

Creamos un nuevo documento de reporte como ya lo sabemos hacer y esta vez en vez de escoger una grafica comparativa escogemos una grafica circular, de pastel ó como le deseemos llamar.



De igual manera nos saldrá nuestra ventana donde tendremos que escoger nuestro dataset y nuestra tabla con la que trabajaremos. Como en la grafica anterior escogeremos la misma tabla damos aceptar y nuestra tabla nos quedará de la siguiente manera.





En la parte superior colocaremos los campos de la tabla con los datos numericos que seran mostrados y de igual manera que la anterior damos click derecho a los campos que hemos colocado y escogemos la opcion propiedades de la serie e iremos a cambiar nuestra expresión de igual manera que la anterir hasta quedar asi.

De igual manera esto lo haremos para el campo del sexo masculino.



Una vez terminado este paso pasaremos a visualizar la cantidad numerica que representa cada pedaso del pastel de la grafica. Para esto primero seleccionamos una de las series y cambiamos las
propiedades UseValueAsLabel y
Visible en Verdadero.



Esto lo hacemos para cada una de las series para que cada Cantidad que contenga cada campo pueda ser visualizado en el Grafico.

Terminado esto lo que quedará por hacer es agregar un titulo para nuestra Gráfíca.

Quedándonos nuestro diseño de grafica de la siguiente manera:




Seleccionamos nuestro reporte desde nuestro formulario y lo ejecutamos. Ya terminado cada uno de los procesos para la creación de nuestro reporte lo que queda es ejecutar nuestro formulario y nuestro reporte Quedará asi.



viernes, 11 de mayo de 2012

Estilos de formatos en Dreamwaver

En esta sección de Dreamweaver aprenderemos como darle formato a los diferentes herramientas básicas que utilizamos a la hora de crear una pagina web.

Las herramientas que utilizaremos en esta sección son:
  • Párrafos
  • Tablas
  • Enlaces
  • Listas
Estas son las herramientas a las cuales les definiremos los diferentes formatos de estilos. Estas nos servirán para que nuestra pagina web nos quede de una manera mas ordenada o simplemente para que a la hora de la realización de esta sea de una manera mas rápida y sencilla.

Estilos para Párrafos.
Para la creación de este estilo haremos un nuevo documento de HTML en Dreamweaver lo seleccionamos y damos crear, una vez hecho esto se nos creara nuestro nuevo documento.

Una vez Ya creado lo guardamos y lo damos un nombre.

Ya esto realizado nos vamos a la opción dividir. Esta opción lo que hace es que nos permite la visualización del diseño de la pagina web y de la codificación de ella.

En la parte del diseño de la pagina escribimos unas cuantas lineas de texto, lo que prefiramos escribir quedándonos asi.






Nos vamos a la ventana de propiedades que se encuentra en la parte inferior de nuestra ventana y seleccionamos la opción CSS.





Esta opción nos permitirá hacer la realización de las diferentes estilos para nuestro párrafo, luego nos dirigimos a la ventana que nos aparece de CSS y ahi seleccionamos la opción

Nueva Regla CSS, cuando seleccionamos esta opcion nos aparecera la ventana de definicion para cada una de las clases de los estilos que deseemos hacer para cada una de las herramientas en nuestra pagina Web.










En esta ventana seleccionaremos una de las opciones que nos parecen, estas nos servirán a la hora de la aplicación de la clase que hagamos, luego de esta seleccionamos el tipo de etiqueta que es, como estamos aplicando un estilo a un párrafo nos aparecera en la seleccion una p o si no es asi colocaremos una p.



Damos aceptar y se nos aparecerá esta ventana. En ella tendremos las opciones de elegir el tipo de letra que deseemos asi también como el color de cada uno de ellos.

Podemos cambiar el tamaño de la letra la cual puede ser de tamaño absoluto que es la que se define por medio de algunas de las palabras clave como : xx-small, x-small, small, etc. Asi tambien como lo puede ser de Tamaño relativo que son las que indican la forma o el tamaño de la letra del texto.

Cuando ya decidimos cada una de las cosas que deseemos hacer todo lo q escribamos en nuestra pagina Web que sea de Formato de párrafo tendrá la misma apariencia, estilo de letra, tamaño y color.
Quedándonos de la siguiente manera.
Teniendo como codigo lo siguiente:

p {
font-family: Verdana, Geneva, sans-serif;
font-size: 0.9em;
color: #03F;
}



Estilos para Enlaces.



Para los enlaces creamos una nueva Regla CSS que valla referida hacia los enlaces hacemos el mismo procedimiento que hicimos para los estilo de los párrafos.



Al igual que en los estilo para los párrafos en los estilos para los enlaces podemos hacer lo misno podemos darle un tamaño de letra, una tipo de letra opciones de subrayados etc.

Teniendo en nuestro código de definición lo siguiente:


a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
font-style: normal;
color: #990099;
line-height: normal;
}


<a href="#">Ver opciones</a>
Esta opcion de igual manera afectara a todos los archivos referentes a los enlaces.

Quedándonos de esta manera:









Estilos para listas.


Para el estilo de las listas creamos nuestra lista de opciones, cuando ya hemos terminado de realizar la pasamos a crear una nueva regla CSS, de igual manera que las anteriores siempre una etiqueta y colocamos la letra o letras que nos hagan referente a las listas.






De igual manera para las listas tenemos las mismas opciones para definir los tipos de letra como anteriormente lo vimos, esta vez le colocamos el grosor, la decoración, el estilo y el estilo de la misma de esta manera:
damos aceptar y nos quedara nuestra lista con los formatos que hemos especificado.


Tal como se muestra aquí:

En el caso de las listas tenemos la opción de agregar una imagen en cada una de ellas en vez que se nos aparezca el punto como una viñeta la cual hace referencia a cada una de las opciones.



Para esto lo que hacemos es que nos vamos a la opción lista de nuestra ventana de Definición de reglar Para li , en la opción tipo seleccionaremos ninguno y en la imagen de viñeta nos iremos a buscar la imagen de deseemos colocar y le diremos que su posición sea exterior.


nota la imagen que se deberá colocar tendrá que ser una imagen pequeña. damos aceptar y nuestra lista quedara con imagenes en las viñetas :
















Estilos para Tablas.





Para las aplicaciones con tablas primero insertaremos nuestra tabla y pasaremos a definir nuestra regla de CSS para nuestra tabla.





Como estamos trabajando con tablas estas son algo complejas, en ellas se usa los estilos como para la tabla, como para el texto.








Primero definimos lo que sera el texto contenido en el, le damos el color que deseemos, el estilo de letra y el tamaño correspondiente. luego nos vamos a la opción de Borde y ahí escogemos el tipo de borde que queremos, estilo y el color para dicha tabla.




Una vez configurado esto todas las tablas que contengamos en nuestro diseñador tendrán el mismo formato quedándonos así.



Codigo


table {
font-family: "Times New Roman", Times, serif;
font-size: 0.9em;
color: #9966CC;
border: thin solid #9900FF;
}

<table width="301" border="1">
  <tr>
    <th width="62" scope="col">Nombre</th>
    <th width="58" scope="col">Apellido</th>
    <th width="82" scope="col">Puesto</th>
  </tr>
  <tr>
    <td>Carlos</td>
    <td>Benites</td>
    <td>Gerente</td>
  </tr>
  <tr>
    <td>Marta Susana </td>
    <td>Maradiaga</td>
    <td>Secretaria</td>
  </tr>
</table>