Pour utiliser le système, entrez vos nom et mot de passe et cliquez le bouton login.

Transcription

1 Pour utiliser le système, entrez vos nom et mot de passe et cliquez le bouton login. Pour introduire un nouveau mot de passe: après avoir entré vos nom et mot de passe, cliquez sur Nouveau mot de passe, puis entrez deux fois votre nouveau mot de passe.

2 La fenêtre jaune vous montre les répertoires et les fichiers que vous avez créés. Dir est ici un répertoire créé par l utilisateur. Pour voir son contenu, il faut cliquer sur le signe +. Un signe apparaît alors, que l on peut cliquer pour fermer le répertoire. Le répertoire public_html est spécial. Les fichiers placés dans ce répertoire sont accessibles depuis le Web en utilisant l adresse (pour test1.html): où username est votre nom d utilisateur. Les adresses des fichiers placés hors des répertoires ou dans des répertoires hors de public_html ne sont accessibles que depuis l utilisateur, avec une adresse spéciale, que vous pouvez obtenir en utilisant le menu Afficher le lien (voir pages suivantes).

3 Onglets. Chaque fois qu un nouveau fichier est ouvert, un onglet est ajouté à la liste. En cliquant sur un onglet, on fait apparaître le contenu du fichier dans la fenêtre principale. Ces contenus sont sauvés temporairement dans le serveur LemanOS lorsque l on passe d un onglet à l autre ou lorsqu on passe à un autre fichier. Croix. La croix à gauche de l onglet peut être cliquée pour fermer le fichier. Dans ce cas, le système demande si vous désirez écrire le contenu de la fenêtre dans le fichier sur le disque, ce qu on veut parfois éviter si l on a fait une grosse erreur d édition dans la fenêtre. Le fichier temporaire est ensuite éliminé ou réutilisé pour un nouvel onglet.

4 Numéro de la ligne sur laquelle se trouve la variable non déclarées Numéro de la ligne sur laquelle se trouve le curseur Sauve les fichiers de tous les onglets et charge le fichier de l onglet actif dans le navigateur. En cliquant ces boutons vous pouvez insérer les instructions correspondantes dans vos programmes. Ces deux tables sont visibles lorsqu un fichier.html est ouvert dans la fenêtre d édition.

5 En cliquant ces boutons vous pouvez insérer les instructions de SVG dans vos programmes. Cette dernière portion contient les transformations Les instructions Javascript sont disponibles lorsqu un fichier SVG est ouvert dans la fenêtre principale.

6 Créer un nouveau fichier. Une nouvelle fenêtre s ouvre au clic. Si l on sélectionne un fichier ou un répertoire dans la liste de des fichiers et répertoires de la fenêtre jaune, le nom du répertoire apparaît dans la fenêtre. Ouvrir un fichier. Le fichier sélectionné dans la liste des fichiers est ouvert dans la fenêtre principale et un onglet est créé. Un double c lic sur un fichier de la liste a le même effet Enregistrer. Le contenu de la la fenêtre principale est enregistré dans le fichier dont l onglet est sélectionné. Un fichier peut également être sauvé en tapant CTRL s. Enregistrer sous. Même effet que ci-deessus, mais un nouveau nom est demandé et un nouveau fichier de ce nom est créé. L ancien fichier rest à la valeur qu il avait à l ouverture ou au dernier enregistrement. Effacer. Le fichier ou le répartoire sélectionné est effacé. Charger. Une nouvelle fenêtre est ouverte. Cette fenêtre permet de charger, dans la liste des fichiers, un fichier qui se trouve sur votre ordinateur et le rend donc accessible par vos programmes Javascript. Compiler. Compile un fichier contenant des processus (voir parallélisation sur la page d accueil). Un fichier xx.sjs est compilé en un fichier xxx.js. Un fichier terminé par une autre extension xxx.ext est transformé en xxx_s.ext Rafraîchir. Recharge un fichier depuis le serveur. Utile en cas de problème sur une page, pour relire une version précédente de fichier ou quand on a recompilé un programme. Compiler un fichier contenant du code de Synchronous Javascript ou de JavaCC (voir la documentation) Quitter. Termine la session (logout).

