Disseny i Disseny i implementació de Web implementació de Web

ServicesServices

Projecte en Enginyeria InformàticaProjecte en Enginyeria Informàtica

2020 Crèdits Crèdits

Alumne :Alumne : Ramon Nou CastellRamon Nou Castell

Director :Director : Jordi Torres i ViñalsJordi Torres i Viñals

2 – 2 - 20042 – 2 - 2004

entre entre PocketPCPocketPC, , PCPC i dispositius i dispositius J2MEJ2ME

ObjectiuObjectiu

Estudiar la viabilitat d’utilitzar Web Services en dispositius com PocketPC i mòbils.

Temps estimat : 572 hores.

Ramon Nou CastellRamon Nou Castell33

MotivacionsMotivacions

“Boom” PocketPC i Mòbils.

Aprofitar el “servidor a casa”.

Conèixer els Web Services.

Conèixer la tecnologia dels dispositius portàtils.

Representa un repte.

Ramon Nou CastellRamon Nou Castell44

Tecnologia UtilitzadaTecnologia Utilitzada

Web Services

Apache Axis

J2ME (i J2ME MMAPI)

kSOAP

.NET

Embedded Visual Tools

pocketSoap

Apache HTTP ServerPHP

C++

Servidor Correu

Tomcat

mySQL

Instal·lacions

Jakarta Ant

Ramon Nou CastellRamon Nou Castell55

Web ServicesWeb ServicesNivell “socket”

Routers i tallafocs poden rebutjar el seu pas

Dispositius no compatibles amb “sockets”

TallafocsTallafocs

RouterRouter ServidorServidorClientClient

Ramon Nou CastellRamon Nou Castell66

Web ServicesWeb ServicesProtocol HTTP, podem passar per routers i tallafocsDispositius mòbils: solament HTTPMissatge en XMLInformació codificada com a text

TallafocsTallafocs

RouterRouter ServidorServidorClientClient

Ramon Nou CastellRamon Nou Castell77

Presa de contactePresa de contacte

Juny-2003

Prova PilotAvaluar la viabilitat

Definir l’abast

Conèixer la tecnologia

Escollir el següents elements

Utilització de Windows CE amb PocketPC

Ramon Nou CastellRamon Nou Castell88

Presa de contactePresa de contacteSistema per enviar imatges des d’un PocketPC a un PC mitjançant WS

Façana web per a observar els resultats

Ramon Nou CastellRamon Nou Castell99

Base de

Dades

Web Services

WEB

AXIS+TOMCAT + JAVA

mySQL

PHP

.NET o EVT+pocketSOAP

Presa de contacte - Presa de contacte - ConclusionsConclusionsPoca dificultat

Visual Studio .NET – Ràpida construcció

EVT+pocketSOAP – Construcció lenta

Centrar el projecte en la tecnologia J2ME

Sistema final semblant al creat

Ramon Nou CastellRamon Nou Castell1010

Com arribarem a l’objectiu?Com arribarem a l’objectiu?

Creació d’un sistema que permeti inserir notícies (amb imatges) mitjançant un dispositiu mòbil.

El sistema té com a objectiu secundari ser usable.

Ramon Nou CastellRamon Nou Castell1111

Ordinador personal amb accés a la banda ampla

kSOAP oJ2ME WS

ADSL...

ISP

.NET oEVT + PocketSoap

Apache + PHP + CSS

Dispositiu WinCE

Dispositiu J2ME

GSMGPRSiMode...

WEB

Web Services Base

de Dades

Tomcat + Axis + Java

mySQL

Ramon Nou CastellRamon Nou Castell1212

Butlletí – Estructura GeneralButlletí – Estructura General

Butlletí – Banda J2MEButlletí – Banda J2ME

J2MEMidlets

kSOAPLlibreria de Web Services per J2ME

J2ME WS Encara en “public draft”

Ramon Nou CastellRamon Nou Castell1313

Butlletí – Banda PCButlletí – Banda PCmySQL (4.0)

Persistència del sistema

AXIS + TOMCAT + JAVACreació dels Web Services

Llistes, inserir, esborrar, modificar Plantilles Notícies Imatges Missatges

PHP + CSSClient WEB

Tota la funcionalitat directament de la base de dades

Ramon Nou CastellRamon Nou Castell1414

Butlletí – PlanificacióButlletí – Planificació

Creació d’un prototipusObtenir resultats tangibles

Conèixer les dificultats ràpidament

Poder augmentar / reduir funcionalitat

Elements escollitsInserir Imatges

Inserir Notícies

Ramon Nou CastellRamon Nou Castell1515

Butlletí – Inserir ImatgesButlletí – Inserir Imatges

