creacion de interfaz parte1