![Page 1: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/1.jpg)
DESARROLLO DE SOLUCIONES
EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN
DESARROLLO DE SOLUCIONES
EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN
APLICACIONES WAP
Ing. Ronald Criollo
![Page 2: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/2.jpg)
Qué es WML Tecnología WAP Lenguaje WML y WMLScript Lenguaje XHTML-MP Contenido dinámico con JAVA
AGENDA
AGENDA
![Page 3: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/3.jpg)
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.
QUÉ ES WML?QUÉ ES WML?
![Page 4: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/4.jpg)
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
TECNOLOGÍA WAPTECNOLOGÍA WAP
![Page 5: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/5.jpg)
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.
CARACTERISTICAS WMLCARACTERISTICAS WML
![Page 6: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/6.jpg)
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
ENTORNO DE DESARROLLOENTORNO DE DESARROLLO
![Page 7: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/7.jpg)
Baraja Se llama baraja a una pagina wml constituida por un
conjunto de cartasCarta 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
CONCEPTOS DE CARTA Y BARAJACONCEPTOS DE CARTA Y BARAJA
![Page 8: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/8.jpg)
EJEMPLO DE NAVEGACION POR CARTASEJEMPLO 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"/></do>
</card>
<card id="carta2" title=“Carta2"><p><strong>carta2</strong></p><do type="accept" label="volver">
<go href="#carta1"/></do>
</card>
<card id="fin" title=“Final"><p>Fin<br/>del ejemplo</p>
</card></wml>
![Page 9: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/9.jpg)
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)
DECLARACION Y USO DE VARIABLESDECLARACION Y USO DE VARIABLES
![Page 10: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/10.jpg)
EJEMPLO EN EL USO DE VARIABLESEJEMPLO 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>
</card>
</wml>
![Page 11: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/11.jpg)
ANIMACIONES E IMAGENES EN MOVIMIENTOANIMACIONES 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“ >
<timer value="5"/><img src="im2.wbmp" alt="imagen2"/>
</card><card id="im3" ontimer="#im1“ >
<timer value="5"/><img src="im3.wbmp" alt="imagen3"/>
</card></wml>
![Page 12: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/12.jpg)
Lenguaje de Script soportado por terminales WAP con sintaxis similar a javaScript
Añade funcionalidad a las paginas WML
Mensajes de alerta y confirmaciónChequeo y validación de los datos
introducidos por el usuario
WMLSCRIPTWMLSCRIPT
![Page 13: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/13.jpg)
Lang abs(n), max (n1,n2), min (n1,n2), isInt (s),
isFloat (s), parserInt(s),parserFloat(s),random().
LIBRERIAS WMLSCRIPTLIBRERIAS WMLSCRIPT
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.
![Page 14: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/14.jpg)
LIBRERIAS WMLSCRIPTLIBRERIAS WMLSCRIPT
Dialog prompt (mensaje, valor_defecto) confirm (mensaje, afirmar, rechazar) alert (mensaje)
WMLBrowser getVar(v), setVar(n,v), go(url), prev(), refresh(), newContext(), getCurrentCard()
![Page 15: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/15.jpg)
LIBRERIAS WMLSCRIPTLIBRERIAS WMLSCRIPT
URL Permite la validación y parseo de urls isValid(url), getHost(url) getPort(url) getParameters(url) getQuerry(url)
![Page 16: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/16.jpg)
DESARROLLO DE UNA APLICACIONWAP CON SERVLETS
DESARROLLO DE UNA APLICACIONWAP CON SERVLETS
Java 2 Enterprise Edition Netbeans IDE Servidor apache TOMCAT Browser WinWap MySQL
![Page 17: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/17.jpg)
CONFIGURACION DEL SERVIDOR TOMCATCONFIGURACION DEL SERVIDOR TOMCAT
-Estructura del proyecto-webapp |-Mi_proyecto
|-WEB-INF|-classes
|-Servlets del proyecto|-lib
|-librerias_usadas|-web.xml
|-index.wml
![Page 18: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/18.jpg)
CONTENIDO DEL ARCHIVO WEB.XMLCONTENIDO 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><servlet-name> Nombre del Servlet</servlet-name><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>
![Page 19: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/19.jpg)
CONTENIDO DEL ARCHIVO WEB.XMLCONTENIDO 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>
![Page 20: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/20.jpg)
COMO EJECUTAR UN SERVLET DESDE UNA PAGINA WML
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>
![Page 21: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/21.jpg)
EJEMPLO PRACTICOBANCO.WMLEJEMPLO PRACTICOBANCO.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"/></do></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></card>
![Page 22: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/22.jpg)
EJEMPLO PRACTICOBANCO.WMLEJEMPLO PRACTICOBANCO.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">
<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="ingresar"/><postfield name="cant" value="$(cantidad)"/><postfield name="pass" value="$(resultado)"/>
</go></do>
</card>
</wml>
![Page 23: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/23.jpg)
EJEMPLO PRACTICOBANCO.JAVAEJEMPLO PRACTICOBANCO.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); } }
![Page 24: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/24.jpg)
EJEMPLO PRACTICOBANCO.JAVAEJEMPLO PRACTICOBANCO.JAVApublic 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()); } }
![Page 25: DESARROLLO DE SOLUCIONES EMPRESARIALES MOVILES USANDO TECNOLOGIA SUN APLICACIONES WAP Ing. Ronald Criollo](https://reader035.vdocuments.site/reader035/viewer/2022081414/54aaab44497959192a8b460d/html5/thumbnails/25.jpg)
TECNOLOGÍA XHTML-MPTECNOLOGÍA XHTML-MP