J2MEPrimer contacte

Impossibilitat d’accedir als elements emmagatzemats al mòbil des de Java

Aplicació multimèdia amb MMAPI

Desenvolupament amb emuladors

Ramon Nou CastellRamon Nou Castell1616

Butlletí – Inserir ImatgesButlletí – Inserir ImatgesBanda PC

Captura d’imatge i informació sobre ella.

Codificació Missatge SOAPImatge en Base64

Enviament

Inserció a la Base de Dades

Base de Dades

Web Services

SOAP+Base64

Ramon Nou CastellRamon Nou Castell1717

Butlletí – ProblemesButlletí – Problemes

Mòbil no compatible amb la llibreria multimèdia.

AlternativesMòbil Infrarojos PocketPC WS PC

Molts dispositius

Mòbil Correu PC

Base de Dades

Web Services

SOAP+Base64

Ramon Nou CastellRamon Nou Castell1818

Butlletí – SolucióButlletí – SolucióEnviar imatge per correu electrònic

Procés que analitzi el correu i realitzi la insercióSolució temporal

Processat de correu utilitzant la RFC Modificació lleu per a acceptar missatges MMS sense assumpte

Depenem de molts factors externs Podem trigar molt de temps en rebre el correu! No sabem l’estat

Base de Dades

E-mailProcMail

Parser EmailE-mail

Ramon Nou CastellRamon Nou Castell1919

Butlletí – Inserir NotíciesButlletí – Inserir Notícies

J2METransmissió de dades i estructures ‘complexes’

Enfocat a l’eficiènciaBaix ús del Garbage collectorConstrucció dels formularis a l’inici

Desenvolupament amb emuladors

Ramon Nou CastellRamon Nou Castell2020

Butlletí – Inserir NotíciesButlletí – Inserir NotíciesBanda PC

Creem la notíciaPodem demanar llistes:

Imatges Plantilles Categories

L’enviem

Base de Dades

Web Services

SOAPEstamos escribiendo la notícia para la presentación del Proyecto.... Aquí solo se vera un texto minusculo que se esta escribiendo poco a poco pero representa con fidelidadd lo que puede ser la realidad. Esto estara lleno de galtas asi que no lo leais ;)gfhfghgfhgfhfhfhfhfghfghgfhgfhfgbvcnvcytbrykfj, djfc,acfdkl clñfdk´cñf ñldkfc,ásclñf. clña

Ramon Nou CastellRamon Nou Castell2121

Butlletí – Proves PrototipusButlletí – Proves PrototipusCodificació mòbil PC

OK!ISO-LATIN-1 a UTF-8

Codificació PC mòbilNo OK!UTF-8 no automàticament a ISO-LATIN-1

Classe extra UTF2ISO:Transformació subconjunt UTF-8 a ISO-LATIN-1

Ramon Nou CastellRamon Nou Castell2222

Missatgeria entre usuaris

Web ServicesLlistes d’usuaris, missatges, operacions d’esborrat i modificació...

Client WEBFinalitzacióMillora seguretat Millora aspecte gràfic

Ramon Nou CastellRamon Nou Castell2323

Butlletí – Finalització sistemaButlletí – Finalització sistema

Instal·lació senzilla, ordinadors amb pocs recursos

Windowspocs ‘Clicks’ , cinc minutsInici serveis automàticamentDesinstal·lació

LinuxManual, però amb instruccions acurades

Ramon Nou CastellRamon Nou Castell2424

Butlletí – Finalització sistemaButlletí – Finalització sistema

Butlletí – Client .NETButlletí – Client .NET

Funcionalitat Inserir Notícies

Inserir Imatges

Detectats problemes d’interoperativitat.

Canviar Vector de X per X[ ]

Ramon Nou CastellRamon Nou Castell2525

Butlletí – Client WEBButlletí – Client WEB

Tota la funcionalitat

Dinàmica amb PHP

Eina per a provar el sistema

CSS (Cascade Style Sheet)Transformar l’aspecte gràfic modificant un fitxer

- Classes definides per gairebé tots els elements- Capacitat de transformació de la WEB

- Depèn del dissenyador

Ramon Nou CastellRamon Nou Castell2626

No hi ha subtítol!!!

FuturFutur

Continuació del PFC per l’alumne Juan Gonzalez

Creació d’un moblog

Ampliar sistema

Client WEB creat mitjançant Apache Cocoon accedint a través dels Web Service

Ramon Nou CastellRamon Nou Castell3131

Base de Dades

E-mail

ProcMail

E-mail

Web Services

Demanem llista

Rebem llistaEnvíem Notícia

Ramon Nou CastellRamon Nou Castell3232