Sei sulla pagina 1di 98

UNIVERSIDAD DE MACHALA

FACULTAD DE CIENCIAS SOCIALES


CENTRO DE FORMACIN SEMIPRESENCIAL Y MEJORAMIENTO DOCENTE

MDULO
PROGRAMACIN DE SISTEMAS III FACILITADOR: ING. LUIS SNCHEZ ESTUDIANTE CARMEN YESENIA MERINO GAONA CUARTO AO DOCENCIA EN INFORMTICA

AO ACADMICO 2013 - 2014

MACHALA EL ORO - ECUADOR

INTRODUCCIN Una computadora no es capaz por si sola de realizar algunas tareas ella necesita recibir instrucciones para ejecutarlas para aquello se desarroll los lenguajes de programacin que se los clasifica en tres categoras; el de mquina, el de bajo nivel y alto nivel, el ms bsico es el lenguaje de mquina, que es el que se encarga de controlar la circuitera interna de la mquina, muy pocos programas se escriben actualmente en este lenguaje por dos razones importantes, primero porque el lenguaje de mquina es un muy incmodo para trabajar y segundo porque la mayora de las mquinas se pide programar en diversos tipos de lenguaje, que son los de alto nivel, cuyas instrucciones son ms compatibles con los lenguajes y la forma de pensar, debido a que los programas diseados de este lenguaje se pueden ejecutar en cualquier mquina, por lo tanto el uso de lenguaje de alto nivel ofrece tres ventajas importantes; sencillez, uniformidad y portabilidad. El lenguaje de programacin es un sistema de smbolos y reglas que permita la construccin de programas con los que la computadora puede operar, y resolver problemas de manera eficaz, estos contienen un conjunta de instrucciones que nos permiten realizar operaciones de entrada, salida, clculo, manipulacin de textos, lgica, comparacin, almacenamiento y recuperacin. Dentro de los lenguajes de programacin tenemos el lenguaje de mquina que son aquellos cuyas instrucciones son directamente entendibles por la computadora y no necesitan traduccin y se expresan en trminos de la unidad de memoria ms pequea, el lenguaje de bajo nivel las instrucciones se escriben en trminos alfabticos conocidos como mnemotcnicos para las operaciones y dimensiones simblicas, el lenguaje de alto nivel son los lenguajes de programacin como el basic, pascal, cobol, etc. Son aquellos en los que las instrucciones o sentencias a la computadora son escritas con palabras similares a los lenguajes humanos, lo que facilita la escritura y comprensin del programa. Dentro de la programacin tenemos el programa de Visual Basic, primero se llamaba GW -BASIC luego se transform en Quick Basic y actualmente se lo conoce como Visual Basic y la versin ms reciente en la que se incluye en el paquete de Visual Studio 6 de Microsoft.

DIARIO DE CAMPO CLASE N 01


Domingo 19 de mayo del 2013 ENCUADRE DEL MODULO: PARMETROS PRUEBA DE LA UNIDAD ACTIVIDADES INDIVIDUALES ACTIVIDADES GRUPALES TAREAS FORTAFOLIO EXAMEN TOTAL PUNTAJE 3 1 1 1 1 3 10

MIS MATERIAS. NET.- El objetivo final de la materia a este nivel se pretende lograr una meta, que al finalizar el ao logremos desarrollar un pequeo sistema en lnea enlazado con una base de datos de una pgina Web subido a un servidor. PRE-REQUISITOS: Diseo de BD. Sentencias SQL. Dominio de Programacin E. Subrutinas Programacin Orientada a Objetos 2 Estructura de Datos ------- arrays, colecciones Programacin Orientada a Objetos POO. Creacin de clases Mtodos, propiedades Herencia, Polimorfismo Programacin en Entornos Visuales visuales fondo, consola, pantalla negra. Bibliotecas de controles o clases Operaciones de Entrada y Salida Estructuras ----If, Else, Switch, Wile/do, for

Principio de Programacin Orientada a Objetos. EJES TEMTICOS PRINCIPALES Repaso de estructuras POO Retomar el Mdulo de programacin Orientada a eventos en entornos visuales Acceso de Datos, en entorno de escritorio, accesos directos. Programacin en ambientes Web. Estos contenidos o ejes temticos son independientes del lenguaje visual Basic-Net, cubre todos los ejes temticos, nos permite hacer aplicaciones para las porttiles. Al entrar en programacin Web---- htm, Java script PROGRAMACIN ESTRUCTURADA. QU ES UN PROGRAMA? Es una serie de instrucciones ordenadas QU ES UN ALGORITMO? Persigue resolver una situacin, un objetivo. Ejemplo: Comprobar si es > 0 <

QU ES PROGRAMACIN ESTRUCTURADA? Deben respetar una condicin, ejecutar las sentencias de un solo sentido de arriba hacia abajo, de tal manera que el flujo del programa tendr una estructura coherente, de esta manera el programa tendr un inicio y un fin bien determinado. QU ES PROGRAMACIN NO ESTRUCTURADA? Los lenguajes de alto nivel se implementan una secuencia de estructuras tanto en una direccin u otra sin ningn control, lo que haca difcil su seguimiento y detencin de errores, conocida como programacin en Espagueti. Ejemplo de programacin no estructurada o espagueti

Array dinmico es un recorrido de coleccin Centinela es cuando cambia de valor Tenemos dos grupos de estructuras y son: Estructuras por Condicin Estructuras por Repeticin

Simples ------- if Estructuras por Condicin Dobles -------- else Mltiples -------- suift

Condicin al inicio Condicin al final Estructuras por Repeticin Incluye contador (for) Recorrido de colecciones foreach Recursividad (en subrutinas) Retornan valor Por Subrutinas No retornan valor Subrutinas.- Son segmentos de cdigos separados del bloque principal y tienen que ser llamados, un mtodo es una subrutina, cuando retornan valor es con el int. Int sumar (int A, int B) parmetros o argumentos { Int R; R= A+B Bsicas

Cuando no retornan valor es con el void Void sumar (int A, int B) { Int R R= A+B } VARIABLES Son una forma de almacenar datos temporalmente en memoria, mientras el programa e est ejecutando, las variables que adquieren funciones especiales en las estructuras de repeticin Cules son? Contadores Acumuladores Centinelas

Rebottes presenta un mensaje. Centinela es cuando la variable cambia de valor Las operaciones de entrada y salida tenemos i/o e/s readLine Int y=0 For (int j=1; j<=0; j++) { Int K=int.Parse (console.ReadLine ()) If (x<0) Y = 1; } } En este ejemplo K tiene 10 interacciones y vale 20 Int K=0; Do { K1 =2; } wile (K<20);

CONTADOR Es una variable que dentro de un bucle vara de manera constante.

