DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo

AGENDA Qué es WML Tecnología WAP Lenguaje WML y WMLScript Lenguaje XHTML-MP Contenido dinámico con JAVA

QUÉ ES WML? WML son las siglas de Wireless Markup Language Es el lenguaje desarrollado para la implementación de paginas Web en dispositivos con tecnología WAP. Presenta una sintaxis muy similar a HTML. En la actualidad presenta algunas limitantes en comparación con otras versiones.

TECNOLOGÍA WAP Es un estándar internacional creado para aplicaciones que usan comunicación inalámbrica, la cual tiene como su principal característica la de brindar el acceso a Internet a través de un dispositivo móvil por medio de un navegador con soporte WAP WAP es una serie de tecnologías que consisten en: WML, que es el lenguaje de etiquetas, WMLScript es un lenguaje de script, lo que vendría a ser JavaScript

CARACTERISTICAS WML Presenta soporte para texto con formato. Soporta imágenes en formato WBMP. Imágenes en blanco y negro. Resolución y tamaño reducidas. Estructuración de una pagina WML en cartas. Soporta el manejo de variables. Es un lenguaje case – sensitive.

ENTORNO DE DESARROLLO Un editor de texto para implementar el código WML Un emulador de un terminal WAP para poder cargar las paginas WinWap Nokia Mobile Browser Simulator Conversor de imágenes a formato WBMP Servidor para desplegar la aplicación desarrollada en WML TOMCAT IIS

CONCEPTOS DE CARTA Y BARAJA Se llama baraja a una pagina wml constituida por un conjunto de cartas Carta Cada una de las subdivisiones que componen la baraja El terminal WAP siempre carga la primera carta de la baraja en la pantalla al comenzar Para navegar de una carta a otra es necesario el uso de hipervínculos entre ellas

EJEMPLO DE NAVEGACION POR CARTAS <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id=“carta1“ title=“Carta1”> <p><strong>carta1</strong></p> <do type="accept" label="Entrar"> <go href="#carta2"/> </do> <do type="accept" label="Salir"> <go href="#fin"/> </card> <card id="carta2" title=“Carta2"> <p><strong>carta2</strong></p> <do type="accept" label="volver"> <go href="#carta1"/> <card id="fin" title=“Final"> <p>Fin<br/>del ejemplo</p> </wml>

DECLARACION Y USO DE VARIABLES WML permite la declaración y uso de variables Permite el paso de información entre cartas El nombre de la variable puede empezar por: Guión bajo Letra US-ASCII seguida de mas letras o números Declaración: <set var name=“nombre” value=“valor”> Acceso: $(nombre)

EJEMPLO EN EL USO DE VARIABLES <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="carta1"> <p><input type="text" name="texto"/></p> <do type="accept" label="Siguiente"> <go href="#carta2"/> </do> </card> <card id="carta2"> <p>El valor de la variable es $(texto) </p> </wml>

ANIMACIONES E IMAGENES EN MOVIMIENTO WML permite la generación de secuencia de imágenes para simular el movimientos gracias al tag timer <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="im1" ontimer="#im2“ > <timer value="5"/> <img src="im1.wbmp" alt="imagen1"/> </card> <card id="im2" ontimer="#im3“ > <img src="im2.wbmp" alt="imagen2"/> <card id="im3" ontimer="#im1“ > <img src="im3.wbmp" alt="imagen3"/> </wml>

WMLSCRIPT Lenguaje de Script soportado por terminales WAP con sintaxis similar a javaScript Añade funcionalidad a las paginas WML Mensajes de alerta y confirmación Chequeo y validación de los datos introducidos por el usuario

LIBRERIAS WMLSCRIPT Lang abs(n), max (n1,n2), min (n1,n2), isInt (s), isFloat (s), parserInt(s),parserFloat(s),random(). Float floor(n), ceil(n), pow (n1,n2), round (s). String charAt(s,n), compare (s1,s2), length (s), trim (s), isEmpty(s), toString(v) etc.

LIBRERIAS WMLSCRIPT Dialog prompt (mensaje, valor_defecto) confirm (mensaje, afirmar, rechazar) alert (mensaje) WMLBrowser getVar(v), setVar(n,v), go(url), prev(), refresh(), newContext(), getCurrentCard()

LIBRERIAS WMLSCRIPT URL Permite la validación y parseo de urls isValid(url), getHost(url) getPort(url) getParameters(url) getQuerry(url)

DESARROLLO DE UNA APLICACION WAP CON SERVLETS Java 2 Enterprise Edition Netbeans IDE Servidor apache TOMCAT Browser WinWap MySQL

