TUTORIEL LOGICIEL SECCIA

Premire partie

Votre premire application avec Seccia

Nous allons voir comment crer une premire application avec Seccia.
Cette application sera un petit bloc-notes, avec lequel on pourra entrer du texte, le sauvegarder et le
restaurer.

Les tapes :
- Cration du projet
- La fentre principale
Proprits
Ajout dobjets
Ajout de boutons
- Le code
- Tester lapplication

CREATION DU PROJET :
Vous pouvez utiliser le menu ou la barre dicnes pour crer votre projet.

Dans le menu File ou sur la barre dicnes, cliquez sur New Projet .
La fentre New Projet souvre. Le mode Visual Code et Default sont slectionns par defaut.

Allez en bas de la fentre et donnez un nom votre projet puis cliquez sur OK .
Votre projet est cr dans le rpertoire C:\Mes documents\Seccia .

LA FENETRE PRINCIPALE :
La fentre principale Main a t cre en mme temps que le projet.

Cliquez sur main pour ouvrir les

ressources de la fentre

Cliquez sur m_dlg pour

afficher la fentre Main.

PROPRIETES DE LA FENETRE :
Nous allons maintenant changer certaines proprits de la fentre.
Pour cela nous allons aller dans la partie droite de lcran, dans properties.
Changer le nom de la fentre :
Cliquez 2 fois sur la colonne de droite en face de la ligne Caption , saisissez le nom de votre fentre
puis valider.
Changer la taille de la fentre :
Cliquez 2 fois dans la colonne de droite en face de la ligne Width pour changer la largeur. Entrez 600
et valider.
Cliquez 2 fois dans la colonne de droite en face de la ligne Height pour changer la hauteur. Entrez 400
et valider.
Pour modifier la taille dans les 2 directions la fois, vous pouvez positionner le souris sur le coin
infrieur droit de la fentre Main et tirer vers lexterieur.

AJOUT DOBJETS :
Nous allons ajouter la fentre un control qui nous permettra de saisir du texte.
Allez dans Tools/Control en haut droite de lcran, et slectionner Edit .

Allez sur le fentre Main et positionner le mire lendroit o vous voulez crer lditeur de texte.

Cliquez, lditeur apparat sur la fentre.

Cliquez dessus pour afficher ses proprit dans Properties en bas droite de lcran.
Modifier la taille comme prcdemment pour la fentre Main .
Donnez lui la valeur 500 pour Width et 300 pour Height .
Maintenant nous allons ajuster le positionnement de lditeur par rapport la fentre.
Slectionnez lditeur en cliquant dessus puis allez dans Alignment droit de lcran.
Cliquez successivement sur Horizontal center et Vertical center .
Pour que notre diteur de texte soit fonctionnel, il faut que lon puisse crire plusieurs lignes et que lon
puisse faire dfiler le texte aussi nous allons modifier 2 lignes dans Properties .
Dans Style , mettre Vert scroll Yes pour pouvoir faire dfiller le texte verticalement.
Toujours dans Style , mettre Multiline sur Yes .
Aprs a, vous devez avoir une vue comme ci-dessous :

Pour cette application nous devons crer 2 objets supplmentaire.

Un pour le fichier (File) texte et un pour slectionner (Selector) un dossier dans lordinateur ou sera
enregistr le fichier.
Pour crer un objet fichier (File), cliquez sur Objects dans la colonne Resources gauche de
lcran. Sur la droite, la colonne Tools est change.

Allez dans Member Items pour crer des objets et cliquez sur Create Object .

La fentre Object list apparat.

Cliquez sur licne File et selectionner File dans la liste.
Revenez dans Member Items et cliquez nouveau sur Create Object .
La fentre Object list apparat.
Cliquez sur licne General et selectionner Selector dans la liste.
Dans la colonne Resources gauche, cliquez sur Objects , vous devez avoir m_file et m_selector :

BOUTONS DE COMMANDE :
Nous allons ajouter 2 boutons de commande.
Un pour enregistrer notre texte saisi dans un fichier et un pour ouvrir un fichier dj enregistr.
Allez dans Tools/Control et cliquez sur Button

.
Allez sur le fentre et positionner le mire lendroit ou vous voulez crer le bouton ( en dehors de la
surface de lditeur de texte) et cliquez.
Rptez lopration pour le deuxime bouton.
Vous devez obtenir ceci :

Maintenant nous allons aligner les boutons.