ACUMULADOR Es una variable que dentro de un bucle vara o no vara de forma variable o aumenta o disminuye Int y=0 For (int i=1; i<ic20; i+1) { Int x= int.Parse (console. ReadLine()) Y= y+x;

DIARIO DE CAMPO CLASE N 02


Domingo 26 de mayo del 2013 El nombre del programa que vamos a ver es Visual Estudio 2010, el docente seala que 2 temas necesitamos ver a cabalidad. Programacin Orientada a Objetos POO Arrays y colecciones PROGRAMACIN ORIENTADA A OBJETOS. QU ES? La programacin Modular haba resuelto en parte dos detalles derivados de la complejidad de los grandes sistemas, de tal manera que llevaron al mximo las tcnicas creando subprogramas que imitan a la vida real PARADIGMA.- Es el conjunto de reglas y teoras de manera de percibir las cosas dentro de un campo, es una manera de ver las cosas basadas en teoras, porqu mezclamos la palabra paradigma a la Programacin orientada a Objetos porque no es solo el lenguaje sino todo el estilo. Cul es la forma de Programar? Primero diseo la clase a travs de un proceso de abstraccin, para que halla el programa tengo que ir al mismo, y luego se convierte en la interaccin de la clase, el componente principal es: Clase------------------ Objeto ------------------------- Instancia

Un objeto es la instancia de la clase. Ejemplo: Estudiante A1 A1=new estudiante ( ) La instancia es el momento donde nace el objeto, cuando sale un objeto utilizable dentro del computador, la instancia est ubicada en la memoria RAM, la clase es un modelo a la cual se fabrica un objeto. Ejemplo Color de piel --------------- clase, la piel es de color negro Ejemplo: es la instancia.

Gato Raza Color Tamao Velocidad Comer ( ) Parar ( ) Correr ( ) Cazar ( ) Micifuz. Correr

Nombre

Atributos

Mtodo o Comportamiento

Garfied. Correr Clase ratn Mizifus. Velocidad rpida If mizifus. Cazar (Mickey) then Mizifus. Comer (mickey) End fin Subrutinas.- Es un segmento del cdigo pueden retomar valores, debemos de estar conscientes del entorno que vamos a programar: Entorno de consola --- pantalla negra A= Console. ReadLine ( ) Entorno de escritorio Entorno de visual estudio

Console.Write (usted ingreso {Q}, A) --- entorno de consola A= text,Dato. Text salida de datos -- Entorno de escritorio Messager Box.show (usted ingreso +A) Entorno de visual estudio

Ejemplo: En Visual Basic Modulo. Module1 Sub Subrutinas Fuction retorno al ltimo Fuction sumar (A as Integer, Bas Integer) As integer Din = C=0 C = A+B Return C Ejemplo en clase: Realizar un programa en visual basic entorno de consola que reciba el precio unitario de un producto, la cantidad comprada y presente al final los datos de la factura subtotal, IVA y total Sub Main ( ) Dim ? as doubl, sub as doubl Dim Iva as double + as double Dim C as integer Console.Write (precio unitario) P= Console,ReadLine ( ) Entra C St = P*C Iva = St * 0,12 T = St + Iva Console.WriteLine (SubTotal{q}, iva. {1}, total {2,St, iva,T) Console.ReadKey ( ) End sub End. Module Nota.- Los comentarios de Visual Basic van conapostrofe, con mayscula y minscula Realizar un programa en Visual Basic en torno de consola que reciba el precio unitario de un producto, la cantidad comprada y presente al final los datos de la factura, el Sub total, Iva, Total use presentaciones orientadas a Objetos en la siguiente clase. Factura

Precio Cantida SubTotal ( ) Iva ( ) Total ( ) Mostrar resultado ( )

La clase Public class factura Public precio as doubl =0 Public cantida as integer =0 Public fuctionsubtotal ( ) as double Return precio*cantidad End fuction Public fuction iva ( ) as double Return Subtotal ( ) *0.12 End fuction Public fuction total ( ) as double Return Subtotal ( ) + iva ( ) End fuction Public Sub mostrar resultado ( ) Console.WriteLine ( Subtotal: {0}, iva {1}, total : {2}, Subtotal ( ), iva( ), total ( ) En Sub End Clas

Programa Principal Module. Module1 Sub main ( ) ConsoleWrite (Precio unitario) Dim F1 as facture F1= new facture ( ) Console.Write (Precio Unitario)

F1* precio= Console.ReadLine ( ) Console.Write (cantidad) F1. Mostrar Resultado ( ) Console.ReadKey ( ) End sub Como tarea extraclase plantee un ejercicio de programacin, resulvalo mediante el paradigma de Orientacin a Objetos

DIARIO DE CAMPO CLASE N 03


Domingo 2 de junio del 2013 En esta sesin comenzamos con la construccin de la Clase Estudiante que nos servir para posteriores aplicaciones. La clase qued incompleta, a continuacin dejo el archivo con la codificacin de los mtodos elaborados en clase ms el mtodo Anual() que no lo hicimos, el mtodo que queda pendiente para su construccin es Estado():

Como tarea queda la implementacin del mtodo Estado(), recordemos que:

Si el promedio anual es >=7 est Aprobado Si el promedio est entre 5 y <7 y no ha dado suplencia el Alumno est en Suplencia. Si el promedio est entre 5 y <7 y ha dado suplencia con puntaje >=7 Est Aprobado. Si el promedio est entre 5 y <7 y ha dado suplencia con puntaje <7 el Alumno est en Remedial. Si el promedio es <5 y no ha dado Remedial el Alumno est en Remedial. Si el alumno estaba en remedial y ha dado Remedial con puntaje >=7 el Alumno est en Aprobado. Si el alumno estaba en remedial y ha dado Remedial con puntaje <7 el Alumno est en Gracia. Si el alumno estaba en gracia y ha dado dicho examen con puntaje >=7 el alumno est Aprobado. Si el alumnoestaba en gracia y ha dado dicho examen con puntaje <7 el alumno est Reprobado.

Ms detalles en el siguiente enlace: Instructivo evaluacin 2013 Se inicia la labor con la siguiente clase:

Estudiante Nombre Curso P1 P2 P3 Examen Q1 P4 P5 P6 Examen Q2 Suplencia Remedial Gracia Promedio. Parciales Q1 ( ) Porcentaje. Parciales Q1 ( ) Porcentaje. Exam Q1 ( ) Quimestre 1 ( ) Promedio. Parciales Q2 ( ) Porcentaje. Parciales Q2 ( ) Porcentaje Exam Q 2 ( ) Quimestre 2 ( ) Anual ( ) Estado ( )

Los objetos son dinmicos y lo dinmico es contrario de esttico Static esttico ejemplo: A= New.Estudiante ( ) B= Examen Q1 ( ) X= A.Porcentaje Q1 ()

X= A.Porcentaje Q1 () Y= A.Porcentaje. Examen Q1 ( ) Es esttico debido q que el objeto sea nico y no necesita ser instanciado polimorfismo sobrecarga Static.Public Function Porcentaje.Exam Q1 ( ) (E as double) as doubl Return E Q2 End function Then quiere decir entonces If = si else = sino caso contrario

Public class Estudiantes Public Nombre as string Public Curso as string Public P1 as double Public P2 as double Public P3 as double Public Exam Q1 as double Public P4 as double Public P5 as double Public P6 as double Public Exam Q2 as double Public Suplencia as double Public Remedial as double Public Gracia a s double Public Function Prom.Parciales Q1 ( ) as double Return (P1+P2+P3)/3 End Fucntion Public Function Porcentaje.parciales Q1 ( ) as double Return Pronom.Parciales Q1 ( )*0.8 End Function Public Function Porcentaje Exam Q1 ( ) as double Return Exam Q1*0.2 End Function

Public Function Quimestre (1) as double Return Porcentaje.Parciales Q1 ( ) + Porcentaje.Exam Q1 ( ) End Function Public Prom.Parciales Q2 ( ) as double Return (P4+P5+P6)/3 End Function Public Porcentaje Parciales Q2 ( ) as double Retur Prom.Parciales Q2 ( ) *0.8 End Function Public Function Porcentaje.Exam Q2 ( ) as double Return Exam Q2*0.2 End Function Public Function Quimestre 2 ( ) as double Return Porcentaje parciales Q2 ( ) +Porcentaje.Exam Q2 ( ) End Function Private Function Anual Puro ( ) as double Return Quimestre 1 ( ) + Quimestre 2 ( ) /2 End Function Private Function Annual con suplencia ( ) as double If suplencia >= / then Return 7 else Return Annual Puro ( ) End If End Function Private Function Anual con Remedial ( ) as double If Remedial >= 7 then Return 7 Else Return Annual Puro End if End Function Private Function Annual con gracia ( ) as double If Gracia >=7

Return 7 Else Return Annual Puro End if End Function Public Function Annual ( ) as double Select case Annual Puro ( ) Case Is >=7 Return Annual puro Case Is >=5 and < 7 If Suplencia > 0 then If suplencia >=7 then

DIARIO DE CAMPO CLASE N 04


Domingo 9 de junio del 2013 COLECCIONES ARRAYS DINMICO ARRAYS Espacio de memoria 30 Bytes STRING Dato dinmico que la memoria no est fija A (5) as integer Arrays de 5 posiciones, se hacen 6, se toma en cuenta que se empieza de cero For.K= 4 A (K) = K*2 Nest K 0 2 4 6 A (2) = 4 A (0) = 5 matriz de 2*2

0 8 1 2 3 4 0,0 1,0 0,1 1,1

Dim Dim

A (2,2) as integer A (3,3) as integer

0,0 0,1 0,2 1,0 1,2 2,0 2,1 2,2

0,0 0,1 0,2

For.K =0 +0,2 For.I =0+0,2 A(K,I) = K+1 Nest +I Nest + K Implementacin del mtodo estado 0 1 2 1 2 3 2 3

4 A (0,2) = K 0 1 2 3 I 0 1 2 3 0 1 1 3 RAM 0 1 2 1 2 3 2 3 4 Dim A(3,2) ----- cuando tiene una sola dimensin se llama vector Dim A as integer Ram A B 5 Nombre Curso Parcial 1 Parcial 2 Parcial 3 Registro 0 1 2 3

Bim B as Estudiante ------- en la memoria se declara B B = new Estudiante ( ) B1 P3 = 7.5

A =B Quimestre ( ) Redim A ( 5,7) as integer Una instancia debe tener los parntesis Redim sentencia que estructura el arrays y le borra los datos, si no quiere que le borre le coloca redim reserve. Dim A(3,3) as Estudiante A (0,0) = new estudiante ( ) A (0,0) P3 = 7,5 Nombre A.P3 =7 0,0 6

< A =5 C=6 A=B A+A+1

Dim H as new estudiante A (1,1) = 4 H P4 = 8 A (1,1) P4 Abc esun espacio de memoria que almacena cualquier cosa Coleccin.- Son estructuras de datos modernos de tipos de datos, una coleccin es un tipo de arrays Dim A as List (of integer) Generalizada RAM A 5 8 7 5 1 0 1 2 3 4

A= new.List (of integer) A,add (8)

K = 0 to A count 1 Console WriteLine (A (K)) Nest K Dim Aux as integer For each Aux in A Console WriteLine ( ) Nest RAM A 5 8 7 5 1 For. No s cuntas veces voy a ingresar Realizar un programa que reciba N. nombre Ingrese una lista de nombres, (deja el nombre en blanco para ingresar) Aux

Nombre Carlos Nombre Luis Nombre Carlos Nombre Vctor Nombre a contar Carlos Carlos aparece dos veces

Dim Listado as new list (of string) Dim Nombre as string console. WriteLine (Ingrese una lista de nombre (deje.)) Do Console.Write (Nombre) Nom = console.ReadLine( ) Listado. Add (Nom.) Loop

Console.WriteLine(Ingrese una lista de nombre (deja) Do Console.Write (Nombre) Nom. =console.ReadLine ( ) Listado.add. Nom. Loop until nom.Trin ( ) Length <=0 Listado Remove A+ (Listado count -1) Console.Write (Nombre a contar)

Dim.Nom contar as string = console.ReadLine( ) Dim as integer 0 0 For each nom in litado If nom = nom.strin( ) toupper ( ) = Nom cont string ( ) To UPPER THEM c+01 End if Nest Console.WriteLine ({0} aparece {1} veces Nom.com.ec) Conole.Read Key ( ) +End sub CONSOLA Eswtudiante 1.0

1.- Ingresar 2.- Consultar 3.- Ordenar alfabeticamente 4.- Remover 5.- Listado Total 6.- Reprovados 7.- Suplencia remedial 8.- Gracia 9.- Aprovado Escoja la opccion >< 1 Enter Capa de presentacion ( Interactua con el Usuario

Vamos a trabajar por capas, 2 capas o capas de negocio Listado Estudiante

DIARIO DE CAMPO CLASE N 05


Domingo 4 de agosto del 2013 Continuamos con la codificacin de estudiante 1.0 Module Moduler SubMain ( ) Dim F As New System.Windows F.Show Dialog ( ) System.Windows End sub End module Module Moduler SubMain ( ) Dim F AS New system.windows.Forms.Form F. text= EVENTOS F.

Module Moduler Sub Main ( ) Dim F AS New System.Windows.Forms.Form Dim B As New system Handles ------------------ da clic y pulsame Nombre ------------------- Label1 Texto ---------------------- Text Box1 Como tarea extraclase esolver la codificacin de estudiante 1.0

DIARIO DE CAMPO CLASE N 06


Domingo 18 de agosto del 2013 Llave principal debe ser nica Vamos a trabajar con IDE Apoyo al lenguaje SQL Diseo de Base de Datos relacionado en lo que vamos a trabajar Fox representa cliente servidor Microsoft SQl Server 2008

SQL SERVER EXPRES MANARGET VISUAL ESTUDIO 2010 ULTMATE. El almacenamiento en Java se llama persistencia Visual Estudio 2010 Ultmate herramienta conectar con base de datos. Conexiones de Datos.- Clic derecho crear una nueva base de datos En la siguiente ventana escribo SQL Spress Clic en la opcin ver Escoges explorador de servidores Crear nueva base de datos Nombre, columna, tipo de datos Clic en la ficha para la llave principal, en propiedades cogemos especificacin de identidad le ponemos si FLOAT Es un campo que nos permite trabajar con decimales. Con el Visual Estudio se graba el SQL server exprs ./SQL exprs Es para ubicar la direccin del servidor de la base de datos, no utilizar la opcin guardar como sino el botn guardar Resumen

DIARIO DE CAMPO CLASE N 07


Domingo 25de agosto del 2013 COMO CREAR BASE DE DATOS A TRAVS DE SQL SERVER EXPRS. Administrador de configuracin, permite pausar, pensar MANAGEMENT STUDIO Es un cliente direccin de una base en lnea Base de datos, adjuntar, atach, abrir directorio, data, aceptar, agregar, aceptar, y se podra trabajar. Unidad 4 del Modulo Acceso a datos con: Actividades de asimilacin, acceso a datos con ADO.Net que son objetos de datos con adtenet Ado.Net es una biblioteca de clase o que contiene todas las clases de acceso a datos. Stream versus set = Based Data Access Conjunto Entorno conectado o directo Flujo.- Trabajo con copias locales, solo un esquema no toda la tabla de datos, nos da mejores caractersticas porque nos permite mejores acciones SQL.- Recupera datos, es un lenguaje de mercado con todas las notas de la base de datos que ha ido evolucionando a lo largo del tiempo. Select campo from table Select * from tabla campo = string Select * from table ordenar by campo ciudad La concurrencia es cuando varias personas quieren acceder al mismo dato, la base de datos me da ms control Biblioteca Ado.Net Las clases de acceso a datos clsicos Conexin la clase conexin

Imports system Data SQL cliente Directamente direccion conectar

Objetos principals --- conexion commando ------ string conections ---- texto, cdigo-------------cadena de conexion No existen objetos conection y comand puros

Commandos generals ----- SQL conection ------- string conection SQL command ------- command string SQL data reader Pertenece al string ------- obtiene un puntero que me ubica directamente en la base de dato (lector) Ejemplos: Dim CN A New SQL conection (Data source = localios initial cataloy Nueva variableDireccin del servidor local nombre de la base de datos

La class comand ---------tiene el texto de un comando Ejecute ------- Query Ejecute ------- Ready Ejecute ------- Escalar Voy a ejecutar el comando 3 a travs de la conexin Dim raws as integer If raws> =1 If CN star si las filasson mayores solo si la conexin est abierta abajo, no trae la tabla si no trae una especie de

=CMD ejecute reader

apuntador para recorrer los registros While reader.Red() Mientras Lee y devuelve el valor verdadero Ejemplo:

Imports system.Data.Say.chent Module Module1 Sub main ( ) Dim Dim CN com as As.New; now SQL.conection (Data.soucer estudiantes order SQL by

express.Initial.catalog,BDest SQLcomand(selec*from

nombre,cn) Dim lector AS SQL.Data Reader Cn.Open( ) Lector=Com.ejecute.reader( )

While.Lector.Read ( ) Dim Now As string com. As estring Nom=Lector.Item.(Nombre) Cur=Lector.Item(Curso) Console.WriteLine({0} -----> {1})Nom,Cur.) End while Console ReadKey( ) Din com Nuevo As New SQL command (Isister mto estudiante (nombre,curso) valves (Juan, tercero)@Nombre, @Curso,cn) Como tarea extraclase revisar estudiantes 1.0, 2.0, 2.5, crear el botn eliminar, convertir el estudiante 1.0, en 1.

DIARIO DE CAMPO CLASE N 08


Domingo 1 de septiembre del 2013 ACCESO DE DATOS CON ADO.NET Terminologa de Base de Datos. EL LENGUAJE SQL.- ADO. NET es el conjunto de clases, el objetivo es brindar un marco de trabajo orientado a objetos, separa el acceso de datos, hay que distinguir el lenguaje SQL SERVER del motor o lenguaje SQL SERVER. La gestin con datos de ADO. NET se puede realizar en lnea o en un proceso desconectado, ofrece un modelo unificado de desarrollo a lo largo de la plataforma ENTRONO CONECTADO Es ms fcil contenerse es el estudiante 2.0 ENTORNO DESCONECTADO Los datos se pueden modificar de forma independiente, se trae una copia de parte del esquema de la base de datos, creo un objeto que va asimilarse a la tabla original pero no es original, lleno mi registro, a lo que lo guardo se cierra la conexin COMPONENTE ADO: NET

Proveedores de datos de NetPromework Proveedores de datos Net.Tramework Conexin Transaccin Data Adapter Select.Comand Data Sed Data table colection

DIARIO DE CAMPO CLASE N 09


Domingo 8 de septiembre del 2013 En esta labor retomamos la clase anterior, tenemos dos entornos ado,net tenemos todas las clases tiene dos formas para acceder a los datos 1 datos net 2 data set o el entorno desconectado El objeto conexin y el objeto o edfb conection SQL es el motor

SQL conexin se utiliza para conectarse al motor que es el programacon el programa de Access no utilizamos el SQL conexin sino otra base datos local funciona de manera local porque trabaja como Access, el objeto conexin la parte principal es el string conexin llamada cadena de conexin Ide entorno de Interfax de desarrollo integrado es el men y a lo que hablo de lenguaje me refiero a la forma de escribir el ide es el nesvin, cuando el lenguaje y el motor tienen el mismo nombre puede existir una confusin el objeto coma va a tener un comando de SQL, conexin el comando se conecta a travs de la conexin datareader es unobjeto qums da un cursor a la base de datos forma aroni significa hacia a delante el entorno conectado es porque estn conectados a la base de datos el entorno desconectado surge por el data sed llega a la base de datos a travs del objeto dataadapterdata sed es una copia de datos en la memoria RAM, virtual como sincronizamos con la base de datos a travs del objeto data.Adapter, datased est compuesto por data table y a la vez data columna que son las columnas y el proceso abor el programa y para poder poblar significa que vamos a un esquema de datos y la vamos a llenar con los dato para poblar necesito el comando fillque tiene el selectcomand, inserte coman, udpatre coman, select comand vara y se puede tener muchos ejemplo. select comand por ciudad

Vamos a la prcticawindows fromm El entorno de visual estudio le ofrece una herramienta para crear conectoresclic en ver explorador de servidores en origen de datos.- salen diversos archivos, SQL server/continuar,\direccin del servidor/ .\SQLexress, es mi propia

computadorasealar usar autenticacin de Windows/ clic en probar conexin. La tabla estudiante est compuesta clic derecho mostrar datos de la tabla / modificar la tabla clic derecho/ mostrar la tabla

En la siguiente ventana utilizar id int y llave principal nchard me guarda los espacios y nvarcahar no me guarda ms recomendable nvarchard esto es la estructura del proyecto el ide permite la caonexion, para agregar al programa //clic en la ficha datos / agregar nuevo origen de datos / asistente/ base de datos/dos formas conjunto/ siguiente/ busco en la cadena de conexin /construir la cadena es la idea

/siguiente guardar la cadena de conexin / siguiente appconfit / html / xml/ ml marquin lenguer Clic en estudiante y arrastro la tabla al programa para cualquier cosa que queramos hacer con la base de datos lo primero que tenemos que hacer es manipular la datased , el datased es una representacin de objetos, tiene clase , propiedades, objetos y mtodos, configurar el select es decir cmo se llenan los datos

Estudiantes order by curso, nombre y se ordena por curso y dentro del curso se ordena alfabticamente, quiero que se filtre por curso, escoger un curso configurar el entorno para los datos en esta ventana necesitamos un mtodo que llene Clic derecho / agregar consulta/ seleccionar la opcin que tipo de consulta SQL/ SQL que devuelve filas /generador de consultas / consulta de base de datos/ . A curso =@curso / enter/ ejecutar consulta/ parmetro curso valor / tercero / consulta / sirve esta consulta para filtrar por curso sin ninguna lnea de programacin

Siguiente paso como quiero que se llame el comando Nombre del mtodo fillby curso me refiero a subrutinas mandar un parmetrose cre 4 objetos, grit ofrece agregar consultas/ agregar consulta/ nombre de consulta existente/filly curso/clic en aceptar/ se crea nueva barra/ curso escribir el curso / cambiar el nombre/ filtrar por curso/ Para filtrar dentro del campo q deseo escoger, escribo un signo de interrogacin y doy enter

where nombre like %+@nombre+% %+ empieza con +% termine con @nombre que contenga % salen toda la lista de estudiante de la base de datosal escribir el nombre ejemplo Luis sale ese nombre como crear los mtodos para la prxima clase vamos hacer una base de datos LE DAMOS ACEPTAR

Seleccionado la tabla en el Windows form, clic en el greed

Se agrega una nueva barra

DIARIO DE CAMPO CLASE N 10


Domingo 15 de septiembre del 2013 PROGRAMACIN EN CAPAS Cada capa tiene su funcin especfica. Cada capa interacta solamente con la capa inmediata inferior.

Negocios

Datos

PROYECTO DE EJEMPLO DE MANEJO DE CAPAS Y ACCESO A DATOS MEDIANTE DATASET TIPADOS Ingrese un nuevo estudiante. Modifique la nota del primer parcial de estudiante. Consulte estudiantes por parte del nombre Que elimine un estudiante mediante su id. Recupere un estudiante mediante su id.

Desarrollo: CAPA DATOS Crear el origen de datos del proyecto:

Delete by id:

Fillbyid:

FillByParteDelNombre

ACCESO A DATOS - ADO.NET OBJETOS PRINCIPALES: CONNECTION COMMAND - PARAMETERS

2 TIPOS Stream o directo. Conjunto de datos datasets entorno desconectado

STREAM 1) Definimos la conexin 2) Definimos el comando 3) Aplicamos el comando (ExecuteNonQuery - ExcuteReader ExecuteScalar)

DATASETS Sin tipo Tipados

Datasets tipados. 1) Agregamos origen de datos al proyecto. Esto crea automaticamente un dataset tipado que estar disponible para todo el proyecto. 2) Agregamos todas las consultas que necesitemos a los Datatables correspondientes.

3) Utilizamos Los TableAdapters correspondientes para llevar y traer datos desde y hacia la base de datos: a. EL mtodo fill y los mtodos creados a partir de este. Dim MiTabla as new BdEstudiantesDataSet.EstudiantesDataTable Dim MiAdapter as new BdEstudiantesTableAdapters.EstudiantesTableAdapter MiAdapter.Fill(MiTabla) .... b. El mtodo update para llevar los cambios realizados a la base de datos. .... Dim MiFila as BdEstudiantesDataset.EstudiantesRow Mifila=Mitabla.Rows(0) MiFila.Nombre=Fernando MiAdapter.Update(MiFila) . MiTabla.AdNewEstudiantesRow(Karaqla,Primero A, 10) MiAdapter.Update(MiTabla) . Dim sum as Double=0 For Each f As BDESTUDIANTESDataSet.EstudiantesRow In MiTabla Sum=sum+f.Nota1 Next Dim prom as doubl Prom=sum/Mitabla.Rows.Count