CONFIGURACION DEL SERVIDOR TOMCAT -Estructura del proyecto -webapp |-Mi_proyecto |-WEB-INF |-classes |-Servlets del proyecto |-lib |-librerias_usadas |-web.xml |-index.wml

CONTENIDO DEL ARCHIVO WEB.XML <web-app> <servlet> <servlet-name> Nombre del Servlet</servlet-name> <servlet-class> Nombre del .class del Servlet</servlet-class> </servlet> <servlet-mapping> <url-pattern> ruta del servlet</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file> Pagina de inicio WML(index.wml) </welcome-file> </welcome-file-list>

CONTENIDO DEL ARCHIVO WEB.XML <mime-mapping> <extension>wml</extension> <mime-type>text/vnd.wap.wml</mime-type> </mime-mapping> <mime-mapping> <extension>wmls</extension> <mime-type>text/vnd.wap.wmlscript</mime-type> </mime-mapping> <mime-mapping> <extension>wbmp</extension> <mime-type>image/vnd.wap.wbmp</mime-type> </mime-mapping> </web-app>

COMO EJECUTAR UN SERVLET DESDE UNA PAGINA WML En WML no existe el tag form por lo cual para realizar un POST o un GET a un Servlet es necesario usar el tag go de la siguiente manera: <do>|<href> <go method="POST/GET" href="http://localhost:8080/Miproyecto/MiServlet"> <postfield name=“Nombre parametro1" value=“valor"/> <postfield name=“Nombre parametro2" value=“valor"/> <postfield name=“Nombre parametro3" value=“valor"/> . <postfield name=“Nombre parametroN" value=“valor"/> </go> </do>|</a>

EJEMPLO PRACTICO BANCO.WML <?xml version="1.0"?> <!DOCTYPE wml PUBLIC "-//WPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="1"> <p>Bienvenidos a CajaMadrid</p> <img src="cj1.wbmp" alt="logo"/> <do name="accept" label="login"> <a href="funciones.wmls#pedirClave()"/> </do> <do name="accept" label="menu"> <a href="#2"/> </card> <card id="2"> <p><a href="#3">Sacar Dinero</a></p> <p><a href="#4">Ingresar Dinero</a></p> <p><a href="#5"> Consultar saldo <go method="POST" href="http://localhost:8080/wml/Banco"> <postfield name="tipo" value="consultar"/> <postfield name="pass" value="$(resultado)"/> </go> </a></p>

EJEMPLO PRACTICO BANCO.WML <card id="3"> <p>Cantidad</p><input name="cantidad" value=""/> <do type="accept" name="aceptar" label="Aceptar"> <go method="POST" href="http://localhost:8080/wml/Banco"> <postfield name="tipo" value="sacar"/> <postfield name="cant" value="$(cantidad)"/> <postfield name="pass" value="$(resultado)"/> </go> </do> </card> <card id="4"> <postfield name="tipo" value="ingresar"/> </wml>

EJEMPLO PRACTICO BANCO.JAVA public class Banco extends HttpServlet { public void init(ServletConfig cfg) throws ServletException { String sURL="jdbc:mysql://localhost/Banco"; try { Class.forName("com.mysql.jdbc.Driver").newInstance(); con = DriverManager.getConnection(sURL); } catch(Exception e) { } public void doPost(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { String cantidad=(String)req.getParameter("tipo"); if(cantidad.equals("sacar")){ sacarDinero(req,res); } else if(cantidad.equals("ingresar")){ ingresarDinero(req,res); } else if(cantidad.equals("consultar")){ consultarSaldo(req,res);

EJEMPLO PRACTICO BANCO.JAVA public void consultarSaldo(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException { res.setContentType("text/vnd.wap.wml"); ………… try { set = con.createStatement(); rs = set.executeQuery("SELECT * FROM USUARIO,CUENTA where USUARIO.PASS="+Integer.parseInt(password)+" AND ID=ID_PROPIETARIO"); out.println("<?xml version="+"\""+"1.0"+"\""+"?><!DOCTYPE wml PUBLIC "+"\""+"-//WPFORUM//DTD WML 1.1//EN"+"\""+" \""+"http://www.wapforum.org/DTD/wml_1.1.xml"+"\""+">"); out.println("<wml>"); out.println("<card>") ………….. out.println("</card>"); out.println("</wml>"); rs.close(); set.close(); } catch(Exception e) { System.out.println("No lee de la tabla"); System.out.println(e.toString()); }

TECNOLOGÍA XHTML-MP