En este segundo post, continuación del anterior, veremos el formulario de login que crearemos para acceder a nuestra agenda, pero antes de eso prepararemos nuestro proyecto.
Abriremos Visual Studio, versión 2010 o superior. En nuestro caso, yo utilizaré la versión VS 2013 Ultimate, la cual podeis descargar de la página oficial que os dejaré a continuación.
Una vez descargado e instalado, comenzamos:
1. Lo primero es abrirlo y crear un nuevo proyecto que llamaremos Agenda Inforsoft
Crearemos un proyecto de Windows Forms y le pondremos en la versión de Net Framework la versión .Net Framework 3.5 o 4 para que pueda ser compatible con Windows XP ya que de lo contrario, no podremos ejecutarlo en este sistema operativo, debido a que la versión 4.5 de Net framework no es compatible con Windows XP (que yo sepa).
Así que nos quedará algo como esto y le daremos a Aceptar
https://www.dropbox.com/s/q13c8l36rkdofe3/Imagen%204.jpg
Una vez se nos muestre el formulario haremos clic en Archivo guardar como.... y lo guardaremos en la carpeta que nosotros queramos de nuestro ordenador.
Una vez guardado nos quedará en la ubicación una carpeta con el nombre de nuestro proyecto y, dentro de ella un archivo que será el de nuestra solución y una carpeta con el nombre de nuestro proyecto, y que si abrimos, veremos carpeta bin, my proyect, obj, y algunos archivos más.
De momento no le hacemos caso a eso y continuamos creando nuestro proyecto.
Quedará como esto:
Ya que sigo sin poder poner las imagenes en el post os las dejo en estos enlaces.
https://www.dropbox.com/s/sndfgtjpp0340nm/imagen%205.jpg
https://www.dropbox.com/s/fvxgua3e36jgood/imagen%206.jpeg
https://www.dropbox.com/s/nardvsi5hhmgz9l/imagen%207.jpeg
Bien una vez hecho esto, diseñaremos nuestro formulario y le pondremos los controles que necesitemos. Cambiaremos sus propiedades de acuerdo a nuestro gusto.
(Esta parte la haremos un un video a parte donde aprenderemos a crear plantillas de nuestros formularios). Para abreviar, ya que lo que más os interesa a todos supongo es el codigo, lo subiré el formulario que quedará así:
Utilizaremos los siguientes elementos:
- Un groupbox - Le quitaremos el texto en su propiedad Text.
- Dos Labels: Sus text serán: Nombre de Usuario y contraseña de acceso.
- Dos Textbox - La propiedad Name de cada uno será: TxtUsuario y TxtClave
- Dos Buttons: La propiedad Text de cada uno será: Iniciar Sesión y Cancelar. Sus propiedades Name serán: CmbIniciarSesion y CmbCancelar
Ojo, cada uno puede poner la leyenda que quiera.
Yo en mi caso y debido al tiempo que llevo programando tengo mi propia leyenda.
Es importante que a la hora de ponerles nombre a los controles, utilicemos un prefijo que nos sirva para identifucar cada control. Yo en mi caso utilizo Los siguientes prefijos:
Cmb - Para los Buttons, en versiones anteriores commandbuttons. Por lo tanto Cmb de CommandButton.
Txt para los textbox.
Lbl Para los labels.
Grupo Para los groupbox.
Dgw - Para los Datagridview.
Frm para los Formularios WindowsForms.
El formulario tiene las siguientes propiedades:
Name - Frm_Login
BackgroundImage: Strech - Para que la imagen de fondo (en caso de ponerla) se ajuste al formulario.
Font y ForeColor: Verdana 11 negrita y forecolor por defecto.
Maximizebox y minimicebox en False.
Text - Por defecto. Esta propiedad la cambiaremos por código.
StartPosition - CenterScrieen.
WindowState - Normal.
Bien.
Una vez dicho todo esto.... aquí os dejo la imagen de como quedará el formulario.
Mirad que tiene un icono en la parte Izquierda. Esto será una imagen ".ico" de 256x256 píxeles.
Bien así quedaría nuestro formulario más o menos
Para los botones la propiedad Flat Style está en Flat.
https://www.dropbox.com/s/5pjiy3izrcou4n0/imagen%208.jpg
Una vez terminamos de diseñar nuestro formulario, haremos boton derecho en el formulario --> Bloquear controles para que no se puedan mover.
Ahh se me olvidaba... La propiedad de Groupbox - Propiedad Autosize en true para que podamos ajustar el groupbox a nuestro contenido.
Y por ultimo y por fin, siguiendo los mismos pasos, haremos los siguiente:
A nuestra base de datos le añadiremos dos nuevos campos en la tabla llamada Tb_Contactos
- FechaCumple - Tipo Fecha/Hora
- ImagenContacto - Tipo Texto.
Y en lugar de los campos NombreUsuario y DominioContacto, dejaremos un unico campo llamado CorreoEmail
Dejaré la base de datos completa a continuación para que podais descargarla:
Podeis descargar desde aquí la base de datos.
Y en este enlace podeis ver como nos quedaria el formulario de contactos.
https://www.dropbox.com/s/bcc2tt7qjrq1fqk/imagen%209.jpg
Como veis tenemos lo siguiente:
Los texbox se llaman:
TxtNombre
TxtDireccion
TxtCodigoPostal
TxtPoblacion
TxtProvincia
TxtFijo
TxtMovil
TxtEmail
TxtNotas
Tenemos un DataTimaPicker llamado DTFecha
Tres Picturebox llamados:
ImgLogo
ImgContacto
ImgUsuario
y 8 buttons o CommandButton:
CmbNuevo
CmbBuscar
CmbModificar
CmbEliminar
CmbEnviarEmail
CmbFoto
CmbExportar
CmbMenu
Bien pues hasta aquí el segundo post de como crear una agenda multi usuario que, aunque parezca sencilla nos abrirá más opciones, ya que poco a poco será ampliada con otro tipo de opciones y podrá formar parte de una completa aplicación que acabaremos creando al final de todos los post que se irán publicando.
Hasta el proximo post, un saludo.
Abriremos Visual Studio, versión 2010 o superior. En nuestro caso, yo utilizaré la versión VS 2013 Ultimate, la cual podeis descargar de la página oficial que os dejaré a continuación.
Una vez descargado e instalado, comenzamos:
1. Lo primero es abrirlo y crear un nuevo proyecto que llamaremos Agenda Inforsoft
Crearemos un proyecto de Windows Forms y le pondremos en la versión de Net Framework la versión .Net Framework 3.5 o 4 para que pueda ser compatible con Windows XP ya que de lo contrario, no podremos ejecutarlo en este sistema operativo, debido a que la versión 4.5 de Net framework no es compatible con Windows XP (que yo sepa).
Así que nos quedará algo como esto y le daremos a Aceptar
https://www.dropbox.com/s/q13c8l36rkdofe3/Imagen%204.jpg
Una vez se nos muestre el formulario haremos clic en Archivo guardar como.... y lo guardaremos en la carpeta que nosotros queramos de nuestro ordenador.
Una vez guardado nos quedará en la ubicación una carpeta con el nombre de nuestro proyecto y, dentro de ella un archivo que será el de nuestra solución y una carpeta con el nombre de nuestro proyecto, y que si abrimos, veremos carpeta bin, my proyect, obj, y algunos archivos más.
De momento no le hacemos caso a eso y continuamos creando nuestro proyecto.
Quedará como esto:
Ya que sigo sin poder poner las imagenes en el post os las dejo en estos enlaces.
https://www.dropbox.com/s/sndfgtjpp0340nm/imagen%205.jpg
https://www.dropbox.com/s/fvxgua3e36jgood/imagen%206.jpeg
https://www.dropbox.com/s/nardvsi5hhmgz9l/imagen%207.jpeg
Bien una vez hecho esto, diseñaremos nuestro formulario y le pondremos los controles que necesitemos. Cambiaremos sus propiedades de acuerdo a nuestro gusto.
(Esta parte la haremos un un video a parte donde aprenderemos a crear plantillas de nuestros formularios). Para abreviar, ya que lo que más os interesa a todos supongo es el codigo, lo subiré el formulario que quedará así:
Utilizaremos los siguientes elementos:
- Un groupbox - Le quitaremos el texto en su propiedad Text.
- Dos Labels: Sus text serán: Nombre de Usuario y contraseña de acceso.
- Dos Textbox - La propiedad Name de cada uno será: TxtUsuario y TxtClave
- Dos Buttons: La propiedad Text de cada uno será: Iniciar Sesión y Cancelar. Sus propiedades Name serán: CmbIniciarSesion y CmbCancelar
Ojo, cada uno puede poner la leyenda que quiera.
Yo en mi caso y debido al tiempo que llevo programando tengo mi propia leyenda.
Es importante que a la hora de ponerles nombre a los controles, utilicemos un prefijo que nos sirva para identifucar cada control. Yo en mi caso utilizo Los siguientes prefijos:
Cmb - Para los Buttons, en versiones anteriores commandbuttons. Por lo tanto Cmb de CommandButton.
Txt para los textbox.
Lbl Para los labels.
Grupo Para los groupbox.
Dgw - Para los Datagridview.
Frm para los Formularios WindowsForms.
El formulario tiene las siguientes propiedades:
Name - Frm_Login
BackgroundImage: Strech - Para que la imagen de fondo (en caso de ponerla) se ajuste al formulario.
Font y ForeColor: Verdana 11 negrita y forecolor por defecto.
Maximizebox y minimicebox en False.
Text - Por defecto. Esta propiedad la cambiaremos por código.
StartPosition - CenterScrieen.
WindowState - Normal.
Bien.
Una vez dicho todo esto.... aquí os dejo la imagen de como quedará el formulario.
Mirad que tiene un icono en la parte Izquierda. Esto será una imagen ".ico" de 256x256 píxeles.
Bien así quedaría nuestro formulario más o menos
Para los botones la propiedad Flat Style está en Flat.
https://www.dropbox.com/s/5pjiy3izrcou4n0/imagen%208.jpg
Una vez terminamos de diseñar nuestro formulario, haremos boton derecho en el formulario --> Bloquear controles para que no se puedan mover.
Ahh se me olvidaba... La propiedad de Groupbox - Propiedad Autosize en true para que podamos ajustar el groupbox a nuestro contenido.
Y por ultimo y por fin, siguiendo los mismos pasos, haremos los siguiente:
A nuestra base de datos le añadiremos dos nuevos campos en la tabla llamada Tb_Contactos
- FechaCumple - Tipo Fecha/Hora
- ImagenContacto - Tipo Texto.
Y en lugar de los campos NombreUsuario y DominioContacto, dejaremos un unico campo llamado CorreoEmail
Dejaré la base de datos completa a continuación para que podais descargarla:
Podeis descargar desde aquí la base de datos.
Y en este enlace podeis ver como nos quedaria el formulario de contactos.
https://www.dropbox.com/s/bcc2tt7qjrq1fqk/imagen%209.jpg
Como veis tenemos lo siguiente:
Los texbox se llaman:
TxtNombre
TxtDireccion
TxtCodigoPostal
TxtPoblacion
TxtProvincia
TxtFijo
TxtMovil
TxtEmail
TxtNotas
Tenemos un DataTimaPicker llamado DTFecha
Tres Picturebox llamados:
ImgLogo
ImgContacto
ImgUsuario
y 8 buttons o CommandButton:
CmbNuevo
CmbBuscar
CmbModificar
CmbEliminar
CmbEnviarEmail
CmbFoto
CmbExportar
CmbMenu
Bien pues hasta aquí el segundo post de como crear una agenda multi usuario que, aunque parezca sencilla nos abrirá más opciones, ya que poco a poco será ampliada con otro tipo de opciones y podrá formar parte de una completa aplicación que acabaremos creando al final de todos los post que se irán publicando.
Hasta el proximo post, un saludo.