CAPA NEGOCIOS Clase Estudiante:


PublicClassESTUDIANTES Public FilaActual AsBDESTUDIANTESDataSet.EstudiantesRow Public Tabla AsNewBDESTUDIANTESDataSet.EstudiantesDataTable Public Adapter AsNew BDESTUDIANTESDataSetTableAdapters.EstudiantesTableAdapter Public Mensaje AsString = "ok"

PublicFunction LlenarDatos() AsBoolean Dim r AsBoolean = False Try Adapter.Fill(Tabla) If Tabla.Rows.Count > 0 Then FilaActual = Tabla.Rows(0) Mensaje = "ok" r = True Else Mensaje = "Tabla vacia" r = False EndIf Catch ex AsException Mensaje = ex.Message r = False EndTry Return r EndFunction PublicFunction LlenarDatosPorParteDelNombre(ByVal ParteNombre AsString) AsBoolean Dim r AsBoolean = False Try Adapter.FillByPartedelNombre(Tabla, ParteNombre) If Tabla.Rows.Count > 0 Then FilaActual = Tabla.Rows(0) Mensaje = "ok" r = True Else Mensaje = "No se encontr datos" r = False EndIf Catch ex AsException Mensaje = ex.Message r = False EndTry Return r EndFunction PublicFunction LlenarDatosporID(ByVal id AsInteger) AsBoolean Dim r AsBoolean = False Try Adapter.FillByid(Tabla, id) If Tabla.Rows.Count > 0 Then FilaActual = Tabla.Rows(0) Mensaje = "ok" r = True Else Mensaje = "No se encontr el id" r = False EndIf

