Explorez Tizen pour le développement d'applications pour montres intelligentes : une introduction

Devenir développeur d'applications pour montres connectées est une excellente idée, mais que se passe-t-il si vous êtes un développeur HTML ? Pouvez-vous réaliser vos rêves sans passer à une plateforme complètement différente ? Devez-vous abandonner toutes vos compétences HTML et repartir de zéro ? Ne t'inquiète pas. Tizen vient à votre secours.

Tizen est une famille Linux de systèmes d'exploitation destinée à une gamme d'appareils, des smartphones aux montres intelligentes. Bien que Tizen soit un projet au sein de la Linux Foundation, il est guidé par la Tizen Association, qui compte parmi ses membres Samsung, Intel et d'autres sociétés bien connues du secteur technologique.

Dans ce tutoriel, je vais vous montrer comment installer et configurer le SDK Tizen pour les appareils portables et comment utiliser l'IDE pour développer une application pour montre intelligente. Commençons.

1.Installer et configurer le SDK

Étape 1 : SDK Tizen ou SDK Tizen pour les appareils portables ?

Actuellement, deux types de SDK sont disponibles : Tizen SDK et Tizen SDK for Wearable. A partir de là Le didacticiel concerne le développement d'une application de montre intelligente autonome, vous avez besoin de Tizen SDK pour les appareils portables.

Vous pouvez le télécharger depuis le site Web des développeurs Tizen. Vous devez télécharger le Installation Manager adapté à votre opération Système et version. Si vous préférez une installation hors ligne à une installation en ligne, Vous devrez également télécharger l'image SDK. Si votre système d'exploitation est Windows 8 ou Windows 8.1, vous pouvez télécharger les fichiers d'installation classés sous Windows 7. Ils fonctionnent correctement sous Windows 8 et 8.1.

Étape 2 : Demande

Consultez les instructions détaillées de Tizen pour connaître la configuration matérielle et logicielle requise à laquelle votre ordinateur doit répondre.

Vous pouvez installer le SDK même si votre ordinateur ne répond pas à ces exigences matérielles. Cependant, si vous faites cela, l'émulateur de montre intelligente ralentira, ce qui entraînera de mauvais tests d'application. Veuillez consulter la documentation pour plus de détails. Il explique comment activer la Technologie de virtualisation (VT) dans le BIOS et comment activer la Prévention de l'exécution des données sous Windows.

Étape 3 : Installer le SDK

1. Exécutez le Installation Manager que vous avez téléchargé précédemment. Il s'agit d'un fichier .exe dont le nom est similaire à tizen-wearable-sdk-2.2.159_windows64.exe, en fonction de votre système d'exploitation et de sa version.
2. Cliquez sur Avancé pour accéder à l'écran suivant.
3. Dans cet écran, sélectionnez le bouton radio SDK Image et accédez au fichier zip contenant l'image SDK correspondante. Notez que je suppose que vous préférez une installation hors ligne et que vous avez déjà téléchargé les images SDK nécessaires sur votre machine de développement.
4. Sélectionnez le fichier zip SDK image et cliquez sur Ouvrir dans la boîte de dialogue.
5. Le système affichera le message Extraction de l'image SDK. Une fois l'extraction terminée, cliquez sur OK.
6. Cliquez sur Suivant et la fenêtre Contrat de licence apparaîtra.
7. Acceptez la licence et cliquez sur Suivant.
8. La Fenêtre de configuration apparaîtra ensuite. Je recommande de cocher toutes les cases et de cliquer sur Suivant.
9. Enfin, lorsque Installation Manager vous demande l'emplacement d'installation, sélectionnez le chemin et cliquez sur Installer pour préciser votre choix.
10. Si vous avez correctement configuré votre BIOS, Intel Hardware Accelerated Execution Manager (Intel HAXM) sera également automatiquement installé au cours de ce processus. Sinon, quittez le processus d'installation et configurez le BIOS pour permettre l'installation d'Intel HAXM.
11. Si votre système d'exploitation est Windows, n'oubliez pas d'activer Prévention de l'exécution des données. Continuez l'installation.

Vous pouvez installer Intel HAXM séparément si vous préférez. Une fois l'installation terminée, redémarrez votre ordinateur.

Étape 4 : Configurer l'IDE

1. Parcourez le dossier dans lequel le SDK est installé et accédez au sous-dossier ide. Exécutez l'exécutable nommé IDE.
2. Après quelques minutes, une fenêtre apparaîtra vous demandant l'emplacement du espace de travail pour enregistrer l'application que vous avez développée. Précisez le chemin de localisation de votre choix et cliquez sur OK. Une fois la configuration terminée, l'EDI devrait apparaître.

Étape 5 : Fonctions de l'IDE

Dans le volet gauche de l'EDI, il y a deux fenêtres : Project Explorer et Connection Explorer. Project Exploreraffiche les projets créés par les utilisateurs. Connection ExplorerRépertorie les appareils connectés, les instances d'émulateur ou les appareils distants actuellement disponibles.

步骤 6：创建模拟器实例

