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

Pruebas instrumentadas con Espresso

Pruebas instrumentadas con Espresso

Espresso es un framework de testing propiedad de Google que está dirigido a desarrolladores que creen que las pruebas au...

Juego: Adivina el número

Juego: Adivina el número

Problema: Desarrollar un juego en consola con Kotlin que genere un numero aleatorio entre un rango preestablecido y perm...

Cascadia Code: la nueva fuente OpenSource de Microsoft

Cascadia Code: la nueva fuente OpenSource de Microsoft

Microsoft acaba de lanzar Cascadia Code una fuente monoespaciada enfocada en proporcionar una mejor experiencia en conso...

Agregar tablas a los items de un JComboBox

Agregar tablas a los items de un JComboBox

En este post personalizaremos un componente JComboBox para que sus elementos acepten tablas (JTable) en lugar de texto s...

Lo nuevo de HTTP Client

Lo nuevo de HTTP Client

Una de las novedades de Java 9 y 10 aunque por el momento en modo de prueba (jdk.incubator.http) es el Cliente HTTP el c...

Blog MVC – Carga de páginas estáticas [p4]

Blog MVC – Carga de páginas estáticas [p4]

Cuarta parte de esta pequeña serie de tutoriales sobre [Crea tu blog con el patrón MVC y php] En esta cuarta entrega ver...

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

Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...

Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...

En este post, aprenderemos como conectar Visual Basic 6 con SQL Server, abrir una tabla, leer su contenido y mostrar est...

Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit...

Herramientas

Generador de Enlaces a Whatsapp