Catch ex AsException Mensaje = ex.Message r = False EndTry Return r EndFunction PublicFunction AgregarActualComoNuevo() AsBoolean Dim r AsBoolean = False Try Dim auxnuevo AsBDESTUDIANTESDataSet.EstudiantesRow auxnuevo = Tabla.NewEstudiantesRow() auxnuevo.Nombre = FilaActual.Nombre auxnuevo.curso = FilaActual.curso auxnuevo.p1 = FilaActual.p1 auxnuevo.p2 = FilaActual.p2 auxnuevo.p3 = FilaActual.p3 auxnuevo.p4 = FilaActual.p4 auxnuevo.p5 = FilaActual.p5 auxnuevo.p6 = FilaActual.p6 auxnuevo.examq1 = FilaActual.examq1 auxnuevo.examq2 = FilaActual.examq2 auxnuevo.suplencia = FilaActual.suplencia auxnuevo.remedial = FilaActual.remedial auxnuevo.gracia = FilaActual.gracia

Tabla.AddEstudiantesRow(auxnuevo) r = GuardarCambios()

Catch ex AsException Mensaje = ex.Message r = False EndTry Return r EndFunction PublicFunction Agregar(ByVal Nom AsString, ByVal cur AsString, ByVal p1 AsDouble, ByVal p2 AsDouble, ByVal p3 AsDouble, ByVal examq1 AsDouble, ByVal p4 AsDouble, ByVal p5 AsDouble, ByVal p6 AsDouble, ByVal examq2 AsDouble, ByVal supl AsDouble, ByVal remedial AsDouble, ByVal gracia AsDouble) AsBoolean Dim r AsBoolean = False Try

Tabla.AddEstudiantesRow(Nom, cur, p1, p2, p3, examq1, p4, p5, p6, examq2, supl, remedial, gracia) r = GuardarCambios()

Catch ex AsException Mensaje = ex.Message r = False EndTry

Return r EndFunction PublicFunction GuardarCambios() AsBoolean Dim r AsBoolean = False Try Adapter.Update(Tabla) Mensaje = "ok" r = True Catch ex AsException Mensaje = ex.Message r = False EndTry Return r EndFunction PublicFunction Eliminar(ByVal ides AsInteger) AsBoolean Dim r AsBoolean = False Try Adapter.DeleteByid(ides) Mensaje = "ok" r = True Catch ex AsException Mensaje = ex.Message r = False EndTry Return r EndFunction EndClass

ORGANIZAR CAPAS EN CARPETAS:

CAPA DE PRESENTACIN Codificacin del mdulo principal:


ModuleModule1 Dim Estu AsNewESTUDIANTES() Sub Main() Dim salir AsBoolean = False Dim tecla AsConsoleKeyInfo Do pantallaPrincipal() Console.CursorVisible = False tecla = Console.ReadKey(True) Console.CursorVisible = True SelectCase (tecla.Key) CaseConsoleKey.D1, ConsoleKey.NumPad1 If Estu.LlenarDatos() Then MostrarTabla() Else Console.Clear() Console.WriteLine(Estu.Mensaje) Console.ReadKey() EndIf CaseConsoleKey.D2, ConsoleKey.NumPad2 BuscarParteDelNombre() CaseConsoleKey.D3, ConsoleKey.NumPad3 IngresarEstudiante() CaseConsoleKey.D4, ConsoleKey.NumPad4 ModificarNotaParcial1Estudiante() CaseConsoleKey.D5, ConsoleKey.NumPad5 EliminarEstudiante()

CaseConsoleKey.D6, ConsoleKey.NumPad6 salir = True

EndSelect

LoopWhile salir = False EndSub Sub pantallaPrincipal() Console.Clear() Console.WriteLine("PROYECTO CAPAS CONSOLA") Console.WriteLine("1) MOSTRAR TODOS") Console.WriteLine("2) CONSULTAR POR PARTE DEL NOMBRE") Console.WriteLine("3) INGRESAR UN NUEVO ESTUDIANTE") Console.WriteLine("4) MODIFICAR NOTA PARCIAL 1") Console.WriteLine("5) ELIMINAR POR ID") Console.WriteLine("6) SALIR") Console.WriteLine() Console.WriteLine("Escoja la opcion pulsando el numero correspondiente") EndSub Sub BuscarParteDelNombre() Console.Clear() Console.WriteLine("Buscar estudiante por nombre") Console.Write("Ingrese parte del nombre a buscar:") Dim n AsString = Console.ReadLine() If Estu.LlenarDatosPorParteDelNombre(n) Then MostrarTabla() Else Console.WriteLine(Estu.Mensaje) Console.ReadKey() EndIf EndSub ''' <summary> ''' Solo ingresamos el estudiante curso y un parcial ''' </summary> ''' <remarks></remarks> Sub IngresarEstudiante() Console.Clear() Console.WriteLine("Ingresar nuevo estudiante") Console.Write("Nombre:") Dim n AsString = Console.ReadLine() Console.Write("Curso:") Dim c AsString = Console.ReadLine() Console.Write("Nota Parcial 1:") Dim p1 AsDouble = Console.ReadLine() If Estu.Agregar(n, c, p1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0) Then Console.WriteLine("Registro agregado") Else Console.WriteLine(Estu.Mensaje) EndIf Console.ReadKey()

EndSub Sub ModificarNotaParcial1Estudiante() Console.Clear() Console.WriteLine("Modificar nota del estudiante")

Console.Write("Buscar id de estudiante:") Dim idbuscar AsDouble = Console.ReadLine() If Estu.LlenarDatosporID(idbuscar) Then MostrarEstudiante(Estu.FilaActual) Dim c AsString = Console.ReadLine() Console.Write("Nueva Nota Parcial 1:") Estu.FilaActual.p1 = Console.ReadLine() If Estu.GuardarCambios() Then Console.WriteLine("Cambios realizados") Else Console.WriteLine("Error al guardar: {0}", Estu.Mensaje) EndIf Else Console.WriteLine("Error al buscar: {0}", Estu.Mensaje) EndIf Console.ReadKey()

EndSub Sub EliminarEstudiante() Console.Clear() Console.WriteLine("Eiminar estudiante") Console.Write("Buscar id de estudiante:") Dim idbuscar AsDouble = Console.ReadLine() If Estu.LlenarDatosporID(idbuscar) Then MostrarEstudiante(Estu.FilaActual) Console.WriteLine("Confirma que desea eliminar este estudiante? pulse S o N ") Dim t AsConsoleKeyInfo = Console.ReadKey() If t.Key = ConsoleKey.S Then If Estu.Eliminar(idbuscar) Then Console.WriteLine("Registro eliminado") Else Console.WriteLine("Error al eliminar: {0}", Estu.Mensaje) EndIf EndIf Else Console.WriteLine("Error al buscar: {0}", Estu.Mensaje) EndIf Console.WriteLine("Operacin terminada") Console.ReadKey()

EndSub Sub MostrarEstudiante(ByVal es AsBDESTUDIANTESDataSet.EstudiantesRow) Console.SetCursorPosition(0, Console.CursorTop) Console.Write(es.id) Console.SetCursorPosition(5, Console.CursorTop) Console.Write(es.Nombre) Console.SetCursorPosition(40, Console.CursorTop) Console.Write(es.curso) Console.SetCursorPosition(55, Console.CursorTop) Console.WriteLine(es.p1) EndSub Sub MostrarTabla() Console.Clear() Console.WriteLine("Estudiantes...")

