De presentatie wordt gedownload. Even geduld aub

De presentatie wordt gedownload. Even geduld aub

Een mobiele applicatie in 10 stappen 8 November, 2012 Stefan van Liempt Enjoy sharing knowledge.

Verwante presentaties


Presentatie over: "Een mobiele applicatie in 10 stappen 8 November, 2012 Stefan van Liempt Enjoy sharing knowledge."— Transcript van de presentatie:

1 Een mobiele applicatie in 10 stappen 8 November, 2012 Stefan van Liempt Enjoy sharing knowledge

2 2 Michiel Wouter Albert Stefan Wyke Ernst

3  Tijdens deze sessie een webservice configureren die elke willekeurige informatie voor ons ophaalt uit CS  Een simpele mobiele applicatie maken die gebruikt maakt van onze webservice 3

4 Standaard webservices van Oracle  AAWS (aanmelden)  EWS (Inschrijven op vakken) 4 Campus Studenten

5 Studenten hebben de volgende informatie nodig  Cijferinformatie  Roosterinformatie  Persoonlijke informatie  Financiële informatie  Zoeken in het vakkenaanbod  Informatie rondom evenementen  … 5 Campus Studenten

6  Ook wel bekend als Reporting Webservices  Een verzameling webservices rondom de Query tool. 6 += WebserviceQueryPower

7  5 stappen om peoplesoft gereed te maken voor integratie  5 stappen om een mobiele applicatie te maken  Een voorbeeld applicatie  Vragen 7

8 8 Mobile HomegrownInternet Query Webservice Third party applications Security SOAPUI CS Database XML Request Campus Campus Solutions

9 9 Mobile HomegrownInternet Query Webservice Security SOAPUI CS Database XML Request Campus User Profile Met beveiliging Third party applicationsCampus Solutions

10  Onze universiteit heeft enkele informatie nodig rondom de persoon. EMPLID NAME BIRTHDATE EXTERNAL_SYSTEM_ID Uiteindelijk willen wij deze informatie in onze mobiele applicatie tonen. 10

11 11 1) Bouw de Query 2) Configureer QAS 4) Webservice publiceren 5) Testen webservice Build 3) Toegangsrechten en Rollen Test Provide P.L. & Roles Config

12 12 Build  Query is de tool om informatie te verzamelen!  Query onderhoud is makkelijk! Reporting Tools> Query > Query Manager

13 13 Mobile HomegrownInternet Query Webservice Security SOAPUI CS Database XML Request Campus User Profile 1 1 Query: CY2_EMEA_HEUG Third party applicationsCampus Solutions

14 14 Config Zoek naar de QAS_EXECUTEQRYSYNC_OPER zet de Operation op Active  Reporting webservices zijn read-only (uitgeleverd)  Zie tips & Tricks om dit te omzeilen Peopletools > Integration broker > Integration Setup > Service Operations Vink aan User/Password Required! Merk op: Required Verification (dwingt ons om HTTPS te praten tegen deze webservice)

15 15 Mobile HomegrownInternet Query Webservice Security SOAPUI CS Database XML Request Campus User Profile 1 1 Query: CY2_HEUG_EMEA Set Active Username / Password Req. 2 2 Third party applicationsCampus Solutions Req. Verification 2 2

16 16 P.L. & Roles Peopletools > Security > Permissions & Roles > Permission Lists We hebben een gebruikersaccount nodig: 1.Die toegang geeft tot de webservice 2.Genoeg rechten heeft voor Query

17 17  Tip: Configureer de hoogst nodige toegang! P.L. & Roles Peopletools > Security > User Profiles > User Profiles

18 18 Mobile HomegrownInternet Query Webservice Security SOAPUI CS Database XML Request Campus User Profile Query: CY2_HEUG_EMEA 1 1 Set Active Username / Password Req. CY2_QAS_ADMIN Role: QAS ADMIN Role: CY2_QUERY Third party applicationsCampus Solutions Req. Verification 2 2

19 19 Provide Vink de QAS_EXECUTEQRYSYNC_OPER Peopletools > Integration Broker > Webservices > Provide Web Service

20 20 Provide Copy ‘n Paste deze WSDL. We hebben dit in de Volgende stap nodig Peopletools > Integration Broker > Webservices > Provide Web Service

21 21 Mobile HomegrownInternet Query Webservice Security SOAPUI CS Database XML Request Campus User Profile Query: CY2_HEUG_EMEA 1 1 Set Active Username / Password Req. CY2_QAS_ADMIN Role: QAS ADMIN Role: CY2_QUERY WSDL generated 4 4 Third party applicationsCampus Solutions Req. Verification 2 2

22 Laten we de resultaten testen!

23 23  Download SoapUI van Test

24 24 Test

25 25 Test  Opmerking: Bovenstaande XML is de juiste XML om een query op afstand uit te voeren.

26 26 A A B B C C E E Test D D

27 27 Test

28 28 Test  If it works in SoapUI it should work anywhere!

29  Bouw de query  Configureer reporting webservice  Toegangsrechten & Rollen  Publiceer de webservice  Test de webservice en verder..  5 stappen om een mobiele applicatie te maken  Vragen. 29

30 30  Native app download je naar je telefoon  Native app kun je ook telefoonfuncties gebruiken (zoals camera)  Web app is platform onafhankelijk (Apple, Android, Windows)  Web app draait op een webserver (zoals een normale website)

