Tutoriel Kotlin : Hello world

Ce tutoriel vous aide à démarrer avec Kotlin et le développement Android. Il explique ce dont vous avez besoin pour écrire votre premier programme Kotlin, d'où télécharger les outils nécessaires, comment installer ces outils et comment écrire votre premier programme 'Hello world'. Si vous n'avez jamais écrit de programme Kotlin auparavant, c'est l'endroit idéal pour commencer. Nous avons créé cet article pour que vous puissiez démarrer avec Kotlin et passer à nos exemples SMS. Si vous êtes déjà familier avec Kotlin, vous pouvez passer directement à l'un des exemples SMS suivants.

Exemples SMS en Kotlin :

Envoyer un SMS avec l'API REST HTTP en Kotlin (exemple de code)
Envoyer plusieurs SMS avec l'API REST HTTP en Kotlin (exemple de code)
Planifier un SMS avec l'API REST HTTP en Kotlin (exemple de code)
Recevoir un SMS avec l'API REST HTTP en Kotlin (exemple de code)
Supprimer un SMS avec l'API REST HTTP en Kotlin (exemple de code)
Téléchargez la dernière bibliothèque d'API SMS Kotlin depuis Github

Qu'est-ce que Kotlin

Kotlin est un langage de programmation multiplateforme. Il est similaire à un langage naturel, comme l'anglais. Il est utilisé pour communiquer avec un ordinateur. La principale différence entre un langage naturel et un langage de programmation est que les langages de programmation ont une structure plus rigoureuse, pour aider l'ordinateur à mieux le comprendre.

Qu'est-ce qu'un programme Hello world en Kotlin ?

Un programme hello world est le programme le plus simple que vous puissiez écrire. Il affiche simplement la phrase : Hello world sur l'écran de l'ordinateur. Le programme Hello World est le premier programme que les développeurs écrivent dans n'importe quel langage de programmation.

Écrivez votre premier programme en Kotlin

Pour écrire votre premier programme en Kotlin :

  1. Installez Android Studio
  2. Créez un nouveau projet Android Studio
  3. Passez en vue Code
  4. Écrivez le programme Hello World en Kotlin
  5. Exécutez l'application
  6. Vérifiez le résultat
  7. Testez le bouton
  8. Corrigez les erreurs si nécessaire

Prérequis

Voici ce dont vous avez besoin pour commencer. Pour écrire votre premier programme informatique en Kotlin, vous avez besoin d'un ordinateur Windows, d'Android Studio, d'un émulateur Android et du code d'exemple présenté ci-dessous.

  • Ordinateur Windows 10
  • Android Studio
  • Émulateur Android
  • Projet exemple Ozeki Hello World

Téléchargez Android Studio

Commencez à coder en Kotlin en téléchargeant Android Studio (Vidéo 1). Pour télécharger le programme d'installation d'Android Studio, vous pouvez utiliser ce lien : https://developer.android.com/studio.

Vidéo 1 - Comment télécharger Android Studio (Tutoriel vidéo)

Téléchargez Android Studio

Pour commencer à programmer en Kotlin, vous devez d'abord télécharger Android Studio. Téléchargez le programme d'installation d'Android Studio en vous rendant sur leur site web : https://developer.android.com/studio. Cliquez sur le bouton vert Télécharger Android Studio pour commencer à télécharger le programme d'installation sur votre ordinateur (Figure 1).

Figure 1 - Téléchargez Android Studio

Installez Android Studio

Après le téléchargement réussi, nous pouvons continuer par installer Android Studio. Cette vidéo montre le processus d'installation dans son intégralité, afin que vous puissiez suivre les étapes pour le terminer avec succès (Vidéo 2).

Vidéo 2 - Comment installer Android Studio (Tutoriel vidéo)

Création de notre premier projet dans Android Studio

Pour écrire notre première application 'hello world', nous devons créer un nouveau projet dans Android Studio (Vidéo 3).

Vidéo 3 - Comment créer un nouveau projet Android Studio (Tutoriel vidéo)

Écriture de notre programme 'hello world'

Dans cet exemple, nous allons écrire un programme qui remplacera le texte par défaut 'Hello World!' dans l'élément TextView.
Pour ce faire, nous devrons donner un identifiant à l'élément TextView et ajouter un élément Button à la mise en page.

