Saturday, February 26, 2011

Tutorial básico de aplicaciones Web con NetBeans parte 2

 La primera parte del tutorial puedes encontrarla aqui.
En esta parte mostrare brevemente el uso de las etiquetas JSF, que son generadas como etiquetas html.
Abrimos index.xhtml y escribimos <h:out y presionamos CTRL+BARRA ESPACIADORA si no se ha activado el autocompletar.  Nos muestra las diversas etiquetas, seleccionar <h:outputLabel>


y escribimos value="Mi aplicación JSF", quedaría de la siguiente manera.

<h:outputLabel value="Mi aplicación JSF"/>
Ejecutamos la aplicación


Agregamos  algunos componentes
 <h:form>
         <table>
             <tr>
                 <td>
                     <h:outputLabel value="Usuario"/>
                 </td>
                 <td>
                     <h:inputText value=""/>
                 </td>
             </tr>
<tr>
             <td>
                <h:outputLabel value="Password"/> 
             </td>
             <td>
                 <h:inputSecret value=""/>
             </td>
</tr>
         </table>
         <h:commandButton value="Entrar"/>
     </h:form>



Explicación corta:
<h:inputText value=""/> sera generado en el browser como
<input type="text" name="j_idt10:j_idt14" value="" />

<h:inputSecret value=""/>
<input type="password" name="j_idt10:j_idt18" value="" />

  <h:commandButton value="Entrar"/>
<input type="submit" name="j_idt10:j_idt20" value="Entrar" />



En el próximo blog crearemos una clase para interactuar con los elementos de nuestra pagina.


Saturday, February 19, 2011

Tutorial básico de aplicaciones Web con NetBeans parte 1

NetBeans ofrece un excelente soporte para el desarrollo de aplicaciones Web, en esta ocasión lo haremos utilizando el Framework Java Server Faces 2.0.
En el Menu Seleccionamos Nuevo->Proyecto y luego en Categorias Java Web y en tipo de Proyectos Web  Application

indicamos el nombre del proyecto



Seleccinamos el servidor Web, usamos GlassFish ya que este soporta EJB3.0 y JSF 2.0


Framework Java Server Faces


El IDE genera el esquelto del proyecto

Web Pages
  almacenamos las paginas .html, xhtml, jsf, los archivos de recursos, los scripts .js, imagenes
Source Packages
   Son las clases Java 
Test Packages
   Son las clases que usamos para los Test


Libraries
    Tenemos las bibliotecas de Java y GlassFish necesarias para ejecutar la aplicación Web.
Test Libraries
    Están las bibliotecas usadas para los test 

Configuration Files
   Archivos de configuración de la aplicación.


Ejecutamos la aplicación 


Esperamos que se inicie GlassFish y se cargue la aplicación

Este se ejecutara en nuestro servidor local y en el puerto 8080

podemos editar el archivo index.xhtml para ver el contenido.


En la pestaña Servicios->Server podemos administrar GlassFish

En blogs posteriores mostraremos como crear simples Beans e integrarlos con la aplicación.






Scala Plugins for NetBeans 7.0

Caoyuan Deng miembro del Dream Team de NetBeans ha actualizado el plugin Scala 2.8 para NetBeans 7.0 puedes descargarlo desde 
http://plugins.netbeans.org/PluginPortal/faces/PluginDetailPage.jsp?pluginid=36598



descomprimimos el .zip

en NetBeans seleccionar Tools->Plugins ->Downloaded
y dar clic en Add Plugins seleccionamos los archivos .nbm

Para verificarlo seleccionar Nuevo->Proyecto y en categorías aparece Scala


Si abrimos nuestro proyecto anterior scalajsf

editamos la clase UserBean.scala

y podríamos crear las clases de Scala con el nuevo plugin







Friday, February 18, 2011

NetBeans 7.0 Beta 2 en Español


Amigos esta disponible la versión beta 2 de NetBeans 7.0 en el siguiente enlace http://bits.netbeans.org/netbeans/7.0/community/daily/latest/
Aun se esta trabajando en la traducción de la misma y en la corrección de errores, los invitamos a probrarla y enviar sus sugerencias a nuestro grupo de traducción en google.
https://groups.google.com/group/traduccionnetbeans

Thursday, February 17, 2011

Scala + Java Server Faces 2.0 con NetBeans 7.0 Beta 2 parte 3

Continuando con nuestro proyecto Scala con Java Server Faces. Ahora agregaremos el soporte para Scala
Editamos el archivo pom.xml

En <properties> agregar la versión de scala
<scala.version>2.8.0</scala.version>

Agregamos en <repositories> scala-tools
<repository>
<id>scala-tools.org</id>
<name>Scala-Tools Maven2 Repository</name>
<url>http://scala-tools.org/repo-releases</url>
</repository>

Incluimos <pluginRepositories> especificando el plugin para scala-tools
<pluginRepositories>
<pluginRepository>
<id>scala-tools.org</id>
<name>Scala-Tools Maven2 Repository</name>
<url>http://scala-tools.org/repo-releases</url>
</pluginRepository>
</pluginRepositories>

En <dependencies> agregamos scala-library
<dependency>
<groupId>org.scala-lang</groupId>
<artifactId>scala-library</artifactId>
<version>${scala.version}</version>
</dependency>


En la sección <plugins> en <build> agregamos
<plugin>
<groupId>org.scala-tools</groupId>
<artifactId>maven-scala-plugin</artifactId>
<executions>
<execution>
<goals>
<goal>compile</goal>
</goals>
</execution>
</executions>
<configuration>
<scalaVersion>${scala.version}</scalaVersion>
</configuration>
</plugin>

