Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Java / Login estilo Google

Login estilo Google

Por 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 (Actualizado 04/01/2026)

Enjoy!!!

Tags

Artículos similares

¡Efecto Confeti! La librería Javascript que necesitas para dar vida a tus Apps

Cuando se desarrolla aplicaciones por lo general uno no se detiene para agregar algunos efectos visuales que pueden ser[...]

Control de Stock en Java (Parte 1)

Un SGA «Sistema de Gestión de Almacenes»  es un programa informático destinado a gestionar las entradas y salidas de pro[...]

CUF: Código Único en Kotlin

En este post implementamos en lenguaje Kotlin (lenguaje de programación de tipado estático que corre sobre la máquina vi[...]

Puter: Sistema Operativo Web y Open Source

Puter no es solo un servicio de almacenamiento en la nube; es un proyecto que se define a sí mismo como «Sistema Operati[...]

Localingual: Voces de todo el mundo a tu alcance

Cada día aparecen cientos sino es que miles de nuevos sitios web en el mundo, pero son muy pocos las webs verdaderamente[...]

Gestión de productos – El modelo (Parte 4)

En la estructura del proyecto, nuestro modelo mvc esta compuesto por tres paquetes, la vista, el modelo y controlador. L[...]