Console.SetCursorPosition(0, Console.CursorTop) Console.Write("id") Console.SetCursorPosition(5, Console.CursorTop) Console.Write("Nombre") Console.SetCursorPosition(40, Console.CursorTop) Console.Write("Curso") Console.SetCursorPosition(55, Console.CursorTop) Console.WriteLine("Parcial 1") ForEach f AsBDESTUDIANTESDataSet.EstudiantesRowIn Estu.Tabla MostrarEstudiante(f) Next Console.ReadKey() EndSub

EndModule

DIARIO DE CAMPO CLASE N 11


Domingo 22 de septiembre del 2013

x. fill (h) es un data adapter a. fillby edula (m, 0702707977) m. es una data table Proyectos capas consola Capa de negocio su funcin es ocuparse de los clculos no debe hacer interaccin con el usuario todo lo hace mediante parmetros.1 Capa de presentacin est dedicada a la interaccin del usuario hacer los mens, etc. Capa datos la interaccin con la base de datos en este programa est el aprendizaje nuevo de este captulo; tres formas bsicas de aplicar el comando 1 ejecute noom query executa un comando SQL en la base de datos pero que no

DATA SET

2 execute reader.sirve para llenar un puntero data Reader para crear un puntero que me permite recorrer la table de llenar con el lector del tipo SQL despus que se hace el recorrido se cierra execute scalar su palabra lo indica escala y escala escalar es un numero si es pregunta de examen ejecuto ejecute noom query para insert Consulto: selec pron estudiante 2 Mtodo mediante data sets hay sin tipos y los tipados te da una programacin automtica que te permite manejar de la mejor manera+ date sate tipado 1 Agregamos origen de datos al proyecto. esto crea automticamente u datasets tipadpo k estara disponible para todo el proyecto n 2 Agregamos todas correspondientes las consultas k necesitamos a las date set

3 Utilizamos los tables adapters correspondientes para llevar 4 y traer desde y hacia la base de datos a) Metodo fill y los metodos creados a partir de este: dim tabla asnew de Estudiantes datasetestudiante datatable b) dim mi adaptere as new bdestudiantetableadapter.estudiantetableadapter. fill (mi table)

DIARIO DE CAMPO CLASE N 12


Domingo 29 de septiembre del 2013 PROGRAMACIN WEB. La Web es un entorno que se ha vuelto cada vez popular para la implementacin de sistemas en Instituciones y Empresas que desean una mayor interaccin con clientes o usuarios, es por eso que la tecnologa se ha enfocado estos ltimos aos con un especial inters en desarrollo de aplicaciones en este entorno. Visual estudio ofrece para entornos web el modelo ASP.NET el cual permite realizar codificacin del lado del servidor, utilizando un lenguaje a elegir, de entre los cuales los ms populares son Visual Basic N 6, la codificacin web

se puede volver sumamente compleja sino comprendemos previamente algunos detalles con respeto al funcionamiento, tanto de la web como de los diferentes tipos de tecnologa y codificacin. La web un sistema cliente servidor. En primer lugar la web ( World, Wide, Web, W.W.W.) es un servicio o una tecnologa que funciona sobre internet, tenemos en cuenta que cuando hablamos de internet, estamos refirindonos a las interconexiones a nivel mundial sobre las cuales pueden funcionar muchos servicios, la web no es ms que una de las muchas tecnologas o servicios que funcionan sobre la web. Los microprocesadores y la tecnologa sale de la arena (silicio) La web es en realidad un sistema cliente, servidor donde existen dos tipos de programas que funcionan de fondo, el cual se encuentra en la computadora que poseen los archivos que van hacer compartidos y solicitados en toda la red, este programa de fondo o back-end en el caso de la web puede ser IIS (internet, informatin, servises), para Windows y que se lo puede encontrar como una de las caractersticas de Windows que se puede agregar desde el panel de control o en el caso de los sistemas Linux, se puede usar un programa llamado APACHE. La funcin del Back end es la de recibir peticiones que en el caso de la web son las Upts, analizarlas y enviar lo solicitado al cliente. Como tereas intraclase dibujar al funcionamiento del Facebook para que y que es:

Este grafico es el escritorio de Windows

Este panel me permite ingresar al Facebook de manera directa

Conceptos y principios. La Nube representa la web Web.- Esta en la ltima capa, aplicacin, HTTP, HTPS, protocolos de la web Internet.- Esta en tres primeras capas fsica, conexin y transporte Inter interconexin Net redes Internet es una red interconectadas entre si, es la interconexin, la parte fsica, cable, sobre esto funciona muchos servicios solo uno de ellos es la web. Meseger, Pint, Blac.berry El internet son los protocolos fsicos, los protocolos son la conexiones o reglas de cmo se las utiliza La web es todo lo que funciona con hipervnculos, su principal motor son los vnculos, la web son las paginas es decir todo lo que yo quiero utilizar. Ejemplo: Las vas es el internet y os vehculos vendra hacer la web A las paginas net se las llama intranet, cuando utilizo protocolos propios internos, BPN son los tneles, los cajeros automticos se conectan a travs de los tneles de la web.

Un sistema es un cliente servidor es decir cuando tiene los dos lados funcionando, tiene que tener un software cliente y un software servidor. Ejemplo. El programa de Moxilla es el cliente y el servidor es el motor de SQL spress. El servidor no es la computadora sino es el software el programa El otro programa es el que funciona en frente, es decir es el programa que utiliza el usuario para visualizar las respuestas de la peticin realizada, conocido como front-end es el moto como Google, Crom, Mozilla Firefox, Internet Explorer, como este programa el usuario escribe la peticin en forma de URL, esta viaja por internet con ayuda de los DNSs hasta encontrar el servidor Web, adecuado, el servidor enviara lo solicitado y el navegador cubrir esta informacin para finalmente visualizarla en la pantalla del usuario Plugin es un agregado que le instala al navegador Java lenguaje tipo streen. Cliente HTML, CSS, JS Servidor tenemos: SQL, JIS, ASP. NET, AJAX

DIARIO DE CAMPO CLASE N 13


Domingo 6 de octubre del 2013 En esta clase se record lo anterior, cuando se hace una carga posbat manda nuevos datos para la actualizacin de la pgina. URL, direccin de la lnea de la pgina Pgina WEB, es un documento, archivo Sitio WEB, Facebook, contenido, es una carpeta raz que puede obtener subcarpetas, las pginas o los archivos de la pgina web son archivos de texto plano, texto puro contiene Txt es el ms compatible en todos los sistemas El navegador lee las instrucciones y la arma en pantalla, las instrucciones estn dadas en lenguaje especficos y marcados, formados por etiquetas. <Etiqueta> se abre

</ Etiqueta>se sierra El lenguaje demarcado sirve para dar forma. Parmetro 1 = -----------parmetro 2 -------------> El dominio es una visin que se conecta

Sitio web, clic en bloc de notas

DIARIO DE CAMPO CLASE N 14


Domingo 13 de octubre del 2013

PROGRAMACIN WEB
La Web es un entorno que se ha vuelto cada vez ms popular para la implementacin de sistemas en instituciones y empresas que desean una mayor interaccin con clientes o usuarios, es por eso que la tecnologa se ha enfocado los ltimos aos con con un especial inters en el desarrollo de aplicaciones en este entorno. Visual Studio ofrece para entornos Web el modelo ASP.net, el cual permite realizar codificacin del lado del servidor utilizando un lenguaje a elegir, de entre los cuales los ms populares son Visual Basic y C#. La codificacin Web se puede volver sumamente compleja si no comprendemos previamente algunos detalles con respecto al funcionamiento tanto de la Web como de los diferentes tipos de tecnologas y codificacin.

La web, un sistema cliente-servidor.


En primer lugar la Web (World Wide Web o WWW), es un servicio o una tecnologa que funciona sobre Internet, tomemos en cuenta que cuando

hablamos de Internet estamos refirindonos a las interconexiones a nivel mundial, sobre las cuales pueden funcionar muchos servicios, la Web no es ms que una de las muchas tecnologas o servicios que funcionan sobre la Web. La Web es en realidad un sistema Cliente-servidor, donde existen dos tipos de programas, uno que funciona de fondo, el cual se encuentra en la computadora que posee los archivos que van a ser compartidos y solicitados en toda la red, este programa de fondo o back-end en el caso de la Web puede ser IIS(Internet Information Services) para Windows y que se lo puede encontrar como una de las caractersticas de Windows que se pueden agregar desde el panel de control, o en el caso de los sistemas Linux se suele usar un programa llamado APACHE. La funcin del Back-end es la de recibir peticiones, que en el caso de la web son las URLs, analizarlas y enviar lo solicitado al cliente. El otro programa es el que funciona en frente, es decir, es el programa que utiliza el usuario para visualizar las respuestas de la peticin realizada, conocido como front-end en el modelo cliente-servidor y que en el caso de la web es un navegador, como Goolge Chrome, Mozilla Firefox o Internet Explorer, cono este programa el usuario escribe la peticin en forma de URL, esta viaja por Internet con ayuda de los DNSs hasta encontrar el servidor Web adecuado, el servidor enviar los solicitado y el navegador recibir esta informacin para finalmente visualizarla en la pantalla del usuario.

Es precisamente este esquema cliente servidor a nivel Web del que tenemos que estar pendientes todo el tiempo cuando creamos aplicaciones Web. Cuando creamos aplicaciones de escritorio o Windows no sucede esto, ya que todo el cdigo siempre funciona en la misma mquina donde se est trabajando, ya que en esta reposa.

Diferentes tipos de codificacin en una aplicacin Web


Una de las complicaciones de trabajar en entornos web viene debido a que por la estructura y complejidad que implica trabajar colaborativamente entre una computadora que visualiza solamente resultados(cliente) y otra que puede encontrarse a miles de kilmetros de distancia, que es la que procesa todas las peticiones y contiene los datos con los que queremos trabajar, necesitamos diferentes tipos de codificacin de distintos lenguajes, que son los que trabajan en las diferentes etapas del proceso.