debajo de la etiqueta </build> agregamos la sección <reporting>
<reporting>
<plugins>
<plugin>
<groupId>org.scala-tools</groupId>
<artifactId>maven-scala-plugin</artifactId>
<configuration>
<scalaVersion>${scala.version}</scalaVersion>
</configuration>
</plugin>
</plugins>
</reporting>


Crear el archivo beans.xml en WEB-INF

Agregamos el siguiente código
<?xml version="1.0" encoding="UTF-8"?>
<!--
The contents of this file is permitted to be empty.
The schema definition is provided for your convenience.
-->
<beans xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/beans_1_0.xsd">
</beans>

WEB-INF quedaria de la siguiente manera,

Agregamos dos nuevas etiquetas al archivo de propiedades. mensajes.properties

Editamos el archivo index.xhtml
<h:form>
<table>
<tr>
<td>#{msg.nombre}</td>
<td><h:inputText value="#{user.name}"/></td>
</tr>
<tr>
<td>#{msg.password}</td>
<td><h:inputSecret value="#{user.password}"/></td>
</tr>
</table>
<p><h:commandButton value="Login" action="#{user.login}"/></p>
</h:form>






Creamos el archivo welcome.xhtml en Web Pages

y agregamos el siguiente contenido
Seleccionamos Nuevo->Otro en Categorías Java Server Faces y en tipo de archivos JSF Page


indicamos el nombre welcome en opciones debe estar seleccionada Facelets

Contenido del archivo welcome.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:head>
<title>Facelet Title</title>
</h:head>
<h:body>
<h3>Bienvenido a Scala + JSF, #{user.name}!</h3>
</h:body>
</html>



Ejecutamos el proyecto

al dar clic en Login













Scala + Java Server Faces 2.0 con NetBeans 7.0 Beta 2 parte 2

Continuamos ahora con la segunda parte de nuestro proyecto que integra Scala con JSF. 


Creamos un archivo en Scala, nos ubicamos en la carpeta com.avbravo.scalajsf y damos
clic derecho y seleccionamos Nuevo->Otro

en categoría Otro-> Archivo Vació

en el nombre del proyecto indicamos UserBean.scala
escribimos el siguiente código UserBean.scala
package com.avbravo.scalajsf
import java.io.Serializable
import javax.inject.Named
import javax.enterprise.context.SessionScoped
import scala.reflect.BeanProperty
@Named("user")
@SessionScoped
class UserBean extends Serializable {
@BeanProperty var name : String = ""
@BeanProperty var password : String = ""
def login = if (name != "") "welcome" else null
}


Ahora crearemos un archivo de propiedades para almacenar las etiquetas de la aplicación
Creamos un nuevo paquete para almacenar los archivos. Nos ubicamos en Other Sources

dar click derecho seleccionar Nuevo-> Paquete Java
indicamos el nombre com.avbravo.scalajsf.propiedades
Ahora nos ubicamos en el nuevo directorio

clic derecho luego Nuevo->Otro-> en Categorias Otros-> Properties File (en tipo de
archivo)

indicamos el nombre mensajes

dar click derecho en el archivo y seleccionamos Abrir. Y agregamos una nueva propiedad llamada
titulo_aplicacion


Editamos el archivo index.xhtml
Agregamos
xmlns:f="http://java.sun.com/jsf/core" en <html>


en la etiqueta <h:head>
<f:loadBundle basename="com.avbravo.scalajsf.propiedades.mensajes" var="msg" />
con esta configuración podemos usar las etiquetas en el archivo de propiedades en
nuestras aplicaciones
<h:outputLabel value="#{msg.titulo_aplicacion}"/>

código del archivo index.xhtml




Ejecutamos el proyecto


En el siguiente blog configuraremos el archivo pom.xml y estableceremos la integración 







Scala + Java Server Faces 2.0 con NetBeans 7.0 Beta 2 parte 1

Este tutorial es basado en el blog de  Cay Horstmann quien ha escrito varios libros sobre Java Server Faces y en su blog  Scala, JSF 2, and NetBeans nos explica la forma de integrar Scala con JSF mediante proyectos Maven.
Lo que hare simplemente es realizar de manera sencilla un proyecto Web utilizando Maven desde NetBeans para aquellas personas que no tengan mucha experiencia en el desarrollo de aplicaciones Web.

Creamos un proyecto Web basado en Maven

indicamos el nombre del proyecto scalajsf

indicamos el Group Id
NetBeans genera el esqueleto del proyecto

Ahora indicaremos el Framework Java Server Faces
En el menú Archivo seleccionamos Propiedades del Proyecto y en Categorias seleccionamos
Frameworks y presionamos el botón Agregar

Una vez que hemos seleccionado Java Server Faces verificamos las Bibliotecas,
Configuración y Componentes

Configuración indicamos Facelets

Por ejemplo en Componentes podemos indicar la integración de PrimeFaces 2.1


Ejecutamos el proyecto 

Seleccionamos el Servidor GlassFish

Proyecto ejecutándose









en el próximo blog crearemos el archivo .scala y realizaremos las configuraciones necesarias.










jUnit en NetBeans 7.0 Beta 2

Como recordaran JUnit no esta incluido de forma predeterminada dentro de NetBeans 7.0 Beta 2, si abres un proyecto que contega Test , el IDE automaticamente te permitira que instales el Plugin de JUnit.
Una vez que presionamos el botón Ok se inicia la descarga


 luego se activa el asistente

con esto tendremos el soporte para JUnit