31 31 1) Download een webserver (Xampp) 2) Kies een webtaal (jQuery Mobile) 4) Roep de interface aan 5) Test je applicatie! Installeer 3) Genereer een interface met Peoplesoft (PhP) Test Voeruit Genereer Config

32 32  Een extra integratiepunt waar de smartphones naar verbinden  Op deze webserver wordt de website geplaatst Mobile Third party applications SOAPUI Internet XML Request Campus WebserverWebserver WebserverWebserver Campus Solutions Integratielaag

33 33  Download (windows of Linux of OsX)  Voer setup uit  Klaar!

34 34  Zorg ervoor dat je de webserver installeert op een machine die ook bij de peoplesoft omgeving kan.  Het zou jouw laptop of vaste PC op het werk kunnen zijn. (Enkel voor te testen natuurlijk) Mobile Third party applications SOAPUI Internet XML Request Campus WebserverWebserver WebserverWebserver Campus Solutions Integratielaag 1 1

35  Uitstraling applicatie  Interactie met de gebruiker Wat gebeurt er al ik op deze knop klik Kleur en vormgeving knoppen Alles en meer op: App.html

36 36 Style & Scripts Zoekbox Studentnr Zoekknop Resultaat Ruimte voor ons eigen script

37 37 Roept Onze interface aan Prompt waarden meegeven Resultaat vullen met Naam v/d student

38 38 Tot nu toe…

39 39  Maak je eigen (simpele) mobiele website design  Bewaar het bestandje op de webserver  Je bent klaar met het webapp gedeelte Mobile Third party applications SOAPUI Internet XML Request Campu s WebserverWebserver WebserverWebserver Campus Solutions Integratielaag 1 1 App.html

40 40  PhP acteert als integratielaag  Data afhandeling / Beveiliging  Interface voor versimpeling van aanroepen A A Ga naar phpClasses.org B B Download daar SoapProxy (soap-proxy zip) C C Unzip het bestand op de webserver QAS.gen.php Src_confi.php Soap.class.php SoapProxyGene rator.php.Zip bestand phpClasses Maak een nieuw bestand op de Webserver (bv QAS.gen.php) D D WebserverWebserver WebserverWebserver

41 41  De aanroep genereert een nieuw bestand: QAS_QRY_SERVICE.class.php QAS_EXEQRY_SYNC_REQ Promp t Prompts Classes Campus QAS_QRY_SERVICE.class.php Ons gegenereerd bestand! QAS.gen.php Src_config.php QAS.gen.php Src_config.php Soap.class.php SoapProxyGene rator.php.Zip bestand phpClasses

42 42  Zet QAS_QRY_SERVICE.class.php op de webserver  Zet Soap.class.php op de webserver Mobile Third party applications SOAPUI Internet XML Request Campus WebserverWebserver WebserverWebserver Campus Solutions Integratielaag 1 1 App.html QAS_QRY _SERVICE. class.php Soap.clas s.php Src_config.php 3 3

43 43 4) Roep de interface aan Mobile Third party applications SOAPUI Internet XML Request Campus WebserverWebserver WebserverWebserver Campus Solutions Integratielaag 1 1 App.html QAS_QRY _SERVICE. class.php Soap.clas s.php Src_config.php 3 3 getQuery. php include Resultaat getQuery.php Query/Prompt

44 44 4) Roep de interface aan SOAPUIgetQuery.php Parameters Prompts Onze WSDL Onze gegenereerde class

45 45 Mobile Third party applications SOAPUI Internet XML Request Campus WebserverWebserver WebserverWebserver Campus Solutions Integratielaag 1 1 App.html QAS_QRY _SERVICE. class.php Soap.clas s.php Src_config.php 3 3 getQuery. php 4 4 Bezoek Website AJAX Req. Overzicht Flow

46 46 5) Test je applicatie

47  Download een webserver (Xampp)  Kies een webtaal (jQuery Mobiel)  Genereer een interface met PeopleSoft (PhP)  Roep de interface aan  Test je applicatie 47

48 48

49 49

50 50

51 51

52 52

53  Oracle documentatie PeopleBook: (pt850trws ‐ b0909) Lees het! Veel nuttige info over de 29 andere service operations, onderdeel van QAS. 53

54 54

55  Configureer de proxy gebruiker met minimale, maar toch net voldoende rechten  Autentication webservice (SCC_USERREG_AUTHENTICATE), kun je gebruiken om de login af te vangen  Verwijder de read-only restrictie door: Peopletools -> Integration Broker -> Configuration > Service Configuration (tab retricted services) 55

56 ? 56

57 57 • Toevoegen Authenticatie header • Strippen van CDATA in XML

58 58 Header informatie genereren

59 59 Strippen van CDATA tags

60  Stefan van Liempt  Mobile:   Skype: stefan.v.liempt  LinkedIn:  Wouter de Bruin  Mobile:   Skype: cy2_wouter  LinkedIn:http://nl.linkedin.com/in/cy2wouter 60

61 This presentation and all HEUG EMEA 2012 presentations are available for download from the Conference site at www. heug.org ‘Enjoy sharing knowledge’ 61


Download ppt "Een mobiele applicatie in 10 stappen 8 November, 2012 Stefan van Liempt Enjoy sharing knowledge."

Verwante presentaties


Ads door Google