CODIFICACIN HTML: Es el cdigo con el cual estn construidas las pginas web. No es un lenguaje de programacin sino ms bien un lenguaje de informacin, se utiliza para definir cmo armar la pgina web del lado del cliente y es la informacin que enva el servidor, es decir, es el cdigo que viaja a travs de Internet con la informacin para que el navegador pueda construir el documento frente al usuario. Se trata de un lenguaje de Marcado, el cual est compuesto de etiquetas.Cada etiqueta se delimita con los smbolos <etiqueta> y son las que indican de qu manera tratar cada parte de los datos de construccin enviados.

CODIFICACIN DEL LADO DEL CLIENTE:Es la codificacin en un lenguaje de programacin real de tipo script, la cual se ejecuta en la computadora del cliente y es procesada a travs del navegador, debido a que en el cliente no reside la informacin ni las bases de datos, el objetivo de esta codificacin se centra en administrar el entorno, hacer clculos rpidos y otras funciones sin que sea necesario recargar la pgina o establecer una retroalimentacin con el servidor web. Normalmente esta codificacin viaja incrustada entre las lneas de cdigo html dentro de la etiqueta <script></script> y es perfectamente visible por el usuario en la computadora cliente, si este sabe ubicarlo. Aunque existe la versin Visual Basic Script, normalmente es usada de forma mucho ms extendida la codificacin JavaScript.

CODIFICACIN DEL LADO DEL SERVIDOR:Esta codificacin es la que se ejecuta del lado del servidor, tomando en cuenta que es en este lado donde se encuentra toda la informacin y por lo general la base de datos, es la codificacin que resulta ms til cuando se trata de desarrollar sistemas comerciales o para instituciones. La codificacin del lado del servidor puede estar mezclada con el cdigo html original, sin embargo no viaja al cliente, de tal manera que el usuario nunca la puede ver, ya que al ejecutarse en el servidor ste solamente manda al cliente los resultados. De entre los lenguajes ms populares para codificacin del lado del servidor se destaca PHP, el cual utiliza mayormente la tcnica de mezclarse con el cdigo html durante su construccin. En la siguiente imagen podemos ver el cdigo php mezclado con html dentro de las etiquetas marcadas as: <? Cdigo php >.

Recuerde que este cdigo solo est en el servidor, al cliente le llega nicamente los resultados ya procesados, este cdigo solo se ejecutara en computadoras que tengan instalados un servidor web(IIS o APACHE) y el servidor PHP que procesar todo. ejemplo:

ALGUNOS DETALLES DE FUNCIONAMIENTO:Debemos tomar en cuenta que al ejecutarse la codificacin en el lado del servidor pero presentar los resultados en el cliente se van a presentar ciertas complejidades inherentes a este proceso, como por ejemplo la nocin que debe estar presente del instante de la carga de la pgina vs la recarga por efecto de una peticin de resultados dentro de la misma pgina. A la recarga de la pgina por efecto de la peticin de ejecucin de cdigo del lado del servidor se lo conoce como POSTBACK y est compuesto de dos elementos: RESPONSE Es la accin de enviar informacin al servidor para que este ejecute cdigo, contiene elementos tales como parmetros que sern recibidos por el servidor o la informacin de cookies creadas. REQUEST Es la accin de recibir la informacin como resultado de una accin del post, contiene elementos como el establecimiento de los valores de las cookies por parte del servidor en el cliente. Otra cosa que se debe tomar en cuenta es que, dado el modelo cliente servidor, la ejecucin de cdigo sucede una vez por cada postback e inmediatamente se libera memoria, de tal manera que las variables no conservan sus valores, es por eso que si necesitamos valores que se conserven para ejecuciones posteriores de cdigo se tiene que recurrir a tcnicas especialmente creadas para resolver este problema, por ejemplo, podemos conservar valores en el cliente mediante el uso de campos de texto ocultos o mediante las coockies, que son pequeos archivos temporales que se

creanen los clientes precisamente con este fin, y si queremos que los valores se conserven en el servidor podemos recurrir al objeto SESSION que est para este propsito.

ASP NET y Visual Basic


ASP NET es programacin del lado del servidor, la cual presenta una considerable mejora con respecto a la forma clsica de la programacin de este tipo que es, como vimos anteriormente, mezclando la programacin con el cdigo html original de la pgina. La mejora que introduce ASP NET es separar el codigo de servidor del codigo html, mezclando los dos cdigos solo cuando sea muy necesario, e incrementar el soporte POO para ambientes Web, de esta manera se logra que la programacin en ambientes Web sea muy parecida a la programacin en ambientes de escritorio(Windows), sin dejar de tomar en cuenta los elementos propios de trabajar en una aplicacin de tipo cliente servidor tales como los postback y el problema de conservacin de valores.

CREANDO UNA APLICACIN WEB


Vamos a crear un pequeo programa para sumar dos nmeros usando codificacin del lado del servidor con Visual Basic y ASP.NET. 1) Creamos un nuevo Proyecto tipo Web ylo llamamos sumardosweb.

2) Vemos que se crean automticamente algunos archivos en nuestro


explorador de soluciones, el que va a iniciarse se debe llamar Default.aspx, ese nombre es estndar, por lo tanto debemos evitar cambiarlo, adems se nota que la pgina se abre en la vista codigo, que muestra el codigo html, debemos cambiar a la vista diseo para poder dibujar los controles.

3) En la vista diseo colocamos controles web hasta que tenga un aspecto y nombres de controles como el siguiente.

4) Ingresamos al manejador del evento clic del botn enviar y codificamos:

5) Veremos que, como es muy posible que nuestra computadora no tenga instalado un servidor Web, Visual Studio crea temporalmente un servidor Web Virtual subido a travs de un puerto de red para simular la ejecucin en un servidor real, con lo cual nuestra pagina se abrir en nuestro navegador Web predeterminado hacinedo las veces de cliente, notese que para obtener la respuesta se produce una recarga POSTBAK de la pgina.

Esta aplicacin Web que acabamos de realizar no se justifica debido a que para una operacin tan simple estamos enviando datos para ser ejecutados en el servidor, lo pertinente hubiera sido para una aplicacin as hacer solo codificacin que se ejecute del lado del cliente en JavaScript, de esta manera no se requerira una accin de POSTBACK para ver el resultado. Ahora veamos una aplicacin que s justifica su ejecucin en el servidor, debido a que debe realizar una conexin con base de datos para funcionar. Vamos a crear una versin Web de la aplicacin para realizar las 4 operaciones bsicas sobre la tabla Clientes de nuestra base de datos BDNegocios realizada en SQLEXPRESS. 1) Cree un nuevo proyecto Web. 2) Al proyecto Web agrguele un nuevo Dataset(la opcion origen de datos no est disponible para web), para esto haga clic derecho sobre el pryecto en el explorador de soluciones y escoja Nuevo elemento Datos Conjunto de datos, llamelo DSNegocios. 3) Con DSNegocios Abierto haga clic derecho y agregue un nuevo table adapter, escoja la conexin a la base de datos y mediante el generador de consultas cree una consulta para la tabla clientes. 4) Le aadimos nuevas consultas al tableAdapter: un FillByCodigo que traiga un solo registro dependiendo del cdigo, un FillByParteDelNombre y un Eliminar personalizado. 5) Al finalizar esta etapa previa se debe ver los detalles como en l imagen a continuacin:

6) Ayudados con una tabla HTML para organizar la presentacin de la pgina Web creamos una interface como la siguiente:

7) Agregamos al proyecto otra pagina Web, llammosla Listado.aspx, debe ser una pagina que utilice una pgina maestra, como pagina maestra escoge site.master y le agrega un grid que llamaremos GridViewClientes. 8) Insertamos el cdigo necesario para los botones tanto para Default como para Listado (complete el codigo faltante).

CODIGO DE CLASE PARA DEFAULT.ASPX:

PublicClass_Default Inherits System.Web.UI.Page Sub PasarDeFormAFila(ByVal Fila AsDsNegocios.ClientesRow) Try labMensaje.Visible = False Fila.Codigo = txtCodigo.Text Fila.Nombres = txtNombres.Text Fila.Direccion = txtDireccion.Text Fila.Telefonos = txtTelefonos.Text Catch ex AsException labMensaje.Visible = True labMensaje.Text = ex.Message EndTry EndSub Sub PasarDeFilaAForm(ByVal Fila AsDsNegocios.ClientesRow) Try labMensaje.Visible = False txtCodigo.Text = Fila.Codigo Completar ----------------------------------------------------------------------------------------

Catch ex AsException labMensaje.Visible = True labMensaje.Text = ex.Message EndTry EndSub ProtectedSub Page_Load(ByVal sender AsObject, ByVal e As System.EventArgs) HandlesMe.Load EndSub ProtectedSub btBuscarCodigo_Click(ByVal sender AsObject, ByVal e AsEventArgs) Handles btBuscarCodigo.Click Try labMensaje.Visible = False Dim adtCli AsNew DsNegociosTableAdapters.ClientesTableAdapter() Dim tbCli AsNewDsNegocios.ClientesDataTable Dim Fila AsDsNegocios.ClientesRow adtCli._ _ _ _ _ _ _ _(tbCli, txtCodigo.Text) Completar con el metodo para llenar por codigo If (tbCli.Rows.Count > 0) Then Fila = tbCli.Rows(0) PasarDeFilaAForm(Fila) Else labMensaje.Visible = True labMensaje.Text = "El Cliente no fue encontrado"

EndIf

Catch ex AsException labMensaje.Visible = True labMensaje.Text = ex.Message EndTry EndSub ProtectedSub btnAgregar_Click(ByVal sender AsObject, ByVal e AsEventArgs) Handles btnAgregar.Click Try labMensaje.Visible = False Dim adtCli AsNew DsNegociosTableAdapters.ClientesTableAdapter() If adtCli.Insert(txtCodigo.Text, txtNombres.Text, txtDireccion.Text, txtTelefonos.Text) Then labMensaje.Visible = True labmensaje.Text = "Nuevo registro insertado" EndIf Catch ex AsException labMensaje.Visible = True labMensaje.Text = ex.Message EndTry EndSub ProtectedSub btnLimpiar_Click(ByVal sender AsObject, ByVal e AsEventArgs) Handles btnLimpiar.Click 'Agregar codficacion para borrar contenido de los textos