activity_main.xml 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/buttonToReplaceText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="158dp"
        android:layout_marginLeft="158dp"
        android:layout_marginTop="391dp"
        android:text="Button"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Astuce : Vous pouvez voir la version .xml de votre mise en page en cliquant sur le bouton code dans le fichier main_activity.xml. (Figure 3)

Vue Design

Après avoir créé et ouvert un projet avec succès dans Android Studio, vous vous retrouverez dans la vue Design. Ici, nous pouvons placer des éléments graphiques et concevoir les visuels de notre application. Pour accéder au code de votre application, vous devez ouvrir la vue .xml. Faites-le en cliquant sur le bouton Code en haut à droite (Figure 2). Dans la vue .xml, vous pouvez éditer le code de votre application.

Figure 2 - La vue Design de votre projet

Vue Code

Une fois dans la vue Code, vous pouvez commencer à éditer le code de votre application. Ici, les objets que vous avez placés dans la vue Design apparaissent également sous forme de code (Figure 3). Vous pouvez utiliser l'éditeur de texte pour modifier certaines propriétés de votre mise en page. La fonction principale de la vue Code, cependant, est de pouvoir assigner des fonctions aux éléments (boutons par exemple).

Figure 3 - La vue Code de votre projet

Code Kotlin

Dans cet exemple, nous écrivons un code qui remplace le texte "Hello World" par "Hello Ozeki". Le code ci-dessous utilise la programmation orientée objet (POO) car il travaille avec des classes. Nous créons des classes, puis créons différents objets à l'intérieur de la classe. Nous assignons des fonctions à ces objets pour leur faire effectuer des tâches lorsqu'ils sont déclenchés.

MainActivity.kt 

package com.example.helloworld

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        //Nous allons écrire un programme qui remplacera le texte Hello World par Hello Ozeki
        val button : android.widget.Button = findViewById(R.id.buttonToReplaceText)
        val text : android.widget.TextView = findViewById(R.id.text)
        button.setOnClickListener {
            text.text = "Hello Ozeki!"
        }
    }
}

Écriture du code en Kotlin

Cette vidéo vous montre comment nous créons le code en Kotlin (Vidéo 4). Ce code changera le texte lorsque le bouton sera pressé.

Vidéo 4 - Comment écrire le code Kotlin (Tutoriel vidéo)

Exécution de notre programme 'hello world'

Après avoir écrit le code Kotlin et l'avoir enregistré, nous pouvons continuer avec la construction de l'application.
Pour voir si notre application fonctionne comme nous le souhaitons, nous utiliserons un émulateur Android qui a déjà été créé pour nous par Android Studio.
Dans la vidéo suivante, je vais vous montrer comment exécuter votre application basée sur Kotlin pour la première fois dans Android Studio.

Remarque : Lorsque vous exécutez votre code pour la première fois, cela peut prendre 5 à 8 minutes pour démarrer, mais cela prendra moins de temps si vous avez déjà fait votre première construction.

Vidéo 5 - Comment exécuter votre application Kotlin dans Android Studio (Tutoriel vidéo)

Comment exécuter votre application

Vous pouvez exécuter votre application basée sur Kotlin depuis Android Studio pour la tester. Faites-le en cliquant sur le bouton vert Lecture dans la barre d'outils en haut (Figure 4). Cela lancera votre application dans une sorte d'émulateur Android sur votre ordinateur. De cette façon, vous pouvez tester votre application avant de l'exporter sur mobile.

Figure 4 - Comment exécuter votre application

Le résultat de votre code

Une fois que vous avez lancé votre application Kotlin dans Android Studio, vous pouvez l'utiliser sur votre ordinateur. Ici, nous pouvons voir que si nous cliquons sur le bouton, le texte change de "Hello World!" à "Hello Ozeki!" (Figure 5). Dans une partie ultérieure de ce tutoriel, nous vous montrerons comment vous pouvez également exécuter votre programme sur des appareils Android connectés à l'ordinateur.

Figure 5 - Le résultat de votre code

Que faire si vous faites une erreur dans votre code Kotlin