Cliquez successivement sur les 2 boutons en maintenant la touche Ctrl enfonce afin de slectionner
les 2 boutons la fois.
Allez sur Alignment et cliquez sur Align tops , puis Horizontal center .
Vous devez obtenir quelquechose comme ceci :

Maintenant nous allons nommer les boutons.

Cliquez sur le bouton de gauche pour le slectionner et aller dans Properties .
Saisissez Enregistrer en face de Name , validez, saisissez Enregistrer en face de Caption et
validez.
Cliquez sur le bouton de droite et aller dans Properties .
Saisissez Ouvrir en face de Name , validez, saisissez Ouvrir en face de Caption et valider.
Vous devez obtenir ceci :

LE CODE :
Le code va tre trs simple.
Il nous faut un morceau de code pour enregistrer notre texte lors de lappui sur le bouton Enregistrer
et un autre morceau de code pour ouvrir un fichier dj enregistrer et lafficher lcran lors de lappui
sur le bouton Ouvrir .
Mais dans un premier temps, il faut initialiser notre fichier m_file, pour cela on va dans la colonne
Resources et on slectionne OnLoad .

On clique ensuite dans la partie Visual Code , un menu apparat, slectionnez Insert :

La fentre Instruction apparait.

Slectionner m_file dans la liste du haut et cliquez 2 fois sur New dans la liste du bas et enfin sur
le bouton OK .

Code pour la commande Enregistrer :

Dans la colonne Resources , ouvrir le dossier Dialog Objects et slectionnez OnClick dans
m_Enregistrer .

Cliquez dans Visual Code et slectionnez Insert dans le menu. La fentre Instruction apparat.
Slectionnez m_file dans la liste du haute et cliquez 2 fois sur Write dans la liste du bas.

Slectionnez m_Edit dans la liste du haut et cliquez 2 fois sur GetText dans la liste du bas.
Cliquez sur le bouton OK
Vous devez obtenir ceci :

Cette ligne rcupre le texte contenu dans lditeur de texte et le place dans le fichier..
Cliquez dans Visual Code et slectionner Insert .
Dans la fentre Instruction , slectionner m_selector , cliquez 2 fois sur SaveFile et sur le
bouton OK

Cette nouvelle ligne permet de slectionner un dossier dans lordinateur et de donner un nom au fichier.
Cliquez dans Visual Code et slectionner Insert .
Dans la fentre Instruction , slectionnez m_file , cliquez 2 fois sur SavePath .
Slectionner m_selector , cliquez 2 fois sur GetSaveFile et sur le bouton OK .

Cette ligne permet denregistrer le fichier dans le rpertoire slectionn prcdemment sous le nom
choisi.
Voil, le code pour enregistrement est termin.
Code pour la commande Ouvrir :
Dans la colonne Resources , ouvrir le dossier Dialog Objects et slectionnez OnClick dans
m_Ouvrir .

Cliquez dans Visual Code et slectionnez Insert dans le menu.

La fentre Instruction apparat.
Slectionnez m_selector dans la liste du haute et cliquez 2 fois sur OpenFile dans la liste du bas.
Cliquez sur le bouton OK
Vous devez obtenir ceci :

Cette ligne permet de slectionner un fichier dans lordinateur.

Cliquez dans Visual Code et slectionnez Insert dans le menu. La fentre Instruction apparat.
Slectionnez m_file dans la liste du haute et cliquez 2 fois sur LoadPath dans la liste du bas.
Slectionnez m_selector dans la liste du haute et cliquez 2 fois sur GetOpenFile dans la liste du
bas.
Cliquez sur le bouton OK

Cette ligne charge le fichier slectionn dans m_file

Cliquez dans Visual Code et slectionnez Insert dans le menu. La fentre Instruction apparat.
Slectionnez m_edit dans la liste du haute et cliquez 2 fois sur SetCaption dans la liste du bas.
Slectionnez m_file dans la liste du haute et cliquez 2 fois sur Read dans la liste du bas.
Tapez -1 sur votre clavier numrique et enfin cliquez sur le bouton OK .

Cette ligne permet de mettre le texte contenu dans le fichier dans lditeur de texte.
Le -1 permet de lire le fichier jusqu la fin du fichier sinon on peut dfinir le nombre de caractres
lire.
Voil, le code pour ouvrir est termin.

TESTER LAPPLICATION :
Il ne vous reste plus qu tester votre
application pour cela cliquez sur licne
Test sur la barre dicnes.

Serge Mourier 2010