Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Java / Login estilo Google

Login estilo Google

Autor jc mouse lunes, septiembre 14, 2015

Google tiene entre su formulario de autenticación de usuario para sus diferentes servicios (gmail, blogger, youtube, g+) una bonita interfaz con un efecto de slider al momento de validar el correo electrónico y la contraseña. Pues bien trate de emular este formulario de autenticación en lenguaje java. Este el resultado:

https://youtu.be/4zxewxFh6cY

A continuación una breve explicación de como esta hecho el proyecto, el código en si esta comentando y  creo que para un usuario intermedio 🙂 se entiende, pero cualquier duda es bienvenida.

Proyecto Netbeans

netbeans bolivia

 Interfaz principal

autenticacion usuario

  • LoginFrm.java es un JFrame, la interfaz del login en si. En esta clase estan implementadas los eventos de cada uno de los diferentes panels de login.
  • RES/ en este paquete están las imágenes que se usan en el proyecto
  • com.bolivia.login.swing En este paquete están  las clases que se utilizan para formar la ventana de login:
  1. CLabel: Label circular para la fotografía de usuario
  2. CircleBorder, la clase CLabel hace uso de esta clase para formar el borde circular
  3. JCButton: Es el botón azul de la interfaz
  4. JCTextField: Es un JtextField con placeholder
  5. JCPanelPass y JCPanelUser: son los panels para la autenticación de usuario y contraseña
  6. JCSlidePanel: Es esta clase la responsable de el efecto slide
  • com.bolivia.login.system: este paquete seria la lógica del sistema donde se encontraría la conexión a la base de datos y diferentes clases para su manejo, en este ejemplo, que no quería hacerlo muy grande, esta reducido a dos clases, sin conexión a base de datos,  las cuales emulan un sistema de usuarios.

IDE: Netbeans 7.3.1

Descargar GoogleLogin

Enjoy!!!

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

HELP ME – Envía un SMS de auxilio con tu ubicación

HELP ME – Envía un SMS de auxilio con tu ubicación

HELP ME, es una aplicación android gratuita que te permite enviar un mensaje de auxilio (S.O.S.) hasta 4 personas que tu...

Abrir enlace web desde JLabel con Java

Abrir enlace web desde JLabel con Java

El siguiente código te permite abrir enlaces web desde un JLabel, ademas aprovechando el soporte a etiquetas HTML del co...

base de datos multiple – parte II

base de datos multiple – parte II

Continuación del tutorial «Utiliza 2 bases de datos diferentes en una aplicación» La Interfaz frmSelected.java: Haciendo...

Personaliza un JComboBox estilo Metro de Windows

Personaliza un JComboBox estilo Metro de Windows

Si bien se pueden encontrar en google estilos java (Look and Feel) listos para cambiar la apariencia de nuestras aplicac...

Crea música y compártela con Song Maker de Google

Crea música y compártela con Song Maker de Google

Song Maker es el nuevo experimento de Google Chrome Music Lab que permite al usuario crear música desde el navegador a t...

Node.js: Instalación, configuración y Hola Mundo

Node.js: Instalación, configuración y Hola Mundo

No se puede negar la popularidad que ganaron las aplicaciones de JavaScript en los últimos años, y las bibliotecas dispo...

3 comentarios en “Login estilo Google”

  1. WerneriaBits dice:

    Excelente. Eres bastante ingenioso con el lenguaje Java.

  2. SC dice:

    Felicidades por tu trabajo, espero que me puedas ayudar en algo tan sencillo pero que no se como hacerlo.

    Al insertar un label, ¿ en dónde debo de dar clic para que tome las propiedades de la clase de CircleBorder(); ?

    Espero tu respuesta, gracias.

    1. Mouse dice:

      NO te entiendo, el Circle Label se hereda de un JLabel y se puede usar como cualquier otro JLabel ya que también hereda sus propiedades

Los comentarios estan cerrados

Comparte lo que sabes

Categorias

Últimas entradas

Crecen las startups en Bolivia: La mayoría está en Santa Cruz, Cochabamba y La Paz Según el «Mapeo del Ecosistema de Tec...

«Las palabras que elegimos dan forma a nuestra realidad. La Fuente Educada (Polite Type) es una fuente de código abierto...

En este post realizaremos un proyecto en VUE que se conectara a un REST API  y utilizara un servicio del mismo para obte...

En este post realizaremos una aplicación que pueda capturar nuestra voz y convertir en texto Pasar voz a texto con Andro...

Herramientas

Generador de Enlaces a Whatsapp