Ejemplos de JavaSript

Recuerda tener creados el default y el archivo JScript para poder desarrollar los ejemplos.
Cuando se van a hacer los llamados a los procediminento en el boton que se crea, es con la opcion
onclick="Nombre Funcion()" para html y onclientclick="Nombre Funcion()" para asp, y los siguientes ejemplos veras como se aplican.

Ejemplo 1. Funcion Saludar

En el archivo JScript hacemos los siguiente:
function Saludar ( )
{
var nombre;
nombre = document.getElementById('txtNombre').value;
alert('Hola ' + nombre);
}


la instruccion document.getElementById('txtNombre').value; nos permite traer el dato que hay en ese textbox pero debe ser el nombre o como se creo en el defult como en el archivo JScript. Luego en el elemnto default creamos el boton con el label y el textbox

y lo por ultimo guardamos los cambios y lo ejecutamos.

Ejemplo 2. Funciones lógicas

Para cada funcion que se crea se necesita crear un boton para cada uno para dar los diferentes resultados

function ValidarEdad( ) Funcion Si
{
var edad;
edad = prompt ( "Ingrese su edad" ; " " );
if (edad >= 18)
{
alert ( 'Usted es mayor de edad' );
}
else
{
alert ( 'Usted es menor de edad' );
}
}

function Imprimir10( ) funcion Para
{
var i;
for (i=1; i<=10; i++) { alert ( 'El numero es' + i);
}
}

