![Hello WorldQt QuickPlus court et plus facile !QtPas forcément plus court, mais beaucoup plus facileNative Symbian C++~ 300 lines of code,~ 15 files#include<QApplication>#include<QPushLabel>int main(intargc, char *argv[]){QApplication app(argc, argv);QLabelhelloLabel("Hello World");helloLabel.setAlignment(Qt::AlignCenter);helloLabel.showMaximized();returnapp.exec();}importQt4.7Rectangle{ width:360 height:360 Text{ anchors.centerIn:parent text:"HelloWorld" } }](https://image.slidesharecdn.com/zonedevlm22j-110323180540-phpapp01/85/ZOne-DEV-lemobile20-2011-2J-106-320.jpg)
![Exemple de connexion QML / C++#include<QApplication>#include“MyModelManager.h”intmain(intargc, char *argv[]){QApplicationapp(argc, argv);QmlApplicationViewerviewer; viewer.setMainQmlFile(QLatin1String("qml/main.qml"));MyModelManager manager; QDeclarativeContext* context = viewer.rootContext();context->setContextProperty(“MyModelManager", &manager);viewer.show();returnapp.exec();}#include“MyModelManager.h”ClassMyModelManager : publicQObject{public:Q_INVOKABLE void loginReq(QStringp_login, QStringp_pwd);signals: void loginResp(boolloginStatus);}importQt4.7Rectangle{ width:200 height:200MouseArea{ anchors.fill:parentonClicked:MyModelManager.loginReq(“nicolas”, “1234”); } Connections { target: MyModelManageronLoginResp: { console.log(“Resultat login : “+ loginStatus) } }}Créationd’uneclasse C++modélisant le modèleExposition de l’objet C++ “MyModelManager” vers QMLAppeld’uneméthode C++ depuis QML](https://image.slidesharecdn.com/zonedevlm22j-110323180540-phpapp01/85/ZOne-DEV-lemobile20-2011-2J-110-320.jpg)
Téléchargé parservicesmobiles.fr
ZOne DEV #lemobile20 2011 2J
Le document traite de l'open data et de ses applications dans divers contextes, notamment la philosophie, le cadre réglementaire et les initiatives en France et dans le monde. Il met également en avant l'importance de la visualisation des données et les technologies utilisées pour les applications mobiles, telles que le SDK Qt de Nokia. Enfin, le texte évoque des projets collaboratifs et des événements à venir pour encourager l'utilisation et la réutilisation des données ouvertes.
Contenu connexe
Similaire à ZOne DEV #lemobile20 2011 2J
ZOne DEV #lemobile20 2011 2J
- 2.
- 3. ZOne DEV du8 MarsIntroducingthe Junaio AR browser platform, KerimIspir, Sales Manager Projects, Metaio.Le mobile et la R.A. dans l’univers du retail Valentin Auvinet / Directeur / Mobil’Factory La Réalité augmentée au coeur de la stratégie marketing mobile, Jose Afonso Sales & Communications manager – Dekaps’ co-founderRéalité Augmentée : rien en sert de courir ! Raphaël Chénol / Responsable Innovation Mobile / Pages Jaunes GroupeLe cross media : une solution métier efficace, Christophe Hournon, Directeur Mobile et Social Média du Groupe ViewOn. You, I, tout sur Windows Phone UI, Alex Danvy, Evangéliste chez Microsoft France Location based services enrichingconsumer’s life, Pia Vuohelainen Partner Manager for DevelopersNavteqMonetizeyour Mobile AppsPaypal, Thierry Chopard Business Development Mobile Europe La stratégie Nokia telle qu’annoncée durant le Mobile World Congress, Bertrand Dupuis, Head of Services – Sales & Marketing Nokia
- 4. Open DataPARISParticiper àla démarche d’ouverture des données (« Open Data »)de ParisDéveloppons ensemble les services mobiles innovants
- 5. Sommaire Qu’est ceque l’Open data? Philosophie, contexte (les pionniers), cadre réglementaire
- 6. La licenceODBL
- 7. Une démarched’écoute et d’échanges
- 8.
- 9. Les prochainsrendez-vous : BarCamp et concours
- 10. Les jeuxde données déjà et prochainement libérésQu’est ce que l’Open Data?Philosophie, …Philosophie et conceptsComme tout mouvement d’ouverture souvent issu de la culture Internet (comme l’Open Source pour les logiciels), l’open data est une philosophie et une pratique qui considère que si certaines données sont librement exploitables par le plus grand nombre sans restriction liée à un droit d’auteur ou un droit d’utilisation, cette exploitation collaborative engendrera de nouvelles visions, de nouveaux services, … des innovations.
- 11. Les donnéespubliquesCette philosophie est valable pour la sphère privée et la sphère publique. Cependant le mouvement est très attaché à l’ouverture des données publiques considérées comme un bien commun et partagé par et pour les citoyens.
- 12. Les philosophieset concepts voisinsLe web2.0, le collaboratif, le participatif, l’innovation ouverte, la co-production avec la foule (crowdsourcing) sont autant de concepts dont se nourrit l’Open Data et auxquels l’Open Data participe. Qu’est ce que l’Open Data?…Contexte international (les pionniers), … L’ouverture des données est un des piliers de l’Open Government Initiative lancée par BarackObama après son élection qui vise à associer les citoyens de manière transparente, participative et collaborative à la définition et la mise en œuvre des politiques publiques.
- 13. Dans lemonde (San Francisco, Seattle, NYC, Edmonton, Vancouver…), en Europe (Londres, la Catalogne, Le Piemont…) et en France (Rennes) ont lancé des initiatives de mise à disposition de leurs données publiques et parfois de concours de création de nouveaux services avec ces données.Qu’est ce que l’Open Data?…cadre réglementaire français des données publiques La loi du 17 juillet 1978 reconnaît à toute personne un droit d'accès aux documents administratifs et un droit à la réutilisation des informations publiques. Pour assurer la bonne application de ces droits, les articles 20 à 23 de la loi prévoient la mise en place d'une autorité administrative indépendante : la Commission d'accès aux documents administratifs (CADA).
- 14. La directiveeuropéenne du 17 novembre 2003 concernant la réutilisation des informations du secteur public transposée en France via
- 15. L’ordonnance du6 juin 2005 et le décret du 30 décembre 2005 qui créent un droit de réutilisation des données publiques (sauf données personnelles, infos d’organismes culturels ou données faisant l’objet de droits de propriété intellectuelle). Le réutilisateur a certaines obligations.
- 16. Il estpossible d’accompagner clairement et précisément ce droit et ces obligations via l’établissement de licence de réutilisation des données.La licence ODBL utilisée par Paris…un cadre reconnu Afin de déterminer les droits et les devoirs des réutilisateurs, la Ville de Paris a adopté une licence type, que vous validez en téléchargeant les données mises à disposition sur ce site.
- 17. Cette licencea été adaptée de la licence ODbL (Open Database Licence) de l' Open KnowledgeFoundation, avec l'aide de la communauté de l'Open Data (remerciements à l'association Veni, Vidi, Libri, au collectif Regards Citoyens et au Chapitre France de Creative Commons).
- 18. Vous êteslibres : De partager : copier, distribuer et utiliser la base de données. De créer : produire des créations à partir de cette base de données. D'adapter : modifier, transformer et construire à partir de cette base de données. Aussi longtemps que : Vous mentionnez la paternité : Vous devez mentionnez la source de la base de données pour toute utilisation publique de la base de données, ou pour toute création produite à partir de la base de données, de la manière indiquée dans l'ODbL. Pour toute utilisation ou redistribution de la base de données, ou création produite à partir de cette base de données, vous devez clairement mentionner aux tiers la licence de la base de données et garder intacte toute mention légale sur la base de données originaire.Vous partagez aux conditions identiques : si vous utilisez publiquement une version adaptée de cette base de données, ou que vous produisiez une création à partir d'une base de données adaptée, vous devez aussi offrir cette base de données adaptée selon les termes de la licence ODbL. Gardez ouvert : si vous redistribuez la base de données, ou une version modifiée de celle-ci, alors vous ne pouvez utiliser de mesure technique restreignant la création que si vous distribuez aussi une version sans ces restrictions.
- 19. Une démarche d’écouteet d’échangesentre la Ville et les réutilisateurs Chaque dataset libéré peut être commenté
- 20. pour êtremodifié
- 21. pour êtreenrichi
- 22. Un forumdigg-like permet
- 23. de demanderla libération de nouveaux datasets qui seront analysés par les services
- 24. de proposerde nouveaux services web ou mobile que nous pourrions co-concevoir en Open Innovation.
- 25. La démarchea besoin de feed-back pour être guidée et se développerLes premiers Mash Upweb et cartographiquehttp://demo.3liz.fr/opendataparis
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. http://www.govdata.eu/Samples/Paris/ParisEquipements.htmlLes prochains rendez-vous?Entrela ville et la communauté des réutilisateurs Sur le site OpenData.paris.fr
- 33. BarCamp àParis fin avril, restez connectés via twitter @OpenDataParis
- 34. Un concoursd’applications mobiles lancé fin avril et ouvert jusqu’à fin juin 2011,Quels jeux de données libérerLes jeux de données de la phase 1 parisienneDomaines très diversifiés pour susciter l’échange avec la communauté pour orienter la suite des travaux d’ouverture :Statistiques de prêts dans les bibliothèquesListe des établissements scolairesArbres d'alignementConcessions dans les jardinsListe des parcs et jardinsArrêtés municipaux d'insalubrité de mise en demeure à 1 moisMobiliers urbains de propretéAutorisation d'urbanisme4 jeux sur les volumes bâtis : trottoirs, relief naturel, bâti, mur-clôture, détail du bâtiNomenclature de voies (infos historiques)Liste des bureaux de votesEquipements de proximitéListe des prénomsNombre de naissances, Reconnaissances, Mariages, DécèsRésultats des élections
- 35. Quels jeux dedonnées libérerLes jeux de données de la phase 2 parisienneListe des ouvrages des bib. édités en 2009Acquisitions de la flore dans les parcs et jardinsPlans parcellaires STDFNombreux jeux de données autour du fond de plan de voirie : mobiliers urbains, signalétiques…Enlèvement des encombrantsInscription/radiation des listes électorales Cartes des bornes et stations taxiChantiers de voirie
- 36. ConnexionsJean-Philippe ClémentMairie deParisSecrétariat GénéralChargé de mission TICCTwitter.com/AgentNumOpenData.paris.fr
- 37. Twitter.com/OpenDataParisLAVISUALISATION DES DONNEESFrançoisXavier CARDICEO MAPIZE
- 38. Aux origines dela DataViz
- 39. De la databrute à l’usager
- 40. Trop de datatue la data !
- 41. Faire parler lesdonnées
- 42. Rendre les donnéesintelligibles
- 43. Rendre les donnéesintelligibles
- 44. Trop de datatue la data !
- 45. Faire appel àla compréhension visuelle
- 46. Faire appel àla compréhension visuelle
- 47. Faire appel àla compréhension visuelle
- 48. Faire appel àla compréhension visuelle
- 49. Des outils deDatavizMapTimelineTreemapNodelinkBubble chartIconography
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58. Les acteurs dela Dataviz
- 59.
- 60. Data + graphiques= infographies
- 61. Data + graphiques= infographies
- 62. Data + graphiques= infographies
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72. Avenir de laDataViz
- 73.
- 74.
- 75.
- 76.
- 77. Diffusez les disponibilitésde milliers de professionnels
- 78. AgendaLa révolution enmatière de gestion d’agenda!Une plateforme universelleUne valeur: l’ouvertureL’interopérabilité d’I-DISPODémo VidéoLe mobile de demainPRIMA: un programme très OPEN
- 79.
- 80. Une valeur: l’ouvertureIlest possible de communiquer avec n’importe quel agenda électronique via les partenariats avec les éditeurs de logiciels et intégrateursS’intégrer à n’importe quel canal de communication via les partenariats avec les annuaires, moteurs de recherche …
- 81.
- 82. Démo Vidéo Bing& Mobile
- 83. Le mobile dedemainDéfinir une nouvelle expérience mobileCréer un lien entre mobilité sociale et localeGérer ses disponibilités partout, tout le temps
- 84. PRIMA: un programmetrès OPENCréer une communauté de développeursFaire naitre les usages de demainEnrichir le panel d’applications disponibles
- 85. Nicolas DelabarreConsultant technique(Nokia France)Qt SDK 1.1v1.0.4
- 86. AgendaTechnologies de développement& plateformes mobiles NokiaIntroduction QtPrésentation du SDK Qt 1.1Publication surOvi StoreRoadmapQtQuestions
- 87.
- 88. Options de développementSmartphonesSymbianSmartphonesMaemo/ MeeGoPhonesSeries 40 Java appsNativeapps (Qt)Web AppsWeb Apps
- 89.
- 90. QtPrononcé “cute”Technologie deprogrammationcréeinitialement par TrollTech en 1995Librairiegraphiqueracheteé et maintenue par Nokia depuis 2008Open source (deux licences d’utilisation : GPL et LGPL)Mutliplateforme (Linux, Mac OS, Windows, Symbian, Maemo et Meego)DepuisJuin 2010, une extension de Qt dénommée “Qt Mobility” a étéajouté par Nokia :Messaging / Géolocalisation / Multimedia / Contacts etc
- 91. ArchitectureApplications QtQt 4.7ModulesQtMobilityGUICoreContactBearerOrganizerDatabaseQtDeclarativeXMLLocationMessagingFeedbackMultimediaScriptingSensorsCameraVersitPublish/SubscribeDocument GalleryNetworkFont EngineMaps / NavigationMultimediaService FrameworkWebkitOpenGL ®System InfoPushDesktop OSNokia OSWindows®Mac®SymbianMaemoLinux®Meego
- 92. Symbian & QtNokiaE71(S60 3.1, 2008)Nokia N8(Symbian^3, 2010)Qt surSymbian:A partir de S60 3.1+ (E71, E72, 5800, N97, N8, etc.) *Information sur les versions d’OS Nokia : http://www.forum.nokia.com/devices/Compatibilité QtQt PréinstalléS60 5.0 = Symbian^1Series 602.0(+ 3 FPs)Symbian^3=Symbian platformSeries 601.0S603.0S603.1S603.2…* La liste des mobileselligible au contenuQtestfournieici : http://www.forum.nokia.com/Distribute/Packaging_and_signing.xhtml
- 93. Vous utilisez déjàdes applis Qt …MathematicaAll trademarks and logos are property of their respective owners.
- 94.
- 95. Installation du SDKLadernière version Qt 1.1 beta estdisponibleici :http://labs.qt.nokia.com/2011/03/01/qt-sdk-1-1-beta-released/Qt 4.7.2Qt Mobility 1.1.1Installation en un clic :Outils de développement (Qt Creator, UI Designer, Qt Linguist, compilateurs, etc)DocumentationExemples de codeDisponiblesurdifférentes stations de travail (Windows, Mac et Linux)
- 96. Outils de développementUnseul programme : “Qt Creator”Une zone d’édition de code
- 97. Un éditeur deconception graphique (UI Designer)
- 98.
- 99. Une aide enligne (Qt Assistant)
- 100. Plusieurscompilateurs (natif etcroisés)
- 101. Simulateur “mobile” avecdifférentsfacteurs de formes
- 102. Débuggersurcible (via USB,Wifiou BT)Qt QuickQt Quick signifie “Qt User Interface Creation Kit”Qt Quick c’est :Nouveau langage de programmation simplifié : QMLNouvelle extension de Qt : QtDeclarativeNouvel outil de conception : UI Visual DesignerQt DeclarativeMobilityMulti-mediaWebKit...QtimportQt4.7Rectangle{ width:360 height:360 Text{ anchors.centerIn:parent text:"HelloWorld" } }
- 103. QMLimportQt4.7Rectangle{ width:200 height:200 Image{ source:"QtLogo.png"anchors.centerIn:parent } } Langagedéclaratifstructuré en arbre :PropertiesévaluéesdynamiquementCommunication viasignals & slotsCouplage avec du code C++Animation des properties avec changement d’états et transitions
- 104. QMLimportQt4.7Rectangle{ width:200 height:200 Image{ source:"QtLogo.png"anchors.centerIn:parent } MouseArea{ anchors.fill:parentonClicked:parent.color="green" } } InteractiontactileExécution de codeJavaScript en lignedans les gestionnaires de signaux/événements
- 105. QMLimportQt4.7Rectangle{ width:200 height:200 Image{ source:"QtLogo.png"x:myMouse.mouseXy:myMouse.mouseY } MouseArea{ id:myMousehoverEnabled:trueanchors.fill:parentonClicked:parent.color="green" } } Mise à jour dynamique des propertiesDéplacementd’uneimage avec la souris
- 106. Hello WorldQt QuickPluscourt et plus facile !QtPas forcément plus court, mais beaucoup plus facileNative Symbian C++~ 300 lines of code,~ 15 files#include<QApplication>#include<QPushLabel>int main(intargc, char *argv[]){QApplication app(argc, argv);QLabelhelloLabel("Hello World");helloLabel.setAlignment(Qt::AlignCenter);helloLabel.showMaximized();returnapp.exec();}importQt4.7Rectangle{ width:360 height:360 Text{ anchors.centerIn:parent text:"HelloWorld" } }
- 107. Creation d'un composantbouton "MyBouton"// MyButton.qmlimportQt4.7 Rectangle{propertyaliastext:textElement.textpropertyaliastextColor:textElement.colorwidth:100height:30color:"grey"radius:5Text{id:textElementanchors.centerIn:parenttext:"Button"color:"black"}MouseArea{anchors.fill:parentpropertycoloroldColor:"grey"onPressed:{oldColor=parent.colorparent.color="lightgrey"}onReleased:{parent.color=oldColor}}}*click*
- 108. Instantiation d'un bouton"MyBouton"// main.qmlimportQt4.7 Rectangle{ width:150height:80Column{spacing:5anchors.centerIn:parentMyButton{text:“one"}MyButton{text:"two"color:"blue“; textColor:“white"}}}
- 109. Connexion QML /C++Vue / ContrôleurInterface Utilisteur : QMLSignal / SlotQML C++ PluginLibrairies tiercesProtocoles Web(json, soap, xml-rpc)ModèleCryptoSQLOpen sourceLogique Métier : C++
- 110. Exemple de connexionQML / C++#include<QApplication>#include“MyModelManager.h”intmain(intargc, char *argv[]){QApplicationapp(argc, argv);QmlApplicationViewerviewer; viewer.setMainQmlFile(QLatin1String("qml/main.qml"));MyModelManager manager; QDeclarativeContext* context = viewer.rootContext();context->setContextProperty(“MyModelManager", &manager);viewer.show();returnapp.exec();}#include“MyModelManager.h”ClassMyModelManager : publicQObject{public:Q_INVOKABLE void loginReq(QStringp_login, QStringp_pwd);signals: void loginResp(boolloginStatus);}importQt4.7Rectangle{ width:200 height:200MouseArea{ anchors.fill:parentonClicked:MyModelManager.loginReq(“nicolas”, “1234”); } Connections { target: MyModelManageronLoginResp: { console.log(“Resultat login : “+ loginStatus) } }}Créationd’uneclasse C++modélisant le modèleExposition de l’objet C++ “MyModelManager” vers QMLAppeld’uneméthode C++ depuis QML
- 111. Qt Quick :un travail d’équipeDesignerDéveloppeurIntégration des bitmaps/QML dans le projet1. Conception depuis Photoshop/Gimp puis Export en fichier QMLApplication Qt C++ app éxécutant QML2. Conception depuis Photoshop/Gimp puis importation dans Flowella => StoryboardInclusion de code C++ pour la partie métier
- 112. Qt MobilityMobility 1.1– développermaintenantdéployersurOvi Store prochainementCamera Document GalleryFeedbackLandmarksMaps/NavigationOrganizerService Framework – Out of processMobility 1.0 – dispoBearer Management APIContactsLocationMessagingMultimediaPublish and SubscribeService FrameworkSensorsSystem InformationVersit
- 113. Symbian: Smart InstallerInstallationRequiertversion Qtnonprésente ?QtAppSmartInstallerTélécharge et installeQthttp://wiki.forum.nokia.com/index.php/Nokia_Smart_Installer_for_Symbian
- 114. Déploiement Qt surSymbianQt 4.7(Qt Quick)Qt SDK 1.1Qt 4.6Symbian^3Nokia Qt SDK 1.0No QtSymbian^1S60 5.0S60 3.1S60 3.2
- 115. Publication sur OviStore89
- 116. Nokia vous simplifiela vieCréation d’un compte « Ovi store publisher » => 1 € http://info.publish.ovi.com/Acceptation des T&CsIMEIs & CertificatesSoumission de l’application via l’interface web « Ovi Publisher Tool»Signature numérique => prise en charge par NokiaNote 1 : SmartInstaller obligatoireNote 2 : Compilation avec SDK Qt officiel (et non beta)Plus d’information : http://www.forum.nokia.com/Distribute/Packaging_and_signing.xhtml
- 117.
- 118. Roadmap Qt SDK2011Aujourd’huiProchainementQt SDK 1.1 BetaNokia Qt SDK 1.0Qt SDK 1.1Qt 4.7QtMobility 1.1Qt 4.6QtMobility 1.0Ovi store ReadyOvi store NOT Ready
- 119. !Roadmap Qt MobilityAPI - 2011Mobility API 1.0 Service FW (in-process)
- 120. Publish &Subscribe API
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127.
- 128. Sensors APIMobilityAPI 1.1 Camera API
- 129. Service FW(out of process)
- 130.
- 131. Doc GalleryAPI
- 132.
- 133. Maps /Navigation API
- 134. Vibra API MobilityAPI 1.2Bluetooth API
- 135. NFC API1.0.2W30MobilityAPI 1.0BientôtMobility API 1.1W xxMobility API 1.2
- 136. Merci.Pour en savoirplus ?www.forum.nokia.com
- 137. De l’iPhone àWP7Retour d’expérience après Explorimmo et Deezer
- 138. Qui est Sophiacom?brièvement !
- 139.
- 141.
- 142. Les différences dedesign
- 143.
- 146.
- 147.
- 149.
- 151.
- 152.
- 153. XCodeQue du codeInterfacesimple épurée... pour se concentrerquesur le codePas de vue design
- 154. Visual StudioDu code,mais pas uniquementVue Design / Vue XAML / Vue Code (code behind)
- 155.
- 156. Interface BuilderPlacer desvues sans écrire de codeModifier des propriétésXIB non éditable. Pas de documentation
- 157. BlendSéparer le designde la partie métierPermet au designer de s’occuperque de l’interface...CréersesproprescomposantsRéaliser des animations
- 158. Focus sur 2aspects techniquesLe Tombstoning-Le portage de code
- 159.
- 160. Le TombstoningNotre erreur: mauvaiseévaluation de l’importance du principeLa conclusion : doitetrepensédès le début de la conception/développement
- 161. Le portage decodeBien adapté pour une application commeDeezervue la complexité de l’applicationCondition : claireséparation entre l’UI et les classes métier
- 162. Les problèmes rencontrésBasede donnéesFaibletypage du langageObj CGestion des notifications (pattern Obervateur)Passage de MVC à MVVM (Modèle/Vue/ Vue-Modèle)
- 163.