1. 在连接资源管理器中，点击模拟器管理器图标（最左侧的蓝色按钮）。
2. 在出现的用户帐户控制窗口中点击是。这将打开模拟器管理器窗口。
3. 点击新增并为模拟器实例命名。
4. 点击确认后，将会创建新的模拟器实例。单击模拟器图标中带有箭头的蓝色按钮以启动模拟器。

启动模拟器需要一些时间。当它启动并运行时，您应该会看到一个带有类似于以下屏幕截图的启动屏幕的窗口。模拟器实例应显示为连接资源管理器中的一个条目。

从开始屏幕底部中间点向上滑动，转到显示设备或模拟器上已安装应用程序的屏幕。由于您尚未安装任何应用，因此仅显示设置图标。

您可以通过从屏幕顶部中间向下滑动来返回到上一屏幕或退出应用程序。

2. 开发一个简单的漫画应用

在此示例中，我们将创建一个简单的应用程序来显示漫画。让我们依次看看每个步骤。

第 1 步：创建新项目

让我们在 IDE 中创建一个新项目。

1. 转至文件 > 新建 > Tizen 可穿戴式 Web 项目。
2. 在出现的窗口中，选择基本 > 基本应用，然后将项目名称设置为myapp。
3. 勾选使用默认位置复选框或浏览到您选择的其他位置，然后点击完成。
4. 您的新项目 myapp 应显示在项目资源管理器中。

5. 点击myapp左侧的小箭头展开项目结构。
6. 您应该会看到一个index.html文件、一个css子文件夹、一个js 子文件夹，以及一些其他文件和文件夹。

HTML、CSS 和 JavaScript 构成了 Tizen 平台上编程的基础。如果您是 HTML 向导，那么您无需学习新的编程语言即可为 Tizen 平台编写应用程序。您可以使用现有的 HTML、CSS 和 JavaScript 技能。

第 2 步：添加文件、资产和资源

我们首先需要向 myapp 项目添加两个子文件夹：comic 和 images。为此，请右键单击 IDE 中的 myapp 项目文件夹，然后选择新建 > 文件夹。子文件夹应显示在 IDE 中展开的 myapp  文件夹中。

从 GitHub 下载此项目的源文件，然后导航到 images 子文件夹，其中包含许多 png 文件。将 png 文件复制到您刚才创建的 images 子文件夹中。

您可以将文件粘贴到Project Explorer窗口中的images子文件夹中，方法是右键点击子文件夹并从弹出菜单中选择粘贴 .

接下来，右键点击 comic 子文件夹并选择新建 > 文件，在 comic 子文件夹中创建具有以下文件名的 9 个 HTML 文件>。确保包含文件的 .html 扩展名。

• page1.html
• page2.html
• ...
• page9.html

现在，comic 子文件夹中应该有九个 HTML 文件。

第 3 步：添加代码

现在让我们编辑 index.html 中的代码。该文件是您的应用程序的入口点。双击 index.html 在 IDE 中打开该文件。 将 <title></title> 标记的内容更改为 <title>2nd Race</title>。接下来，使用以下内容更改 标记的内容：

<body>
  <div>
    <div><img src="images/coverpage.png" alt="Cover Page" /></div>
  	<div><a href="#" class="btn" >&lt;&lt;</a><a href="comic/page1.html" 
  	class="btn" >&gt;&gt;</a></div>
  </div>
</body>

我们所做的就是向页面添加一个图像和两个导航到其他页面的按钮，因为我们的漫画将有十页。完成这些更改后，从菜单中选择文件 > 保存来保存文件。

如果您不熟悉 HTML 和 CSS，Tuts+ 提供了大量优秀教程，可帮助您快速掌握 Web 开发的基础知识。

接下来，双击 css 子文件夹中的 style.css 并更改其内容，如下所示。

* {
    font-family: Verdana, Lucida Sans, Arial, Helvetica, sans-serif;
}

body {
    margin: 0px auto;
    background-color:#0a3003;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: auto;
  display: block;
  float: left;
}

.btn {
  display: inline-block;
  padding: 15px 4% 15px 4%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 30px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  color: #ffffff;
  background-color: #4b4237;
  width: 40%;
  height: 80px;
  text-decoration: none;
}

我们为正文、图像和导航菜单添加了一些样式。完成更改后，保存文件。

同样，将代码添加到您创建的所有其他 HTML 文件中。 css 子文件夹中的 style.css 文件必须从外部链接到所有这些 HTML 文件。如果您不确定此步骤，请从 GitHub 下载源文件并检查源文件以进行澄清。

第 4 步：测试应用

要测试您的应用，请选择myapp项目文件夹，然后从菜单中选择项目 > 构建项目构建项目。确保模拟器实例已启动并正在运行。

右键单击myapp文件夹，然后选择运行方式 > Tizen 可穿戴 Web 应用程序以在模拟器中运行该项目。使用用户界面中的箭头按钮导航到下一页或上一页。从屏幕顶部向下滑动可退出应用程序。

结论

在本教程中，我们使用 Tizen SDK 构建了一个简单的漫画应用程序 可穿戴并在捆绑的智能手表模拟器上运行 IDE。当您准备好安装并运行它时，真正的乐趣就开始了 物理设备。

您可以在 Samsung 和 Tizen 开发者网站上找到大量附加信息。你还在等什么？

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!