Sujet : [Tutoriel] Configuration et création première application.

Hello à tous,
je créé ce sujet pour que tout le monde puisse configurer et créer sa toute première application (certes très simpliste) sur son beau Blackberry 10.

Première chose à faire, télécharger et installer Momentics. Si ce n'est pas le cas rendez-vous sur la page du forum correspondante. smile
http://www.blackberry-10.fr/forum/topic … -bb10.html

Ici nous allons voir :

  • configurer son téléphone afin de tester nos applications dessus.

  • relier notre Momentics à notre téléphone

  • créer notre toute première application

  • créer notre première ListView prenant ses informations dans un fichier .xml

Pour informations toutes ces étapes sont pour beaucoup graphiques, donc ce post risque de contenir pas mal de capture d'écran et autres images.

1 - Configurer son BB10 pour le développement.

Allez dans les paramètres de votre téléphones.
Puis dans Sécurité et confidentialité et enfin tout en bas vous trouverez "Mode développement"
Vous devriez alors arriver sur cette écran :

http://image.noelshack.com/fichiers/2015/04/1421855178-capture1.png

Mettez le mode ON et le tour est joué ! smile

2 - Relier son téléphone avec Momentics.

Lancez Momentics et ouvrez (ou créez) votre workspace habituelle.

Celui-ci devrait vous demander de configurer un device ou utiliser un simulateur. (Si ce n'est pas le cas il vous suffit de cliquer sur l'écrou à côté de la textbox "on:" et de cliquez sur "Add New Target".
Vous devriez arriver à cet écran :

http://image.noelshack.com/fichiers/2015/04/1421855178-capture2.png

Clique sur "Set Up New Blackberry 10 Device"
et choisissez Pairing USB.
Ici mettre le mode de passe de votre BlackBerry (celui-ci étant obligatoire en mode développement vous en avez forcément un maintenant).

http://image.noelshack.com/fichiers/2015/04/1421855178-capture3.png
Cliquez sur Next.
Si c'est la première fois que vous utiliser votre téléphone en développement, Momentics va vous demander un mot de passe pour le jeton de débogage. Vous pouvez mettre ce que vous voulez.
Vous deviez maintenant arriver à cet écran :

http://image.noelshack.com/fichiers/2015/04/1421855178-capture4.png

Si jamais vous n'avez pas toutes les informations en verts, cliquez juste pour télécharger l'API correspondantes à votre téléphone ou le "Debug Symbol".

Une fois ces étapes terminées vous avez fini ! Votre téléphone est prêt à accueillir une application créée avec vos petits doigts !

3 - Créer ma première application.

Ok super Antoine, mais maintenant on fais quoi de beau avec ça ?
Et bien on va créer notre première application qui va juste afficher une ListView depuis un fichier XML et réagir si on clique dessus.
Pour ce faire cliquez sur File->New->Blackberry Project

http://image.noelshack.com/fichiers/2015/04/1421855178-capture5.png

Project Type-> Application-> Next
Standard empty project->Next

Donnez ensuite un nom à votre projet (ce que vous voulez).

Et voilà vous avez créé une application BB10 ! smile


Maintenant vous devriez avoir cette arborescence :

http://image.noelshack.com/fichiers/2015/04/1421855177-capture6.png

Double cliquer sur main.qml, vous devriez avoir ceci :

import bb.cascades 1.2

Page {
    Container {
        Label {
            // Localized text with the dynamic translation and locale updates support
            text: qsTr("Hello World") + Retranslate.onLocaleOrLanguageChanged
            textStyle.base: SystemDefaults.TextStyles.BigText
        }
    }
}

Si c'est bien le cas dans la barre de menu supérieur, mettez vous sur RUN (au lieu de DEBUG), sélectionnez votre projet et enfin votre terminal.
Cliquez sur la grosse flèche verte, et la surprise l'application vient de s'installer et de se lancer sur votre téléphone !!!!!

http://image.noelshack.com/fichiers/2015/04/1421855178-capture7.png


Une fois l'euphorie passée tongue, retournez sur main.qml et supprimez tout ce qui se trouve dans "Container".
Créez un nouveau fichier dans le répertoire assets ( clique droit ->new->file) et créez un fichier qui va se nommer blackberry.xml.

Dans ce fichier, mettez ces informations :

<root>
    <header title="BlackBerry"/>
    <listItem title="Q5"/> 
    <listItem title="Q10"/>
    <listItem title="Z10"/>
    <listItem title="Classic"/> 
    <listItem title="Z30"/>
</root>

Une fois le fichier crée, retournez sur le main.qml et ajoutez ces informations dans le Container :

    ListView {
        id:listeView
        dataModel: XmlDataModel {
            source : "asset:///blackberry.xml"
        }
        onTriggered: {
            var selectedItem = dataModel.data(indexPath);
            textField.text = selectedItem.title;
        }
    }
    TextField {
        id: textField
        text: ""
    }

En gros qu'est qu'on a fait ?

On a créer une ListView (avec comme id listView), son DataModel est de type XML et la source de celui-ci est le petit fichier .xml que l'on vient de créer.

Le onTriggered permet de définir ce qu'on va faire lorsque l'on clique sur un des items de la ListView.
Et enfin le TextField est un TexteBox qui va être modifié à chaque fois que l'on cliquera sur un des items de la ListView.

Lancez de nouveau votre projet, celui-ci devrait se lancer et vous devriez avoir une belle liste de terminaux BlackBerry qui s'affiche !

Voilà c'est tout pour ce tuto, vous avez maintenant un environnement complet pour développer et vous avez créé une petite application qui lit du xml et interagit avec l'utilisateur !

http://www.blackberry-10.fr/forum/img/reglettes/z10.png
►   P'9982STK100-1 / 10.2.1.3442

Re : [Tutoriel] Configuration et création première application.

Yeah super smile

Jvais pouvoir maintenant me créer des applications pour pleins de trucs smile Et pouvoir aussi peut-être en créer pour des proches quand ils ont des problèmes / demandes sur leur Blackberry respectifs !

Je vais me pencher en détail sur tes 2 posts (celui-là + initialisation de Momentics) ce week-end quand j'aurais un peu plus de temps. Chapeau wink

http://img4.hostingpics.net/pics/390216popopopopopop.png

Re : [Tutoriel] Configuration et création première application.

Lol pas de soucis,

le prochain va parler de la partie C++ ça sera plus chaud mais ouvrira encore plus de possibilité, je suis en train de réfléchir sur ce qu'il va expliquer.

Je cherche un truc sympa et utile mais pas trop dure pour commencer.
Donc la je cherche à appeler un webservice REST le plus possible "simplement" mais ça reste galère, du coup je me tâte à faire une librairie...

Je vais voir smile

http://www.blackberry-10.fr/forum/img/reglettes/z10.png
►   P'9982STK100-1 / 10.2.1.3442

Re : [Tutoriel] Configuration et création première application.

Petit problème... arrivé à l'étape ou je dois installer l'application sur mon BlackBerry, il me demande le Debug Token. Mais je ne me ai pas...

BlackBerry Passport Red         10.3.2.2226
2BF69989

Re : [Tutoriel] Configuration et création première application.

Hello,
quand tu es sur la fenête Device properties tout est vert ?

Sinon tu peux aller dans Windows->Preferences->Blackberry->Signing

Ici tu pourras re créer ton Token (dans la liste en bas via le bouton Create) et si besoin est crée ton certificat applicatif (Developer Certificat->Create certificate).

http://www.blackberry-10.fr/forum/img/reglettes/z10.png
►   P'9982STK100-1 / 10.2.1.3442

Re : [Tutoriel] Configuration et création première application.

C'est bon ça marche smile Bon maintenant je sais pas trop quoi faire avec l'application smile

BlackBerry Passport Red         10.3.2.2226
2BF69989

Re : [Tutoriel] Configuration et création première application.

Tu peux essayer d'ajouter pas mal de chose comme :

- charger un autre fichier xml quand tu cliques sur un bouton
- proposer 2 list views dans 2 fichier .qml différents etc.

Après il te reste plus qu'à trouver une idée d'application pour toi smile, quelque chose que tu fais souvent à la main et que tu aimerais avoir dans ton téléphone.

http://www.blackberry-10.fr/forum/img/reglettes/z10.png
►   P'9982STK100-1 / 10.2.1.3442

Re : [Tutoriel] Configuration et création première application.

Bah si tu veux, voilà mon pin pour en parler 2AF53335

BlackBerry Passport Red         10.3.2.2226
2BF69989

Re : [Tutoriel] Configuration et création première application.

Houlà là mais j'ai raté plein de trucs ces derniers jours !
Merci pour ce super topic !
Et une rubrique dev ça se fête aussi ! Tchin ^^

http://www.blackberry-10.fr/forum/img/reglettes/q5_black.png
►  OS 10.3.2.2836   ►  SFR Red