Si vous faites une erreur dans Android Studio, l'IDE marquera l'erreur dans votre code avec une ligne ondulée. Si vous ne reconnaissez pas l'erreur et que vous exécutez votre code, l'IDE n'affichera rien dans l'émulateur, mais il vous dira à la place sur quelle ligne se trouve l'erreur et quelle est la nature de l'erreur.
Dans l'exemple suivant, je vais vous montrer ce qui se passe lorsque votre code contient une erreur.

Qu'est-ce qu'une erreur de syntaxe ?

Une erreur de syntaxe signifie "Je ne comprends pas". Si vous parlez à quelqu'un en anglais et qu'il ne comprend pas ce que vous dites, il répondra par "Je ne comprends pas". Si vous parlez à un ordinateur en Kotlin et que l'ordinateur ne comprend pas ce que vous dites, il répondra par "Erreur de syntaxe".

Comment gérer une erreur de syntaxe en Kotlin ?

Dans le code ci-dessous, nous créerons intentionnellement une erreur de syntaxe en ne mettant pas de point-virgule après la ligne Hello World. Vous verrez comment l'ordinateur réagit, comment nous corrigeons l'erreur et comment nous exécutons le programme avec succès.

Rapport d'erreur dans Android Studio

Android Studio notifie les développeurs des erreurs de plusieurs manières. D'abord, si l'éditeur de texte détecte qu'une ligne de code entraînera une erreur de syntaxe, il soulignera la ligne en rouge (Figure 6). De plus, vos erreurs sont également affichées en bas à gauche dans l'onglet Build Output. Si votre programme rencontre une erreur pendant l'exécution, les problèmes sont listés dans le Build Output.

Figure 6 - Rapport d'erreur dans Android Studio

Créez et corrigez une erreur dans Android Studio

Dans cette vidéo, nous allons intentionnellement faire une erreur de syntaxe dans le code (Vidéo 6). Ensuite, nous verrons l'erreur affichée, ainsi que la manière de la corriger.

Vidéo 6 - Comment créer et corriger une erreur dans Android Studio (Tutoriel vidéo)

Vous pouvez également exécuter votre programme sur des appareils Android connectés à l'ordinateur

Pour utiliser votre téléphone à des fins de développement, vous devez activer les options de développeur.
Dans notre cas, nous utilisons un appareil Huawei. Pour activer les options de développeur sur un appareil Huawei, vous devez entrer dans À propos du téléphone puis appuyer sur le numéro de série du téléphone 3 fois. Maintenant, vous êtes un développeur.
Cela peut être différent pour d'autres téléphones Android.
Après cela, vous devez simplement activer le débogage USB dans les options de développeur.
Si vous avez activé le débogage USB, le nom de votre appareil apparaîtra parmi les appareils.

Exécution de l'application sur Android

En exécutant votre programme sur un appareil Android connecté à l'ordinateur, vous obtiendrez le même résultat qu'avec Android Studio. Ici, nous pouvons voir que le texte affiché est d'abord "Hello World!" avant d'appuyer sur le bouton violet (Figure 7). Après avoir appuyé sur le bouton, le texte change en "Hello Ozeki!". Comme vous pouvez le voir, cela fonctionne de la même manière que sur l'appareil virtuel. (Figure 8)

Figure 7 - L'application avant d'appuyer sur le bouton

Figure 8 - L'application après avoir appuyé sur le bouton

Résumé

Ce document a été écrit pour vous aider à démarrer avec Kotlin en vous apprenant à écrire le programme classique Hello World dans ce langage. Nous avons fait de notre mieux pour rendre ce guide aussi simple et compréhensible que possible afin que vous puissiez apprendre les bases du codage en Kotlin confortablement. Le programme Hello World n'est que le début, tandis que vous suivez les étapes montrées, vous apprenez tout ce qu'il faut pour vous préparer à coder n'importe quel programme Kotlin plus important.

Vous pouvez en apprendre davantage sur la création et l'utilisation de solutions Kotlin sur le site web d'Ozeki. Poursuivez vos études ici, lisez le document suivant intitulé Comment envoyer un SMS depuis Kotlin.

Ne perdez plus de temps, téléchargez dès maintenant la Passerelle SMS Ozeki !

More information