function Centinela( ) Funcion Mientras
{
var nombre;
while(nombre != "x" )
{
nombre = prompt ( 'Ingrese su nombre' );
alert ( 'Hola' + nombre);
{
}

function ImprimirDia( ) Funcion Selector Multiple
{
var dia;
dia = prompt ( 'Ingrese el dia de la semana' );
switch (dia)
{
case '1'
alert ( 'Lunes' );
break;
//ingresamos todos los dias de la semana
}
}

Para validar o verficar si un el dato que se entra es numero la funcion es

var dato;

dato = document.getElementById( 'txtdato' ).value;

if (isNaN(dato)

{

alert ( 'No es numero' );

}

else

{

alert ( 'si es un munero' );

}

Ir al Inicio

Ejemplo de Css

En las descripciones de los ejemplos de Css pueden ser los mismos de los de Html con la diferencia de que a los ejemplos de Css ya son con estilos.
Donde éstos estilos son creados a través de una pagina de estilo que se genera al crear un sitio web en el Lenguaje ya se c# o el que este utilizando .
En el siguiente ejemplo vemos como creamos una estilo de hoja de vida con un poco de diseño en el bloc de notas haciendo un llamado al estilo de que crea en la pagina de estilo

Este es el código para crear los diferentes campos

Este es el ejemplo de como podemos hacer el estilo que deseamos para el formato, recuerda que este se hace un una hoja de estilo en el Lenguaje.

Ejemplo 2.

En el siguiente ejemplo vemos como le aplicamos formato a un formulario de un almacén donde éste lo hacemos no el bloc de notas, si no en el Lenguaje c# . Para que el diseño nos quede como el que vemos a continuación, es el siguiente abrimos el visual basic, creamos un sitio web, en ese sitio web agregamos un default, una pagina de estilo o StyleSheet y una master page que nos permite que al agregar un formulario mas ya traiga un diseño.

así nos quedaría la codificación en el defaul que es donde agregamos los diferentes campos.

y este es el ejemplo de los estilo que se le están aplicando al formulario

ya después de haber creado los diferentes estilos, lo siguiente es aplicarlo al formulario que lo hacemos de la siguiente forma, después de crear la master page y la hoja de estilo procedemos hacer los siguiente:.

Abrimos el master page buscamos la pagina de estilos en el explorador de soluciones lo cogemos y lo arrastramos hacia el master page y se nos degenera la siguiente linea de código pero recuerda que el código se debe generar dentro de la función head ya se arriba del title o abajo pero que siempre este dentro de esta función.

Ir al Inicio

Ejemplo de Html

Ejemplo 1.

En este ejemplo vemos como creamos algunos label e instrucciones para formar un diseño de comentario como el siguiente
las instrucciones de código para crear el anterior cuadro es el siguiente

Ejemplo 2

Tamaños de títulos y como crear una linea

Esta es la instrucción donde utilizamos los hr para las lineas, los h1, h2... para los diferentes tamaños.

Ejemplo 3

En este ejemplo vemos que nesecitamos de los fieldset, legen, ul .....

Instrucción para realizarla

Ir al Inicio

Ejemplo de Normalización

Normalización de bases de datos

Digamos que queremos crear una tabla con la información de usuarios, y los datos a guardar son el nombre, la empresa, la dirección de la empresa y algún e-mail, o bien URL’s si las tienen. En principio comenzarías definiendo la estructura de una tabla como esta:

Normalización CERO

Diríamos que la anterior tabla esta en nivel de Normalización Cero porque ninguna de nuestras reglas de normalización ha sido aplicada. Observa los campos url1 y url2 -- ¿Qué haremos cuando en nuestra aplicación necesitemos una tercera url ? ¿Quieres tener que añadir otro campo/columna a tu tabla y tener que reprogramar toda la entrada de datos de tu código? Obviamente no, tú quieres crear un sistema funcional que pueda crecer y adaptarse fácilmente a los nuevos requisitos. Echemos un vistazo a las reglas del Primer Nivel de Normalización, y las aplicaremos a nuestra tabla.

Primer nivel de Formalización/Normalización. (F/N)

1. Eliminar los grupos repetitivos de las tablas individuales.
2. Crear una tabla separada por cada grupo de datos relacionados.
3. Identificar cada grupo de datos relacionados con una clave primaria.
¿Ves que estamos rompiendo la primera regla cuando repetimos los campos url1 y url2 ? ¿ Y qué pasa con la tercera regla, la clave primaria ? La regla tres básicamente significa que tenemos que poner un campo tipo contador autoincrementable para cada registro. De otra forma, ¿Qué pasaría si tuviéramos dos usuarios llamados Joe y queremos diferenciarlos. Una vez que aplicamos el primer nivel de F/N nos encontraríamos con la siguiente tabla:

Ahora diremos que nuestra tabla está en el primer nivel de F/N. Hemos solucionado el problema de la limitación del campo url. Pero sin embargo vemos otros problemas....Cada vez que introducimos un nuevo registro en la tabla usuarios, tenemos que duplicar el nombre de la empresa y del usuario. No sólo nuestra BD crecerá muchísimo, sino que será muy fácil que la BD se corrompa si escribimos mal alguno de los datos redundantes. Aplicaremos pues el segundo nivel de F/N:

Segundo nivel de F/N

1. Crear tablas separadas para aquellos grupos de datos que se aplican a varios registros.
2. Relacionar estas tablas mediante una clave externa (Clave foránea).
Hemos separado el campo url en otra tabla, de forma que podemos añadir más en el futuro sin tener que duplicar los demás datos. También vamos a usar nuestra clave primaria para relacionar estos campos:

Vale, hemos creado tablas separadas y la clave primaria en la tabla usuarios, userId, está relacionada ahora con la clave externa en la tabla urls, relUserId. Esto está mejor. ¿Pero qué ocurre cuando queremos añadir otro empleado a la empresa ABC? ¿ o 200 empleados ? Ahora tenemos el nombre de la empresa y su dirección duplicándose, otra situación que puede inducirnos a introducir errores en nuestros datos. Así que tendremos que aplicar el tercer nivel de F/N:

Tercer nivel de F/N.

1. Eliminar aquellos campos que no dependan de la clave.
Nuestro nombre de empresa y su dirección no tienen nada que ver con el campo userId, así que tienen que tener su propio empresaId:

Ahora tenemos la clave primaria EmprId en la tabla empresas relacionadas con la clave externa recEmpresaId en la tabla usuarios, y podemos añadir 200 usuarios mientras que sólo tenemos que insertar el nombre 'ABC' una vez. Nuestras tablas de usuarios y urls pueden crecer todo lo que quieran sin duplicación ni corrupción de datos. La mayoría de los desarrolladores dicen que el tercer nivel de F/N es suficiente, que nuestro esquema de datos puede manejar fácilmente los datos obtenidos de una cualquier empresa en su totalidad, y en la mayoria de los casos esto será cierto.

Ejemplo 2

Consideremos la base de datos de personal de una empresa que tiene un conjunto de departamentos. Cada departamento tiene un conjunto de empleados, un conjunto de proyectos y un conjunto de oficinas. Cada empleado tiene una historia de salarios (el conjunto de salarios que ese empleado ha recibido). Cada oficina tiene un conjunto de teléfonos.

La base de datos debe contener la siguiente información:

1. Por cada departamento: número de departamento (único), presupuesto y el número de empleado del gerente del departamento (único).
2. Por cada empleado: número de empleado (único), número de proyecto en el que actualmente trabaja, número de oficina y número de teléfono; más la fecha y salario para cada salario recibido en ese puesto.
3. Por cada proyecto: número de proyecto (único) y presupuesto.
4. Por cada oficina: número de oficina (único), superficie en metros cuadrados y números (únicos) de todos los teléfonos de esa oficina.

El siguiente diagrama muestra las dependencias funcionales directas, tanto las implicadas por el enunciado como las correspondientes a las suposiciones semánticas (razonables) explicitadas más abajo.

Ir al Inicio

Reporting Service

Este es un reporte que esta ligado a la base de datos y son a través de servicio web

Reporting Services es una plataforma que permite definir, administrar y distribuir distintos formatos de reportes dentro de una organización o a través de múltiples organizaciones.
Este servicio es una extensión a las capacidades Business Intelligence que nos provee de herramientas para almacenar información (Report Server), herramientas para crear reportes (Report Designer) y herramientas para administrar reportes (Report Manager). También nos permite hacer suscripsiones y una de sus características el la seguridad integrada y aportación de datos.

Ir al Inicio

Java Script

La palabra Script significa que deben de tener un estilo.

JavaScript es un lenguaje de programación interpretado, es decir, que no requiere compilacion, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Javay el lenguaje C. Al igual que Java, JavaScript es un lenguaje orientado a objetos propiamente dicho, ya que dispone de Herencia, si bien esta se realiza siguiendo el paradigma de programación basada en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad. Se ejecuta en los navegadores al igual que el html ya que el navegador puede interpretar el código JavaScript, y lo podemos utilizar en .Net y html; acá en el Java Script no nos permite grabar registros no se va a una base de datos, entre otros.

Para poder realizar los ejemplos debemos tener creado ya un sitio web, y a ese sitio web le creamos un html básico o pagina html, un default y un archivo JScript.js y esto lo creamos hacendo click derecho en la solución, agregar nuevo elemento, seleccionamos el que se va a agregar. Luego abrimos el default dentro del head compiamos la instruccion de llamado a las funciones que creamos en archivo JScript.js que es la siguiente:

• ¿Como podemos definir una variable?. Es sencillo con la palabra var y el nombre de como la vamos a llamar, ejemplo:.

var Nombre;

var Apellido;

• Sacar mensajes

alert (" mensaje") ;

• Captura de datos desde la pantalla

prompt ( "Titulo" , " " ) ; ejemplo

Ir al Inicio

Css

Esta es una opción para darle forma o estilos a los documentos de html, donde nos permite la visualización de los datos.

Igual que el html, en el Css para que tengamos una mayor referencias al momento de programar en este lenguaje es recomendado visitar la pagina web www.w3school.com en el link learm Css, opción Css 2 Reference; acá podemos encontrar etiquetas con sus descripción y ejemplo de como las aplicamos al momento de crearlas en el programar.

Ir al Inicio