EndSub ProtectedSub btnGrabar_Click(ByVal sender AsObject, ByVal e AsEventArgs) Handles btnGrabar.Click Try labMensaje.Visible = False Dim adtCli AsNew DsNegociosTableAdapters.ClientesTableAdapter() Dim tbCli AsNewDsNegocios.ClientesDataTable Dim Fila AsDsNegocios.ClientesRow adtCli.FillByCodigo(tbCli, txtCodigo.Text) If (tbCli.Rows.Count > 0) Then Fila = tbCli.Rows(0) PasarDeFormAFila(Fila) If adtCli._ _ _ _ _ _(tbCli) > 0 Then Grabar cambios labMensaje.Visible = True labMensaje.Text = "Registro actualizado" EndIf

Else labMensaje.Visible = True labMensaje.Text = "El Cliente no fue encontrado" EndIf

Catch ex AsException labMensaje.Visible = True labMensaje.Text = ex.Message EndTry EndSub ProtectedSub btnEliminar_Click(ByVal sender AsObject, ByVal e AsEventArgs) Handles btnEliminar.Click Try labMensaje.Visible = False Dim adtCli AsNew DsNegociosTableAdapters.ClientesTableAdapter() If adtCli.Eliminar(txtCodigo.Text) > 0 Then labMensaje.Visible = True labMensaje.Text = "Registro eliminado" 'colocar codigo para limpiar cuadros de texto

Else labMensaje.Visible = True labMensaje.Text = "El Cliente no fue encontrado" EndIf

Catch ex AsException labMensaje.Visible = True labMensaje.Text = ex.Message EndTry EndSub ProtectedSub btnBuscarNombre_Click(ByVal sender AsObject, ByVal e AsEventArgs) Handles btnBuscarNombre.Click Try Response.Redirect("Listado.aspx?nombre=" + txtNombres.Text) Catch ex AsException EndTry EndSub EndClass

CODIGO DE CLASE PARA LISTADO.ASPX: PublicClassListado Inherits System.Web.UI.Page ProtectedSub Page_Load(ByVal sender AsObject, ByVal e As System.EventArgs) HandlesMe.Load Try Dim adtCli AsNew DsNegociosTableAdapters.ClientesTableAdapter() Dim tbCli AsNewDsNegocios.ClientesDataTable

IfNotString.IsNullOrEmpty(Request.Params("nombre")) Then adtCli._ _ _ _ _ _ _ _ _ _ (tbCli, Request.Params("nombre").Trim()) llenar por parte delnom GridViewClientes.DataSource = tbCli GridViewClientes.DataBind() EndIf

Catch ex AsException

EndTry EndSub EndClass

DIARIO DE CAMPO CLASE N 15


Domingo 10 de noviembre del 2013 En esta sesin trabajamos con el lado del cliente significa nominar la base de datos desde el computador GUA TALLER #4HTML CSS Y JAVASCRIPT

Vamos con esta gua a ampliar un poco ms nuestra habilidad en el diseo y manipulacin del lado del cliente, finalizando as nuestra etapa de manipulacin de las pginas web en la computadora del usuario, de esta manera podremos concentrarnos en las sesiones subsiguientes en ASP, que ser el cdigo del lado del servidor.

Los elementos que ver en este documento html adems del propio cdigo HTML son: Estilos aplicados a etiquetas genereales. (en la seccin head - style). Estilos aplicados mediante clases. (en la seccin head - style, comienzan con un punto). Funciones java script(en la seccin head script). Llamadas a las clases de estilos (en las etiquetas con el atributo class=, en la seccin Body) Etiquetas html identificadas con un nombre (En la seccin Body mediante el atributo id=). Llamadas a las funciones de java script, en el botn calcular y el cuadro de informacin, se utilizan para llamar a las rutinas que calculan la edad y para ocultar el cuadro de informacin, se los llama en el evento clic mediante el atributo onclick= . Adems veremos como usar todas estas caractersticas para simular llamadas a ventanas, que en realidad sern etiquetas divs con sus estilos manipulados mediante javascript. Veremos tambin cmo mediante javascript escribir interactivamente en el cdigo HTML de un div.

A continuacin se muestra el cdigo HTML utilizado, por motivos de asegurar un mejor aprendizaje se lo pone como imagen para que se lo copie escribiendo y no usando copiar y pegar. Utilice Visual Studio, bloc de notas o el editor que usted prefiera para copiar la siguiente codificacin html css javascript:

El resultado final de esta codificacin debe verse de la siguiente manera:

Analice cada parte de la codificacin, solicite ayuda al docente para las partes que no comprenda y en base a esto cree una solucin en pgina web apoyada en javascript para resolver el siguiente ejercicio: 1) Cree un programa que muestre los N trminos de la serie de Fibonacci, para esto se deber solicitar al usuario cuntos trminos de la serie de Fibonacci desea mostrar. Recordemos que la serie de Fibonacci comienza con los nmeros 0 y 1, de ah en adelante cada trmino se logra sumando los dos trminos anteriores, as si deseamos los primeros 7 trminos de la serie seran: 0 1 1 2 3 5

DIARIO DE CAMPO CLASE N 16


Domingo 17 de noviembre del 2013 Catlogo de base de datos bd. Estudiantes 1.- idibigint, Auto numrico, clase principal Nombre. Curso. Nota 1 Nota 2 Nota 3 2.- Ingresos datos 3.- Crear un proyecto Web de visual basic web servidor 1 4.- Agregar la tabla como origen de datos del proyecto 5.- Crear una carpeta para la base de datos t otra para la capa de negocio 6.- Mover el Datased a la capa de datos 7.- Crear en la capa de negocio una base llamada clase estudiante Varchar (50) Varchar (50) Float Float Float

DIARIO DE CAMPO CLASE N 17


Domingo 01 de diciembre del 2013 En esta sesin realizamos el taller # 5. PROGRAMACIN ASP LADO DEL SERVIDOR 1 Con esta gua vamos a introducirnos en la codificacin del lado del servidor, con asp net, utilizando cdigos de Visual Basic Net. Vamos a construir una aplicacin Web que maneje las operaciones bsicas sobre una tabla, es decir, mostrar los registros, agregar nuevos registros, editarlos y eliminarlos.

Siga paso a paso las instrucciones siguientes, apyese en las guas anteriores y sus apuntes para recordar las partes que en esta gua se toman como elementos de su dominio. GUIA TALLER: 1) Crear base de datos dbEstudiantes tabla estudiantes.

2) 3) 4) 5) 6) 7)

Nota: El campo id es auto numrico (Especificacin de identidad: s). Ingresar datos Crear un proyecto de Aplicacin web vaca de Visual Basic llamada WebServidor1 Agregar la tabla como origen de datos del proyecto (Revisar anotaciones y guas anteriores). Crear una carpeta para la capa de datos y otra para la capa de negocios. Mover el dataset a la capa de datos. Crear en la carpeta de negocios una clase llamada clsEstudiantes. Hasta este punto su estructura de archivos del proyecto debe verse as:

8) Ahora alistemos la capa de datos. a. Le aadimos en primer lugar una consulta al tableAdapter del dataset de nuestra capa de datos que permita localizar un estudiante mediante su id (Revise las guias anteriores para recordar detalles de cmo hacerlo), llmela FillByid, la codificacin de la consulta debe quedar ms o menos as:

b. Agreguemos una consulta de eliminacin mediante el id y la llamamos simplemente eliminar:

c. Al finalizar nuestra tabla en el dataset debe verse as:

9) En la capa de negocios creamos la clase que administrar el acceso a nuestra base de datos, el objetivo de la clase es brindar un proceso estandarizado a todo el proyecto para tratar con los datos de la tabla de estudiantes, la siguiente codificacin solo es una propuesta de cmo hacerlo. En esta propuesta de clase consta de 4 propiedades pblicas, TablaEstudiantes: La tabla que contiene los registros cargados de la base de datos.

AdapterEstudianters: El tableAdapter que sincroniza los datops con la base de datos real. FilaActual: Un EstudiantesDataRow que contendr siempre el registro actual despus de una bsqueda o actualizacin. Mensaje: Un String que almacenar cualquier mensaje generado para ser utilizado por la capa que manipule un objeto de esta clase. Tambin tenemos 3 Mtodos: LlenarTabla: No recibe ningn dato, llena la TablaEstudiantes con todos los registros de la base de datos real, coloca al primer registro como la FilaActual, devuelve Verdadero siu todo result bien. BuscarEstudiante: Recibe el id del estudiante y lo ubica en la base de datos, si el registro es encontrado devuelve verdadero y coloca al estudiante en FilaActual. EliminarEstudiante: Recibe el id del estudiante y lo elimina de la base de datos AgregarEstudiante: Recibe todos los datos de un nuevo estudiante excepto el id ya que ste es autonumrico, y agrega estos datos a la base de datos real. ModificarEstudiante: Recibe todos los datos de un estudiante existente, utiliza el id para localizarlo y modifica sus datos con los enviados. La codificacin de la clase sera:

10) Ahora con todo el ambiente preparado podemos crear nuestra primera pgina asp para incluir codificacin del lado del servidor. Para esto hacemos clic derecho en el nombre del proyecto dentro de nuestro explorador de soluciones y agregamos un nuevo elemento, este nuevo elemento debe ser un Web Form al cual debemos llamar Default.aspx, ya que dentro de la estructura de un servidore asp se reconoce con este nombre a la pgina inicial.

Se puede ver que se agrega automticamente codificacin html igual que cuando creamos una pgina Web bsica, observe que se agrega una etiqueta form que incluye una div en su interior, vase que la etiqueta form contiene un atributo runat=serverlo cual nos indica que es un control de lado del servidor, es decir que va a estar disponible desde la codificacin de servidor as como que ser procesado all y por lo tanto no llegar al cliente sino como una representacin html procesada. Aclaracin: Las pginas de codificacin del lado del servidor no son pginas html simples, en su lugar se crean pginas especializadas que se procesarn con el lenguaje respectivo, as si estamos utilizando PHP crearemos una pgina .php, en el caso de Asp de Visual Basic se debe crear una pgina aspx. Estas pginas deben ser procesadas por el lenguaje adecuado en el servidor, es decir un servidor del lenguaje, por ejemplo, la computadora que har de nuestro servidor web necesita tener instalado el servidor asp, esto se debe a que cuando el cliente solicita la pgina, no se enva la pgina con los cdigos originales como sucede con una pgina html, sino que sta tiene que ser procesada en el servidor y los resultados son enviados como html simple para el cliente, es decir, el servidor crea en el momento de la solicitud la pgina html y se la enva al usuario, de esta manera el programador debe construir en tiempo de ejecucin la pgina que quiere que le llegue al cliente, y el cliente nunca podr ver la codificacin original del lado del servidor.