7 Défaire-refaire. fonctions habituelles. Afficher le lien. En cliquant sur ce menu, le lien qui doit être utilisé pour accéder au fichier ouvert dans la fenêtre principale est affiché sur le lac. Lorsque l on clique sur ce lien, le navigateur charge le fichier dans la fenêtre courante. Vous pouvez cliquer avec le bouton droit de la souris pour ouvrir ce fichier dans une autre fenêtre ou dans un autre onglet, ce qui vous permettra de le recharger plus facilement après chaque modification. Vous pouvez également le récupérer avec un autre menu du bouton droit de la souris et le coller à l endroit qui vous convient. Le repère est différent pour les fichiers dans public_html et pour ceux qui sont à l extérieur. Ceux qui sont dans public_html sont accessibles par n importe qui sur le Web. Les fichiers privés ne sont vus que par celui qui est logué sous le nom sous lequel ils ont été créés. Indenter. Le fichier apparaissant dans la fenêtre principale est indenté, c est-à-dire que la largeur de la marge est modulée de façon à faire apparaître les paires de balises dans les fichiers.html ou.svg ou d accolades dans les fichiers.js. Cet indenteur n est pas optimal, en ce sens qu il ne se base que sur les quelques repères indiqués ci-dessous. Dans le cas des fichiers.html ou.svg, l indentation est augmentée à chaque balise ouvrante et réduite à chaque balise fermante. Il faut donc respecter les règles de XHTML pour obtenir une indentation correcte. Dans le cas de fichiers Javascript, l indentation est augmentée à chaque { et réduite à chaque }. Dans le cas où l on utilise des if, des for ou des while sans accolade, la ligne qui suit est indentée, mais s il y a une instruction composée, elle n est pas indentée correctement, en tous cas pour le moment. Formatter. Ce menu permet de mettre la fenêtre principale en mode non formaté. Les caractères apparaissent alors en noir. Avertir. Ce menu permet de déclencher le test des variables non-déclarées. Utilisez cette fonction si vous voulez garder des variables non-déclarées pour que les erreurs soient pas affichées.

8 Sauve les fichiers de tous les onglets et charge le fichier de l onglet actif dans le navigateur. Le bouton Aides permet d afficher les pages suivantes Résumé W3C Références à des pages intéressantes du site de W3C Description des fonctions du système (Complémentaire à ces pages-ci) Vérification des déclarations décrit ce que fait l éditeur pour tester led variables apparaissant dans vos programmes Javascript Résumé des instructions de Javascript. Résumé des instructions SVG. Documentation concernant les accès à une base de données

9 Deux outils de développement sont disponibles: L Editeur SVG permet de préparer des dessins en SVG et d essayer quelques fonctions écritges en Javascript. Le fichier préparé peut être enregistré et relu au moyen de l éditeur LemanOS présenté ici. On peut modifie le fichier au moyen de ce dernier et le relire au moyen de l éditeur SVG, pour autant que la structure soit conservée: pas de <script> supplémentaire, pas de groupes pas de définitions, Le Moniteur SQL permet d essayer les commandes SQL avant de les intégrer dans des programmes Javascript.

10 Caractères CTRL. Un certain nombre d actions peuvent être activées en tapant un caractère alors que la touche Ctrl est maintenue enfoncée. CTRL s - sauve le fichier courant (pour le fermer, il faut utiliser l onglet) CTRL f - (find) ouvre une fenêtre qui permet de rechercher la première occurrence d un fragment de texte, la prochain, la précédente ou de remplacer le fragment par un autre et finalement de remplacer et rechercher le suivant. CTRL z - fonction d annulation des dernières frappes (3 derniers segments) CTRL y - restaure l état avant la dernière annulation CTRL e - insère le texte document.getelementbyid()