<!-- If the browser does not support frames put the first topic content here --> <div class="WordSection1"> <p class="MsoNormal"><span style= 'font-size:10.0pt'> </span></p> <p class="MsoBodyText" align="center" style='text-align:center'> <span style='font-size:25.0pt'>Consommation d’un WebService au format JSON dans une application Android</span></p> <p class="MsoNormal"> </p> <p class="MsoNormal"> </p> <p class="MsoNormal" style='margin-bottom:9.0pt'><b><u><span style= 'font-size: 14.0pt'>Contexte :</span></u></b></p> <p class="MsoNormal" style='margin-bottom:6.0pt'>Reprise du cas FBCN. Dans ce projet "WebServiceFBCN", On avait créé, sous NetBeans, 2 webservices au format JSon. Le 1<sup>er</sup> permettait de récupérer le nom des courses et le 2<sup>ème</sup> les résultats d’une course dont le nom était passé en paramètre. Exemple de données retournées par le 2<sup>ème</sup> webservice :</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 0cm'> <p class="MsoNormal" style='border:none;padding:0cm'>[</p> <p class="MsoNormal" style='border:none;padding:0cm'><span style= 'font-size:10.0pt; font-family:"Courier New"'>{"nomCoureur":"HAMEL","nomCourse":"Rando Muco","place":1,"prenomCoureur":"Vivien","temps":"01:01:40"},{"nomCoureur":"JACOB","nomCourse":"Rando Muco","place":2,"prenomCoureur":"Anthony","temps":"01:02:30"},{"nomCoureur":"MADEC","nomCourse":"Rando Muco","place":3,"prenomCoureur":"Peter","temps":"01:03:50"}</span></p> <p class="MsoNormal" style='border:none;padding:0cm'>]</p> </div> <p class="MsoNormal"> </p> <p class="MsoNormal" style='margin-bottom:6.0pt'>Extrait de CourseResource :</p> <p class="MsoNormal" align="center" style='text-align:center'> <img width="553" height="218" id="Image 1" src= "4_Tuto_JSon_ResultatFBCN_fichiers/image001.png" alt="image" name= "Image 1" /></p> <p class="MsoNormal"> </p> <p class="MsoNormal" style='margin-bottom:9.0pt'><b><u><span style= 'font-size: 14.0pt'>Plan :</span></u></b></p> <p class="MsoNormal"><u>Sous NetBeans (Serveur web service)</u></p> <p class="MsoNormal" style= 'margin-left:78.0pt;text-indent:-49.65pt'>Etape 1 : Contrôler que les 2 webservices fonctionnent.</p> <p class="MsoNormal" style='margin-top:6.0pt'><u>Sous Android (Client web service)</u></p> <p class="MsoBodyTextIndent" style= 'margin-left:78.0pt;text-indent:-49.65pt'>Etape 1 : Créer l'appel au 1<sup>er</sup> webservice "noms des courses".</p> <p class="MsoBodyTextIndent" style= 'margin-left:78.0pt;text-indent:-49.65pt'>Etape 2 : Parser les données JSON pour alimenter un spinner.</p> <p class="MsoNormal" style= 'margin-left:78.0pt;text-indent:-49.65pt'>Etape 3 : Placer un listener sur le spinner <span style= 'font-family:Wingdings'>è</span> Le choix sur ce spinner entrainera l'appel au second webservice "résultat de la course" et parsera les données JSON récupérées pour les afficher dans un ListView.</p> <span style= 'font-size:12.0pt;font-family:"Times New Roman",serif'><br clear= "all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:10.0pt'> </span></p> <p class="MsoNormal" style='margin-bottom:9.0pt'><b><u><span style= 'font-size: 14.0pt'>Exemple d'application Android :</span></u></b></p> <p class="MsoNormal" align="center" style='text-align:center'> <img width="277" height="527" src= "4_Tuto_JSon_ResultatFBCN_fichiers/image002.png" alt="image" /></p> <p class="MsoNormal"> </p> <p class="MsoNormal"> </p> <p class="MsoNormal"><img width="179" height="76" src= "4_Tuto_JSon_ResultatFBCN_fichiers/image003.jpg" alt="image" /></p> <p class="MsoNormal" style='margin-bottom:9.0pt'><b><u><span style= 'font-size: 14.0pt'>Contrôler le web service</span></u></b></p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 1.0pt 1.0pt 1.0pt'> <p class="MsoNormal" style='border:none;padding:0cm'>@GET // Méthode HTTP utilisée pour afficher les résultats d'une course dont le nom est passé en paramètre</p> <p class="MsoNormal" style='border:none;padding:0cm'> <b>@Path("nomJSON")</b></p> <p class="MsoNormal" style='border:none;padding:0cm'> <b>@Produces({MediaType.APPLICATION_JSON})</b></p> <p class="MsoNormal" style='border:none;padding:0cm'> public ArrayList<Courir> getJSON(@QueryParam("nomCourse") String pnomCourse)</p> <p class="MsoNormal" style='border:none;padding:0cm'> {</p> <p class="MsoNormal" style='border:none;padding:0cm'> ArrayList<Courir> lesResultats = GestionCourir.ResultatCourse(pnomCourse);</p> <p class="MsoNormal" style='border:none;padding:0cm'> return lesResultats;</p> <p class="MsoNormal" style='border:none;padding:0cm'> }</p> </div> <p class="MsoNormal"> </p> <p class="MsoNormal">Ce web service sera appelé en ajoutant nomJSON?nomCourse=… à l'url.</p> <p class="MsoNormal" style='margin-right:-21.35pt'>Exemple : <span class= "MsoHyperlink">http://192.168.1.20:8080/WebServiceFBCN_ver2020/webresources/course/</span><a href="http://192.168.1.16:8080/WebServiceFBCN/webresources/course/nomJSON?nomCourse=Rando%20Muco">nomJSON?nomCourse=Rando Muco</a></p> <p class="MsoNormal" style='margin-right:-21.35pt'> </p> <p class="MsoNormal"><span style= 'font-size:10.0pt'> </span></p> <p class="MsoNormal">Pour des "économies de ressources" vous pouvez arrêter NetBeans et démarrer GlassFish de façon indépendante (Vidéo4).</p> <p class="MsoNormal"> </p> <table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style='border-collapse:collapse'> <tr> <td width="112" valign="top" style= 'width:85.25pt;padding:0cm 5.4pt 0cm 5.4pt'> <p class="MsoNormal"><img border="0" width="90" height="100" src= "4_Tuto_JSon_ResultatFBCN_fichiers/image004.jpg" alt="image" /></p> </td> <td width="455" valign="top" style= 'width:405.5pt;padding:0cm 5.4pt 0cm 5.4pt'> <p class="MsoNormal"> </p> <p class="MsoNormal"> </p> <p class="MsoNormal"><span style='font-size:20.0pt'>Sous Android Studio</span></p> </td> </tr> </table> <h1><a name="node2" id="node2"></a>1<sup>ère</sup> partie de l'application cliente Android</h1> <p class="MsoNormal" style='margin-left:70.9pt;text-indent:-2.0cm'> <u>Objectif</u> : Parser les données ("nom des courses") et alimentation du spinner.</p> <p class="MsoNormal"> </p> <p class="MsoNormal" style='margin-bottom:3.0pt'>Consommer le 1<sup>er</sup> webservice (copier et accepter les <i>import</i>):</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white'> <p class="MsoNormal" style= 'background:white;border:none;padding:0cm'><span style= 'font-size:10.0pt;color:#0033B3'>public class</span> <span style= 'font-size:10.0pt;color:black'>MainActivity</span> <span style= 'font-size:10.0pt;color:#0033B3'>extends</span> <span style= 'font-size: 10.0pt;color:black'>AppCompatActivity<br /></span><span style='font-size:10.0pt;color:#080808'>{<br /> </span> <span style= 'font-size:10.0pt;color:black'>TextView</span> <span style= 'font-size:10.0pt;color:#871094'>txtAffichage</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:black'>Spinner</span> <span style= 'font-size:10.0pt;color:#871094'>spinCourse</span><span style= 'font-size: 10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:black'>ArrayList</span><span style= 'font-size:10.0pt;color:#080808'><</span><span style= 'font-size:10.0pt; color:black'>String</span><span style= 'font-size:10.0pt;color:#080808'>></span> <span style= 'font-size:10.0pt;color:#871094'>lesNomsDeCourses</span><span style='font-size:10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:black'>String</span> <span style= 'font-size:10.0pt;color:#871094'>typeDeContenu</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:black'>String</span> <span style= 'font-size:10.0pt;color:#871094'>lien</span> <span style= 'font-size:10.0pt; color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#067D17'>""</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> <br /> </span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>// L'ADRESSE IP SERA A REMPLACER PAR L'IP DU POSTE CONTENANT LE WEB SERVICE<br /></span></i><span style= 'font-size:10.0pt;color:#080808'> </span> <span style='font-size:10.0pt;color:black'>String</span> <span style='font-size:10.0pt; color:#871094'>lienDeBase</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#067D17'>"http://192.168.1.5:8080/WebServiceFBCN_ver2020/webresources/course"</span><span style='font-size:10.0pt;color:#080808'>;</span><i><span style='font-size:10.0pt; color:#8C8C8C'><br /> <br /> </span></i> <span style= 'font-size:10.0pt;color:black'>String</span> <span style= 'font-size:10.0pt;color:#871094'>param</span> <span style= 'font-size: 10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#067D17'>""</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:black'>URL</span> <span style= 'font-size:10.0pt;color:#871094'>urlCon</span><span style= 'font-size: 10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:black'>HttpURLConnection</span> <span style='font-size:10.0pt;color:#871094'>urlConnection</span><span style='font-size:10.0pt;color:#080808'>;<br /> <br /> </span> <span style= 'font-size:10.0pt;color:#9E880D'>@Override<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>protected void</span> <span style= 'font-size:10.0pt;color:#00627A'>onCreate</span><span style= 'font-size: 10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt;color:black'>Bundle</span> <span style= 'font-size:10.0pt;color:#080808'>savedInstanceState)<br /> {<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>super</span><span style= 'font-size:10.0pt;color:#080808'>.onCreate(savedInstanceState);<br /> setContentView(</span><span style= 'font-size:10.0pt;color:black'>R</span><span style= 'font-size:10.0pt;color:#080808'>.</span><span style= 'font-size:10.0pt; color:black'>layout</span><span style= 'font-size:10.0pt;color:#080808'>.</span><i><span style= 'font-size:10.0pt;color:#871094'>activity_main</span></i><span style='font-size:10.0pt;color:#080808'>);<br /> initialisations();<br /> <br /> </span> <span style= 'font-size:10.0pt;color:#871094'>lien</span> <span style= 'font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt; color:#871094'>lienDeBase</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> </span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>// Lancement de la tache asynchrone (obligatoire car l'appel à un WebService est une "tache longue")<br /> </span></i> <span style= 'font-size:10.0pt;color:black'>AccesWebServices accesWS</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt; color:#080808'>AccesWebServices();<br /> </span> <span style= 'font-size:10.0pt;color:black'>String</span> <span style= 'font-size:10.0pt;color:#080808'>retourWS =</span> <span style= 'font-size:10.0pt;color:#067D17'>""</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>try<br /> </span> <span style= 'font-size:10.0pt;color:#080808'>{<br /> retourWS =</span> <span style= 'font-size:10.0pt;color:black'>accesWS</span><span style= 'font-size:10.0pt;color:#080808'>.execute().get();<br /> </span> <span style= 'font-size:10.0pt;color:black'>System</span><span style='font-size:10.0pt;color:#080808'>.</span><i><span style='font-size:10.0pt; color:#871094'>out</span></i><span style='font-size:10.0pt;color:#080808'>.println(</span><span style='font-size:10.0pt;color:#067D17'>"RETOUR2:"</span> <span style='font-size:10.0pt;color:#080808'>+ retourWS);<br /> }<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>catch</span><span style= 'font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:black'>Exception</span> <span style= 'font-size:10.0pt;color:#080808'>e)<br /> {<br /> </span> <span style= 'font-size:10.0pt;color:black'>System</span><span style='font-size:10.0pt;color:#080808'>.</span><i><span style='font-size:10.0pt; color:#871094'>out</span></i><span style='font-size:10.0pt;color:#080808'>.println(</span><span style='font-size:10.0pt;color:#067D17'>"ERREUR APPEL DU WEBSERVICE : "</span> <span style= 'font-size:10.0pt;color:#080808'>+ e.getMessage());<br /> }<br /> </span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>/* PARSING DU TEXTE (retourWS) RETOURNé (format JSON) et création du tableau JSON */<br /> </span></i> <span style= 'font-size:10.0pt;color:black'>JSONArray</span> <span style= 'font-size:10.0pt;color:#080808'>jTab =</span> <span style= 'font-size: 10.0pt;color:#0033B3'>null</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>try</span> <span style= 'font-size:10.0pt;color:#080808'>{<br /> jTab =</span> <span style= 'font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt;color:#080808'>JSONArray(retourWS);<br /> }<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>catch</span> <span style= 'font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:black'>Exception</span> <span style= 'font-size:10.0pt;color:#080808'>e)<br /> {<br /> </span> <span style= 'font-size:10.0pt;color:black'>System</span><span style='font-size:10.0pt;color:#080808'>.</span><i><span style='font-size:10.0pt; color:#871094'>out</span></i><span style='font-size:10.0pt;color:#080808'>.println(</span><span style='font-size:10.0pt;color:#067D17'>"ERREUR TABLEAU JSON : "</span> <span style= 'font-size:10.0pt;color:#080808'>+ e.getMessage());<br /> }<br /> </span> <span style= 'font-size:10.0pt;color:black'>String</span><span style= 'font-size:10.0pt;color:#080808'>[]</span> <span style= 'font-size:10.0pt; color:black'>nomCourse</span> <span style= 'font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt; color:#080808'>String[jTab.length()];<br /> </span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>// Pour exploiter le tableau JSON<br /> </span></i> <span style= 'font-size:10.0pt;color:#0033B3'>for</span> <span style= 'font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:#0033B3'>int</span> <span style= 'font-size:10.0pt;color:#080808'>i=</span><span style= 'font-size:10.0pt;color:#1750EB'>0</span><span style= 'font-size:10.0pt; color:#080808'>; i < jTab.length(); i++)<br /> {<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>try<br /> </span> <span style='font-size:10.0pt;color:#080808'>{<br /> </span> <span style= 'font-size:10.0pt;color:black'>nomCourse</span><span style= 'font-size:10.0pt;color:#080808'>[i] = jTab.getJSONObject(i).getString(</span><span style= 'font-size:10.0pt;color:#067D17'>"nom"</span><span style= 'font-size:10.0pt;color:#080808'>);<br /> }<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>catch</span> <span style='font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:black'>JSONException</span> <span style= 'font-size:10.0pt;color:#080808'>jse)<br /> {<br /> </span> <span style= 'font-size:10.0pt;color:black'>System</span><span style='font-size:10.0pt;color:#080808'>.</span><i><span style='font-size:10.0pt; color:#871094'>out</span></i><span style='font-size:10.0pt;color:#080808'>.println(</span><span style='font-size:10.0pt;color:#067D17'>"ERREUR OBJET JSON : "</span> <span style= 'font-size:10.0pt;color:#080808'>+ jse.getMessage());<br /> }<br /> }<br /> </span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>/* FIN DU PARSING */<br /> <br /> // "Adaptation" du spinner a partir du tableau<br /> </span></i> <span style= 'font-size:10.0pt;color:black'>SpinnerAdapter adapter</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt; color:#080808'>ArrayAdapter(</span><span style= 'font-size:10.0pt;color:#0033B3'>this</span><span style= 'font-size:10.0pt;color:#080808'>,</span> <span style= 'font-size:10.0pt; color:black'>android.R</span><span style= 'font-size:10.0pt;color:#080808'>.</span><span style= 'font-size:10.0pt;color:black'>layout</span><span style= 'font-size:10.0pt; color:#080808'>.</span><i><span style= 'font-size:10.0pt;color:#871094'>simple_list_item_1</span></i><span style='font-size:10.0pt;color:#080808'>,</span> <span style= 'font-size:10.0pt; color:black'>nomCourse</span><span style= 'font-size:10.0pt;color:#080808'>);<br /> </span> <span style= 'font-size:10.0pt;color:#871094'>spinCourse</span><span style= 'font-size:10.0pt;color:#080808'>.setAdapter(</span><span style= 'font-size:10.0pt;color:black'>adapter</span><span style= 'font-size:10.0pt; color:#080808'>);<br /> }<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>private void</span> <span style= 'font-size:10.0pt;color:#00627A'>initialisations</span><span style= 'font-size:10.0pt;color:#080808'>()<br /> {<br /> </span> <span style= 'font-size:10.0pt;color:#871094'>txtAffichage</span> <span style= 'font-size:10.0pt;color:#080808'>= findViewById(</span><span style= 'font-size:10.0pt;color:black'>R</span><span style= 'font-size:10.0pt; color:#080808'>.</span><span style= 'font-size:10.0pt;color:black'>id</span><span style= 'font-size:10.0pt;color:#080808'>.</span><i><span style= 'font-size:10.0pt; color:#871094'>txtResultat</span></i><span style='font-size:10.0pt;color:#080808'>);<br /> </span> <span style= 'font-size:10.0pt;color:#871094'>spinCourse</span> <span style= 'font-size:10.0pt;color:#080808'>= findViewById(</span><span style= 'font-size:10.0pt;color:black'>R</span><span style= 'font-size:10.0pt; color:#080808'>.</span><span style= 'font-size:10.0pt;color:black'>id</span><span style= 'font-size:10.0pt;color:#080808'>.</span><i><span style= 'font-size:10.0pt; color:#871094'>cmbCourse</span></i><span style= 'font-size:10.0pt;color:#080808'>);<br /> </span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>/* On met un ecouteur sur le changement d'item du spinner (liste déroulante). Instruction pour l'instant en remarque */<br /> </span></i> <span style= 'font-size:10.0pt;color:#871094'>spinCourse</span><span style= 'font-size:10.0pt;color:#080808'>.setOnItemSelectedListener(</span><span style='font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt; color:#080808'>ClickSurSpinner());<br /> }<br /> <br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>private class</span> <span style= 'font-size:10.0pt;color:black'>AccesWebServices</span> <span style= 'font-size:10.0pt;color:#0033B3'>extends</span> <span style= 'font-size: 10.0pt;color:black'>AsyncTask</span><span style= 'font-size:10.0pt;color:#080808'><</span><span style= 'font-size:10.0pt;color:black'>Void</span><span style= 'font-size:10.0pt; color:#080808'>,</span> <span style= 'font-size:10.0pt;color:black'>Void</span><span style= 'font-size:10.0pt;color:#080808'>,</span> <span style= 'font-size:10.0pt; color:black'>String</span><span style= 'font-size:10.0pt;color:#080808'>><br /> {<br /> </span> <span style= 'font-size:10.0pt;color:#9E880D'>@Override<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>protected void</span> <span style= 'font-size:10.0pt;color:#00627A'>onPreExecute</span><span style= 'font-size:10.0pt;color:#080808'>()<br /> {<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>super</span><span style= 'font-size:10.0pt;color:#080808'>.onPreExecute();<br /> </span> <span style='font-size:10.0pt;color:black'>Toast</span><span style= 'font-size:10.0pt;color:#080808'>.<i>makeText</i>(getApplicationContext(),</span> <span style='font-size:10.0pt;color:#067D17'>"Début du traitement asynchrone"</span><span style= 'font-size:10.0pt;color:#080808'>,</span> <span style= 'font-size:10.0pt;color:black'>Toast</span><span style= 'font-size:10.0pt; color:#080808'>.</span><i><span style= 'font-size:10.0pt;color:#871094'>LENGTH_LONG</span></i><span style= 'font-size:10.0pt;color:#080808'>).show();<br /> }<br /> </span> <span style= 'font-size:10.0pt;color:#9E880D'>@Override<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>protected</span> <span style= 'font-size:10.0pt;color:black'>String</span> <span style= 'font-size:10.0pt; color:#00627A'>doInBackground</span><span style= 'font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt;color:black'>Void</span><span style= 'font-size:10.0pt; color:#080808'>... params)<br /> {<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>try<br /> </span> <span style='font-size:10.0pt;color:#080808'>{<br /> </span><span style='font-size:10.0pt;color:#871094'>urlCon</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt; color:#0033B3'>new</span> <span style= 'font-size:10.0pt;color:#080808'>URL(</span><span style= 'font-size:10.0pt;color:#871094'>lien</span><span style= 'font-size:10.0pt; color:#080808'>);<br /> </span> <span style='font-size:10.0pt;color:#871094'>urlConnection</span> <span style='font-size:10.0pt;color:#080808'>= (</span><span style= 'font-size:10.0pt;color:black'>HttpURLConnection</span><span style= 'font-size:10.0pt;color:#080808'>)</span> <span style= 'font-size:10.0pt; color:#871094'>urlCon</span><span style= 'font-size:10.0pt;color:#080808'>.openConnection();<br /> </span> <i><span style='font-size:10.0pt;color:#8C8C8C'>// Transformation du HttpUrlConnection en chaine<br /> </span></i> <span style='font-size:10.0pt;color:black'>InputStream in</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#871094'>urlConnection</span><span style= 'font-size:10.0pt;color:#080808'>.getInputStream();<br /> </span><span style= 'font-size:10.0pt;color:black'>BufferedReader rd</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt; color:#080808'>BufferedReader(</span><span style='font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt;color:#080808'>InputStreamReader(</span><span style='font-size:10.0pt;color:black'>in</span><span style='font-size:10.0pt; color:#080808'>));<br /> </span> <span style='font-size:10.0pt;color:black'>String retour</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:black'>rd</span><span style= 'font-size:10.0pt; color:#080808'>.readLine();<br /> </span> <span style= 'font-size:10.0pt;color:black'>System</span><span style='font-size:10.0pt;color:#080808'>.</span><i><span style='font-size:10.0pt; color:#871094'>out</span></i><span style='font-size:10.0pt;color:#080808'>.println(</span><span style='font-size:10.0pt;color:#067D17'>"RETOUR1 : "</span> <span style='font-size:10.0pt;color:#080808'>+</span> <span style= 'font-size:10.0pt; color:black'>retour</span><span style= 'font-size:10.0pt;color:#080808'>);<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>return</span> <span style= 'font-size:10.0pt;color:black'>retour</span><span style='font-size:10.0pt; color:#080808'>;<br /> }<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>catch</span> <span style='font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:black'>Exception</span> <span style= 'font-size:10.0pt;color:#080808'>ex)<br /> {<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>return</span> <span style='font-size:10.0pt;color:#067D17'>"ERREUR ASYNTASK : "</span> <span style='font-size:10.0pt;color:#080808'>+ ex.getMessage();<br /> }<br /> }<br /> }</span></p> <p class="MsoNormal" style= 'background:white;border:none;padding:0cm'><span style= 'font-size:10.0pt;color:#080808'>}</span></p> </div> <span style= 'font-size:12.0pt;font-family:"Times New Roman",serif'><br clear= "all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:10.0pt'> </span></p> <h1><a name="node3" id="node3"></a>2ème partie de l'application cliente</h1> <p class="MsoNormal" style='margin-left:70.9pt;text-indent:-2.0cm'> <u>Objectif</u> : Parser les données ("résultat de la course") et afficher ces données.</p> <p class="MsoNormal"><span style= 'font-size:10.0pt'> </span></p> <p class="MsoNormal" style= 'margin-top:0cm;margin-right:-14.25pt;margin-bottom: 0cm;margin-left:14.2pt;margin-bottom:.0001pt'> Le spinner doit provoquer l'affichage des résultats de la course sélectionnée. Ce qui donne le code suivant sur l'événement changeItem du spinner (à ajouter avant la dernière accolade fermante "}") :</p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt; background:white'> <p class="MsoNormal" style= 'background:white;border:none;padding:0cm'><span style= 'font-size:10.0pt;color:#0033B3'>private class</span> <span style= 'font-size:10.0pt;color:black'>ClickSurSpinner</span> <span style= 'font-size:10.0pt;color:#0033B3'>implements</span> <span style= 'font-size:10.0pt;color:black'>AdapterView</span><span style= 'font-size: 10.0pt;color:#080808'>.</span><span style= 'font-size:10.0pt;color:black'>OnItemSelectedListener<br /></span><span style='font-size:10.0pt;color:#080808'>{<br /> <br /> </span> <span style= 'font-size:10.0pt;color:#9E880D'>@Override<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>public void</span> <span style= 'font-size:10.0pt;color:#00627A'>onItemSelected</span><span style= 'font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:black'>AdapterView</span><span style= 'font-size:10.0pt;color:#080808'><?> parent,</span> <span style='font-size:10.0pt;color:black'>View</span> <span style= 'font-size:10.0pt;color:#080808'>view,<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>int</span> <span style='font-size:10.0pt;color:#080808'>position,</span> <span style='font-size:10.0pt;color:#0033B3'>long</span> <span style='font-size:10.0pt; color:#080808'>id) {<br /> </span> <span style= 'font-size:10.0pt;color:#871094'>param</span> <span style= 'font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt; color:#871094'>spinCourse</span><span style= 'font-size:10.0pt;color:#080808'>.getSelectedItem().toString();<br /> </span> <span style= 'font-size:10.0pt;color:#871094'>param</span> <span style= 'font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt; color:black'>URLEncoder</span><span style= 'font-size:10.0pt;color:#080808'>.<i>encode</i>(</span><span style= 'font-size:10.0pt;color:#871094'>param</span><span style= 'font-size:10.0pt; color:#080808'>);</span><i><span style= 'font-size:10.0pt;color:#8C8C8C'>//change les caracteres inadequats<br /> </span></i> <span style= 'font-size:10.0pt;color:#871094'>lien</span> <span style= 'font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt; color:#871094'>lienDeBase</span> <span style= 'font-size:10.0pt;color:#080808'>+</span> <span style= 'font-size:10.0pt;color:#067D17'>"/nomJSON?nomCourse="</span> <span style='font-size:10.0pt;color:#080808'>+</span> <span style= 'font-size:10.0pt;color:#871094'>param</span><span style= 'font-size:10.0pt; color:#080808'>;<br /> </span> <span style= 'font-size:10.0pt;color:black'>System</span><span style= 'font-size:10.0pt;color:#080808'>.</span><i><span style= 'font-size:10.0pt; color:#871094'>out</span></i><span style= 'font-size:10.0pt;color:#080808'>.println(</span><span style= 'font-size:10.0pt;color:#067D17'>"PASSAGE : "</span> <span style= 'font-size:10.0pt;color:#080808'>+</span> <span style= 'font-size:10.0pt; color:#871094'>lien</span><span style= 'font-size:10.0pt;color:#080808'>);<br /> <br /> </span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>//Lancement de la tache asynchrone<br /> </span></i> <span style= 'font-size:10.0pt;color:black'>AccesWebServices accesWS</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt; color:#080808'>AccesWebServices();<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>try</span> <span style= 'font-size:10.0pt;color:#080808'>{<br /> </span> <i><span style='font-size:10.0pt;color:#8C8C8C'>// Recupération et exploitation de la valeur de retour (de type String)<br /> </span></i> <span style='font-size:10.0pt;color:black'>String rep2</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt; color:black'>accesWS</span><span style= 'font-size:10.0pt;color:#080808'>.execute().get();<br /> </span> <span style= 'font-size:10.0pt;color:#871094'>txtAffichage</span><span style= 'font-size:10.0pt;color:#080808'>.setText(</span><span style= 'font-size: 10.0pt;color:black'>rep2</span><span style= 'font-size:10.0pt;color:#080808'>);</span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>// Juste pour le test<br /> <br /> /* PARSING DU TEXTE (retourWS) RETOURNé */<br /> // Création du tableau JSON<br /> </span></i> <span style='font-size:10.0pt;color:black'>JSONArray jTab</span> <span style='font-size:10.0pt;color:#080808'>=</span> <span style= 'font-size:10.0pt;color:#0033B3'>new</span> <span style= 'font-size:10.0pt; color:#080808'>JSONArray(</span><span style= 'font-size:10.0pt;color:black'>rep2</span><span style= 'font-size:10.0pt;color:#080808'>);<br /> <br /> </span> <span style='font-size:10.0pt;color:black'>String</span> <span style='font-size:10.0pt;color:#080808'>texte =</span> <span style='font-size: 10.0pt;color:#067D17'>""</span><span style= 'font-size:10.0pt; color:#080808'>;<br /> </span> <span style='font-size:10.0pt;color:black'>String</span> <span style='font-size:10.0pt;color:#080808'>nom, prenom, place, tps =</span> <span style= 'font-size:10.0pt;color:#067D17'>""</span><span style= 'font-size:10.0pt;color:#080808'>;<br /> </span> <i><span style='font-size:10.0pt;color:#8C8C8C'>// Pour exploiter le tableau JSON<br /> </span></i> <span style='font-size:10.0pt;color:#0033B3'>for</span> <span style='font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:#0033B3'>int</span> <span style= 'font-size:10.0pt;color:#080808'>i=</span><span style= 'font-size:10.0pt;color:#1750EB'>0</span><span style= 'font-size:10.0pt; color:#080808'>; i <</span> <span style= 'font-size:10.0pt;color:black'>jTab</span><span style= 'font-size:10.0pt;color:#080808'>.length(); i++)<br /> {<br /> </span><span style='font-size:10.0pt;color:#0033B3'>try<br /> </span> <span style='font-size:10.0pt;color:#080808'>{<br /> nom =</span> <span style= 'font-size:10.0pt;color:black'>jTab</span><span style= 'font-size:10.0pt;color:#080808'>.getJSONObject(i).getString(</span><span style='font-size:10.0pt;color:#067D17'>"nomCoureur"</span><span style='font-size:10.0pt;color:#080808'>);<br /> prenom =</span> <span style= 'font-size:10.0pt;color:black'>jTab</span><span style= 'font-size:10.0pt;color:#080808'>.getJSONObject(i).getString(</span><span style='font-size:10.0pt;color:#067D17'>"prenomCoureur"</span><span style='font-size:10.0pt;color:#080808'>);<br /> place =</span> <span style= 'font-size:10.0pt;color:black'>jTab</span><span style= 'font-size:10.0pt;color:#080808'>.getJSONObject(i).getString(</span><span style='font-size:10.0pt;color:#067D17'>"place"</span><span style='font-size:10.0pt;color:#080808'>);<br /> tps =</span> <span style= 'font-size:10.0pt;color:black'>jTab</span><span style= 'font-size:10.0pt;color:#080808'>.getJSONObject(i).getString(</span><span style='font-size:10.0pt;color:#067D17'>"temps"</span><span style='font-size:10.0pt;color:#080808'>);<br /> texte += place +</span> <span style= 'font-size:10.0pt; color:#067D17'>"-"</span> <span style= 'font-size:10.0pt;color:#080808'>+ nom +</span> <span style= 'font-size:10.0pt;color:#067D17'>" "</span> <span style= 'font-size:10.0pt;color:#080808'>+ prenom +</span> <span style= 'font-size:10.0pt;color:#067D17'>" "</span> <span style= 'font-size:10.0pt;color:#080808'>+ tps +</span> <span style= 'font-size: 10.0pt;color:#067D17'>"</span><span style= 'font-size:10.0pt;color:#0037A6'>\n</span><span style= 'font-size:10.0pt;color:#067D17'>"</span><span style= 'font-size: 10.0pt;color:#080808'>;<br /> }<br /> </span> <span style='font-size:10.0pt;color:#0033B3'>catch</span> <span style='font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:black'>JSONException</span> <span style= 'font-size:10.0pt;color:#080808'>e)<br /> {</span><i><span style='font-size:10.0pt;color:#8C8C8C'><br /> </span></i> <span style='font-size:10.0pt;color:#080808'>}<br /> } //</span> <i><span style= 'font-size:10.0pt;color:#8C8C8C'>FIN DU PARSING<br /> </span></i> <span style= 'font-size:10.0pt;color:#871094'>txtAffichage</span><span style= 'font-size:10.0pt;color:#080808'>.setText(texte);<br /> }<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>catch</span> <span style= 'font-size:10.0pt;color:#080808'>(</span><span style= 'font-size:10.0pt; color:black'>Exception</span> <span style= 'font-size:10.0pt;color:#080808'>e)<br /> {<br /> </span> <span style= 'font-size:10.0pt;color:black'>System</span><span style='font-size:10.0pt;color:#080808'>.</span><i><span style='font-size:10.0pt; color:#871094'>out</span></i><span style='font-size:10.0pt;color:#080808'>.println(</span><span style='font-size:10.0pt;color:#067D17'>"ERREUR CLICK SUR SPINNER : "</span> <span style= 'font-size:10.0pt;color:#080808'>+ e.getMessage());<br /> }<br /> }<br /> <br /> </span> <span style= 'font-size:10.0pt;color:#9E880D'>@Override<br /> </span> <span style= 'font-size:10.0pt;color:#0033B3'>public void</span> <span style= 'font-size:10.0pt;color:#00627A'>onNothingSelected</span><span style='font-size:10.0pt;color:#080808'>(</span><span style='font-size:10.0pt; color:black'>AdapterView</span><span style='font-size:10.0pt;color:#080808'><?> parent)<br /> {<br /> }<br /> }</span></p> </div> <p class="MsoNormal"><b><span lang="EN-GB" style='color:red' xml:lang="EN-GB">Ne pas oublier de décommenter la ligne (dans la procedure "initialisations") :</span></b></p> <p class="MsoNormal" align="center" style='text-align:center'> <b><span style= 'font-size:10.0pt;font-family:"Courier New";color:red'>spinCourse</span></b><b><span style='font-size:10.0pt;font-family:"Courier New";color:red'>.setOnItemSelectedListener(new ClickSurSpinner());</span></b></p> <span lang="EN-GB" style= 'font-size:12.0pt;font-family:"Times New Roman",serif' xml:lang= "EN-GB"><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"><span lang="EN-GB" style='font-size:10.0pt' xml:lang="EN-GB"> </span></p> <p class="MsoNormal" style='margin-right:-22.1pt'><b>Exemple :</b> <span style= 'font-size:10.0pt;color:#2E74B5'>http://192.168.1.20:8080/WebServiceFBCN_ver2020/webresources/course/nomJSON?nomCourse=Rando%20Muco</span></p> <p class="MsoNormal"><b>Données ramenées par le web service :</b></p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt'> <p class="MsoNormal" style='border:none;padding:0cm'><span style= 'font-size:10.0pt; font-family:"Courier New"'>[{"nomCoureur":"HAMEL","nomCourse":"Rando Muco","place":1,"prenomCoureur":"Vivien","temps":"01:01:40"},{"nomCoureur":"JACOB","nomCourse":"Rando Muco","place":2,"prenomCoureur":"Anthony","temps":"01:02:30"},{"nomCoureur":"MADEC","nomCourse":"Rando Muco","place":3,"prenomCoureur":"Peter","temps":"01:03:50"},{"nomCoureur":"PARIS","nomCourse":"Rando Muco","place":4,"prenomCoureur":"Ryan","temps":"01:03:58"},{"nomCoureur":"VANNIER","nomCourse":"Rando Muco","place":5,"prenomCoureur":"Marc","temps":"01:04:35"},{"nomCoureur":"le_BRUN","nomCourse":"Rando Muco","place":6,"prenomCoureur":"Philipppe","temps":"01:05:40"},{"nomCoureur":"LE_CALVEZ","nomCourse":"Rando Muco","place":7,"prenomCoureur":"Alain","temps":"01:06:21"},{"nomCoureur":"JEGOU","nomCourse":"Rando Muco","place":8,"prenomCoureur":"Alan","temps":"01:07:00"},{"nomCoureur":"BEUVANT","nomCourse":"Rando Muco","place":9,"prenomCoureur":"Albert","temps":"01:07:25"},{"nomCoureur":"BARON","nomCourse":"Rando Muco","place":10,"prenomCoureur":"Lilian","temps":"01:10:27"}]</span></p> </div> <p class="MsoNormal"> </p> <p class="MsoNormal">Ce qui donne sur l'application Android :</p> <p class="MsoNormal" align="center" style='text-align:center'> <img border="0" width="277" height="527" src= "4_Tuto_JSon_ResultatFBCN_fichiers/image005.png" alt="image" /></p> <p class="MsoNormal"> </p> </div>
Table des matières
Sujets
Recherche
1ère partie de l'application cliente Android
2ème partie de l'application cliente
1ère partie de l'application cliente Android
2ème partie de l'application cliente
Générée avec
chmProcessor
Générée avec
chmProcessor