Lucas Willems

LUCAS WILLEMS

Un étudiant de 21 ans passionné par les maths et la programmation

English

TideSDK : Des logiciels en HTML, CSS et Javascript

Article

Créer des logiciels avec les langages du web comme HTML, CSS, Javascript et même PHP est dorénavant possible, d'autant plus que le logiciel que nous allons utiliser va nous permettre de réaliser des applications multi-plateformes (compatibles à Windows 7 et XP, à Mac OSX et à Linux). Cela vous paraît sûrement assez surprenant, et je vous avoue que ça l'a été pour moi aussi lorsque j'ai découvert que c'était possible. Et c'est pour vous faire part de cette découverte que j'écris sur le champ un petit tutoriel qui vous montre comment faire.

TideSDK

Le logiciel à utiliser s'appelle TideSDK. Avant de l'utiliser, je vais vous détailler rapidement la procédure à suivre pour son installation car celle-ci est assez périlleuse à cause du manque de documentation, en français, du moins.

Le SDK

Tout d'abord, il vous faut télécharger le SDK qui correspond à votre système d'exploitation. C'est, en quelque sorte, le compilateur : c'est ce qui permettra de transformer les fichiers HTML, CSS et Javascript en un exécutable.

Tidesdk SDK - Créer des logiciels

Normalement, le SDK se trouve dans un fichier .zip que vous allez devoir décompresser et mettre à différents endroits selon votre système d'exploitation.

Pour Mac OSX :

~/Library/Application Support/TideSDK

Pour Linux :

~/.tidesdk

Pour Windows XP :

C:\Documents and Settings\All Users\Application Data\TideSDK

Pour Windows 7 :

C:\ProgramData\TideSDK

Le gestionnaire de projet

Maintenant, il faut télécharger le gestionnaire de projet : c'est ce qui va permettre de faire le lien entre vos pages HTML, CSS et Javascript et le SDK (le compilateur). Là, il n'y a pas de soucis avec le lieu d'installation : laissez le logiciel s'installer normalement.

TideSDK Gestionnaire - Créer des logiciels

Une fois le gestionnaire installé, lancez-le et normalement, si son installation s'est bien déroulée, vous devriez obtenir la fenêtre suivante :

TideSDK - Gestionnaire de projet

Faire son premier logiciel

Passons maintenant à la réalisation de notre  premier logiciel (on peut parler de logiciel car c'est véritablement ce que nous allons faire).

Créer un projet

La réalisation de ce logiciel passe par la création de notre premier projet ("New Project").

TideSDK - Gestionnaire de projet

Détaillons rapidement les champs susceptibles de poser problème.

Maintenant, cliquez sur "Create Project" pour concrétiser votre premier projet, et jetez un coup d'oeil dans le répertoire de l'application que vous venez de créer. Vous devriez avoir les dossiers dist (dossier où sera mis l'exécutable et tous les fichiers servant à la compilation) et Resources (dossier où vous allez mettre vos fichiers HTML, CSS, Javascript), les fichiers manifest et tiapp.xml (fichiers de configuration, permettant de modifier les paramètres du projet et l'affichage de vos applications) et d'autres fichiers pas forcément très utiles.

La compilation

Passons maintenant à la compilation de ce projet. Lorsque nous avons cliqué sur "Create Project", TideSDK a créé un fichier index.html dans le dossier Resources. Ouvrons-le, pour voir son rendu, dans un navigateur, puis compilons-le pour voir si le rendu sera le même dans notre application. Pour se faire, sortez de "Project Properties", allez dans "Test & Package", cliquez sur "Launch App"  et normalement, l'invité de commande, puis la fenêtre suivante s'ouvrent :

tidesdk-developper3

Nous pouvons voir que le rendu est strictement le même, ce qui est normal car le générateur de rendu utilisé dans TideSDK est le même que celui des navigateurs internet : webkit en l’occurrence.

Vous pouvez d'ores et déjà personnaliser cette application en modifiant le fichier index.html à votre guise, en ajoutant des feuilles de style, des fichiers Javascript. Sachez que, si vous ne faites appel qu'à du HTML, CSS et Javascript, le fonctionnement et le rendu de vos applications seront toujours les mêmes que dans un navigateur. Cependant, si vous voulez utiliser PHP, Ruby ou Python, allez voir le Getting started présent dans la documentation fournie par le site internet du logiciel pour obtenir plus d'informations et pour mieux comprendre comment les utiliser.

Sachez aussi que pour que votre application ressemble la plus possible à un logiciel natif de votre système d'exploitation, de nombreuses API sont également disponibles permettant, entre autres, de créer des menus, de travailler avec les bases de données et les fichiers, d'accéder au réseau et de faire pleins d'autres choses très utiles, infaisables avec un simple site internet.

Recherche

Voici les recherches relatives à cette page :

Commentaires

Qu'en pensez-vous ? Donnez moi votre avis (positif ou négatif) pour que je puisse l'améliorer.