Este proceso descrito anteriormente ocurre tambin cada vez que un control solicita una actualizacin como resultado de la invocacin de un evento de servidor, por ejemplo si hace clic en un botn asp que se ejecuta de ese lado, a esta accin de invocar una recarga de actualizacin de la pgina para ejecutar una codificacin de servidor se le conoce como POSTBACK, el postBack est compuesto a su vez de dos etapas, la primera se llama request y es la llamada del cliente hacia el servidor, contiene todos los datos de lo enviado al servidor, la segunda es response, esta es la respuesta que enva el servidor al cliente, se la puede utilizar para enviar informacin, modificar la respuesta o redireccionar la pgina.

11) Ahora nos dedicamos a la construccin de la codificacin de la pgina, que esta vez incluir los siguientes elementos que deber usted procurar identificar. Cdigos HTML. Estilos CSS. Clases CSS. Codificacin JavaScript. Codificacin del lado del servidor intercalada en el cdigo HTML. Etiquetas html de controles asp del lado del servidor. Codificacin del lado del servidor que controla los eventos disparados por los controles de servidor y que se encuentran en un archivo de cdigos diferente. ACLARACIN: Los controles del lado del servidor empiezan con <asp:, por ejemplo <asp:Label ID=labCodigo runat=server Text=Codigo></Label>, las cuales necesitan la aclaracin runat server para especificar que se van a ejecutar y ser visibles en la codificacin de servidor, as mismo esto permite que se puedan ejecutar eventos de manera similar a trabajar en un entorno de escritorio, los mtodos que manejaran estos eventos deben ser colocados en el archivo de codificacin relacionado a la pgina, cada vez que activemos un Postback en un elemento de servidor, ser invocado este cdigo y la pgina ser recargada para obtener las nuevas respuestas del servidor. 12) Primero vamos a escribir la codificacin del lado del servidor, los manejadores de eventos, que sern utilizados por los controles de servidor respectivos, para lo cual se deber hacer los siguiente: a. Haga clic derecho en la pgina Default.aspx dentro del explorador de soluciones y elija ver cdigo. b. En la codificacin de la pgina coloque lo siguiente:

Codificacin del archivo Default.aspx.vb:

13) Ahora para finalizar con la construccin vamos a la codificacin de la pgina, esto es, el archivo Default.aspx, asegrese de encontrarse en la

vista de cdigo html y de reconocer cada una de las partes antes mencionadas. La codificacin es la que se ve a continuacin, los detalles de la misma estn sealadas como comentarios en medio del cdigo.

El Resultado final debe verse de la siguiente forma:

Tarea: 1) Personalizar la apariencia de la pgina, agregando y modificando recuadros, formatos, imgenes, colores, o cualquier elemento para conseguir su propio diseo. 2) Hacer funcionar el botn eliminar, pidiendo una confirmacin antes de proceder al borrado del registro, esto lo puede hacer con la clusula confirm() en javascript. 3) Agregar una columna Estado despus del promedio donde se visualice si el alumno, con el promedio que est Aprobado, Supletorio o Remedial.

DIARIO DE CAMPO CLASE N 18


Domingo 08 de diciembre del 2013 Crear base de datos llamada Colegio.mdf Llamar a la tabla: Estudiantes

Crear Conjunto de datos y llamarlo: dsColegio

ESTO ES USAR DATASET TIPADO

Clase:

PublicClassclsEstudiantes Public Mensaje AsString = "ok" Public Tabla AsNew dsColegio.EstudiantesDataTable Public adaptador AsNew dsColegioTableAdapters.EstudiantesTableAdapter PublicFunction Agregar(ByVal Nombres AsString, ByVal N1 AsDouble, ByVal N2 AsDouble) AsBoolean Dim respuesta AsBoolean = False Try Dim r AsInteger = 0 r = adaptador.Insert(Nombres, N1, N2) If r > 0 Then respuesta = True Else Mensaje = "No se pudo agregar" EndIf

Catch ex As Exception Mensaje = ex.Message EndTry Return respuesta EndFunction EndClass

AGREGAR WEB FORM Lo llamamos Default.aspx

SE DEBE VER ASI EL PROYECTO:

DIARIO DE CAMPO CLASE N 19


Domingo 22 de diciembre del 2013 TEMA: POST BACK Es la separacin cuando se hace llamada a un cdigo servidor. El postback simplemente seria la accin por la cual la pgina vieja al servidor realizando una accin en el mismo. Por lo general el postback es ejecutado por la accin de un evento, ya sea el clic de un botn, o el cambio de seleccin de un combobox tambin puedes detectar si se est ejecutando una accin de postback o no, para ello tienes una propiedad a nivel de Page que permite preguntarlo por ejemplo si en el evento Load del formulario quieres saber si se esthaciendo postback o no puedes hacerlo LISTADO CURSO 1A 2A 1B 1B Ver Ver Ver Ver

NOMINA Alvares Espinoza Mendieta Ochoa

OPCIONES

Base de datos local: colegio Tabla: estudiante Id(llave principal) Nombre Direccin Telfono IdCurso Tabla Curso Id curso(llave principal) Curso Int Varchar (50) Autonumerico Bigint Varchar (50) Varchar(50) Varchar(20) Int auto numrico

CREAR BASE DE DATOS LOCAL EN UN PROYECTO WEB 1. 2. 3. A. Agregar carpeta datos al proyecto En la carpeta datos agregar conjunto de datos (ds colegio) En ds colegio agregar tabla adaters Cursos Select idcurso, curso from curso order by curso B. Estudiantes Select id, nombre, direccion, telefono, idcurso, form estudiantes order by nombre 4. Agregar consulta (Query) al table adapter estudiantes para consultar un estudiante por el id Selec id, nombre, direccin, telfono, idcurso, from estudiantes where id =@id Llamarlo FillByid 5. Agregar WebForm al proyecto: Default.aspx LISTADO Nomina Curso Opciones Ver

<body> <form id=form1 runat= server> <div> <label style..> listado </label> Curso:<asp:dropdpwrlist ID=id curso> runot=sever> < lasp:dropdwinlist> </ldiv> <fom> </bdx> <asp:Repeater ID=RptNaminoruntect= server Data datassoprsta =sql Estudiante> <Header Template> <table Border= 1 width=100%n> <tr> <td < Nomina </td><td> opciones </td> </tr> </Headett template> <item template> <tr> <td><%#Eval(Nombre) % ></td><td> ver </td></tr> </tem template <foder template> < /table> Total:<%=rptNomima. tems-couht%> <</fater template> </asp:repeater>

DIARIO DE CAMPO CLASE N 20


Domingo 05 de enero del 2014 BASE DE DATOS

LAS TABLAS CURSO Y ESTUDIANTE

<asp:DropDownList

CONVIERTE EN TABLAS

DISEO DE <asp:DropDownList

Hithertimpley es una plantilla de cabecera o pie de pgina y se ejecuta antes de ocurrir los datos de la consulta se lo abre y se cierra con un / <%#EVA (NOMBRE) % > En Carlos Martnez se acumulan todos los datos repeater est conectado con SQL estudiante Nomina Carlos Mara Luis Opciones Ver Ver Ver

Podramos decir que este ver sea un hipervnculo ID: 0001 tex nombre

NOMBRE

DIRECCIN

tex direccin

TELFONO

tex telfono

CURSO GRABAR Vamos a gravar un nuevo elemento

Fmreditar.aspx

Crear un n nuevo webform

Cuadros para agregar nombres, direccin, telfono se utiliza el botn Cuadro de herramienta LABEL Para crear el cuadro curso utilizo el cuadro de herramienta dorpdownlist Para crear el botn grabar utilizo el botn button

Para crear un hipervnculo <a hrer=http:// WWW.Google.com > Para llamar a la pgina utilizamos los siguientes vnculos <a herr= fhnEditar.aspx?id=<%#Eva/(id) % ><ver </a><hd>

DIARIO DE CAMPO CLASE N 21


Domingo 12 de enero del 2014 En esta clase el docente nos relacion y familiarizo los siguientes trminos: Intranet; sin salida al exterior, es decir es como una red local Internet; con salida al exterior, conexin de redes entre si buscando informacin Dominio; dentro de los dominios tenemos a Google Subdominio; Servicio de Hosting; un servidor de internet nos da un espacio y una direccin

Con respecto a la tarea el docente nos manifiesta que la base de datos puede ser local con 5 tablas, a continuacin revis las tareas que se faltaba de presentar.

DIARIO DE CAMPO CLASE N 22


Domingo 19 de enero del 2014 En esta clase el docente revisa las tareas que estaban postergadas y nos comunica que tenemos que presentar el portafolio una semana antes de los exmenes con la siguiente estructura. Cronolgico Organizado por sesiones o clases numeradas. Poseer una introduccin Compuesto de: Anotaciones de clase, separatas, guas didcticas, investigaciones personales, separatas, ejercicios resueltos, tareas realizadas y evaluaciones escritas y online. En formato digital (PDF y WORD). Entregarlo la semana anterior al examen subido a una nube(Google drive, SkyDrive, DropBox, Mediafire, etc), asegrese que est

compartido al pblico y lo subirn en la tarea respectiva de la opcin "tareas" de Mismaterias.net. El mejor portafolio tendr como incentivo puntos adicionales en los parmetros que le hicieran falta, deber entregarlo impreso, anillado y en un CD.

Luego nos manifiesta que tenemos que entregar un proyecto en la pgina web, que se cumpla tcnicamente, ejemplo. En la tabla cliente debemos agregar un cliente, eliminar un cliente, subir en SOME, en esta pgina hay 2 opciones para crear un sitio, tambin nos manifest que va a subir una prueba en lnea.

Potrebbero piacerti anche