Mostrando entradas con la etiqueta C#. Mostrar todas las entradas
Mostrando entradas con la etiqueta C#. Mostrar todas las entradas

miércoles, 31 de julio de 2013

añade a tu Blog una Barra lateral con estilo ModernUI de windows 8 con CSS

7/31/2013

Para aquellos webmaster que esten creando un sitio con estilo ModernUI de windows 8 ,hoy les traigo un código simple en CSS pero ver un ejemplo aquí mismo.

  • Instalaciónen Blogger
Primero vamos añadir el CSS a la plantilla que deseemos nos dirigimos ala opción plantilla--Editar Html--luego hacemos click dentro del editor y realizamos la combinación de teclas CTRL+F para abrir el buscador y buscamos la etiqueta/b:skin ,una vez encontrada justo arriba de ella pegue el siguiente código CSS.

.barra_modernUI { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEHkAI2Oj7AOGw64HPu0BANe7cFws5x1f2qP5kmj_0ndoxWFZfF97_1pXukaLxBIB4r4_7N0UpqCoaqE-eC31bxZDPYJ3bCVaF8AFGme_JXfTTvkTEuKZL-qflab40z4YTFdc5XKfiIfs9/s1600/noise.png), linear-gradient(to right, #000000, #000000); bottom: 0; list-style: none outside none !important; margin: 0 !important; padding: 20px 0 0 !important; position: fixed; top: 0; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: 76px; opacity:0; } .barra_modernUI.left {left: -60px;} .barra_modernUI.left:hover {left: 0;} .barra_modernUI.right {right: -60px;} .barra_modernUI.right:hover {right: 0;} .barra_modernUI:hover { right:0; opacity:1; } .barra_modernUI li { background-position: 50% 10px; background-repeat: no-repeat; cursor: pointer; height: 84px; position: relative; text-align: center; } .barra_modernUI li a { color: #FFFFFF; display: block; font-family: "Segoe UI",arial,helvetica; font-size: 11px; line-height: 1.2 !important; padding: 61px 0 10px; text-decoration: none; } .nomb_admin{ position:relative; width:90%; float:left; top:75%; color: #ffffff; padding:4px 4px 4px 4px; font-family: "Segoe UI",arial,helvetica; font-size: 11px; background-color:#e214ea; } .barra_modernUI li.admin { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAgpI85s1bz79LkdxpGsyxJrAiDAzlYER3sZ4ifSPKNtzWlwab6NMivPquUtiJ1_DvXWwWMOH6UybIhzjBWwwmlkR3WMrQmHrrF2LV2Pq1g1MWP-fJULakZQT7hfYxtJgg1mgQiM1y_Aw/s176-no/30754_421559121243112_310972398_n.jpg"); background-position:0px top; background-size:100% 100%; } .barra_modernUI li.refrescar { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizc2S_fhLW2iYUz0ozoB69JGZtRS32KjnYT2smxQDUTE__xlOgT2fKs9auqDRdrTwqY7ryfwMBjVWNec8pWGcO6X_SXwVxn26C_ZifeDKwYkVwJJpgLb6Rx3NqLGNut2QxP29Yoe_29ulc/s1600/refrescar.png"); } .barra_modernUI li.atras { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCAxYyZFn_doucIs9CxmtTZficTLw5cpXj96EYPUBmMW7hGy_k3uERyQzd8QkDOiskwTp5-jOQlvNZPl2uYDYGWwx-8cMpAlzQVcnUhxh32Snb6QVRFrrFxdAcQ4KdSPIzZKfFYI-_LpsQ/s1600/atras.png"); } .barra_modernUI li.siguiente { background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-UAX-0pU5e3vcXo0bTNJv5-25xVRB8_tK7Wusomb-3YyZdakow8AZW_Hegmp0du8nGb2Fim05zCaL34aiFSbl9nLnflR2wKAbta2XcmUmFZO83DeH-1RPayuPDTQ6A5dSCpbfQQvOIKNZ/s1600/siguiente.png"); } .barra_modernUI li:hover { background-color: #232323; }


luego de haber pegado el CSS ,procedemos a añadir el codigo HTML donde usted desee puede ser dentro de la plantilla dentro delbody o dentro de un gadget .

ul class="barra_modernUI right" li class="admin"span class='nomb_admin'Admin/span/li li class="refrescar"a href="#"refrescar/a/li li class="atras"a href="#"Atras/a/li li class="siguiente"a href="#"Siguiente/a/li /ul

si usted quisiera cambiar la posicion de la barra puede cambiar el nombre de la clase enclass="barra_modernUI right"porclass="barra_modernUI right", tambien dejo el codigo fuente completo para su descarga.



DESCARGAR







martes, 4 de octubre de 2011

Crear un procedimiento Estatico en WindowsForm - Explicación

10/04/2011

Crear un procedimiento Estático en WindowsForm
Vamos a realizar un programa para ingresar 2 valores numéricos y realizar con ellos las operaciones básicas de la aritmética convencional esto es, sumarlos, restarlos, multiplicarlos, y dividirlos entre sí.
Para poder realizar la práctica es necesario crear un nuevo proyecto de Windows Form Aplication.

Veamos ahora el siguiente video, en el que se nos detalla paso a paso la creacion de ésta aplicación.



Una vez creado el proyecto nos vamos a la ventana de propiedades y seleccionamos la opción StartPosition y lo dejamos en CenterScreen, luego en el mismo cuadro de propiedades ubicamos la opción Text para poner un título a la ventana.

Ahora vamos a crear el entorno visual con los objetos que nos proporciona el IDE, nos ubicamos en la pestaña Cuadro de Herramientas, y seleccionamos 6 labels “Etiquetas”, 6 TextBox “Cajas de texto”, y 4 Button y ubicamos los controles de la manera en que se muestra en el video.


Ahora lo que sigue es poner a cada elemento de nuestro formulario nombres específicos tal como se muestra en el video, para ello damos un clic en el objeto y en el cuadro de propiedades buscamos la opción Text y allí pondremos el nombre que se visualizara por defecto en cada control.

private void button1_Click(object sender, EventArgs e)
{
}

Dentro de ese método pondremos nuestro código:
private void button1_Click(object sender, EventArgs e)
{
tsuma.Text = (int.Parse(tn1.Text) + int.Parse(tn2.Text))+"";//codigo
}

Y con eso tenemos hecha ya la suma.

Adicionalmente sebe poner nombres a cada objeto para poder relacionarlo en nuestro código, por ejemplo el cuadro de texto que guardara la suma para mi caso se llamara tsuma, para poder asignr el nombre seleccione el objeto y valla al cuadro de Propiedades y seleccione la opción Name y posteriormente escriba el nombre con el cual se relacionara nuestro control.

Haremos entonces lo mismo para cada una de las operaciones desde los botones
La Resta:
private void button2_Click(object sender, EventArgs e)
{
tresta.Text = (int.Parse(tn1.Text) - int.Parse(tn2.Text)) + "";
}

La multiplicación:
private void button3_Click(object sender, EventArgs e)
{
tmultiplicacion.Text = (int.Parse(tn1.Text) * int.Parse(tn2.Text)) + "";
}

Y la division:
private void button4_Click(object sender, EventArgs e)
{
tdivision.Text = (int.Parse(tn1.Text) / int.Parse(tn2.Text)) + "";
}

Crear un procediminto Estatico en WindowsForm

10/04/2011
1. Requerimientos del Participante:
Tener Instalada la plataforma c#
Visual Estudio 2010
CSharp developèd 4.1

2. Objetivos:
Usar las herramientas de desarrollo proporcionas por el IDE para la creación de Aplicaciones


3. Temas:
Desarrollar una aplicación en WindowsForm que permita el ingreso de dos Números y realizar con ellos las operaciones basicas de la aritmetica convencional esto es, sumarlos, restarlos, multiplicarlos y dividirlos entre si.


Ir al Curso

viernes, 30 de septiembre de 2011

Variables en C#, conversiones y tipos de datos

9/30/2011
¿Que es una variable?
Una variable representa un valor que puede ser numérico, una cadena de caracteres, un valor booleano o doublé, cada uno de estos tipos de datos se pueden almacenar en diferentes variables, entiéndase por variable a la representación genérica de un tipo de dato en particular, generalmente las variables tienen relación con el dato que se desea ingresar.
Generalmente las variables representan lo mismo en cualquier lenguaje de programación.
Tipos de datos:
Los tipos de datos básicos son los siguientes:
String .- Representa una cadena de caracteres.
Int .- Representa un entero sin decimal.
Float .- Representa un numero con parte decimal o en coma flotante de 32 bits.
Boolean .- Representa un valor lógico.
Double .- Representa un valor numérico en coma flotante de 64 bits.
Objetc .- Representa un objeto.
Sintaxis:
La sintaxis en c# es bastante sencilla. Veamos como declarar una variable con tipo de dato String:
String variable;
Supongamos que realizaremos una aplicación donde se desee ingresar varios valores en formato texto, supongamos que tenemos el objeto persona:
String nombre;
String apellido;
String sexo;
String estado_civil;
Al declarar de esta manera estamos diciendo al programa que tanto nombre, apellido, sexo y estado_civil son variables de tipo texto.
int variable;
Veamos el ejemplo anterior le añadiremos un atributo mas el cual será la edad, entonces nos quedaría asi:
String nombre;
String apellido;
String sexo;
String estado_civil;
int edad;
Float variable;
Como float es un tipo de dato con coma flotante entonces al mismo ejemplo anterior podemos añadirle el sueldo de la persona:
String nombre;
String apellido;
String sexo;
String estado_civil;
int edad;
float sueldo;
Boolean variable;
El tipo de dato boolean representa una variable que almacenara un valor lógico, se usa generalmente para realizar comparaciones o para asignar atributos de True o False a los objetos.
Double variable;
Representa un valor numérico en coma flotante de 64 bits, se usa generalmente para cuando se ingresan valores que sobrepasan la escala de valores de 32 bits.
Objetc objeto;
Representa un objeto, el objeto puede ser cualquier elemento del mundo real.
Si queremos poner un objeto en una variable instanciaremos asi:
Objetc Persona; persona representa un conjunto de atributos, los cuales fueron expuestos anteriormente.
Nota:
Generalmente las variables se inicializan a través de un constructor, con valor inicial en 0;

Algunas conversiones de tipos:
La conversión de datos se usa en c# de manera explícita, ósea que se debe convertir para usar las variables y realizar funciones específicas. En c# siempre se ingresan todos los valores con formato texto por lo que se hace necesaria la conversión de tipos, veamos el siguiente ejemplo:
Vamos a ingresar 2 valores numéricos en formato texto, entonces la declaración seria así:
String n1,n2;
Declaramos los valores iniciales con formato texto.
Si queremos realizar una suma, tendríamos que declarar una variable de resultado para almacenar el valor veamos:
String suma;
suma=n1+n2;
Si por ejemplo ingresamos 2 valores para realizar dicho calculo:
suma=2+3;
Si se realiza este proceso entonces el resultado seria 23, suma=2+3=23, pero eso no es un dato real, vemos entonces vemos que los valores en vez de sumarse se concatenaron, pero si por el contrario hacemos lo siguiente:
int suma;
suma=int.parse(n1)+int.parse(n2);
y ahora ingresamos los mismos valores entonces el resultado nos daría asi: 2+3=5
por lo que suma captura el valor de 5
de la misma manera seria para convertir los otros tipos siempre partiendo de una cadena de texto o String.


Descargar una version en PDF

Variables y Tipos de datos en C#

9/30/2011
1. Requerimientos del Participante:
Tener Instalada la plataforma c#
Visual Estudio 2010
CSharp developèd 4.1
2. Objetivos:
Usar las variables en diferentes instancias.
Conocer la forma de instanciar una variable con un dato especifico.
Realizar algunas conversiones entre los tipos de datos, juego de variables.
Familiarizarse en el uso de las variables.
3. Temas:
Variables en c# o en cualquier otro lenguaje de programación
Tipos de datos:
String
int
bool
doble
Conversiones básicas entre los diferentes tipos, sintaxis (Explicación)

Ir al Curso

jueves, 29 de septiembre de 2011

Iniciate en la Programación Orientada a Objetos

9/29/2011
Como crear aplicaciones con Visual Estudio 2010


1. Abrimos la aplicación
2. Nos Ubicamos en el menú Archivo
3. Y seleccionamos Nuevo a continuación dar clic en Proyecto


En la ventana que aparece seleccionamos
WindowsForm Aplicación
Ponemos un nombre y damos clic en aceptar

Luego de hacer esto aparecerá la siguiente ventana:





Como crear aplicaciones en CSharp Developed 4.1
Iniciar la aplicación
En la barra de menú presionar la opción File
Luego clic en New - Clic en Solution


Si elegimos el modo consola nos aparecerá un programa por defecto, el típico "Hola Mundo".
En el caso de elegir Windows Application para crear aplicaciones con formularios debemos tener en cuenta que existen dos pestañas en nuestro entorno de trabajo las cuales son "Source" y "Design":




Sourse nos permite trabajar en modo consola osea interaccion con el código directamente y el Desing con el entorno gràfico

Descargar Version PDF

Iniciandote en la programación Orientada a Objetos

9/29/2011
1. Requerimientos del Participante
Tener Instalada la plataforma C#:
CSharp Developed 4.1
Visual Estudio 2010

2. Objetivos:
Desarrollar destrezas de Observación, para poder reconocer los diferentes atributos en los objetos
Creación de Clases en base a objetos del mundo real
Elaborar un programa Utilizando los objetos creados, con la interfaz Swing de C#

3.Temas:
Como elaborar aplicaciones con Visual Estudio 2010 ó CSharp developed 4.1
Crear Clases con perspectiva a objetos
Utilizar Objetos para crear una interfaz de usuario modo Swing
Instancias entre Clases u Objetos
Crear una aplicacion de Windows Form pequeña

Ir Al Curso.

Chris Obaco Sisalima

9/29/2011

miércoles, 28 de septiembre de 2011

Mi primera Aplicación con C#

9/28/2011
En que consiste la programación orientada a objetos
Antes de entrar a lo que es la programación, primero recordemos que es la POO (Programación Orientada a Objetos), la POO, con el termino lo indica está enfocado a la Programación en base a objetos, estos objetos pueden ser muchos dependiendo de la aplicación que estemos desarrollando.
C# es un lenguaje de programación netamente orientado a objetos, por ello debemos tener muy en claro de lo que trata la POO, la cual es una mescla de diseño y programación, el IDE hace que esta interacción sea no muy compleja.

Algunos lenguajes de programación orientados a objetos son:
Java
C#
Visual Basic
Visual FoxPro
Python
Ruby, entre otros mas…

Cuál es la clave para trabajar con POO
Se aconseja trabajar por capas, esto es separar el código de la parte de diseño.
Ser ordenado, al aplicar esta sugerencia estamos dando estética no solo al código, sino que también cualquier otra persona que tenga conocimientos en POO nos podría entender.
Usar comentarios para no olvidarnos del proceso que se realiza (Cuando se es principiante).
Usar el estilo de programación por funciones, esto nos permite la reutilización de código (Nos ahorra código).
Al momento de analizar el objeto, extraer solo características relevantes del mismo, (Depende la aplicación que se le dé al objeto).

¿Cómo realizar la entrada y salida en C#?
Estos comandos sirven en modo consola: Entrada y Salida Básica
El método WriteLine() -Entrada Básica
Este método es el que se usa para mostrar texto en la consola, el método escribe en la pantalla el valor que le pasemos como parámetro.

El parámetro que recibe el método puede ser de varios tipos, ya sea una cadena de caracteres, un número entero, una línea en blanco, etc...

A continuación haremos una práctica:
1. Crear un proyecto de C# con el nombre “MiAplicacion”


2. Aparecerá la siguiente ventana:


Ahora si ya estamos listos para realizar nuestra primera aplicación en C# bajo consola

Ejemplo Hola Mundo:
Dentro de la function static void Main(string[] args){}
Pondremos el siguiente código:
Console.WriteLine("H O L A M U N D O"); //Escribe en consola
Console.ReadKey();// hace una pausa hasta que se precione una tecla.

En resumen nuestro código deberá verse así:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace MiAplicacion
{
class Program
{
static void Main(string[] args)
{

Console.WriteLine("H O L A M U N D O"); //Escribe en consola*/
Console.ReadKey();// hace una pausa hasta que se precione una tecla.

}
}
}

Luego presionamos la tecla F5, para ejecutar la aplicación, si todo esta correcto el resultado debe ser lo siguiente:

¿Qué significan los //?
Representa al conjunto de texto que permite comentar el código, el código comentado el Lenguaje no lo compila simplemente lo omite (Los comentarios no tienen valor para el Lenguaje), pero le dan al programador una pista de lo que está realizando, de esta manera cuando se tenga un gran bloque de texto podremos localizar rápidamente la parte del código que queramos buscar.
Los comentarios en C# se escriben de color verde.


¿Qué representa la función main?
La función main en C# es considerado como la función principal de llamada a los procesos, esta puede contener múltiples procesos, múltiples funciones, múltiples llamadas.

¿A qué se refieren los comandos de importación using?
Los comandos llamados con la función using representan las bibliotecas usadas por los comandos para realizar la acción requerida, de otra manera el lenguaje no reconocerá el comando que se envié a ejecutar.


Veamos ahora la Entrada básica.
Método ReadLIne()
ReadLine(), se usa para capturar texto, para practicar haremos el siguiente ejemplo:
Enunciado: Realizar una aplicación que permita ingresar su nombre y apellido, luego presentar los datos ingresados y luego finalizar.
Para iniciar nuestra programación primero deberemos hacernos unas preguntas:
1. Inicio.
2. ¿Qué es lo que se va a programar?
Respuesta: Una aplicación para ingresar mi nombre.
3. ¿Cómo se va a realizar?
Respuesta: Primero ingreso mi nombre, luego mi apellido, por último presento mi nombre y mi apellido.
4. ¿Qué datos necesito?
Respuesta: Mi nombre y mi apellido.
5. ¿Qué datos debo mostrar?
Respuesta: Mi nombre y mi apellido.
6. Fin de la aplicación.
Echo esto hemos realizado una cronología analítica de lo que será el programa, ahora lo que sigue es empezar a programar.

1. Primero creamos un nuevo proyecto llamado NombreApellido.
En el program.cs que se crea automáticamente, localizamos el método Main, y allí dentro empezamos a programar.

String nombre;//variable que almacenará el nombre
String apellido;//variable que almacenará el apellido
Console.WriteLine("\nEscriba sus nombres: "); //Envia un mensaje que se mostrará al usuario, el símbolo \n permite hacer un salto de linea
nombre=Console.ReadLine();//captura el dato ingresado y lo pone en la variable nombre
Console.WriteLine("\nEscriba sus Apellidos: "); //Envia un mensaje que se mostrará al usuario
apellido = Console.ReadLine();//captura el dato ingresado y lo pone en la variable apellido
Console.WriteLine("\nUsted ha ingresado la persona:"+nombre+" "+apellido);
//Esta línea de codigo representa a la salida que se obtuvo del ingreso, el operador “+” en la cadena permite concatenar las variables de esta manera se nos mostrará todo en una sola linea.
Console.ReadKey();// hace una pausa hasta que se precione una tecla.



El programa entonces nos quedará así:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace NombreApellido
{
class Program
{
static void Main(string[] args)
{
String nombre;
String apellido;

Console.WriteLine("\nEscriba sus nombres: "); nombre=Console.ReadLine();
Console.WriteLine("\nEscriba sus Apellidos: ");
apellido = Console.ReadLine();
Console.WriteLine("\nUsted ha ingresado la persona:"+nombre+" "+apellido);
Console.ReadKey();
}
}
}

Si todo esta correcto la aplicación debería funcionar:



Existen muchos otros comandos utilizados en el modo consola, pero nosotros nos basaremos más en lo que es la programación orientada a objetos. Pero es necesario realizar esta práctica como introducción para especificar que el Lenguaje C# también puede trabajar en modo consola.




Descargar una version en PDF
Suscribirse a: Entradas (Atom)