Blog Officiel w3schools - Online Web Tutoriels

TCP / IP e-mail

noreply@blogger.com (Anonymous) — Sat, 16 Feb 2013 12:01:00 -0800

TCP / IP e-mail

Le courrier électronique est l'une des utilisations les plus importantes de TCP / IP.

Vous ne faites pas

Lorsque vous écrivez un e-mail, vous n'utilisez pas le protocole TCP / IP.

Lorsque vous écrivez un e-mail, vous utilisez un programme de messagerie comme Lotus Notes, Microsoft Outlook ou Netscape Communicator.

Votre programme de messagerie

Votre programme de messagerie utilise différents protocoles TCP / IP:

     Il envoie vos e-mails via SMTP
     Il peut télécharger vos e-mails à partir d'un serveur de messagerie utilisant POP
     Il peut se connecter à un serveur de messagerie utilisant IMAP

SMTP - Simple Mail Transfer Protocol

Le protocole SMTP est utilisé pour la transmission de messages électroniques. SMTP prend en charge l'envoi de votre e-mail à un autre ordinateur.

Normalement, votre courriel est envoyé à un serveur de messagerie (serveur SMTP), puis sur un autre serveur ou les serveurs, et enfin à sa destination.

SMTP ne peut transmettre que du texte pur. Il ne peut pas transmettre des données binaires comme des images, des sons ou des films.

SMTP utilise le protocole MIME pour envoyer des données binaires à travers les réseaux TCP / IP. Le protocole MIME convertit les données binaires en texte pur.

POP - Post Office Protocol

Le protocole POP est utilisé par les programmes de messagerie (comme Microsoft Outlook) pour récupérer e-mails à partir d'un serveur de messagerie.

Si votre programme de messagerie utilise le protocole POP, tous vos e-mails sont téléchargés sur votre logiciel de courrier électronique (également appelé client de messagerie), à chaque fois qu'il se connecte à votre serveur de messagerie.

IMAP - Internet Message Access Protocol

Le protocole IMAP est utilisé par les programmes de messagerie (comme Microsoft Outlook), tout comme le protocole POP.

La principale différence entre le protocole IMAP et le protocole POP est que le protocole IMAP ne télécharge pas automatiquement tous vos emails à chaque fois que votre programme de messagerie se connecte à votre serveur de messagerie.

Le protocole IMAP vous permet de regarder à travers vos e-mails sur le serveur e-mail avant de les télécharger. Avec IMAP, vous pouvez choisir de télécharger vos messages ou simplement les supprimer. De cette façon, IMAP est parfait si vous devez vous connecter à votre serveur de messagerie à partir d'endroits différents, mais vous ne voulez télécharger vos messages lorsque vous êtes de retour dans votre bureau.

Une famille de protocoles TCP / IP

noreply@blogger.com (Anonymous) — Sat, 16 Feb 2013 11:56:00 -0800

TCP / IP est une grande collection de différents protocoles de communication.

Une famille de protocoles
TCP / IP est une grande collection de différents protocoles de communication basés sur le protocole TCP deux d'origine protocoles et IP.

TCP - Transmission Control Protocol
TCP est utilisé pour la transmission de données d'une application vers le réseau.
TCP est responsable de la dégradation des données en paquets IP avant qu'ils soient envoyés, et pour assembler les paquets quand ils arrivent.

IP - Internet Protocol
IP prend en charge la communication avec d'autres ordinateurs.
IP est responsable de l'envoi et la réception des paquets de données sur Internet.

HTTP - Hyper Text Transfer Protocol
HTTP prend en charge la communication entre un serveur web et un navigateur Web.
HTTP est utilisé pour envoyer des requêtes d'un client Web (navigateur) sur un serveur Web, le retour du contenu Web (pages Web) à partir du serveur vers le client.

HTTPS - Secure HTTP
HTTPS s'occupe de la communication sécurisée entre un serveur web et un navigateur Web.
HTTPS gère habituellement les transactions par carte de crédit et autres données sensibles.

SSL - Secure Sockets Layer
Le protocole SSL est utilisé pour le chiffrement des données pour la transmission de données sécurisée.

SMTP - Simple Mail Transfer Protocol
SMTP est utilisé pour la transmission de messages électroniques.

MIME - Multi-usages Internet Mail Extensions
Le protocole MIME permet de transmettre des fichiers multimédias SMTP y compris la voix, audio et de données binaires sur des réseaux TCP / IP.

IMAP - Internet Message Access Protocol
IMAP est utilisé pour stocker et récupérer des e-mails.

POP - Post Office Protocol
POP est utilisé pour télécharger des e-mails à partir d'un serveur e-mail à un ordinateur personnel.

FTP - File Transfer Protocol
FTP prend en charge la transmission de fichiers entre ordinateurs.

NTP - Network Time Protocol
NTP est utilisé pour synchroniser l'heure (horloge) entre les ordinateurs.

DHCP - Dynamic Host Configuration Protocol
DHCP est utilisé pour l'allocation des adresses IP dynamiques aux ordinateurs d'un réseau.

SNMP - Simple Network Management Protocol
SNMP est utilisé pour l'administration de réseaux informatiques.

LDAP - Lightweight Directory Access Protocol
LDAP est utilisé pour collecter des informations sur les utilisateurs et les adresses e-mail à partir d'Internet.

ICMP - Internet Control Message Protocol
ICMP prend soin de gestion des erreurs dans le réseau.

ARP - Address Resolution Protocol
ARP est utilisé par IP pour trouver l'adresse matérielle d'une carte de réseau informatique basé sur l'adresse IP.

RARP - Reverse Address Resolution Protocol
RARP est utilisé par IP pour trouver l'adresse IP basée sur l'adresse matérielle d'une carte de réseau informatique.

BOOTP - Protocole de démarrage
BOOTP est utilisé pour le démarrage (départ) les ordinateurs du réseau.

PPTP - Point to Point Tunneling Protocol
PPTP est utilisé pour établir une connexion (tunnel) entre réseaux privés.

Adressage TCP / IP

noreply@blogger.com (Anonymous) — Sat, 16 Feb 2013 11:45:00 -0800

Adressage TCP / IP

TCP / IP utilise 32 bits ou quatre nombres entre 0 et 255, pour répondre à un ordinateur.

Adresses IP

Chaque ordinateur doit avoir une adresse IP avant de pouvoir se connecter à Internet.

Chaque paquet IP doit avoir une adresse avant d'être envoyé à un autre ordinateur.

Il s'agit d'une adresse IP: 192.68.20.50
C'est peut-être la même adresse IP: www.w3schools-fr.blogspot.com

Une adresse IP Contient 4 chiffres.

Chaque ordinateur doit avoir une adresse IP unique.

C'est votre adresse IP: 41.141.6.176

TCP / IP utilise quatre chiffres pour répondre à un ordinateur. Les chiffres sont toujours compris entre 0 et 255.

Les adresses IP sont normalement composées de quatre nombres séparés par un point, comme ceci: 192.168.1.50.

32 Bits = 4 octets

En termes informatiques, le protocole TCP / IP utilise 32 bits d'adressage. Un octet est 8 bits. TCP / IP utilise 4 octets.

Un octet peut contenir 256 valeurs différentes:

00000000, 00000001, 00000010, 00000011, 00000100, 00000101, 00000110, 00000111, 00001000 ....... et tout le chemin jusqu'à 11111111.

Maintenant vous savez pourquoi une adresse TCP / IP est de quatre nombres entre 0 et 255.

Noms de domaine

Un nom est beaucoup plus facile à retenir qu'un numéro à 12 chiffres.

Les noms utilisés pour les adresses TCP / IP sont appelés noms de domaine.

w3schools.com est un nom de domaine.

Lorsque vous adressez un site web, comme http://www.w3schools.com, le nom est traduit en nombre par un serveur de noms de domaine (DNS).

Partout dans le monde, les serveurs DNS sont connectés à l'Internet. Serveurs DNS sont responsables pour traduire les noms de domaine en adresses TCP / IP.

Quand un nouveau nom de domaine est enregistré avec une adresse TCP / IP, les serveurs DNS du monde entier sont mis à jour avec ces informations.

intorduction sur le protocole TCP / IP

noreply@blogger.com (Anonymous) — Sat, 16 Feb 2013 11:39:00 -0800

TCP / IP est le protocole de communication pour Internet.
Protocole de communication informatique
Un protocole de communication informatique est une description des règles à suivre pour ordinateurs de communiquer entre eux.

Que signifie TCP / IP?
TCP / IP est le protocole de communication pour la communication entre ordinateurs sur Internet.
TCP / IP représente Transmission Control Protocol / Internet Protocol.
TCP / IP définit comment les appareils électroniques (comme les ordinateurs) doit être connecté à l'Internet, et comment les données doivent être transmises entre eux.

Inside TCP / IP
L'intérieur de la norme TCP / IP il existe plusieurs protocoles pour le traitement des données de communication:

    TCP (Transmission Control Protocol) de communication entre les applications
    UDP (User Datagram Protocol) simple communication entre les applications
    IP (Internet Protocol) de communication entre les ordinateurs
    ICMP (Internet Control Message Protocol) pour les erreurs et les statistiques
    DHCP (Dynamic Host Configuration Protocol) pour l'adressage dynamique
TCP utilise une connexion fixe
TCP est pour la communication entre les applications.
Si une application veut communiquer avec une autre par l'intermédiaire de TCP, il envoie une demande de communication. Cette demande doit être envoyée à une adresse exacte. Après une "prise de contact" entre les deux applications, TCP mettra en place un "full-duplex" de communication entre les deux applications.
Le "full-duplex" communication occupera la ligne de communication entre les deux ordinateurs jusqu'à ce qu'il soit fermé par l'une des deux applications.
UDP est très similaire à TCP, mais plus simple et moins fiables.

IP est la connexion Moins
IP est pour la communication entre ordinateurs.
IP est un "sans connexion" protocole de communication.
IP n'occupe pas la ligne de communication entre deux ordinateurs. IP réduit le besoin de lignes réseau. Chaque ligne peut être utilisé pour la communication entre plusieurs ordinateurs différents en même temps.
Avec l'IP, les messages (ou d'autres données) sont divisés en petits indépendants "paquets" et envoyés entre ordinateurs via Internet.
IP est responsable du "routage" chaque paquet vers la bonne destination.

Les routeurs IP
Quand un paquet IP est envoyé à partir d'un ordinateur, il arrive dans un routeur IP.
Le routeur IP est chargé de "routage" le paquet vers la destination correcte, directement ou par l'intermédiaire d'un autre routeur.
Le chemin le paquet va suivre peut être différente d'autres paquets de la même communication. Le routeur est chargé de l'adressage droit, en fonction du volume de trafic, d'erreurs dans le réseau, ou d'autres paramètres.

Connection-Less Analogie
La communication via IP, c'est comme envoyer une longue lettre comme un grand nombre de petites cartes postales, chacun de trouver son propre (souvent différentes) chemin vers le récepteur.

TCP / IP
TCP / IP est le protocole TCP et IP à travailler ensemble.
TCP se charge de la communication entre votre logiciel d'application (c'est à dire votre navigateur) et votre logiciel de réseau.
IP prend en charge la communication avec d'autres ordinateurs.
TCP est responsable de la dégradation des données en paquets IP avant qu'ils soient envoyés, et pour assembler les paquets quand ils arrivent.
IP est chargé d'envoyer les paquets vers la bonne destination.

Le Tutoriels De TCP/IP

noreply@blogger.com (Anonymous) — Sat, 16 Feb 2013 11:33:00 -0800

TCP / IP est le protocole de communication pour Internet.

TCP / IP définit la règle à suivre pour ordinateurs de communiquer entre eux sur Internet.

Votre navigateur et l'utilisation du serveur TCP / IP

Les navigateurs et les serveurs utilisent le protocole TCP / IP pour se connecter à Internet.

Un navigateur utilise le protocole TCP / IP pour accéder à un serveur. Un serveur utilise le protocole TCP / IP pour envoyer HTML vers un navigateur.
Votre E-Mail utilise le protocole TCP / IP

Votre programme de messagerie utilise le protocole TCP / IP pour se connecter à Internet pour envoyer et recevoir des e-mails.
Votre adresse Internet est le protocole TCP / IP

Votre adresse Internet "41.141.6.176" est une partie de la norme TCP / IP (et est donc votre nom de domaine).

Comment Choisir une Langage de programmation

noreply@blogger.com (Anonymous) — Mon, 22 Oct 2012 11:59:00 -0700

Comment Choisir une Langage de programmation

1 Chiffrer ce que travaille pour l'équipe. Dans beaucoup de cas, de codeurs ou de directeurs individuels font partie d'une plus grande équipe de gens qui traitent un projet. S'assurer que vous avez les soutiens de divers membres de personnel pour faire les meilleures décisions.

2 Découverte hors ce que travaille dans le contexte. Regarder comment il ajustera dans le plus grand contexte d'un plus grand projet ou dans les opérations de département continuelles.

Examiner vos choix de langage de programmation dans la plus grande architecture de logiciel de vos affaires. Quelques langages de programmation sont plus compatibles que d'autres. Regarder vos systèmes d'exploitation et vos programmes et vos applications actuels pour choisir une langue qui travaille pour vous. Evaluer vos besoins pour l'interface d'un projet. Quelques langages de programmation sont supérieurs quand il s'agit de faire une interface visuelle, une GUI (l'interface graphique utilisateur) ou l'autre présentation de consommateur.

3 Considèrent l'aise d'érudition et l'usage pour les langages de programmation. 4 Evaluent la disponibilité d'outils pour chacun de vos langages de programmation potentiels. Chiffrer que les outils et les ressources sont disponibles pour soutenir votre codage et votre implémentation.

5 Regardent la capacité multi-plateforme. Quelques langages de
programmation travaillent mieux à travers les plateformes différentes que d'autres. Ceci peut être aussi une partie significative de votre décision.

6 Déterminent l'aise de côté serveur et client-côté qui écrit le scénario de. Chiffrer comment les utiliser sur les divers « côtés » d'un projet.

7 Considèrent des problèmes d'accès et la sécurité général pour
les langages de programmation que vous choisissez. Quelques langues peuvent relater différemment aux problèmes de sécurité ou aux problèmes généraux d'accès par le personnel de développement, le personnel de client ou d'autres.

Demander aux directeurs et au sommet nivelle le personnel de la sécurité ou les autres problèmes. Si vous êtes seulement responsable des certains problèmes de codage techniques, vous pouvez avoir besoin de chercher au-delà de votre degré de salaire pour s'assurer que vos choix résonnent bien par
l'opération entière qui votre IL projette représentera.

Comment Apprendre la Langage de programmation

noreply@blogger.com (Anonymous) — Mon, 22 Oct 2012 11:53:00 -0700

Comment Apprendre la Langage de programmation

Décider que vous voulez faire. Des applications de programmation avec la forte présence Web et les bons matériels pour les novices sont la programmation de jeu, la création de site Web, l'automation de tâches communes (« écrivant le scénario de »), le texte qui traite, et le problème scientifique qui résout. Si vous pensez juste que la programmation serait fraîche pour apprendre et n'a pas des applications spécifiques à l'esprit, cela est bon, mais penser à ce que vous voulez programmer en avance aidera vous fait des décisions informées pendant votre expérience éducative. Aussi se souvenir de cette programmation peut être un travail frustrant si vous ne payez pas l'attention correcte ou faites trop d'erreurs
en écrivant le code.

Choisir une langage de programmation. Quand vous commencez à apprendre premièrement, choisissez un facile-à-apprendre, la langue d'haut niveau comme le Python. Plus tard, vous pouvez vous déplacer sur à une langue égale plus basse comme C ou à C + + mieux comprendre comment exactement les programmes courent et réagissent réciproquement. Perl et Java sont d'autres langues populaires pour les novices. Préparer votre application cible pour apprendre s'il y a des langues que vous sans aucun doute devriez
savoir (par exemple SQL pour les bases de données) ou évite. N'est pas confondu par le jargon comme objet-orienté, « simultané », ou « dynamique » ; ces toutes les choses moyennes, mais vous ne pourrez pas les comprendre jusqu'à ce que vous avez en fait de la programmation d'expérience.

Trouver des ressources de formation. Chercher le Web pour les bons lieux pour commencer sur les langues mentionnées au-dessus, et être sûr de vérifier la page d'accueil de la langue (s'il l'un a) pour un guide ou un manuel officiel. Aussi, trouver quelqu'un qui sait programmer déjà. Les didacticiels en ligne sont agréables, mais ils peuvent frustrer de temps en temps si vous ne pouvez pas obtenir des réponses aux questions spécifiques. Quelquefois la bibliothèque et les vidéos aident beaucoup.

Début petit. Vous ne pouvez pas compter écrire un chef-d'oeuvre de 700 page populaire si vous avez
l'expérience d'écriture non pratique ; la programmation est la même façon. Commencer avec les constructions fondamentales et écrire de petits programmes (10 à à 30 lignes) essayer votre compréhension des concepts. Se tendre, mais ne pas essayer de courir avant que vous pouvez ayez marché.

Mettent dans le temps. Il prend beaucoup d'heures de résolutiant de problèmes les compétences pratiquantes sur les types différents de problèmes avant que vous pouvez vous soyez appelé un expert. Euler de projet a beaucoup de petite tâches programmatione, classées à peu près par la difficulté, cela est utile
pour aiguiser vos compétences et gardant dans la pratique. Aussi apprendre des organigrammes faire.

Gardent à lui. La programmation peut frustrer très, mais complétant avec succès un programme peut satisfaire intensément et peut plaire. Ne pas renoncer si vous ne comprenez pas un concept ; la programmation peut être une chose très abstraite à apprendre. En traitant un problème notamment compliqué, prendre des coupures périodiques pour laisser votre cerveau relâche et relègue le problème à votre esprit inconscient. Faire un bon plan pour le fonctionnement.

Gardent l'érudition. Pour savoir une
langage de programmation est bonne, mais sachant quatre ou cinq sont meilleurs. Sans tenir compte de quelle langue vous utilisez le plus souvent, ayant la connaissance d'autres pour dessiner sur fera

La methode facile de créer des QR codes avec Zxing et Java 2D

noreply@blogger.com (Anonymous) — Fri, 12 Oct 2012 04:33:00 -0700

La methode facile de créer des QR codes avec Zxing et Java 2D

I. Introduction

Un QR code est la représentation graphique d'un message. C'est une sorte de code barre en deux dimensions. Le-dit message peut contenir une URL, un e-mail, un numéro de téléphone, une vCard, etc. Dans la suite, nous nous intéresserons aux messages simples, les messages plus complexes n'étant que des extensions avec une syntaxe particulière.

La plupart des développeurs sont à l'aise avec les QR codes. Ils savent comment les scanner depuis leurs smartphones. De nombreuses "app" sont dédiées à cette fonctionnalité et on en possède souvent plusieurs. Les développeurs savent aussi comment créer des QR codes à l'aide des mêmes "app", des plugins Chrome ou Firefox, ou encore des sites web comme Unitag et SoQR.

QR code vers le site de Developpez.com

En revanche, quand il s'agit de générer soit-même un QR code, c'est tout de suite moins drôle car les algorithmes de calcul sont loin d'être triviaux et la génération d'images, un minimum jolies, n'est pas une compétence très répandue. On pourrait donc penser que la tâche est complexe, voire impossible sans une étude approfondie.

Dans cet article, nous allons d'abord voir comment générer une matrice de modules à l'aide de la bibliothèque Zxing. Dans un second temps, nous verrons comment dessiner des images (belles) à l'aide de Java 2D.

En première approche, un QR code simple ressemble à un carré rempli de gros pixels blancs et noirs. Ces "pixels noirs" sont les "modules" dont je parle plus haut.

I-A. À propos

Découvrir une technologie n'est pas chose facile. En aborder plusieurs d'un coup l'est encore moins. Partant de ce constat, cet article a été écrit pour aller à l'essentiel. Les points importants sont présentés dans le corps de l'article et les éléments secondaires, comme la gestion des exceptions, sont expliqués en annexes.

I-B. Avant de commencer

Pour écrire ce tutoriel, j'ai utilisé les éléments suivants :

Java JDK 1.6.0_24-b07 ;
Eclipse Indigo 3.7 JEE 64b ;
Maven 3.0.3 ;
Zxing 2.0.

II. Découverte du projet d'exemple

II-A. Télécharger, installer et importer le projet d'exemple

Pour commencer, je vous propose de télécharger le fichier Zip "qr-code-01.zip", contenant un projet Java-Maven d'exemple (vide) qui va nous servir de support pour les fonctionnalités présentées dans la suite de cet article.

Compilez le projet d'exemple et importez-le dans Eclipse (comme expliqué dans le tutoriel "Importer un projet Maven dans Eclipse en 5 minutes") ou dans l'IDE de votre choix.

Pour suivre ce tutoriel, vous pouvez vous contenter de lire les codes proposés ci-dessous (codes complets en annexes) et de faire confiance aux captures d'écran.

II-B. Ce que fait déjà le projet d'exemple

Pour une fois, je vous propose un projet d'exemple qui ne fait rien. C'est un projet Maven vide qui va seulement servir d'enveloppe pour la suite.

III. Action

III-A. Maven

Durée estimée : 1 minute.

Pour utiliser Zxing, il faut ajouter une dépendance dans le fichier "pom.xml".

Dépendance dans le pom.xml


<!-- zxing -->
<dependency>
    <groupId>com.google.zxing</groupId>
    <artifactId>core</artifactId>
    <version>2.0</version>
</dependency>

<dependency>
    <groupId>com.google.zxing</groupId>
    <artifactId>javase</artifactId>
    <version>2.0</version>
</dependency>

Puis relancer une installation Maven.

Commande Maven


mvn clean install eclipse:eclipse

En fonction des éléments déjà présents sur le disque dur, le résultat de l'installation Maven devrait ressembler à la trace suivante :

Commande Maven


C:\...\qr-code>mvn clean install eclipse:eclipse

[INFO] Scanning for projects...
[INFO]
[INFO] ------------------------------------------------------------------------
[INFO] Building qr-code 1.0-SNAPSHOT
[INFO] ------------------------------------------------------------------------
...
[INFO]
[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total time: 11.025s
[INFO] Finished at: Thu Apr 30 20:59:22 CEST 2012
[INFO] Final Memory: 10M/53M
[INFO] ------------------------------------------------------------------------

On doit ensuite faire un refresh (touche F5) dans Eclipse pour faire apparaitre Zxing dans la liste des bibliothèques référencées.

III-B. Création des QR codes

Durée estimée : 2 minutes.

La génération d'un QR code commence toujours par le calcul de sa matrice, qu'on peut assimiler à un tableau de "1" et de "0" correspondants aux modules noirs et blancs.

Calcul de la matrice


public class SimpleQrcodeGenerator {

    public static void main(String[] args) {
        String data = "Je suis Thierry et je suis gentil.";
        int size = 400;

        // encode
        BitMatrix bitMatrix = generateMatrix(data, size);
    }

    private static BitMatrix generateMatrix(String data, int size) {
        BitMatrix bitMatrix = new QRCodeWriter().encode(data, BarcodeFormat.QR_CODE, size, size);
        return bitMatrix;
    }

    ...

Quand c'est fait, il suffit de dessiner les modules.

Dessin


public class SimpleQrcodeGenerator {

    public static void main(String[] args) {

        ...
        BitMatrix bitMatrix = generateMatrix(data, size);

        String imageFormat = "png";
        String outputFileName = "c:/code/qrcode-01." + imageFormat;

        // write in a file
        writeImage(outputFileName, imageFormat, bitMatrix);
    }

    private static void writeImage(String outputFileName, String imageFormat, BitMatrix bitMatrix)  {
        FileOutputStream fileOutputStream = new FileOutputStream(new File(outputFileName));
        MatrixToImageWriter.writeToStream(bitMatrix, imageFormat, fileOutputStream);
        fileOutputStream.close();
    }

    ...

Le code complet, avec la gestion des exceptions est donné en annexe.

Cela va donc générer l'image "qrcode-01.png" contenant le message "Je suis Thierry et je suis gentil".

QR code : Je suis Thierry et je suis gentil.

Voici ce que ça donne lorsque je scanne ce code depuis mon iPhone :

Scan en cours sur l'iPhone

Après le scan

III-C. Un code en couleur

Durée estimée : 2 minutes.

C'est bien beau de savoir générer un code mais ça n'est pas très sexy de se contenter de noir et de blanc. J'ai donc demandé aux développeurs d'Unitag de m'envoyer quelques morceaux de code pour ajouter un peu de couleur.

Je vais donc devoir un peu changer mon code mais le principe reste le même, avec un peu de contrôles supplémentaires.

Calcul de la matrice


public class ColoredQrcodeGenerator {

    public static void main(String[] args) {
        String data = "Je suis Thierry et je suis gentil.";

        // encode
        ByteMatrix matrix = generateMatrix(data);
    }

    private static ByteMatrix generateMatrix(final String data) {
        QRCode qr = new QRCode();
        Encoder.encode(data, ErrorCorrectionLevel.L, qr);
        ByteMatrix matrix = qr.getMatrix();
        return matrix;
    }

    ...

De nouveau, quand j'ai ma matrice, je peux lancer la génération de l'image. Cette fois nous allons procéder par étapes.

Dessin


public class ColoredQrcodeGenerator {

    public static void main(String[] args) {

        ...
        ByteMatrix matrix = generateMatrix(data);

        int size = 400;
        String imageFormat = "png";
        String outputFileName = "c:/code/qrcode-01." + imageFormat;

        // write in a file
        writeImage(outputFileName, imageFormat, matrix, size);
    }

    private static void writeImage(String outputFileName, String imageFormat, ByteMatrix matrix, final int size) {
        ...
    }

    ...

La suite de ce chapitre n'est pas simple : elle utilise les fonctionnalités de Java 2D (qui nécessitent un peu de concentration), alors qu'on utilisait la génération automatisée (mais aux options réduites) de Zxing dans le chapitre précédent.

On commence par générér la "forme" du QR code (à l'aide de Java 2D) : modules, quietzone, etc.

Area


public class ColoredQrcodeGenerator {

    private static void writeImage(String outputFileName, String imageFormat, ByteMatrix matrix, final int size) {

        // Java 2D Traitement de Area
        // Futurs modules
        Area a = new Area();
        Area module = new Area(new Rectangle.Float(0, 0, 1, 1));

        // Deplacement du module
        AffineTransform at = new AffineTransform(); 
        int width = matrix.getWidth();
        for (int i = 0; i < width; i++) {
            for (int j = 0; j < width; j++) {
                if (matrix.get(j, i) == 1) {
                    // Ajout du module
                    a.add(module);
                }
                // Decalage a droite
                at.setToTranslation(1, 0); 
                module.transform(at);
            }

            // Ligne suivante
            at.setToTranslation(-width, 1); 
            module.transform(at);
        }

        // Agrandissement de l'Area pour le remplissage de l'image
        double ratio = size / (double) width;

        // Quietzone : 4 modules de bordures autour du QR Code (zone vide pour bien identifier le code dans la page imprimee)
        double adjustment = width / (double) (width + 8);
        ratio = ratio * adjustment;
        at.setToTranslation(4, 4); 
        a.transform(at);

        // On agrandit le tour a la taille souhaitee.
        at.setToScale(ratio, ratio); 
        a.transform(at);
    }

    ...

Puis on peut passer à l'étape de "coloriage" des modules ajoutés dans la boucle (cf. code source précédent).

Dessin


public class ColoredQrcodeGenerator {

    private static void writeImage(String outputFileName, String imageFormat, ByteMatrix matrix, final int size) {

        // Java 2D Traitement de Area
        ...

        // Java 2D Traitement l'image
        BufferedImage im = new BufferedImage(size, size, BufferedImage.TYPE_INT_RGB);
        Graphics2D g = (Graphics2D) im.getGraphics();

        // Modules verts
        Color vert = new Color(0xAFC828);
        g.setPaint(vert);

        g.setBackground(new Color(0xFFFFFF));

        // Fond blanc
        g.clearRect(0, 0, size, size);

        // Remplissage des modules
        g.fill(a); 
    }

    ...

Enfin, on peut écrire le fichier sur le disque.

Ecriture sur le disque


public class ColoredQrcodeGenerator {

    private static void writeImage(String outputFileName, String imageFormat, ByteMatrix matrix, final int size) {

        // Java 2D Traitement de Area
        ...

        // Java 2D Traitement l'image
        ...

        // Ecriture sur le disque
        File f = new File(outputFileName);
        f.setWritable(true);
        ImageIO.write(im, imageFormat, f);
        f.createNewFile();
    }

    ...

Ca me donne une belle image verte. Je vous laisse trouver la couleur qui vous convient le mieux...

QR code vert

III-D. un code avec redondance

Durée estimée : 30 secondes.

Une des particularités des QR codes est qu'ils restent lisibles même lorsqu'ils sont déchirés ou abîmés, un peu comme un CD qui reste utilisable lorsqu'il est rayé. Pour cela, la "norme" des QR codes implique que les données soient répliquées. Elle définit quatre niveaux de réplication : L (7 %), M (15 %), Q (25 %) et H (30 %).

Bien entendu, plus le niveau de réplication est élevé et plus gros devra être le QR code généré pour tout contenir.

Ici, une simple adaptation du code proposé au chapitre précédent devrait suffire.

Calcul de la matrice


public class LevelColoredQrcodeGenerator {

    public static void main(String[] args) {
        String data = "Je suis Thierry et je suis gentil.";
        ErrorCorrectionLevel level = ErrorCorrectionLevel.Q;

        // encode
        ByteMatrix matrix = generateMatrix(data, level);

        ...
    }

    private static ByteMatrix generateMatrix(String data, ErrorCorrectionLevel level) {
        final QRCode qr = new QRCode();
        Encoder.encode(data, level, qr);
        final ByteMatrix matrix = qr.getMatrix();
        return matrix;
    }

    ...

Par défaut, Zxing génère des QR codes avec le niveau "L" (low). Dans l'exemple j'ai utilisé le niveau "Q" (quality) et on constate donc une plus grande densité des modules. Pour que ça saute aux yeux, j'ai utilisé du "bleu mauve" pour cette version.

QR code vert avec le niveau L

QR code bleu mauve avec le niveau Q

Si on avait utilisé le niveau "H" (high), la différence aurait été encore plus flagrante.

III-E. Voir la grille

Durée estimée : 30 secondes.

Pour continuer, disons qu'on souhaite voir le maillage des modules. C'est relativement simple : il suffit de dessiner des modules qui n'occupent pas toute la place disponible dans la "case".

Modules plus petits laissant voir la grille


public class GridQrcodeGenerator {

    private static void writeImage(String outputFileName, String imageFormat, ByteMatrix matrix, int size) {

        ...
        // Area module = new Area(new Rectangle.Float(0, 0, 1, 1));
        Area module = new Area(new Rectangle2D.Float(0.05f, 0.05f, 0.9f, 0.9f)); 

        ...
    }

    ...

QR code bleu mauve

QR code rouge avec grille

III-F. Des modules ronds

Durée estimée : 30 secondes.

Continuons sur notre lancée. Cette fois, disons que nous voulons des modules ronds.

Modules ronds


public class RoundedQrcodeGenerator {

    private static void writeImage(String outputFileName, String imageFormat, ByteMatrix matrix, int size) {

        ...
        //Area module = new Area(new Rectangle2D.Float(0.05f, 0.05f, 0.9f, 0.9f)); 
        Area module = new Area(new RoundRectangle2D.Float(0, 0, 0.9f, 0.9f, 1f, 1f));

        ...
    }

    ...

Juste pour rigoler, j'ai fais des modules ronds et blancs sur fond bleu. On a aussi le droit de changer la couleur du fond puisque c'est la différence de contraste qui compte. Toutefois tous les scanners ne savent pas forcément lire les QR codes inversés.

QR code rouge avec grille

QR code avec des modules ronds

Avec le fond bleu, on voit bien la "quietzone" de quatre modules autour du QR code.

III-G. Avec un dégradé de couleur

Durée estimée : 30 secondes.

Pour finir avec un dernier effet sympa et simple, je vous propose d'utiliser un dégradé de couleur.

Dégradé de couleurs


public class TransColoredQrcodeGenerator {

    private static void writeImage(String outputFileName, String imageFormat, ByteMatrix matrix, int size) {

        ...

        // Color couleur1 = new Color(0xFFFFFF);
        // g.setPaint(couleur1);
        Color couleur1 = new Color(0xAFC828);
        Color couleur2 = new Color(0x606640);
        // Debut et fin du gradient
        float[] fractions = { 0.0f, 1.0f }; 
        Color[] colors = { couleur1, couleur2 };
        g.setPaint(new RadialGradientPaint(size / 2, size / 2, size / 2, fractions, colors));

        ...
    }

    ...

QR code avec un dégradé de couleurs

III-H. Autres types de messages

La plupart du temps, on va générer des QR codes pour les faire "pointer" vers des sites Web. Pour cela, il suffit de d'encoder un message contenant l'URL du-dit site.

Dégradé de couleurs


    public static void main(String[] args) {
        // String data = "Je suis Thierry et je suis gentil.";
        String data = "http://www.developpez.com";

        ...

QR code vers le site www.developpez.com

Pour générer des QR codes permettant d'envoyer des SMS, des e-mails, d'appeler un numéro de téléphone, d'enregistrer des vCards (etc.), il y a une syntaxe particulière que je vous laisse découvrir sur le site d'Unitag ou sur la page dédiée aux contenus chez Zxing. Voici néanmoins quelques exemples simples :

Dégradé de couleurs


    public static void main(String[] args) {
        // String data = "Je suis Thierry et je suis gentil.";
        // String data = "http://www.developpez.com";

        // Envoie de SMS
        String data = "sms:+33312345678:bonjour...";

        // Envoie d'email
        String data = "mail:jean.dupond@google.com?subject=Coucou&body=Bonjour...";

        ...

Et voilà...

IV. Conclusions

Comme on vient de le voir, on peut générer des QR codes très facilement à l'aide de la bibliothèque Zxing et un peu de dessin à l'aide de Java 2D. Les possibilités sont nombreuses mais réclament un talent de graphiste qui me manque. Vous trouverez des outils sympas sur le Web et j'espère qu'ils vous donneront des idées.

Dans un prochain article, je m'attarderai sur les algorithmes liés aux QR codes, notamment pour le calcul de la matrice, des masques, des mécanismes de correction d'erreur, etc. Mais pour le moment, je vous laisse déjà vous amuser avec tout ça.

Le code final de ce tutoriel est disponible dans le fichier ZIP qr-code-02.zip.

Vos retours nous aident à améliorer nos publications. N'hésitez donc pas à commenter cet article sur le forum : 1 commentaire

Retrouvez mes autres tutoriels rapides sur developpez.com à l'adresse http://thierry-leriche-dessirier.developpez.com/#page_articles

V. Remerciements

J'adresse des remerciements particuliers aux équipes d'Unitag, sans qui cet article n'aurait jamais vu le jour. Unitag est une société française, basée à Toulouse et leader dans la domaine de la génération et la personnalisation des QR Codes. Leur site Web propose de nombreux outils gratuits (et performants) que viennent compléter des offres professionnelles intéressantes (et pas chères).

Et en plus, je tiens à remercier, en tant qu'auteur du tutoriel, toutes les personnes qui m'ont aidé et soutenu. Je pense tout d'abord à mes collègues qui subissent mes questions au quotidien, mais aussi à mes contacts et amis du Web, dans le domaine de l'informatique ou non, qui m'ont fait part de leurs remarques et critiques. Bien entendu, je n'oublie pas l'équipe de developpez.com qui m'a guidé dans la rédaction de cet article et m'a aidé à le corriger et le faire évoluer, principalement sur le forum.

Plus particulièrement j'adresse mes remerciements à Mickael Baron (keulkeul), Sébastien Germez (FirePrawn), Marc (Gueritarish) et mlny84.

VI. Annexes

VI-A. Des exemples de beaux QR codes

Voici une petite sélection de QR codes design que j'ai simplement cherché sur Google.. Je les trouve beaux mais ça n'engage que moi.

Quand on scanne des QR codes (à l'aide d'un iPhone par exemple) directement sur l'écran et de trop près, on voit apparaitre des lignes correspondant à la matrice des pixels du LCD. Il est donc possible que ces QR codes ne soient pas lisibles sur tous les écrans. En revanche ils devraient être lisibles facilement une fois imprimés, même sur des mauvaises imprimantes, même en noir et blanc.

Ces images sont la propriété de leurs auteurs. Je les propose ici dans le cadre du "fair use". Contactez-moi pour les supprimer ou ajouter des références.

VI-B. Liens

Unitag : http://www.unitag.fr

QR Code vers Unitag

QR Code design vers Unitag

QR Dress Code : http://www.qrdresscode.com

QR Code vers QR Dress Code

Zxing : http://code.google.com/p/zxing/

VI-C. Liens personnels

Retrouvez ma page et mes autres articles sur developpez.com à l'adresse http://thierry-leriche-dessirier.developpez.com/#page_articles

QR Code vers mes articles

Ajoutez-moi à vos contacts à l'aide du QR Code suivant :

QR Code contenant ma vCard

Suivez-moi sur Twitter : @thierryleriche

@thierryleriche

VI-D. Les fichiers importants en entier

SimpleQrcodeGenerator.java


package com.dvp.tutoriel.qrcode;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;

import com.google.zxing.BarcodeFormat;
import com.google.zxing.WriterException;
import com.google.zxing.client.j2se.MatrixToImageWriter;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.QRCodeWriter;

public class SimpleQrcodeGenerator {

    private static BitMatrix generateMatrix(final String data, final int size) throws WriterException {
        final BitMatrix bitMatrix = new QRCodeWriter().encode(data, BarcodeFormat.QR_CODE, size, size);
        return bitMatrix;
    }

    private static void writeImage(final String outputFileName, final String imageFormat, final BitMatrix bitMatrix) throws FileNotFoundException,
            IOException {
        final FileOutputStream fileOutputStream = new FileOutputStream(new File(outputFileName));
        MatrixToImageWriter.writeToStream(bitMatrix, imageFormat, fileOutputStream);
        fileOutputStream.close();
    }

    /**
     * @param args
     */
    public static void main(String[] args) {
        System.out.println("SimpleQrcodeGenerator DEBUT");

        try {
            final String data = "Je suis Thierry et je suis gentil.";
            final String imageFormat = "png";
            final String outputFileName = "c:/code/qrcode-01." + imageFormat;
            final int size = 400;

            // encode
            final BitMatrix bitMatrix = generateMatrix(data, size);

            // write in a file
            writeImage(outputFileName, imageFormat, bitMatrix);

            System.out.println("SimpleQrcodeGenerator FIN");

        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

GridQrcodeGenerator.java


package com.dvp.tutoriel.qrcode;

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.geom.AffineTransform;
import java.awt.geom.Area;
import java.awt.geom.Rectangle2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.IOException;

import javax.imageio.ImageIO;

import com.google.zxing.WriterException;
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;
import com.google.zxing.qrcode.encoder.ByteMatrix;
import com.google.zxing.qrcode.encoder.Encoder;
import com.google.zxing.qrcode.encoder.QRCode;

public class GridQrcodeGenerator {
    private static ByteMatrix generateMatrix(final String data, final ErrorCorrectionLevel level) throws WriterException {
        final QRCode qr = new QRCode();
        Encoder.encode(data, level, qr);
        final ByteMatrix matrix = qr.getMatrix();
        return matrix;
    }

    private static void writeImage(final String outputFileName, final String imageFormat, final ByteMatrix matrix, final int size)
            throws FileNotFoundException, IOException {

        /**
         * Java 2D Traitement de Area
         */
        Area a = new Area(); // les futurs modules
        Area module = new Area(new Rectangle2D.Float(0.05f, 0.05f, 0.9f, 0.9f));

        AffineTransform at = new AffineTransform(); // pour déplacer le module
        int width = matrix.getWidth();
        for (int i = 0; i < width; i++) {
            for (int j = 0; j < width; j++) {
                if (matrix.get(j, i) == 1) {
                    a.add(module); // on ajoute le module
                }
                at.setToTranslation(1, 0); // on décale vers la droite
                module.transform(at);
            }
            at.setToTranslation(-width, 1); // on saute une ligne on revient au
                                            // début
            module.transform(at);
        }

        // agrandissement de l'Area pour le remplissage de l'image
        double ratio = size / (double) width;
        // il faut respecter la Quietzone : 4 modules de bordures autour du QR
        // Code
        double adjustment = width / (double) (width + 8);
        ratio = ratio * adjustment;

        at.setToTranslation(4, 4); // à cause de la quietzone
        a.transform(at);

        at.setToScale(ratio, ratio); // on agrandit
        a.transform(at);

        /**
         * Java 2D Traitement l'image
         */
        BufferedImage im = new BufferedImage(size, size, BufferedImage.TYPE_INT_RGB);
        Graphics2D g = (Graphics2D) im.getGraphics();
        Color couleur1 = new Color(0xFF0000);
        g.setPaint(couleur1);

        g.setBackground(new Color(0xFFFFFF));
        g.clearRect(0, 0, size, size); // pour le fond blanc
        g.fill(a); // remplissage des modules

        // Ecriture sur le disque
        File f = new File(outputFileName);
        f.setWritable(true);
        try {
            ImageIO.write(im, imageFormat, f);
            f.createNewFile();
        } catch (Exception e) {
        }

    }

    /**
     * @param args
     */
    public static void main(String[] args) {
        System.out.println("GridQrcodeGenerator DEBUT");

        try {
            final String data = "Je suis Thierry et je suis gentil.";
            final String imageFormat = "png";
            final String outputFileName = "c:/code/qrcode-04." + imageFormat;
            final int size = 400;
            final ErrorCorrectionLevel level = ErrorCorrectionLevel.Q;

            // encode
            final ByteMatrix matrix = generateMatrix(data, level);

            // write in a file
            writeImage(outputFileName, imageFormat, matrix, size);

            System.out.println("GridQrcodeGenerator FIN");

        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

pom.xml


<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.tle.qrcodegen</groupId>
    <artifactId>qrcode-generator</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>jar</packaging>

    <name>qrcode-generator</name>
    <description>TODO</description>
    <url>http://www.icauda.com</url>

    <licenses>
        <license>
            <name>Copyright ©1995-2012 icauda.com et Copyright ©2011 Developpez.com</name>
            <comments>Les sources présentés sur cette page sont libres de droits, et vous pouvez les utiliser à votre [..]</comments>
        </license>
    </licenses>

    <developers>
        <!-- Thierry -->
        <developer>
            <name>Thierry Leriche-Dessirier</name>
            <roles>
                <role>Developper</role>
            </roles>
            <organization>ICAUDA</organization>
        </developer>

    </developers>

    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <java.version>1.6</java.version>
        <maven-compiler-plugin.version>2.3.1</maven-compiler-plugin.version>
        <junit.version>4.8.2</junit.version>

        <log4j.version>1.2.13</log4j.version>
        <guava.version>12.0</guava.version>
        <zxing-core.version>2.0</zxing-core.version>

    </properties>

    <dependencyManagement>
        <dependencies>
            <!-- JUnit -->
            <dependency>
                <groupId>junit</groupId>
                <artifactId>junit</artifactId>
                <version>${junit.version}</version>
                <scope>test</scope>
            </dependency>

            <!-- log4j -->
            <dependency>
                <groupId>log4j</groupId>
                <artifactId>log4j</artifactId>
                <version>${log4j.version}</version>
            </dependency>

            <!-- Guava -->
            <dependency>
                <groupId>com.google.guava</groupId>
                <artifactId>guava</artifactId>
                <version>${guava.version}</version>
            </dependency>

            <!-- zxing -->
            <dependency>
                <groupId>com.google.zxing</groupId>
                <artifactId>core</artifactId>
                <version>${zxing-core.version}</version>
            </dependency>

            <dependency>
                <groupId>com.google.zxing</groupId>
                <artifactId>javase</artifactId>
                <version>${zxing-core.version}</version>
            </dependency>
        </dependencies>
    </dependencyManagement>

    <dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <scope>test</scope>
        </dependency>

        <!-- Guava -->
        <dependency>
            <groupId>com.google.guava</groupId>
            <artifactId>guava</artifactId>
        </dependency>

        <!-- zxing -->
        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>core</artifactId>
        </dependency>

        <dependency>
            <groupId>com.google.zxing</groupId>
            <artifactId>javase</artifactId>
        </dependency>
    </dependencies>

    <build>
        <finalName>qrcode-generator</finalName>

        <plugins>
            <plugin>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>${maven-compiler-plugin.version}</version>
                <configuration>
                    <source>${java.version}</source>
                    <target>${java.version}</target>
                    <encoding>${project.build.sourceEncoding}</encoding>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

Version PDF Version hors-ligne Version eBooks

Surce : http://thierry-leriche-dessirier.developpez.com/tutoriels/java/creer-qrcode-zxing-java2d-5-min/

Comment faire pour créer un jeu video

noreply@blogger.com (Anonymous) — Fri, 12 Oct 2012 04:27:00 -0700

Comment faire pour créer un jeu video

I. Introduction

Les jeux vidéo ont toujours été un acteur important dans le monde de l'informatique. Peu de temps après la conception des ordinateurs, des programmes de jeux ont vu le jour. Maintenant, le marché de ce loisir dépasse celui du grand écran.

Tout en jouant, vous avez sûrement eu l'envie de faire votre propre jeu. Ce tutoriel a pour but de poser la première pierre à votre projet afin que celui-ci devienne une réalité.

Ce tutoriel n'est pas écrit que pour les débutants. C'est un guide pour commencer n'importe quel projet de jeu vidéo et rappellera les notions et outils de base permettant de mener votre projet à bien.

I-A. Qu'est-ce qu'un jeu vidéo ?

Avant de commencer, revenons au tout début. Qu'est-ce un jeu vidéo ? C'est en sachant cela qu'il est plus facile d'imaginer les différents éléments nécessaires à sa création.

Tout d'abord, un jeu vidéo n'est pas que l'œuvre d'un seul programmeur (sauf cas très rare). Un jeu vidéo, c'est le rassemblement d'une idée, d'un programme, de dessins et de sons. Ce tout constitue un jeu vidéo. Ces domaines sont eux aussi fragmentés en sous-ensembles :

Programmeur :

intelligence artificielle - gestion des ennemis et des éléments « neutres » ;
moteur - bloc qui permet l'orchestration des éléments du jeu ;
2D/3D - module qui affiche les images à l'écran ;
jeu - les règles du jeu, la gestion de la santé, de l'apparition et l'orchestration des éléments et autres ;
son - module qui gère les sons, la musique selon les événements du jeu ;
réseau - module permettant de faire des jeux multijoueurs ;
interface utilisateur - les menus, l'écran de pause, le HUD ;
outils - l'éditeur de carte et les autres outils nécessaires pour la création du jeu.

Game designer :

scénariste - créateur de l'histoire, du cadre scénaristique du jeu ;
gameplay designer - création des règles du jeu (comment gagner/perdre…)
level designer - création des niveaux.

Graphiste :

artiste 2D ;
modeleur de personnages ;
modeleur de décors.

Son :

effets sonores ;
musiciens.

Cette liste est loin d'être complète. Par exemple, il peut aussi y avoir des employés à la communication (site web, communauté) ou, pour les projets internationaux, des traducteurs.

Cette liste est vraie pour les très grands projets. Pour de simples projets amateurs, on peut se retrouver à un programmeur et un artiste et cela peut suffire.

Ce qu'il faut comprendre ici, c'est qu'un jeu est avant tout l'histoire d'un(e) ou de plusieurs passionné(e)s. Cela demande énormément de motivation et de temps. Un jeu tel que God of War 3 est réalisé par une équipe complète de professionnels qui ont passé des journées, des semaines, des mois et souvent même des années entières à la conception du jeu.

God of War 3

Mais ce n'est pas pour cela que vous n'allez pas pouvoir faire un jeu. En effet, il est possible de faire des jeux simples qui sont très intéressants. Prenons des exemples comme Minecraft, Binding of Isaac ou World of Goo. Ces jeux ont été réalisés pas des passionnés pendant leur temps libre (même s'il est important de rappeler que Notch a décidé d'arrêter son travail pour développer à plein temps Minecraft).

World of Goo

C'est la raison de cet article. Je vais vous guider afin que vous ne tombiez pas dans les pièges classiques d'un projet amateur et que vous prépariez au mieux le développement du jeu avec les outils adéquats pour réaliser vos rêves.

I-B. Faire un jeu vidéo ?

Mais alors, est-ce possible de faire un jeu vidéo tout seul ?

La réponse est oui. Il suffit d'avoir de la motivation, de la patience, du temps ainsi que d'une bonne base de bon départ (cet article par exemple).

En fait, le principal problème lorsque l'on veut faire un jeu, c'est que l'on se plonge immédiatement sur le projet sans réfléchir. La première étape est de calibrer ses idées à ses possibilités. Ensuite, nous déterminerons comment réaliser ce projet.

I-B-1. Calibrer son projet

En effet, de trop nombreuses fois, j'ai pu lire des messages de personnes cherchant à réaliser un MMORPG du style de World of Warcraft. Certes, c'est un rêve de faire un tel projet, mais, soyons honnête, ce projet est immense et bien trop décourageant pour un petit groupe de personnes.

Pour réussir son projet, il faut le ramener à ses possibilités. Le but est que vous appreniez sur la conception d'un jeu en réalisant des petits jeux (ou brouillons). Ainsi, vous aurez un aperçu des difficultés que vous pouvez avoir mais également un début de réponse à des questions fondamentales.

Que pensez vous possible pour vous ?

Par exemple, si vous commencez la programmation, il est conseillé de commencer par des projets simples du style Tic-tac-toe, le jeu des allumettes ou la bataille navale (ou encore Mastermind). Oui, ce sont des projets simples, faits déjà mille fois. Mais ne commence-t-on pas chaque langage par un « Hello World » ? Pour ces jeux, je parle d'application en console, toute simple. Par la suite, vous pouvez continuer avec des jeux un peu plus complexes, ou simplement améliorer votre Tic-tac-toe pour lui donner une interface graphique.

Tout projet doit commencer au plus simple. Ensuite, on ajoute des briques, toujours plus complexes, toujours plus grandes. À la fin, on obtient un jeu complet et admirable.

Ne commencez donc pas par un MMORPG, cela serait du suicide et vous découragerait trop tôt (parce qu'en plus, vous ne saurez pas comment le commencer). À la place, faites un jeu en commençant par la base de celui-ci, comme un gestionnaire de combat ou de monstres.

I-B-2. Faire un projet en équipe ?

Selon la taille de votre projet, vous souhaitez ou devez travailler en équipe.

Gérer une équipe demande plus de travail et de préparation sur le projet. En effet, chef de projet est un métier à part. D'autant plus que contrairement à une entreprise, il n'y a pas de motivation d'argent. Chacun aura ses occupations et ses envies, mais aussi son propre emploi du temps rendant la gestion du projet très difficile.

La gestion peut donc être compliquée, mais pas impossible. Premièrement, il faut déterminer l'organisation du travail (qui fait quoi et comment). Ensuite, il faudra continuellement motiver l'équipe et suivre l'avancement des différentes tâches effectuées. Comme c'est votre projet avec votre idée, les autres membres seront moins motivés que vous. Finalement, la coopération et la communication sont des points importants. La distance entre chaque membre ne facilitant pas le travail, il faudra régulièrement faire des réunions à l'aide d'un logiciel tel que Skype. Finalement, pour le développement et pour la gestion du projet, plusieurs outils existent et sont décrits dans la section « les outils ».

I-C. Quelle voie choisir ?

De multiples possibilités s'offrent pour créer votre jeu vidéo. On peut distinguer quatre voies :

le modding ;
les game makers ;
les kits de développement (SDK) ;
la programmation pure et dure.

L'ordre choisi pour cette liste prend en compte la nécessité de programmer. Ainsi, le premier élément demande peu ou pas de programmation alors que le dernier consiste uniquement en de la programmation.

Ainsi, il y en a pour tous les goûts. Un artiste voulant tester ses créations pourra le faire très facilement en l'incorporant dans un autre jeu (modding). Un game designer pourra tester ses idées dans un game maker par exemple. Un programmeur pourra, selon son niveau, soit faire son jeu en utilisant un moteur, soit créer directement le sien.

II. Le modding

Le modding est le processus de modification d'un jeu. Certains développeurs proposent des outils pour créer ou éditer le contenu du jeu afin que la communauté puisse étendre son jeu préféré.

II-A. Éditeur

Des jeux comme Skyrim, Starcraft ou Unreal Tournament 3 proposent un éditeur complet afin de créer de nouvelles cartes et même de nouvelles règles de jeu. Chaque développeur de jeu a son propre éditeur. Ainsi, le meilleur moyen d'avoir de l'aide sur ces outils et de lire la documentation et de parcourir les différents sites des communautés de fans.

Éditeur de Unreal Tournament 3

Cette méthode de créer son jeu ne demande aucune ou très peu de connaissances en programmation et permet de s'amuser tout en restant dans l'univers de son jeu préféré. Un game designer pourra tester ses idées et un artiste pourra intégrer ses nouveaux assets, lorsque cela est possible.

II-B. Modification des fichiers du jeu

Certains jeux ne sont pas accompagnés d'éditeur. Du coup, il faudra modifier directement les fichiers du jeu « à la main ». Vous pouvez néanmoins trouver des logiciels spécialisés sur les sites des fans. Autrement, cela demandera de la recherche, un esprit logique et de la motivation. Toutefois, cela peut être très intéressant, si vous souhaitez savoir comment le jeu fonctionne et si vous aimez tripatouiller.

III. Les game makers

Les game makers sont des logiciels aidant à la création d'un jeu d'un type précis mais heureusement, il existe un maker pour chaque type de jeu ou presque. Parmi ceux-ci, nous pouvons citer :

la gamme RPG Maker pour créer ses propres RPG ;
MUGEN, un moteur de jeux de combat ;
Adventure Game Studio, un créateur de jeux d'aventure ;
3D Game Studio ;
Game Maker.

Chacun d'entre eux propose un ensemble d'outils adaptés et spécialisés pour la création d'un jeu vidéo. Pas ou peu de connaissances en programmation sont nécessaires car ce genre de logiciel réimplémente un langage de scripting très simplifié afin de déclencher des actions dynamiques. De plus, la globalité du jeu peut être créée en cliquant sur des boutons et en configurant des propriétés.

Ce type de logiciel permet de mettre en place ses idées et peut donc être une bonne idée pour tester des mécanismes pour les game designers. Toutefois, si vous souhaitez un jeu qui ne peut se fabriquer dans un moule et qui se veut original par son gameplay, ces logiciels ne vous conviendront certainement pas.

IV. Kits de développement (SDK)

Récemment, plusieurs sociétés de jeux vidéo ont distribué les logiciels qu'ils utilisent durant la conception de leurs jeux vidéo. Ainsi Epic Games (Unreal Tournament, Gears of War) et Crytech (FarCry, Crysis) ont mis à disposition du public l'ensemble des logiciels qu'ils utilisent pour créer leurs jeux.

Mais ce ne sont pas les seuls à avoir proposé une telle suite pour la création de jeux vidéo. En effet, la société Unity Technologies ainsi que quelques autres ont aussi créé leur propre solution, offrant une alternative aux grands noms du milieu à un plus faible coût.

Ainsi, les trois kits les plus célèbres sont :

Unreal Development Kit (UDK) par Epic Games ;
CryENGINE SDK par Crytek ;
Unity 3D par Unity Technologies.

Mais il existe aussi d'autres logiciels dans cette lignée, tel que NeoAxis.

Le principal avantage de ce type de solution est la possibilité de créer un jeu rapidement, tout en utilisant les nouvelles techniques et technologies du monde du jeu vidéo.

Toutefois, sachant que l'architecture du jeu est déjà en place, il peut être un peu plus compliqué de faire un jeu dans un style différent de celui pour lequel le kit a été prévu. Cela n'est pas impossible, car les kits laissent une grande liberté, mais pour ce faire il faudra faire de la programmation afin d'implémenter les nouveaux comportements dans le moteur.

Epic Games a créé son propre langage dans l'UDK : l'UnrealScript. Il est avantageux de connaître la programmation avant de partir à la découverte de celui-ci. Unity 3D et NeoAxis se basent sur du C# et le CryENGINE SDK sur du C++.

V. La programmation

Cette section présente les possibilités lorsque l'on souhaite se lancer dans la programmation.

V-A. Le langage

Le premier choix à faire est le langage. En théorie, il est possible de prendre n'importe quel langage pour faire son jeu. En pratique, certains langages seront plus adaptés que d'autres.

Il n'y a pas de langage parfait. Chacun a son point de vue par rapport aux langages, tiré de sa propre expérience. Donc, le premier conseil, c'est de se faire plaisir.

Vous avez commencé un langage et vous l'aimez bien, alors n'hésitez pas à continuer avec celui-ci. En effet, il est déjà assez compliqué de faire son jeu, alors apporter une nouvelle difficulté en choisissant un langage inconnu n'est sûrement pas une bonne idée.

Certaines plateformes ne supportent pas tous les langages. Ainsi, si vous souhaitez faire un jeu pour des plateformes autres que le PC, renseignez-vous des contraintes pour cette plateforme.

Comme première indication, l'assembleur est fortement déconseillé. Le langage est trop bas niveau pour pouvoir faire des jeux simplement. Seules les vieilles machines (Game Boy, Amiga, Atari) nécessitent encore l'utilisation de ce langage.

Le C et surtout le C++ sont des très bons choix, car couramment utilisés dans le monde du jeu vidéo. De part ce fait, le langage dispose d'une multitude de bibliothèques permettant de réaliser vos jeux. Malheureusement, ce n'est pas le langage le plus simple (même si ce point de vue est relatif) et celui-ci demande une grande rigueur.

Le Java est un langage de choix, car couramment utilisé tout en étant simple. De plus, ce langage est privilégié si vous voulez faire un jeu pour Android.

Le C# est semblable au Java. Toutefois, il a souvent été limité aux plateformes Microsoft. Avec vous pouvez développer des jeux pour Xbox, Windows Phone et Zune avec XNA, pour navigateur avec Silverlight. Finalement, ce langage est utilisé dans les kits Unity 3D et NeoAxis. Ce langage est fortement utilisé chez les professionnels du jeu vidéo pour la création des outils liés à la conception du jeu (éditeurs, logiciels utilitaires, etc.).

Le BASIC, popularisé car implémenté d'office sur les vieux ordinateurs, est un langage assez simple. Il est toujours possible de faire des jeux avec en utilisant des variantes tel le que PureBasic, mais ces solutions ont vieilli.

Le Python est un langage de script simple et puissant. Il est généralement facile à apprendre et est de plus en plus utilisé dans les jeux vidéo pour implémenter la logique du jeu. De plus, il existe de nombreuses bibliothèques aidant à la programmation d'un jeu, comme la très célèbre pygame.

Sachant que les jeux pour le web sont une catégorie bien à part, je vous invite à vous référer à la section Jeux web dans la suite de ce tutoriel.

Ceci est un rapide tour des langages les plus importants, mais il reste plein d'autres solutions.

D'après moi, le Python semble un bon choix pour débuter.

V-B. La bibliothèque

Maintenant que vous avez choisi votre langage, il est nécessaire de déterminer les bibliothèques dont vous avez besoin pour réaliser votre jeu.

Une bibliothèque est une boite contenant une série de fonctions réalisant des tâches simples. Cette boite est nécessaire car il serait très difficile de créer un jeu si nous devions à chaque fois refaire les fonctions de base comme « dessiner un point sur l'écran » ou « ouvrir une fenêtre ».

Comme pour les langages, il existe différents niveaux de bibliothèques. Le bas niveau se retrouve au plus proche de la machine et proposera des fonctions simples du style : « dessiner un point sur l'écran », alors que les bibliothèques de haut niveau proposeront des fonctions permettant de dessiner directement un modèle 3D complet à partir d'un fichier.

Comme il n'est pas possible d'énumérer tous les choix possibles en termes de bibliothèques et de langages, je vais me concentrer sur les bibliothèques les plus courantes en C/C++. Il est possible de découvrir les autres choix sur la page suivante : http://jeux.developpez.com/telecharger/index/categorie/557/Bibliotheques

V-B-1. Bibliothèques bas niveau

Pour la 3D, le choix est assez simple. Il y a OpenGL et DirectX. Le choix se fait selon les plateformes visées. En effet, DirectX n'est supporté que sous Windows et sur Xbox. OpenGL est purement C alors que DirectX est en C++, toutefois, des surcouches (wrappers) permettent d'utiliser ces bibliothèques avec d'autres langages. OpenGL existe dans une variante embarquée : OpenGL ES, utilisée dans les plateformes mobiles (iPhone/iPad/Android).

Alors que OpenGL se limite uniquement à la 3D, DirectX permet aussi de lire les fichiers des modèles 3D, de jouer des sons, de gérer les périphériques de jeu.

Pour la 2D, vous pouvez utiliser la SDL (qui est très portable (compatible même avec la GP2X), mais malheureusement, qui n'a pas évolué depuis longtemps), SFML (moins portable mais à jour et utilisant correctement l'accélération matérielle), Allegro. Plus précisément, ces bibliothèques ne se limitent pas à afficher des images en 2D mais gèrent aussi le son, les périphériques et tout ce qui est nécessaire à la création d'un jeu.

Il est aussi possible de faire de la 2D avec OpenGL et DirectX.

Pour la musique et le son, les solutions sont OpenAL ou directement utiliser les fonctionnalités données par le système d'exploitation. OpenAL permet une spatialisation du son et permettra de jouer les sons dans un environnement 3D.

Pour la physique, la bibliothèque à choisir dépendra de votre projet. En effet, certaines bibliothèques se spécialisent dans la physique dans un monde 2D, alors que d'autres agiront sur un monde 3D. Parmi celles-ci, nous pouvons citer Box2D, Bullet, Newton.

Pour le réseau, les bibliothèques sont liées au système d'exploitation pour lequel vous développez. En effet, chaque système a sa propre implémentation des sockets qui sont la forme la plus basique pour créer une connexion entre deux machines.

Un choix souvent fait par les débutants (choix qui se trouve être un des meilleurs pour faire un jeu rapidement) est de créer son jeu avec SDL et ses modules SDL_mixer, SDL_image et SDL_TTF. Vous pouvez retrouver des explications détaillées dans nos tutoriels.

Bien sûr, ce paragraphe ne peut pas lister toutes les bibliothèques disponibles. Je vous invite donc à visiter notre page Bibliothèques ou à effectuer des recherches sur Internet.

V-B-2. Moteurs

Les moteurs sont aussi des bibliothèques mais ceux-ci encapsulent les bibliothèques bas niveau afin de donner un moyen simplifié de faire son jeu. Ainsi, dans les moteurs, des algorithmes avancés seront mis en place vous évitant de devoir les réimplémenter.

Tout comme les bibliothèques bas niveau, les moteurs peuvent se spécialiser :

pour la 3D : Ogre, Irrlicht et OpenSceneGraph ;
pour la physique : ODE, Havok (souvent utilisé dans les jeux vidéo), PhysX et Tokamak ;
pour le réseau : RakNet, HawkNL ou encore GNE ;
pour le son : FModEx ou BASS. FModEx est une bibliothèque couramment utilisée dans le monde des jeux vidéo (Blizzard l'utilise dans Diablo 3 et Starcraft 2).

Cette liste n'est bien sûr pas exhaustive, tant dans les moteurs cités que dans les catégories abordées. On pourra trouver des moteurs un peu plus spécifiques, comme par exemple des moteurs d'animation 3D, des moteurs de gestion des périphériques, etc.

V-C. Jeux web

Les jeux web sont devenus de plus en plus populaires ces dernières années. En effet, ce succès peut être dû à leur facilité d'accès : il n'est pas nécessaire d'avoir une machine surpuissante, ni même de suivre une procédure d'installation complexe et lente. Il suffit bien souvent de démarrer son navigateur internet pour pouvoir y jouer.

V-C-1. Côté serveur

Le serveur est la machine à laquelle les utilisateurs se connecteront pour jouer. Dans le cas d'un jeu web, le serveur est une machine proposant un site web et est accessible à l'aide d'une URL.

Que vous fassiez un jeu en HTML, en Flash ou avec Unity, si vous voulez le rendre disponible il faudra l'héberger. Cet hébergement est payant et il peut vous en coûter plus ou moins cher selon vos besoins en espace de stockage et en bande passante.

Pour ceux-ci, le site pourra se résumer à sa plus simple forme, une page HTML contenant le code pour importer le module du jeu.

Il existe cependant un autre style de jeu, appelé jeu par navigateur qui repose essentiellement sur l'utilisation du serveur. Dans cette catégorie nous retrouvons les classiques OGame ou Travian.

Ogame

La conception d'un tel jeu est similaire à celle d'un site web. Ainsi, il sera programmé dans un langage comme le PHP, les pages affichées du coté client en HTML/CSS et du JavaScript pour rendre le tout dynamique aux yeux de l'utilisateur.

Maintenant, il existe des frameworks permettant d'éviter le PHP et d'utiliser d'autres langages. C'est le cas pour Django, permettant de faire un site en Python, ou Ruby on Rails, utilisant le Ruby.

Comme vous allez avoir besoin de sauvegarder des données sur les joueurs, les monstres ou autre, il vous sera nécessaire d'avoir une base de données.

V-C-2. Flash

Pendant de nombreuses années, le Flash a été dominant dans les jeux web. En effet, la technologie de Adobe a été la première à proposer de facilement créer des animations et cela de manière indépendante des navigateurs. Le langage de programmation derrière le Flash s'appelle l'Action Script (actuellement en version 3). La technologie Flash récemment passée en version 11 permet de faire des applications web en 3D.

Pour réaliser une application Flash, plusieurs éditeurs sont disponibles. Adobe développe son propre éditeur : Adobe Flash CS mais celui-ci est payant. Un autre éditeur intéressant est Flash Develop, car celui-ci est gratuit et vous permet pleinement de réaliser un jeu Flash.

Comme le Flash s'est vite popularisé, de multiples bibliothèques de jeux existent et facilitent la création d'un jeu. En effet, à la base le Flash est prévu pour faire de simples animations et n'est pas spécialement conçu pour les jeux. Les bibliothèques comme Flixel permettent d'avoir une gestion simplifiée des composants Flash afin de créer un jeu sans soucis.

D'un autre côté, la technologie semble perdre des adhérents. D'une part, il est possible de faire les mêmes choses avec le HTML 5 et JavaScript, mais en plus Adobe ne supporte plus d'importante plateformes comme Linux ou Android.

V-C-3. HTML 5/CSS 3

Depuis quelques années, les langages web ont évolué pour offrir une nouvelle dynamique à nos pages. Ainsi, avec un savant mélange de HTML 5/CSS 3 et de JavaScript (et notamment avec Node.js pour le serveur ou encore avec les websockets), il est maintenant aisé de réaliser des jeux complets et supportés par la majorité des navigateurs et plateformes.

Malgré le jeune âge de ces technologies, différentes bibliothèques existent pour aider à la création d'un jeu : Impact, LimeJS et bien d'autres.

Il existe aussi des logiciels spécialisés comme Construct 2.

V-C-4. Unity 3D/Unreal Development Kit

Les kits de développement Unity 3D et Unreal Development Kit permettent d'exporter son jeu dans une page web.

V-C-5. Facebook

Le développement de jeux vidéo a atteint une nouvelle dimension avec l'arrivée des réseaux sociaux tel que Facebook. Ce dernier a mis en place une bibliothèque afin de réaliser des applications pour le réseau et notamment des jeux. Vous pouvez trouver plus d'informations sur le portail de la firme : http://developers.facebook.com.

V-D. Les outils

Lors de la conception d'un jeu vidéo, il est souvent nécessaire d'utiliser des outils additionnels.

Il vous faudra un outil permettant d'écrire du code. Vous pouvez bien sûr utiliser le bloc-notes, mais comme vous allez sûrement passer beaucoup de temps sur votre code (et que celui-ci n'est pas toujours aussi simple à lire qu'un roman), il est préférable d'utiliser un éditeur spécialisé qui vous apportera des fonctionnalités essentielles telle que la coloration syntaxique. Ensuite, il peut être nécessaire de créer un diagramme UML afin de mettre en place l'architecture de votre jeu. Finalement, et cela devient obligatoire lorsque l'on travaille en groupe, il est nécessaire de mettre en place un logiciel de contrôle de versions.

Ce sont les outils de base pour créer un jeu vidéo. Toutefois, d'autres outils peuvent vous aider, alors n'hésitez pas à jeter un coup d'œil sur cette page.

V-D-1. L'éditeur de code

Un Environnement de Développement Intégré (EDI) est un logiciel regroupant un éditeur de code ainsi que les outils nécessaires pour compiler et produire l'exécutable de ce code. De plus, il contient un débogueur intégré permettant de traquer les bogues de manière simple et efficace.

Pour le C/C++, les EDI les plus connus sont : Microsoft Visual C++, Code::Blocks et QtCreator.

Pour le C#, les EDI sont : Microsoft Visual C# et MonoDevelop.

Pour le Java, on parlera de Eclipse et NetBeans.

Bien sûr, cette liste n'est pas exhaustive, de plus un éditeur peut ne pas se cantonner à un seul langage, tel que Eclipse qui est capable aussi de traiter du C ou encore du PHP. Si vous aimez un autre logiciel et que vous vous sentez bien dans celui-ci, alors ne changez pas.

V-D-2. La modélisation UML

La modélisation est importante afin de ne pas partir tête baissée dans le code et de rencontrer des problèmes d'évolution dans votre logiciel. Bien que la feuille de papier soit le premier outil pour dessiner les diagrammes, il peut être nécessaire d'avoir un logiciel afin de créer son modèle sur ordinateur et de pouvoir ainsi le distribuer aux autres membres de l'équipe.

Les outils disponibles pour créer vos diagrammes sont répertoriés sur cette page.

V-D-3. Logiciels de contrôle de versions

Lorsque l'on travaille à plusieurs sur un même code, il est important de mettre en place un logiciel de contrôle des versions. Celui-ci permet de sauvegarder les différentes modifications de vos fichiers de code et de les gérer. Même si vous travaillez seul, il est conseillé d'en utiliser un afin d'avoir des sauvegardes de votre travail sur un serveur.

Tout d'abord, il existe plusieurs services proposant des serveurs de contrôle de versions (là où votre code sera stocké). Certains de ces services forcent l'utilisation d'une licence où le code doit être ouvert. De plus, le choix d'un de ces services dépendra aussi du protocole que vous voulez utiliser (CVS, SVN, Mercurial, GIT, etc.).

Developpez.com propose ce genre de services, avec un bugtracker et tous les autres outils nécessaires pour faire vivre son projet.

Les autres solutions sont les forges telles que SourceForge, Google Code, Assembla ou GitHub.

V-D-4. Logiciels de suivi des bogues (bugtrackers)

Il peut aussi être intéressant d'utiliser un bugtracker pour suivre l'évolution des bogues ou recevoir les commentaires des utilisateurs de votre jeu. Souvent, les services associés à l'utilisation d'une forge vous donnent l'accès à un bugtracker.

Toutefois, il vous est tout à fait possible de l'installer sur votre propre machine. Les plus connus sont : Mantis et Bugzilla.

Il peut être aussi utilisé pour gérer les différentes tâches du projet et par la même occasion, voir si le projet se déroule correctement.

V-D-5. Logiciels de gestion de projet

Si vous souhaitez une solution plus complète qu'un simple bugtracker, il est possible d'installer un logiciel de gestion de projet. Généralement, ceux-ci se composent d'un bugtracker, d'un wiki, d'un forum, d'une gestion des utilisateurs et de leurs droits sur les projets, d'une intégration avec le gestionnaire de versions et de feuilles de route. Bien entendu, il faudra vous renseigner afin de voir celui qui correspond le mieux à vos attentes.

Parmi ces logiciels, je citerais Redmine et Trac qui ont l'avantage d'être gratuits et de permettre de gérer un projet.

Pour un premier projet, d'autant plus si vous êtes seul et que le projet n'est qu'un simple petit jeu, l'utilisation d'un bugtracker ou d'un logiciel de gestion de projet peut être un peu lourde. Toutefois, cela ne peut qu'être une bonne expérience de découverte. Pour les projets en groupe, le gestionnaire de projet permettra une meilleure communication et un meilleur suivi du projet. Cela permet aussi de garder un historique des discussions et choix effectués pour le projet.

VI. La plateforme

Le choix de la plateforme s'est diversifié ces dernières années. En effet, il est devenu facile de développer des applications pour des plateformes autres que le PC.

Dans tous les cas, vous allez effectuer votre développement sur votre PC, car l'écriture du code et la compilation s'effectuent sur une machine classique.

Il faut savoir que si vous souhaitez cibler une plateforme telle qu'une console ou un smartphone, cela ajoutera un peu de difficulté au développement. Il est donc préférable de commencer avec quelques connaissances en programmation.

VI-A. Les plateformes Apple

Tout d'abord, pour développer pour l'iPhone ou l'iPad, il vous faudra un Mac. Des tutoriels sont à votre disposition à cette adresse :http://ios.developpez.com/cours/.

Votre point de départ sera l'installation du SDK : http://a-renouard.developpez.com/tutoriels/ios/installation-developer-tools/.

VI-B. Un jeu sur Android

Android est le concurrent direct d'iOS. Vous pouvez trouver plus de tutoriels ici : http://android.developpez.com/cours/.

VI-C. PSP/PS3

Il est aussi possible de développer des jeux pour les plateformes portables de Sony en utilisant des kits non officiels tel que :http://sourceforge.net/projects/minpspw/.

Toutefois, il vous faudra un émulateur pour tester vos réalisations (ou encore, en débridant votre console).

Malheureusement, aucun kit officiel n'est disponible gratuitement pour ces consoles. Seule une bêta du kit est disponible :http://www.playstation.com/pss/developer/index_e.html.

VI-D. Wii/Nintendo DS/Nintendo 3DS

Il est plus simple d'aborder la Nintendo DS que la PSP.

Bien que le kit officiel ne soit pas disponible, il existe plus de ressources sur la question :http://krachik.developpez.com/tutoriels/pascal/install-config-fpc4nds/ ou http://ds-homebrew.over-blog.com/.

Il est aussi possible de faire des jeux sur GBA, comme expliqué dans ce tutoriel : http://gfx.developpez.com/prog-gba/.

Pour la Wii il existe ces ressources : http://www.codemii.com/2008/08/10/tutorial-1-setting-up-the-environment/.

VI-E. Xbox/Windows Phone

Microsoft est plus ouvert que ses concurrents pour le développement amateur de jeux. La première solution est d'utiliser XNA qui est une bibliothèque de jeux utilisable en C#.

La documentation officielle de Microsoft est très complète sur le sujet, comme vous pouvez en juger : http://msdn.microsoft.com/en-us/library/bb203937.aspx.

Il vous est aussi possible d'utiliser Kinect, le capteur de Microsoft, à l'aide du kit officiel : http://www.microsoft.com/en-us/kinectforwindows/develop/.

Avec ce même kit il est possible de créer des jeux pour Windows Phone.

VII. Un choix bien trop souvent oublié ?

Il reste une alternative que l'on écarte/oublie trop souvent. Celle de s'intégrer à un projet Open Source. En effet, l'avantage qu'a un projet Open Source, c'est qu'il est déjà assez avancé pour avoir une certitude de se finir (et d'être présentable). Ainsi, un artiste pourra soumettre ses dessins, un game designer ses idées et un programmeur pourra participer à un projet et rajouter des fonctionnalités intéressantes.

VII-A. Licence

Il est très important de lire les documents liés à la licence. En effet, chaque bibliothèque ou logiciel est soumis à des droits d'auteur. La licence permet de déterminer ce qu'il est possible de faire et ce qu'il ne l'est pas.

Les kits de développement (UDK, CryEngine SDK, etc.) possèdent une licence qui permet de réaliser des jeux gratuits, mais dès que vous souhaitez vendre ceux-ci, il faudra payer l'éditeur du kit pour avoir l'autorisation.

Certaines licences pour les bibliothèques peuvent vous obliger à garder votre code ouvert. D'autres n'acceptent pas d'être utilisées dans des applications commerciales.

En réalité, tout est possible en termes de licence. L'utilisation d'un logiciel ou d'une bibliothèque implique que vous acceptiez la licence associée. Donc, lisez bien les licences avant de distribuer votre jeu (le choix des logiciels/bibliothèques sont aussi à faire selon la licence).

En conclusion, si vous souhaitez revendre votre projet, ou même, rendre le code disponible librement, il est nécessaire de vérifier que les logiciels et licences des bibliothèques que vous utilisez au sein de votre projet vous laissent la liberté de faire ce que vous souhaitez. Si cela n'est pas le cas, le créateur de la bibliothèque originelle peut toujours demander la fermeture de votre projet.

VIII. Conclusion

N'hésitez pas à demander de l'aide ou des informations supplémentaires sur la rubrique Jeux et sur son forum. De plus, comme il est difficile d'être exhaustif sur les technologies permettant de créer des jeux, je ne peux que vous conseillez de jeter un coup d'œil à nos pages des outils et des bibliothèques.

Cour de services Web

noreply@blogger.com (Anonymous) — Thu, 4 Oct 2012 10:03:00 -0700

Les services Web

Bienvenue à toutes et à tous !

Voici un article concernant les services Web... Oui, j'ai bien dit s e r v i c e s W e b !

Vous ne savez pas ce que c'est ? Ou vous avez déjà entendu parler, mais vous n'avez jamais songé à en savoir plus à leur sujet ?

Cet article est fait pour vous ! À la fin de la lecture complète, vous découvrirez comment de grandes entreprises comme eBay,PriceMinister, Amazon, Pixmania ou encore le terrible Google, se sont développées grâce aux services Web !

Ainsi, nous allons essayer dans cet article de décrire les aspects techniques, technologiques et fonctionnels des services Web.

Comment faire accepter son code dans un projet libre

noreply@blogger.com (Anonymous) — Thu, 4 Oct 2012 10:01:00 -0700

Se nourrir de tutos faits maison c’est bien, mais il faut aussi que les zéros découvrent le monde extérieur, l’hors-SdZ. Il y a sur le net de très bonnes ressources sur la plupart des sujets, et il est toujours intéressant de lire directement ce que les gens concernés ont à dire.

Dans cette optique, je vous propose ici de lire Richard Jones, un développeur chez Red Hat (une des entreprises basées uniquement sur le logiciel libre qui a le plus de succès dans le monde). Richard Jones a la chance d’être payé pour contribuer chaque jour au logiciel libre, et à force il en connaît un rayon. Il vous expliquera ici quelles sont les bonnes pratiques à respecter quand on veut intégrer son travail (sous forme de code source) dans un logiciel libre. Écrire le code ne fait pas tout, il faut savoir présenter son travail aux responsables du projet, afin qu’ils l’acceptent et que votre code soit enfin proposé à la foule d’utilisateurs en liesse.

Ce sont des conseils de bon sens, mais que l’on a vite fait d’oublier dans le feu de l’action. J’en ai moi-même fait l’expérience, alors que je contribuais du code précisément à l’un des projets dont Richard Jones est l’auteur ! À l’époque cet article n’existait pas encore, mais il m’aurait bien servi. Il a aussi été apprécié par certains zéros participant au Google Summer of Code en 2009 (manifestation dont on a déjà parlé sur le SDZ, qui est basée sur le fait de contribuer du code à des logiciels libres existants, et qui demande un bon niveau technique), comme Cygal (projet pour BZFlag) ou rz0 (xmltools, pour NetBSD).

Remarque : Richard Jones vient d’un milieu assez technique, donc les exemples logiciels qu’ils emploient sont d’un bon niveau. En particulier le conseil d’aller lire les modifications du noyau Linux n’est peut-être pas adapté sur le Site du Zéro. J’ai choisi de rester au plus près du document, mais vous pouvez prendre de la distance.

J’ai parfois inséré des précisions dans le texte, elles sont signalées par un petit "ndt" (note du traducteur).

Connait les bases de jQuery

noreply@blogger.com (Anonymous) — Thu, 4 Oct 2012 09:48:00 -0700

Si vous avez déjà programmé en JavaScript, vous savez que ce langage est puissant, mais aussi « verbeux » et souvent assez complexe à mettre en œuvre. Si vous voulez accéder à toute la puissance de JavaScript en utilisant des instructions simples, logiques, faciles à comprendre et à maintenir, jQuery est vraiment fait pour vous !

Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d'éléments à la manipulation du DOM, en passant par l'animation, les requêtes AJAX, l'utilisation et la création de plugins, la création de jeux et bien d'autres choses encore !

N'ayez crainte, votre apprentissage se fera en douceur et de très nombreux exemples de code documentés viendront consolider vos connaissances. Au fil des pages, votre approche deviendra de plus en plus naturelle et les nouveaux chapitres ne feront qu'apporter une pierre de plus à l'édifice, sans en ébranler les fondations. Si vous le souhaitez, vous pouvez améliorer vos connaissances en JavaScript en consultant ce cours.

Si vous lisez ces lignes, c'est parce que vous avez décidé d'aller plus loin dans vos développements Web. En portant votre choix sur jQuery, je peux vous certifier que vous avez fait le bon choix. Si aujourd'hui de plus en plus d'entreprises l'utilisent pour leur site Web, ce n'est pas par hasard. Tournez vite les pages et devenez, vous aussi, un inconditionnel de jQuery. Et surtout, amusez-vous bien !

Le logo de jQuery

SEO - Search Engine Optimization

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 15:25:00 -0700

SEO - Search Engine Optimization

Avez-vous déjà utilisé un moteur de recherche? Vous demandez-vous comment obtenir la liste?

Cette page vous aidera à être listé dans les moteurs de recherche les plus populaires.

SEO - Search Engine Optimization

Search Engine Optimization (SEO) est le processus d'amélioration du classement (visibilité) d'un site web dans les moteurs de recherche. Le plus élevé (ou plus souvent) d'un site web est affiché dans la liste des moteurs de recherche (comme Google), le plus de visiteurs qu'il est censé recevoir.

SEO considère la façon dont les moteurs de recherche, ce que les gens chercher, et les termes de recherche (mots) sont tapés. L'optimisation d'un site peut impliquer l'édition du contenu pour augmenter sa pertinence pour des mots clés spécifiques. La promotion d'un site pour augmenter le nombre de liens, est une autre tactique SEO. efficace d'optimisation des moteurs de recherche peuvent nécessiter des changements au code source HTML d'un site et le contenu du site. SEO tactiques devraient être incorporées dans le développement de sites web et plus particulièrement dans les menus et la structure de navigation. Une autre classe de techniques, connu sous le nom chapeau noir SEO ou spamdexing, utilise des méthodes telles que les fermes de liens, mots-clés à filer la farce et de l'article qui dégradent la fois la pertinence de la recherche les résultats et la qualité de l'expérience utilisateur avec des moteurs de recherche. Les moteurs de recherche pour trouver des sites qui utilisent ces techniques afin de les retirer de leurs indices.

Soumettez votre site aux moteurs de recherche

Moteurs de recherche (comme Google) ajouter automatiquement de nouveaux sites Web à leur index de recherche à chaque fois qu'ils explorent le Web.

Si votre site est nouveau et inconnu, il peut prendre un certain temps avant que votre site est «découvert».

Heureusement, la plupart des moteurs de recherche vous invite à soumettre votre site: *

Google: http://www.google.com/addurl.html

Yahoo: http://search.yahoo.com/info/submit.html

Bing: http://www.bing.com/webmaster/SubmitSitePage.aspx

Open Directory: http://www.dmoz.org/help/submit.html

Normalement, vous devrez entrer l'URL complète de votre site y compris le préfixe http://.

Exemple: http://www.mysite.com/

Lorsque vous soumettez votre site à un moteur de recherche, il vous suffit de spécifier le niveau supérieur (accueil). Vous n'avez pas besoin de soumettre chaque page. Le moteur de recherche trouvera le reste en fonction de vos liens (garder vos menus de navigation bien rangé).

Parfois, vous pouvez également ajouter des mots clés qui décrivent la page, mais ne vous attendez pas à ce affecter comment votre site est classé ou inscrit.

Index des moteurs de recherche sont mis à jour sur une base régulière. Les modifications apportées à votre site sera mis à jour au fil du temps (mensuel) et des pages et des liens morts disparaîtront.

* Tous les URLs soumises seront ajoutées, et vous ne pouvez pas prévoir ni garantir quand ou si votre site apparaît dans les résultats de recherche.

Glossaire web

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 15:23:00 -0700

Web Glossaire

Il s'agit d'une liste alphabétique des termes de glossaire Web.

Access (Microsoft Access)
Un système de base de données développé par Microsoft. Une partie de Microsoft Office Professionnel. Principalement utilisé sur les sites à faible trafic Web fonctionnant sur la plate-forme Windows.

ActiveMovie
Une technologie web pour la diffusion des films à partir d'un serveur Web à un client web.Développé par Microsoft.

ActiveX
Une interface de programmation (API) qui permet aux navigateurs Web pour télécharger et exécuter des programmes Windows. (Voir aussi Plug-In)

Adressez
Voir l'adresse Web.

AdSense
système de publicité sur le Web fourni par Google.

AJAX (Asynchronous JavaScript and XML)
L '«art» de l'aide de JavaScript et XML pour créer des applications Web interactives. Avec Ajax, les applications web peuvent échanger des données avec un serveur web en arrière-plan (de façon asynchrone) et mettre à jour des parties d'une page web sans recharger la page. En savoir plus sur AJAX dans notre tutoriel AJAX

Anchor
En termes web:. Le point de point de départ ou d'arrivée d'un lien hypertexte En savoir plus sur les liens dans notre tutoriel HTML

Adobe Air
Adobe Une Integrated Runtime (AIR) qui permet aux développeurs d'utiliser des technologies Web (HTML, JavaScript, Flash) pour créer des applications de bureau.

Android
Un système de téléphonie mobile d'exploitation développé par Android Inc, rachetée plus tard par Google.

FTP anonyme
Voir serveur FTP.

ANSI (American National Standards Institute)
Une organisation qui établit des normes pour l'industrie informatique. Responsable de la norme ANSI C.

ANSI C
Un standard international pour le langage de programmation C.

ADO (ActiveX Data Object)Une technologie de Microsoft qui fournit l'accès aux données à n'importe quel type de magasin de données. En savoir plus sur ADO dans notre tutoriel ADO

ADSL (Asymmetric Digital Subscriber Line)
Un type particulier de ligne DSL, où la vitesse de téléchargement est différente de la vitesse de téléchargement.

Agent
Voir Recherche Agent / Search Engine

Amaya
Un éditeur open source de votre web du W3C, utilisé pour pousser les idées d'avant-garde dans la conception de navigateur.

Animations
Un ensemble d'images simulant le mouvement quand il est joué en série.

Anti-Virus Programme
Un programme informatique fait de découvrir et de détruire tous les types de virus informatiques.

Apache
Un serveur web open source. Surtout pour Unix, Linux et Solaris.

Applet
Voir applet web.

Archie
Un programme informatique pour localiser des fichiers sur des serveurs FTP publics.

API (Application Programming Interface)
Interface pour laisser un programme de communiquer avec un autre programme. En ce qui concerne Internet: Une interface pour laisser les navigateurs Web ou les serveurs Web communiquent avec d'autres logiciels. (Voir aussi Active-X et Plug-In)

ARPAnet
Le réseau expérimental testé dans les années 1970 qui a commencé le développement de l'Internet.

Authentification
En termes web: la méthode utilisée pour vérifier l'identité d'un utilisateur, d'un programme ou d'un ordinateur sur le web.

ASCII (American Standard Code for Information Interchange)
Un ensemble de 128 caractères alphanumériques et spéciaux de contrôle utilisées pour ordinateur stockage et d'impression de texte. Utilisé par HTML lors de la transmission des données sur le Web.Voir la liste complète des codes ASCII dans notre Référence HTML

ASF (Advanced Streaming Format)
Format de streaming multimédia. Développé par Microsoft pour Windows Media.

ASP (Active Server Pages)
Une technologie de Microsoft permettant l'insertion de scripts exécutables du serveur dans les pages Web. En savoir plus sur l'ASP dans notre tutoriel ASP

ASX (ASF streaming Redirector)
Un format XML pour stocker des informations sur les fichiers ASF. Développé par Microsoft pour Windows Media.

AVI (Audio Video Interleave)
Format de fichier pour les fichiers vidéo. La technologie de compression vidéo développé par Microsoft.

Bannière
Une publicité (le plus souvent graphique) placé sur une page web, qui agit comme un lien hypertexte vers le site Web d'un annonceur.

Bande passante
Une mesure de la vitesse (quantité de données), vous pouvez envoyer par le biais d'une connexion Internet. Plus la bande passante, plus la connexion.

Baud
Le nombre de symboles par seconde envoyés via un canal.

BBS (Bulletin Board System)
Un système basé sur Internet pour les discussions sur le partage du public, des fichiers et des annonces.

Binaires de données
de données sous forme lisible par machine.

Bit (Binary Digit)
La plus petite unité de données stockées dans un ordinateur. Il peut avoir la valeur de 0 ou 1. Un ordinateur utilise 8 bits pour stocker un caractère de texte.

Blog (Web Log)
Un type de site web (le plus souvent maintenue par un particulier) avec un journal de commentaires (le plus souvent personnels) des commentaires, des significations, des descriptions d'événements, etc

Blogger
Une personne de maintenir ou d'écrire le contenu d'un journal web (blog).

Blogging
écrire ou ajouter du contenu à un journal web (blog).

BMP (Bitmap)
Un format de stockage des images.

Bookmark
En ce qui concerne Internet: Un lien vers un site Web particulier, mémorisé (signet) par un internaute pour une utilisation future et facile d'accès.

Taux de rebond
Le pourcentage de visiteurs de site Web qui considèrent que seule page Web avant de quitter (rebondir sur).

Parcourir
terme pour décrire le mouvement d'un utilisateur sur le Web, le déplacement de page en page par des hyperliens, à l'aide d'un navigateur Web. (Voir Navigateur Web).

BPS (bits par seconde)
terme pour décrire la vitesse de transmission des données sur le Web.

Navigateur
Voir Navigateur Web.

Octet (Byte)
Une unité de stockage informatique contenant 8 bits. Chaque octet peut stocker un caractère de texte.

C
Un langage de programmation de pointe utilisée pour programmer des applications informatiques de pointe.

C + + (C Plus Plus)
La même chose que C avec ajout de fonctions orientées objet.

C # (C Sharp)
Une version Microsoft C + + avec ajout de fonctions de type Java.

Sensible à la casse
Un terme utilisé pour décrire si elle est d'une importance d'utiliser des lettres majuscules ou minuscules.

Cache
En ce qui concerne Internet: Un navigateur Web ou une fonction serveur Web qui stocke des copies des pages Web sur le disque dur d'un ordinateur.

Chat
Une ligne basé sur le texte de communication entre internautes.

CGI (Common Gateway Interface)
Un ensemble de règles qui décrivent comment un programme CGI communique avec un serveur Web.

Cgi-bin
Le dossier (ou répertoire) sur un serveur Web qui stocke les programmes CGI.

Programme CGI
Un petit programme qui gère les entrées et sorties d'un serveur Web. Souvent, les programmes CGI sont utilisées pour le traitement des formes d'entrée ou de requêtes de bases de données.

Cinepac
Un codec vidéo pour ordinateur.

Client
Voir le Client Web.

Client / Serveur
En ce qui concerne Internet: La communication et la séparation de la charge de travail entre un client web et un serveur web.

Cliquez surEn termes internautes: Un clic de souris sur un élément de lien hypertexte (texte ou image) sur une page Web qui crée un événement comme prendre un visiteur vers une autre page Web ou une autre partie de la même page.

Taux de clics
, le nombre de fois que les visiteurs de cliquer sur un lien hypertexte (ou de la publicité) sur une page, en pourcentage du nombre de fois où la page a été affichée.

Cloud Computing
et des applications Stockage de données sur Internet (et non sur l'ordinateur de l'utilisateur). codec (compresseur / décompresseur) terme commun pour la technologie utilisée pour la compression et la décompression des données.

Protocole de communication
Un standard (langue et un ensemble de règles) pour permettre aux ordinateurs de communiquer de façon standard. Les exemples sont IP, FTP et HTTP. En savoir plus sur les protocoles de communication dans notre TCP / IP didacticiel

Compression
Procédé pour réduire la taille (compress) des documents Web ou graphiques pour une livraison plus rapide via le web.

Computer Virus
Un programme informatique qui peut nuire à un ordinateur en affichant des messages, suppression de fichiers, voire de détruire le système d'exploitation de l'ordinateur.

Cookie
information à partir d'un serveur Web, stocké sur votre ordinateur par votre navigateur. Le but d'un cookie est de fournir des informations au sujet de votre visite sur le site pour une utilisation par le serveur lors d'une visite ultérieure.

ColdFusion
logiciel de développement Web pour la plupart des plates-formes (Linux, Unix, Solaris et Windows).

CSS (Cascading Style Sheets)
Un langage recommandé par le W3C pour définir le style (police, taille, couleur, espacement, etc) pour les documents web. En savoir plus sur CSS dans notre tutoriel CSS

Base de données
des données stockées dans un ordinateur de telle manière qu'un programme informatique peut facilement extraire et manipuler les données. En savoir plus sur les bases de données SQL dans notre tutoriel

Système de base de données
Un programme informatique (comme MS Access, Oracle et MySQL) pour manipuler des données dans une base de données.

DB2
Un système de base de données d'IBM. Surtout pour les plateformes Unix et Solaris.

DBA (administrateur de base de données)
La personne (ou le logiciel) qui gère une base de données. Tâche typique sont: la sauvegarde, l'entretien et la mise en œuvre.

DHCP (Dynamic Host Configuration Protocol)
Un protocole standard d'Internet qui attribue de nouvelles adresses IP aux utilisateurs que nécessaire.

DHTML (Dynamic HTML)
A. terme couramment pour décrire le contenu HTML qui peut changer dynamiquement savoir plus sur DHTML DHTML dans notre tutoriel

Dial-up Connection
En ce qui concerne Internet: Une connexion à Internet via le téléphone et le modem.

Groupe de discussion
Voir Newsgroup.

DNS (Domain Name Service)
Un programme informatique exécuté sur un serveur Web, la traduction des noms de domaine en adresses IP. En savoir plus sur DNS dans notre tutoriel Web Hosting

Serveur DNSUn serveur Web exécutant DNS.

DOM (Document Object Model)
Un modèle de programmation pour les objets de pages Web. (Voir DOM HTML et XML DOM)

Nom de domaine
Le nom qui identifie un site Web. (Comme: W3Schools.com) En savoir plus sur les domaines dans notre tutoriel Web Hosting

DOS (Disk Operating System)
Un disque en général à base de système d'exploitation informatique (voir OS). Initialement développé par Microsoft pour les ordinateurs personnels d'IBM. Souvent utilisé comme un raccourci pour MS-DOS.

Télécharger
Pour transférer un fichier d'un ordinateur distant vers un ordinateur local. En ce qui concerne Internet: pour transférer un fichier à partir d'un serveur Web à un client web. (Voir aussi Upload).

DSL (Digital Subscriber Line)
Une connexion Internet via les lignes téléphoniques ordinaires, mais beaucoup plus rapide. La vitesse peut varier de 128 kilobits par seconde, jusqu'à 9 mégabit par seconde.

DTD (Document Type Definition)
Un ensemble de règles (une langue) pour définir les éléments constitutifs judiciaire d'un document Web comme le HTML ou XML. En savoir plus sur DTD dans notre tutoriel DTD

Dynamic IP
Une adresse IP qui change à chaque fois que vous vous connectez à l'Internet. (Voir DHCP et IP statique).

E-mail (electronic mail)
Les messages envoyés d'une personne à une autre par l'intermédiaire de l'Internet.

Adresse e-mail
L'adresse utilisée pour l'envoi d'e-mails à une personne ou une organisation. Format typique est le nom d'utilisateur @ nom d'hôte.

E-mail du serveur
, un serveur web dédié à la tâche de servir e-mail.

Chiffrement
Pour convertir des données à partir de sa forme originale à une forme qui ne peut être lu par quelqu'un qui peut inverser le chiffrement. Le but de cryptage est d'empêcher la lecture non autorisée des données.

Erreur
Erreur de serveur Web Voir.

Ethernet
Type de réseau local (LAN voir).

Pare-feu
logiciel qui agit comme un filtre de sécurité qui permet de limiter les types de réseau de communication. Le plus souvent utilisé entre un ordinateur individuel (ou un LAN) et Internet.

Clignoter
Un format vectoriel multimédia développé par Adobe pour une utilisation sur le Web.

Formulaire
Voir le formulaire HTML.

Forum
En ce qui concerne Internet: La même chose que Newsgroup.

Cadre
En ce qui concerne Internet: Une partie de l'écran du navigateur d'afficher un contenu particulier.Les cadres sont souvent utilisés pour afficher le contenu de différentes pages Web.

FrontPage
logiciel de développement Web pour la plate-forme Windows. Développé par Microsoft.

FTP (File Transfer Protocol)
L'une des méthodes les plus communes pour l'envoi des fichiers entre deux ordinateurs.

Serveur FTP
Un serveur web vous pouvez vous connecter et télécharger des fichiers à partir de (ou charger des fichiers). Le FTP anonyme est une méthode pour télécharger des fichiers à partir d'un serveur FTP sans utiliser un compte de connexion.

Passerelle
Un programme informatique pour le transfert (et le reformatage) des données entre des applications incompatibles ou des réseaux.

GIF (Graphics Interchange Format)
Un format compressé pour stocker des images mis au point par CompuServe. L'un des formats d'image les plus courants sur Internet.

GB
même que Gigabyte. 10 Go est de dix giga-octets.

Gigabyte
1024 mégaoctets. Communément arrondie à un milliard d'octets.

Graphics
En termes graphiques Web décrire les images (en face de texte).

Surveiller graphique
Un écran d'affichage qui peut afficher des graphiques.

Imprimante graphique
Une imprimante qui peut imprimer des graphiques.

Graphical Banner
Voir Bannière.

Application d'aide
En ce qui concerne Internet: Un programme aide le navigateur à afficher, visualiser ou travailler avec des fichiers que le navigateur ne peut pas se gérer. (Voir Plug-In).

Clics
Le nombre de fois où un objet Web (page ou une image) a été consulté ou téléchargé. (Voir aussi la page Visites).

Page d'accueil
Le haut-niveau (principal) page d'un site web. La page affichée par défaut lorsque vous visitez un site Web.

Organisez
Voir hébergeur.

Hébergement
Web Hosting Voir.

Hotlink
Voir lien hypertexte.

HTML (Hypertext Markup Language)
est le langage HTML de la bande. HTML est un ensemble de balises qui sont utilisés pour définir le contenu, la présentation et la mise en forme du document Web. Les navigateurs Web utilisent les balises HTML pour définir comment afficher le texte. En savoir plus sur HTML dans notre tutoriel HTML

Document HTML
Un document écrit en HTML.

HTML DOM (modèle objet de document HTML)
Une interface de programmation pour les documents HTML. En savoir plus sur DOM HTML dans notre DOM HTML tutoriel

HTML Editor
, un logiciel d'édition de pages HTML. Avec un éditeur HTML, vous pouvez ajouter des éléments tels que les listes, les tableaux, la disposition, la taille des polices et couleurs d'un document HTML comme un traitement de texte. Un éditeur HTML pour afficher la page en cours d'édition exactement de la même manière, il sera affiché sur le web (voir WYSIWYG).

Formulaire HTML
Une forme qui passe d'entrée utilisateur vers le serveur. En savoir plus sur les formulaires HTML dans notre tutoriel HTML

Page HTML
de même que d'un document HTML.

Balises HTML
Code pour identifier les différentes parties d'un document afin qu'un navigateur sait comment l'afficher. En savoir plus sur les balises HTML HTML notre tutoriel

HTTP (Hyper Text Transfer Protocol)
Le jeu de règles standard pour l'envoi des fichiers texte à travers l'Internet. Il nécessite un programme client HTTP à une extrémité, et un programme serveur HTTP à l'autre extrémité.

Client HTTP
Un programme informatique qui demande un service à partir d'un serveur Web.

Serveur HTTP
Un programme d'ordinateur qui fournit des services à partir d'un serveur Web.

HTTPS (Hyper Text Transfer Protocol Secure)
Identique à HTTP mais fournit une communication sécurisée sur Internet en utilisant le protocole SSL. (Voir également SSL)

Lien hypertexte
Un lien vers un autre document. Le plus souvent, un pointeur vers une autre page Web. Un lien hypertexte est un synonyme pour un hyperlien ou un lien, et parfois appelé une connexion hypertexte vers un autre document ou une page web.

Hypermédia
Une extension à l'hypertexte pour inclure des graphiques et audio.

Hypertext
Hypertext est un texte qui est réticulé à d'autres documents, de telle sorte que le lecteur peut lire les documents liés en cliquant sur un mot ou un symbole en surbrillance. (Voir aussi le lien hypertexte)

IAB (Internet Architecture Board)
Un conseil qui prend les décisions concernant les normes Internet. (Voir aussi W3C).

IE (Internet Explorer)
Voir d'Internet Explorer.

IETF (Internet Engineering Task Force)
Un sous-groupe de l'IAB qui met l'accent sur la résolution des problèmes techniques sur Internet.

IIS (Internet Information Server)
, un serveur web pour les systèmes d'exploitation Windows. Développé par Microsoft.

IMAP (Internet Message Access Protocol)
Un protocole de communication standard pour la récupération des e-mails à partir d'un serveur e-mail. IMAP est un peu comme POP mais plus avancé. En savoir plus sur IMAP dans notre TCP / IP didacticiel

Indeo
Codec vidéo pour ordinateur développé par Intel.

Internet
Un réseau mondial reliant des millions d'ordinateurs. (Voir aussi WWW)

Navigateur Internet
Voir Navigateur Web.

Internet Explorer
Le navigateur de Microsoft. Le navigateur le plus couramment utilisé aujourd'hui. En savoir plus sur les navigateurs dans notre section navigateur

Serveur Internet
Voir serveur Web

Intranet
Un privé (fermé) Internet fonctionne à l'intérieur d'un LAN (Local Area Network).

IP (Internet Protocol)
Voir la section TCP / IP.

Adresse IP (adresse de protocole Internet)
Numéro d'identification unique à chaque ordinateur sur Internet (comme 197.123.22.240)

Adresse IP (numéro de protocole Internet)
Identique à une adresse IP.

Paquet IP
Voir TCP / IP Packet.

IRC (Internet Relay Chat)
Un système Internet qui permet aux utilisateurs de participer à des discussions en ligne.

Client IRC
Un programme informatique qui permet à un utilisateur de se connecter à IRC.

Serveur IRC
Un serveur Internet dédié à la tâche de servir les connexions IRC.

ISAPI (Internet Server API)
Application Programming Interface (voir API) pour Internet Information Server (IIS Voir).

ISDN (Integrated Services Digital Network)
Une norme de télécommunication qui utilise la transmission numérique pour soutenir la communication de données sur des lignes téléphoniques ordinaires.

ISP (Internet Service Provider)
Quelqu'un qui donne accès à l'Internet et l'hébergement web.

Java
Langage de programmation développé par SUN. Surtout pour les serveurs Web et les applets de programmation web.

Applet Java
Applet Voir Web.

JavaScript
Le langage de script le plus populaire sur Internet, développé par Netscape. En savoir plus sur JavaScript dans notre tutoriel JavaScript .

JPEG (Joint Photographic Expert Group)
L'organisation qui promeut le format JPG et JPEG pour stocker des images graphiques compressées.

JPEG et JPG
Formats graphiques pour le stockage des images compressées.

JScript
de Microsoft version de JavaScript.

JSP (Java Server Pages)
Une base de technologie Java permettant l'insertion de scripts exécutables du serveur dans les pages Web. Principalement utilisé sur les systèmes Linux, Unix et Solaris.

K
Identique à 10K kilo-octet est de dix kilo-octets ..

KB
Identique 10KB kilo-octet est de dix kilo-octets ..

Mots-
En ce qui concerne Internet: Un mot utilisé par un moteur de recherche pour rechercher des informations pertinentes Web.
En termes de bases de données: Un mot (ou index) utilisé pour identifier un enregistrement de base de données.

Kilo-octets
1024 octets. Souvent appelé 1K, et arrondi à 1000 octets.

LAN (Local Area Network)
Un réseau entre les ordinateurs d'un réseau local (comme à l'intérieur d'un bâtiment), généralement connectés par des câbles locales. Voir aussi WAN.

Lien
de même comme un lien hypertexte.

Linux
système d'exploitation Open source ordinateur basé sur Unix. Principalement utilisé sur les serveurs et les serveurs Web.

Courrier
En ce qui concerne Internet: le même que l'e-mail.

Mail Server
Voir serveur de messagerie.

MB
mêmes que Megabyte. 10 Mo est de dix mégaoctets.

Megabyte
1024 kilo-octets. Communément arrondie à un million d'octets.

Meta données
Les données qui décrivent d'autres données. (Voir aussi Meta Tags).

Meta Recherche
La méthode de recherche de méta-données dans les documents.

Meta Tags
Mots insérés dans les documents pour décrire le document. En savoir plus sur les balises META dans notre tutoriel HTML

MIDI (Musical Instrument Digital Interface)
Un protocole standard pour la communication entre ordinateurs et instruments de musique. En savoir plus sur MIDI dans notre tutoriel médias

MIME (Multipurpose Internet Mail Extensions)
Une norme Internet pour définir les types de documents. MIME type: exemples. Text / plain, text / html, image / gif, image / jpg En savoir plus sur les types MIME dans notre tutoriel médias

Types MIME
types de documents définis par MIME.

Modem
équipement matériel pour connecter un ordinateur à un réseau téléphonique Généralement utilisé pour se connecter à Internet via une ligne téléphonique.

Mosaic
Le premier navigateur web couramment disponibles. Mosaic a été libéré en 1993 et a commencé à la popularité de la bande.

MOV
Un codec vidéo pour ordinateur développé par Apple. Extension de fichier commun pour les fichiers multimédia QuickTime.

MP3 (MPEG-1 Audio Layer-3)
Un format de compression audio spécialement conçu pour faciliter le téléchargement sur Internet.

Fichier MP3
Un fichier audio contenant compressé avec MP3. Le plus souvent, un morceau de musique.

MPEG (Moving Picture Expert Group)
Un codec audio standard ISO pour l'informatique et vidéo.

MPG
extension de fichier commun pour les fichiers MPEG.

MS-DOS (Microsoft Disk Operating System)
Un disque en général à base de système d'exploitation (OS Voir). Initialement développé par Microsoft pour les ordinateurs IBM, puis développée par Microsoft en tant que base pour les premières versions de Windows.

Multimédia
En termes Internet: Un texte de présentation combinant avec des photos, des vidéos ou sonores.

MySQL
gratuit base de données open source souvent utilisée sur le Web.

NetBEUI (Net Bios interface utilisateur étendue)
Une version améliorée de NetBIOS.

NetBIOS (Network Basic Input Output System)
Une programmation d'application (API) avec des fonctions pour réseaux locaux (LAN). Utilisé par DOS et Windows.

Accédez
En ce qui concerne Internet: La même chose que Parcourir.

Netscape
Le navigateur Netscape à partir de la société. Le navigateur le plus populaire depuis de nombreuses années. Aujourd'hui, IE est le principal responsable. En savoir plus sur les navigateurs dans notre section navigateur

Newsgroup
Un groupe de discussion en ligne (une section sur un serveur de nouvelles) consacrée à un sujet d'intérêt particulier.

Lecteur de nouvelles
Un programme d'ordinateur qui vous permet de lire (et poster des messages) à partir d'un groupe de discussion Internet.

Serveur Nouvelles
Un serveur Internet dédié à la tâche de servir les groupes de discussion Internet.

Nœud
En ce qui concerne Internet: Un ordinateur connecté à Internet, le plus souvent utilisé pour décrire un serveur web.

Opera
Le navigateur de la Compagnie d'opéra. En savoir plus sur les navigateurs dans notre section navigateur

OS (Operating System)
Le logiciel qui gère le fonctionnement de base d'un ordinateur.

Packet
Voir TCP / IP Packet.

Page montres
Le nombre de fois qu'une page Web a été visité par un utilisateur.

Page d'Impressions
Les mêmes correspondances de la page.

Pages vues
Le même Clics page.

PDF (Portable Document Format)
Format de fichier de document développé par Adobe. Le plus souvent utilisé pour les documents texte.

Perl (Practical Extraction et Reporting Language)
Langage de script pour les serveurs Web. Le plus souvent utilisé sur les serveurs Unix.

PHP (PHP: Hypertext Preprocessor)
Une technologie permettant l'insertion de scripts exécutables du serveur dans les pages Web.Surtout pour les plates-formes Unix, Linux et Solaris. En savoir plus sur PHP dans notre tutoriel PHP.

Ping
Méthode utilisée pour vérifier la communication entre deux ordinateurs. Un «ping» est envoyé à un ordinateur distant pour voir si elle répond.

Plate-forme
En ce qui concerne Internet: le système d'exploitation de l'ordinateur comme Windows, Linux ou Mac OS X.

Plug-In
Une application générée dans une autre application. En ce qui concerne Internet: Un programme intégré (ou ajoutés) à un navigateur Web pour gérer un type particulier de données comme le courrier électronique, des sons ou des fichiers vidéo. (Voir aussi ActiveX)

PNG (Portable Network Graphics)
Un format de codage d'un pixel par pixel d'image et l'envoyer sur le Web. Une recommandation du W3C pour remplacer GIF.

POP (Post Office Protocol)
Un protocole de communication standard pour la récupération des e-mails à partir d'un serveur e-mail. (Voir aussi IMAP). En savoir plus sur POP et IMAP dans notre TCP / IP didacticiel

Port
Numéro qui identifie un ordinateur IO (entrée / sortie) du canal. En ce qui concerne Internet: Un numéro qui identifie le canal d'E / S utilisée par une application Internet (Un serveur web utilise normalement le port 80).

Protocole
Protocole de communication Voir.

PPP (Point to Point Protocol)
Un protocole de communication utilisé pour la connexion directe entre deux ordinateurs.

Serveur Proxy
Un serveur Internet dédié à améliorer les performances d'Internet.

QuickTime
Un format de fichier multimédia créé par Apple. En savoir plus sur QuickTime dans notre tutoriel médias

RAID (Redundant Array of Independent Disks)
Un standard pour connecter plusieurs disques sur le même serveur pour la sécurité, une vitesse plus élevée et la performance. Souvent utilisé sur les serveurs web.

RDF (Resource Description Framework)
Un cadre pour la construction de langages pour décrire les ressources Web. En savoir plus sur RDF dans notre tutoriel RDF

Real Audio
Un format commun multimédia audio créé par Real Networks. En savoir plus sur Real Audio dans notre tutoriel médias

Real Video
Un format vidéo commune multimédia créé par Real Networks. En savoir plus sur Real Video dans notre tutoriel médias

Rediriger
En termes Web: L'action quand une page web redirige automatiquement (redirections) l'utilisateur vers une autre page Web.

RVB (Rouge Vert Bleu)
La combinaison des trois couleurs primaires qui peuvent représenter un spectre complet des couleurs. En savoir plus sur RGB dans notre tutoriel HTML

Robot
Robot Voir Web.

Routeur
Un matériel (ou logiciel) qui dirige le système (routes) transfert de données vers différents ordinateurs d'un réseau.

Schéma
Voir le schéma XML.

Script
Une collection de déclarations écrites dans un langage de script.

Langage de script
En termes internautes: Un langage de programmation simple qui peut être exécuté par un navigateur Web ou un serveur Web. Voir JavaScript et VBScript.

Scripting
Rédaction d'un script.

Rechercher Agent
Identique moteur de recherche.

Search Engine
programme informatique utilisé pour la recherche et le catalogue (index) des millions de pages d'informations disponibles sur le web. Moteurs de recherche communs sont Google et AltaVista.

Web sémantique
Un réseau de données ayant une signification dans le sens que les programmes informatiques peuvent savoir assez sur les données pour les traiter.

Serveur
Voir serveur Web.

Erreurs de serveur
Voir les erreurs du serveur Web.

Shareware
Logiciel que vous pouvez essayer gratuitement, et payer un droit de continuer à utiliser légalement.

Shockwave
Un format (technologie) développé par Adobe pour intégrer du contenu multimédia dans des pages web.

SGML (Standard Generalized Markup Language)
Un standard international pour les langages de balisage. La base de HTML et XML.

SMIL (Synchronized Multimedia Integration Language)
Un langage recommandé par le W3C pour créer des présentations multimédias.

SMTP (Simple Mail Transfer Protocol)
Un protocole de communication standard pour l'envoi de messages électroniques entre ordinateurs.En savoir plus sur SMTP dans notre TCP / IP didacticiel

SOAP (Simple Object Access Protocol)
Un protocole standard pour laisser applications de communiquer entre eux en utilisant XML. En savoir plus sur SOAP SOAP dans notre tutoriel

Solaris
système d'exploitation de l'ordinateur de SUN.

SPAM
Pour ce qui est Web: L'action de l'envoi de plusieurs messages indésirables à un groupe de discussion ou liste de diffusion.

Araignée
toile d'araignée Voir.

Spoofing
S'adressant à une page web ou un e-mail avec un référent faux. Comme nous envoyant un e-mail à partir d'une fausse adresse.

Les logiciels espions
Logiciels caché dans un ordinateur dans le but de recueillir des informations sur l'utilisation de l'ordinateur.

SQL (Structured Query Language)
Un langage informatique standard ANSI pour accéder et manipuler des bases de données. En savoir plus sur SQL dans notre tutoriel SQL .

SQL Server
Un système de base de données à partir de Microsoft. Principalement utilisé sur les sites à haut trafic fonctionnant sur la plate-forme Windows.

SSI (Server Side Include)
Un type de commentaire HTML inséré dans une page Web pour indiquer au serveur Web pour générer du contenu dynamique. L'utilisation la plus courante consiste à inclure en-tête standard ou pied de page pour la page.

SSL (Secure Socket Layer)
Logiciel pour sécuriser et protéger communication du site web en utilisant la transmission cryptée des données.

Static IP (adresse)
Une adresse IP qui est le même à chaque fois que la connexion à Internet. (Voir aussi IP dynamique).

Streaming
Une méthode d'envoi de fichiers audio et vidéo sur Internet de telle sorte que l'utilisateur peut visualiser le fichier pendant qu'il est en cours de transfert.

Streaming Format
Le format utilisé pour les fichiers étant diffusés sur Internet. (Voir Windows Media, Real Video et Quicktime).

SVG (Scalable Vector Graphics)
Un langage recommandé par le W3C pour définir graphiques en XML. En savoir plus sur SVG dans notre tutoriel SVG

Tag
En ce qui concerne Internet: notifications ou les commandes écrites dans un document Web. (Voir les balises HTML)

TCP (Transmission Control Protocol)
Voir la section TCP / IP.

TCP / IP (Transmission Control Protocol / Internet Protocol)
Une collection de protocoles de communication Internet entre deux ordinateurs. Le protocole TCP est responsable d'une erreur de connexion libre entre deux ordinateurs, tandis que le protocole IP est responsable pour les paquets de données envoyées sur le réseau. En savoir plus sur le protocole TCP / IP dans notre TCP / IP didacticiel

Adresse TCP / IP
Voir Adresse IP.

TCP / IP Packet
Un «paquet» des données transmises sur un réseau TCP / IP. (Données envoyées sur Internet est décomposé en petits «paquets» de 40 à 32000 octets de long).

Cheval de Troie
Programme informatique caché dans un autre programme d'ordinateur dans le but de détruire le logiciel ou la collecte d'informations sur l'utilisation de l'ordinateur.

UDDI (Universal Description Discovery and Integration)
Un cadre indépendant de la plateforme de services, les entreprises décrivant la découverte et l'intégration des services aux entreprises utilisant l'Internet. En savoir plus sur UDDI dans notre tutoriel WSDL

Unixsystème d'exploitation informatique, développé par les Laboratoires Bell. Principalement utilisé pour les serveurs et les serveurs Web.

UNZIP
Pour décompresser un fichier compressé. Voir ZIP.

Téléchargez
Pour transférer un fichier d'un ordinateur local vers un ordinateur distant. En ce qui concerne Internet: pour transférer un fichier à partir d'un client Web sur un serveur Web. (Voir aussi le télécharger).

URI (Uniform Resource Identifier)
Terme utilisé pour identifier les ressources sur Internet. URL est un type d'URI.

URL (Uniform Resource Locator)
Une adresse Web. La méthode standard pour traiter les documents web (pages) sur Internet (comme: http://www.w3schools.com/)

USENET
Un système de nouvelles dans le monde entier accessible sur Internet. (Voir Groupes de discussion)

User Agent
de même que d'un navigateur Web.

VB (Visual Basic)
Voir Visual Basic.

VBScript
Un langage de script de Microsoft. VBScript est le langage de script par défaut en mode ASP. Peut aussi être utilisé pour programmer Internet Explorer. En savoir plus sur VBScript VBScript dans notre tutoriel .

Virus
Identique virus informatique.

Visitez
En ce qui concerne Internet: Une visite à un site Web. Couramment utilisé pour décrire l'activité pour un visiteur d'un site web.

Visiteur
En ce qui concerne Internet: Un visiteur d'un site web. Couramment utilisé pour décrire une personne qui visite (visualisation) d'un site web.

Visual Basic
Un langage de programmation de Microsoft.

VPN (Virtual Private Network)
Un réseau privé entre deux sites distants, via une connexion sécurisée à Internet virtuel crypté (un tunnel).

VRML (Virtual Reality Modeling Language)
Langage de programmation permettant des effets 3D à ajouter aux documents HTML.

W3C (World Wide Web Consortium)L'organisation responsable de la gestion des normes pour le Web. En savoir plus sur le W3C dans notre tutoriel W3C

WAN (Wide Area Network)
ordinateurs connectés ensemble dans un vaste réseau, plus grands que d'un réseau local, généralement connectés via des lignes téléphoniques. Voir aussi LAN.

WAP (Wireless Application Protocol)Une ancienne norme pour les services d'information sur les terminaux sans fil tels que les téléphones mobiles numériques.

Adresse Web
de même que d'une URL ou URI. Voir URL.

Applet Web
Un programme qui peut être téléchargé sur le web et exécuté sur l'ordinateur de l'utilisateur. Le plus souvent écrit en Java.

Client Web
, un logiciel utilisé pour accéder aux pages Web. Parfois, le même que celui d'un navigateur Web, mais souvent utilisé comme un terme générique.

Navigateur Web
Un logiciel utilisé pour afficher les pages Web. En savoir plus sur les navigateurs dans notre section Browser

Document Web
Un document mis en forme pour la distribution sur le web. Le plus souvent, un document Web est formaté dans un langage de balisage comme HTML ou XML.

Erreur Web
Server Error Voir Web.

Web Form
Voir le formulaire HTML.

Web Host
Serveur Web services "hosts" web comme fournissant un espace site web pour des entreprises ou des particuliers.

Web Hosting
L'action de la prestation de services d'hébergement Web.

Page Web
Un document (normalement un fichier HTML) destiné à être distribué sur le Web .

Web Log
Voir le blog.

Robot Web
Voir toile d'araignée .

Serveur Web
Un serveur est un ordinateur qui fournit des services ou de l'information à d'autres ordinateurs. En ce qui concerne Internet: Un serveur qui fournit du contenu Web pour les navigateurs Web.

Erreur du serveur Web
, un message à partir d'un serveur Web indiquant une erreur. L'erreur la plus courante web serveur est «404 File Not Found". En savoir plus sur les messages d'erreur du serveur Web dans notre tutoriel HTML

Services Web
Les composants logiciels et les applications s'exécutant sur des serveurs Web. Le serveur fournit ces services à d'autres ordinateurs, navigateurs ou des individus, en utilisant des protocoles de communication standard.

Site Web
Une collection de pages Web connexes appartenant à une société ou d'un individu.

Toile d'araignée
Un programme informatique qui recherche l'Internet pour les pages web. Araignées communes sont celle utilisée par les moteurs de recherche comme Google pour indexer le web. Araignées sont aussi appelés robots Web ou errants.

Web Wanderer
Voir toile d'araignée.

Wildcard
Un caractère utilisé pour remplacer n'importe quel caractère (s). Le plus souvent utilisé comme un astérisque (*) dans les outils de recherche.

Windows 2000, Windows NT, Windows 95/98, Windows XP
Systèmes d'exploitation informatiques de Microsoft.

Windows Media
Audio et formats vidéo pour l'Internet, développé par Microsoft. (Voir ASF, ASX, WMA et WMF). En savoir plus sur Windows Media dans notre tutoriel médias

WINZIP
Programme d'ordinateur pour compresser et décompresser les fichiers. Voir ZIP.

WMA
Format de fichier audio pour l'Internet, développé par Microsoft. (Voir aussi WMV). En savoir plus sur les formats de médias dans notre tutoriel médias .

WMV
format de fichier vidéo pour Internet, développé par Microsoft. (Voir aussi WMA). En savoir plus sur les formats de médias dans notre tutoriel médias

WML (Wireless Markup Language)
Une ancienne norme pour les services d'information sur les terminaux sans fil tels que les téléphones mobiles numériques, hérités de HTML, mais basé sur le XML, et beaucoup plus strict que HTML.

WML Script
Scripting Language (langage de programmation) pour WML.

Worm
Un virus informatique qui peut faire des copies de lui-même et se propager à d'autres ordinateurs sur Internet.

WSDL (Web Services Description Language)
est un langage XML permettant de décrire les services Web et comment y accéder. En savoir plus sur WSDL dans notre tutoriel WSDL

WWW (World Wide Web)
Un réseau mondial d'ordinateurs qui utilisent Internet pour échanger des documents Web. (Voir aussi Internet)

Serveur WWW
de même en tant que serveur Web .

WYSIWYG (What You See Is What You Get)
En ce qui concerne le Web: Pour afficher une page Web est édité exactement de la même manière, il sera affiché sur le Web.

XForms
Une version alternative de formulaires HTML, basé sur XML et XHTML. Diffère de formulaires HTML en séparant la définition des données et l'affichage des données. Fournir plus riche et plus l'entrée d'utilisateur indépendant du périphérique.

XHTML (Extensible Hypertext Markup Language)
HTML reformulé en XML. Développé par le W3C. En savoir plus sur XHTML dans notre tutoriel XHTML

XPath
XPath est un ensemble de règles de syntaxe (la langue) pour définir les parties d'un document XML.XPath est une partie importante de la norme W3C XSL. En savoir plus sur XPath dans notre tutoriel XPath

XQuery
XQuery est un ensemble de règles syntaxiques (langue) pour extraire des informations à partir de documents XML. XQuery s'appuie sur XPath. XQuery est développé par le W3C. En savoir plus sur XQuery dans notre tutoriel XQuery

XML (Extensible Markup Language)
Une version simplifiée de SGML spécialement conçu pour les documents web, développé par le W3C.En savoir plus sur XML dans notre tutoriel XML

Document XML
Un document écrit en XML. En savoir plus sur XML dans notre tutoriel XML

XML DOM (Document Object Model XML)
Une interface de programmation pour les documents XML développées par le W3C. En savoir plus sur XML DOM DOM XML dans notre tutoriel

XMLHttpRequest
Une interface de programmation (objet), soutenu par JavaScript dans les navigateurs Web modernes, permet d'échanger des données entre un navigateur et un serveur Web dans les coulisses (Voir AJAX). En savoir plus sur XMLHttp dans notre tutoriel AJAX

XML Schema
Un document qui décrit, de façon formelle, les éléments de syntaxe et les paramètres d'un langage web. Conçu par le W3C pour remplacer DTD. En savoir plus sur schéma dans notre tutoriel XML Schema

XSD (XML Schema Definition)
La même chose que XML Schema.

XSL (Extensible Stylesheet Language)
Un ensemble de langages XML développées par le W3C, y compris XSLT, XSL-FO et XPath. En savoir plus sur XSL XSL dans notre tutoriel

XSL-FO (XSL Formatting Objects)
est un langage XML pour formater les documents XML. Une partie de XSL développé par le W3C. En savoir plus sur XSL-FO dans notre XSL-FO tutoriel

XSLT (XSL Transformations)
est un langage XML pour transformer des documents XML. Une partie de XSL développé par le W3C.En savoir plus sur XSLT dans notre tutoriel XSLT

ZIP
Format de compression pour les fichiers informatiques. Couramment utilisé pour compresser des fichiers avant de les télécharger sur Internet. Les fichiers ZIP peut être compressé (zippé) et décompressées (décompressé) en utilisant un logiciel comme WINZIP.

La sémantique Web

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 15:20:00 -0700

La sémantique Web

La sémantique mot désigne le sens de l'.

La sémantique de quelque chose est le sens de quelque chose.

Le Web sémantique = un Web avec une signification.

Qu'est-ce que le Web sémantique?

Le Web sémantique est un web qui est capable de décrire les choses de façon que les ordinateurs peuvent comprendre.

Les Beatles était un groupe populaire de Liverpool.
John Lennon était un membre des Beatles.
"Hey Jude" a été enregistré par les Beatles.

Des phrases comme celles ci-dessus peut être compris par les gens. Mais comment peuvent-ils être compris par les ordinateurs?

Les déclarations sont construits avec des règles de syntaxe. La syntaxe d'un langage définit les règles de construction des énoncés linguistiques. Mais comment peut devenir syntaxe sémantique?

C'est ce que le Web sémantique est tout au sujet. Décrire les choses d'une manière que les applications des ordinateurs peut le comprendre.

Le Web sémantique est pas sur les liens entre les pages Web.

Le Web sémantique décrit les relations entre les choses (comme A est une partie de B et Y est un membre du Z) et les propriétés des choses (comme la taille, le poids, l'âge et le prix)

"Si le HTML et le Web fait tous les documents en ligne ressembler à un énormelivre , RDF, le schéma et langues d'inférence fera toutes les données dans le regard du monde comme une énorme base de données "
Tim Berners-Lee, Weaving the Web, 1999

Le Resource Description Framework

Le RDF (Resource Description Framework) est un langage de description de l'information et des ressources sur le Web.

Mettre l'information dans des fichiers RDF, permet aux programmes informatiques ("spiders") pour rechercher, découvrir, ramasser, rassembler, analyser et traiter les informations à partir du Web.

Le Web sémantique utilise RDF pour décrire les ressources Web.

Si vous voulez en savoir plus sur RDF, s'il vous plaît lire notre tutoriel RDF .

Comment peut-il être utilisé?

Si les informations sur la musique, les voitures, billets, etc ont été stockées dans des fichiers RDF, les applications web intelligentes peuvent recueillir des informations provenant de nombreuses sources différentes, combiner l'information, et il présente aux utilisateurs une manière significative.

L'information comme ceci:

Les prix des voitures de différents revendeurs
Information sur les médicaments
Horaires d'avion
Pièces de rechange pour l'industrie
Informations sur les livres (prix, pages, éditeur, année)
Dates des manifestations
Mises à jour informatiques

Peut-il être compris?

Le Web sémantique n'est pas une technologie à croissance très rapide.

L'une des raisons pour lesquelles c'est la courbe d'apprentissage. RDF a été développé par des personnes provenant des milieux universitaires en logique et en intelligence artificielle. Pour les développeurs traditionnels, il n'est pas très facile à comprendre.

Une langue à croissance rapide pour construire des applications web sémantique est RSS. Si vous voulez en apprendre plus sur le RSS, s'il vous plaît lire notre tutoriel RSS .

Dans les pages suivantes de ce tutoriel nous allons nous concentrer sur l'utilisation de RDF de découvrir les potentialités du web sémantique.

Achat et vente de voitures d'occasion

Supposons un système de web sémantique a été construit pour administrer la vente et l'achat de voitures d'occasion sur Internet.

Le système contient deux applications principales:

Un pour les gens qui voulaient acheter une voiture
Un pour les personnes qui voulaient mettre en place un véhicule à vendre

Appelons les applications Internet pour IBA (Application Achat I) et ISA (I Sell demande).

IBA - Le I Acheter demande

Les gens qui veulent acheter une voiture pourrait utiliser une application IBA peu comme ceci:

Je demande Acheter (IBA)

Dans une "vraie vie" application il vous sera demandé de vous identifier pour la première fois vous l'avez utilisé. Votre identifiant seront stockées dans un fichier RDF. Votre identifiant vous identifier en tant que personne avec nom, adresse, e-mail et ID.

Lorsque vous avez soumis la requête, l'application renvoie une liste des autos à vendre, et la liste pourrait être foré vers le bas et trié par année, le prix, l'emplacement et la disponibilité. Cette information doit être retourné par une toile d'araignée continuellement à la recherche sur le web pour les fichiers RDF.

ISA - Le I Sell demande

Les gens qui veulent vendre une voiture pourrait utiliser une application ISA peu comme ceci:

Je Vendre Application (ISA)

Lorsque vous avez soumis le formulaire, l'application vous demander plus d'informations et de stocker votre ID et les informations dans un fichier RDF mis à disposition sur le Web.

Le fichier RDF devrait contenir des informations telles que: Votre ID: Nom, adresse, email, numéro d'identification. Votre article de vente: type, modèle, image, prix, description.

Dans les coulisses

Dans les coulisses, le "ISA" application crée un fichier RDF avec beaucoup de pointeurs RDF.

Il crée un pointeur vers un fichier RDF avec des informations sur vous, un pointeur RDF à l'information sur Volvo et modèles Volvo, un pointeur RDF aux concessionnaires Volvo et revendeurs, sur les pièces, sur les prix, et bien plus encore.

Un pointeur est un pointeur RDF (en fait, une URL) pour des informations sur les choses (comme une base de connaissances).

La beauté de ceci est que vous n'avez pas à vous décrire, ou le modèle de voiture. L'application RDF faire le tri pour vous.

T-il fonctionner?

Chaos? Normes? Que devons-nous? Qu'est-ce qu'on attend?

Une norme par le W3C, par Microsoft, de Google?

RDF est donnée sur une donnée - ou des métadonnées. Souvent, les fichiers RDF décrivent d'autres fichiers RDF. Est-il jamais possible de relier tous ces fichiers RDF ensemble et de construire un web sémantique?

Personne ne sait, mais quelqu'un va essayer.

Ça va marcher tout seul?

Je ne pense pas que le web sémantique va travailler tout seul. Il aura besoin d'aide pour devenir une réalité.

Il est peu probable que vous serez en mesure de vendre votre voiture juste en mettant votre fichier RDF sur Internet.

Les «ISA» et «IBA» applications ci-dessus devra être développé par quelqu'un. Quelqu'un devra construire une base de données du moteur de recherche pour tous les articles, et quelqu'un devra élaborer une norme pour elle.

C'est peut-être eBay, il pourrait être Microsoft, il pourrait être Google, ou quelqu'un d'autre. Mais quelqu'un le fera.

Bientôt nous verrons les marchés fondés sur RDF. Et un jour, vous serez en mesure de recueillir des informations sur à peu près tout sur le web dans un format normalisé RDF.

Il pourrait ne pas être libre. Vous pourriez avoir à payer pour l'information, ou tout au moins pour vendre vos produits.

La publication d'informations à propos de choses sur Internet sera beaucoup plus facile qu'auparavant. Peut-être la langue RSS (voir notre tutoriel RSS ) sera la solution à certains des problèmes.

Agences Web sémantique

Le web sémantique ne sera pas consultable en texte libre. Pour rechercher (ou accès) du web sémantique, nous aurons besoin d'un logiciel pour nous aider.

Pour utiliser le web sémantique, nous aurons besoin de «Agents Web sémantique» ou «services Web sémantique». Ces «agents» ou «Services» nous aidera à trouver ce que nous cherchons sur le web sémantique.

Sur le web sémantique, nous pourrions chercher des informations sur:

Les billets les moins chers des compagnies aériennes
Un style qui serait à ma voiture
Livres, DVD, CD et
Les prévisions météorologiques
Les horaires et les événements du calendrier
Les cours des actions et les taux de change

Sécurité Web sémantique

Puis-je faire confiance à un vendeur sur le web sémantique. Puis-je faire confiance à un acheteur sur le web sémantique?

Pour le résoudre, je vais avoir accès à d'autres fichiers RDF:

Informations de carte de crédit
Informations bancaires
Registres sémantiques
Informations sur la sécurité sociale

Source	ID de la personne	Nom de la personne	Statut
Citybank	11223344	John Smith	digne de confiance
VISA	11223344	John Smith	digne de confiance
Enregistré	11223344	John Smith	inconnu
US Social Security	11223344	John Smith	né le 10/10/1962

En utilisant des fichiers RDF comme ça, mon "Agent Web sémantique» permet de déterminer si je peux faire confiance à la personne que je fais affaire avec.

(Le «enregistré» l'information pourrait être fournie par les sociétés commerciales d'Internet comme eBay, Amazon ou autre)

Paiement

Pour servir le web sémantique, les méthodes de paiement doivent être développés.

Accessibles sur Internet «Comptes de dépôt» pourrait être une solution à cela.

Un compte de dépôt est un compte qui ne peuvent recevoir des dépôts. Il pourrait être rendu accessible à tous sur Internet, et tout le monde peut déposer de l'argent sur votre compte ne sachant que votre ID (ou votre adresse e-mail, un peu comme PayPal).

En utilisant cette méthode de paiement tout le monde peut publier leur numéro de compte bancaire sur Internet et de vendre leur voiture sans intermédiaire.

OWL - Web Votre Thesaurus

Scénario:

Vous voulez vendre un livre
Vous ouvrez votre agent OWL
Vous avez saisi "livre" dans la catégorie
Un nouvel écran vous demandant de remplir des informations sur le livre
Vous remplissez le numéro ISBN écrit dans le livre
Vous sélectionnez "utilisé" et "état neuf", et le retour à succès
Votre agent OWL remplit automatiquement le reste
Auteur, année, pages, ...... toute l'information est maintenant terminée
Votre agent OWL a recueilli toutes les informations dont vous aviez besoin de vendre le livre
Vous cliquez sur Auction

Vous pouvez en savoir plus sur OWL RDF dans notre tutoriel .

Votre agent enchères

Votre agent enchères s'ouvre.
Vous remplissez prix minimum, et cliquez sur «Soumettre»
Vous réservez devient disponible pour toutes les enchères sur Internet

validation De page web

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 15:15:00 -0700

validation De page web

Page Web Validator

Un validateur est un logiciel qui permet de vérifier vos pages web contre les standards du web.

Lorsque vous utilisez un validateur pour vérifier HTML, XHTML ou CSS documents, le validateur retourne une liste des erreurs trouvées, selon votre niveau choisi.

Assurez-vous de prendre l'habitude de valider toutes vos pages web avant de les publier.

Validez vos fichiers HTML du W3C

Validez vos fichiers CSS du W3C

Validez vos fichiers XHTML du W3C

Un document XHTML est validé par rapport à une définition de type de document (DTD).

Vous pouvez en savoir plus sur la validation XHTML dans notre tutoriel HTML .

Validez vos fichiers XML avec Internet Explorer

CSE HTML Validator pour Windows

HTML Rapide, Puissante, personnalisable, et hors ligne, CSS, accessibilité, référencement, et vérifier les liens.

Super-fast déconnecté HTML, CSS, lien, et plus de contrôle
Built-in éditeur vous permet de facilement trouver et de corriger problème
Vérification des moteurs de recherche (SEO) pour aider à améliorer le classement
Vérifie les questions que les autres validateurs ne le font pas
La vérification d'accessibilité, y compris les WCAG 2.0
Vérifiez tout d'un simple clic ou pression de touche
Personnalisez la sortie des messages à vos besoins
Vérifiez tout un site avec l'Assistant lot
Facilement vérifier la sortie de pages dynamiques
Les prix commencent à seulement 69 $, et une version d'évaluation gratuite est disponible

Standards Web

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 15:01:00 -0700

Web Standards

Normes Web permettent le développement web plus facile.

Le World Wide Web Consortium (W3C) crée les standards du web.

Pourquoi les standards du Web?

Pour faire d'Internet un endroit meilleur, pour les développeurs et les visiteurs, il est important que les deux navigateurs et les développeurs Web de suivre les standards du Web.

Lorsque les développeurs suivent les standards du Web, le développement est simplifiée, car il est plus facile pour un développeur à comprendre autrui codage.

En utilisant les standards du Web veillera à ce que tous les navigateurs afficheront votre site Web correctement, sans temps réécrit.

Pages Web qui est conforme à la norme sont plus faciles pour les moteurs de recherche pour l'accès et l'index, plus faciles à convertir vers d'autres formats, et facile d'accès avec un code programme (comme JavaScript et DOM).

Astuce: Toujours valider vos pages avec un service de validation. Validation garde vos documents conformes aux normes, et exempt d'erreurs.

Accessibilité

L'accessibilité est un élément important de la norme HTML.

Normes Web plus facile pour les personnes handicapées d'utiliser le Web.

Les personnes aveugles peuvent utiliser des programmes pour lire des pages Web pour eux. Les personnes atteintes de vue d'oeil pauvres pouvez réorganiser et agrandir les pages Web standard.

W3C - Le Consortium World Wide Web

W3C crée et maintient les standards du Web.

De Tim Berners-Lee, l'inventeur du Web, directrice large et fondateur du consortium World Wide Web:

"Le rêve derrière le web est un espace d'information commun dans lequel nous communiquons en partageant l'information."

Le World Wide Web Consortium (W3C), fondé en 1994, est un consortium international dédié à "mener le Web à son plein potentiel», ce qu'il fait en élaborant des spécifications, lignes directrices, logiciels et outils.

Stands W3C pour le World Wide Web Consortium
W3C a été créé en Octobre 1994
W3C a été créé par Tim Berners-Lee, l'inventeur du Web
W3C est organisé comme une Organisation Membre
W3C travaille à normaliser le Web
W3C crée et maintient des normes WWW
Normes du W3C sont appelés les recommandations du W3C

En tant que développeurs, en particulier lors de la création de sites Web éducatifs, nous pouvons aider à transformer ce rêve en réalité. Les normes du W3C les plus importants sont les suivants:

La page d'accueil du W3C officiel

ECMA - European Computer Manufacturers Association

ECMA, fondée en 1961, afin de répondre à la nécessité de normaliser les langages informatiques et des entrées / sorties des codes.

ECMA n'est pas une normalisation officielle institut, mais une association d'entreprises qui collaborent avec des instituts autre fonctionnaire, comme l'Organisation internationale de normalisation (ISO) et l'European Telecommunications Standards Institute (ETSI).

Pour les développeurs Web, la norme la plus importante est ECMAScript, la normalisation de JavaScript.

Avec JavaScript, DOM objets peuvent être ajoutés, supprimés ou modifiés.

La toute dernière spécification ECMAScript est ECMA-262:

http://www.ecma-international.org/publications/standards/Ecma-262.htm

Design Web

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:55:00 -0700

Web design

Conception d'un site web doit réflexion et une planification minutieuses.

La chose la plus importante est de connaître votre public.

Les utilisateurs sont Scanners

Un visiteur typique ne sera pas lu tout le contenu de votre page Web!

Peu importe la façon dont beaucoup d'informations utiles que vous mettez dans une page Web, un visiteur ne passent que quelques secondes, il analyse avant qu'il / elle décide de partir ou de rester.

Soyez sûr de faire le point dans la toute première phrase de la page! Après cela, essayez de garder l'utilisateur occupée avec de courts paragraphes et nouveaux en-têtes en bas de la page.

++

Gardez les paragraphes aussi courts que possible.

Conservez les pages les plus courts possibles.

Gardez les chapitres aussi courts que possible.

Utilisez beaucoup d'espace! Pages surchargés de texte va tuer votre auditoire.

Si vous avez des choses à dire, casser vos informations en petits morceaux et placez-le sur les différentes pages!

Navigation

Créer une structure de navigation compatible qui est utilisé par toutes les pages de votre site Web.

Ne pas utiliser des liens hypertexte à l'intérieur de chaque paragraphe, pour envoyer les visiteurs sur chaque page de votre site Web. Cela va détruire le sentiment d'une structure de navigation cohérente.

Si vous devez utiliser des liens hypertexte, ajoutez-les au fond d'un paragraphe, ou dans le menu.

Vitesse de téléchargement

Parfois, les développeurs ne sont pas conscients du fait que certaines pages prennent beaucoup de temps à télécharger.

La plupart des visiteurs quittent une page Web qui prend plus de 7 secondes à télécharger.

Testez vos pages web via une connexion modem à faible vitesse. Si vos pages prennent beaucoup de temps à télécharger, envisager de supprimer le contenu graphique ou multimédia.

Laissez votre auditoire Parle!

La rétroaction est une très bonne chose!

Vos visiteurs sont vos «clients». Souvent, ils vont vous donner quelques indices précieux sur ce que vous auriez pu faire mieux.

Fournir un moyen simple de vous rejoindre, et vous aurez beaucoup de commentaires de personnes ayant des compétences et des connaissances différentes.

Visiteur Moniteur

Pas tout le monde sur l'Internet a le même moniteur que vous.

Si vous concevez un site Web pour être affichées sur un moniteur avec une résolution élevée, les visiteurs équipés d'écrans à basse résolution (comme 800x600) pourraient avoir des problèmes de lecture de vos pages.

Assurez-vous de tester votre site Web sur différents moniteurs.

Jetez un oeil à nos statistiques d'affichage du navigateur pour voir les tendances dans le développement moniteur.

Quels sont les navigateurs utilisent-ils?

N'oubliez pas de tester votre site Web sur différents navigateurs.

Les navigateurs les plus populaires aujourd'hui sont Internet Explorer, Firefox et Google Chrome.

Une chose sage à faire lors de la conception des pages Web est d'utiliser HTML correct. Codage correct aidera les navigateurs pour afficher vos pages correctement.

Jetez un oeil à nos statistiques d'explorateur pour voir les tendances dans le développement du navigateur.

Qu'est-ce Plug-Ins-ils?

Son, des clips vidéo ou d'autres contenus multimédias peuvent nécessiter l'utilisation de programmes distincts (plug-ins).

Assurez-vous que vos visiteurs ont accès à des logiciels nécessaires pour les visualiser.

Qu'en est-il handicapées?

Certaines personnes ont l'affichage ou une déficience auditive.

Ils pourraient essayer de lire vos pages en braille ou basés sur la parole navigateurs. Toujours ajouter alternatives textuelles pour les images et les éléments graphiques.

Primer SQL

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:51:00 -0700

SQL Primer

Structured Query Language - SQL

SQL est le langage standard pour accéder et manipuler des bases de données.

Systèmes communs de gestion de bases de données: MySQL, SQL Server, Access, Oracle, Sybase et DB2

La connaissance de SQL est inestimable pour tous ceux qui veulent stocker ou récupérer des données à partir d'une base de données.

Qu'est-ce que SQL?

SQL signifie S Structured Q uery L angue
SQL vous permet d'accéder à une base de données
SQL est un langage informatique standard ANSI
SQL Server peut exécuter des requêtes sur une base de données
SQL Server peut récupérer des données à partir d'une base de données
SQL peut insérer de nouveaux enregistrements dans une base de données
SQL peut supprimer des enregistrements d'une base de données
SQL peut mettre à jour des enregistrements dans une base de données
SQL est facile à apprendre

Les tableaux de base de données SQL

Une base de données contient généralement une ou plusieurs tables. Chaque tableau est identifié par un nom (eg "Clients" ou "commandes"). Les tableaux contiennent des enregistrements (lignes) avec des données.

Voici un exemple d'une table appelée «personnes»:

LastName	Prénom	Adresse	Ville
Hansen	Ola	Timoteivn 10	Sandnes
Svendsen	Tove	Borgvn 23	Sandnes
Pettersen	Kari	Storgt 20	Stavanger

Le tableau ci-dessus contient trois disques (un pour chaque personne) et quatre colonnes (Nom, Prénom, Adresse et Ville).

Requêtes SQL

Avec SQL, nous pouvons interroger une base de données et un jeu de résultats retourné.

Une requête comme ceci:

SELECT LastName FROM Persons

Donne un résultat configurés comme ceci:

LastName
Hansen
Svendsen
Pettersen

Comment apprendre SQL?

Étudier notre tutoriel complet SQL

Primer Script côté serveur

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:48:00 -0700

Script côté serveur Primer

ASP et PHP - script côté serveur

Un fichier HTML peut contenir des balises HTML, texte et son.

Les scripts côté serveur est sur "programmer" le comportement du serveur. C'est ce qu'on appelle un script côté serveur ou de script serveur.

Le script côté client est sur "programmer" le comportement du navigateur. (Voir Web JavaScript chapitre).

Normalement, lorsqu'un navigateur demande un fichier HTML, le serveur renvoie le fichier. Toutefois, si le fichier contient un script côté serveur, le script est exécuté sur le serveur avant que le dossier est renvoyé au navigateur comme HTML.

Que peut-scripts du serveur ?

Dynamiquement modifier, changer ou ajouter n'importe quel contenu dans une page Web
Répondre aux requêtes des utilisateurs ou des données soumises par les formulaires HTML
Accéder aux données ou bases de données et renvoie le résultat dans un navigateur
Personnaliser une page Web pour le rendre plus utile pour les utilisateurs individuels
Assurer la sécurité depuis votre code serveur ne peut pas être consulté à partir d'un navigateur

Important: Etant donné que les scripts sont exécutés sur le serveur, le navigateur qui affiche le fichier n'a pas besoin d'appuyer les scripts du tout!

ASP et PHP

Au W3Schools nous démontrons les scripts côté serveur en utilisant Active Server Pages (ASP) etPHP (Hypertext Preprocessor) .

Exemples ASP

Écrire un texte avec ASP
Comment écrire un texte avec ASP.

Ajouter du code HTML au texte
Comment formater le texte avec des balises HTML.

Comment savoir ASP ou PHP?

Étudier notre tutoriel complet ASP , ou notre tutoriel complet PHP .

Primer XML

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:45:00 -0700

XML Primer

EXtensible Markup Language - XML

XML est un multi-plateforme, le logiciel et un outil indépendant du matériel pour le stockage et la transmission d'informations.

Exemple de document XML

<?xml version="1.0"?>

<note>

    <to>Tove</to>

    <from>Jani</from>

    <heading>Reminder</heading>

    <body>Don't forget me this weekend!</body>

</note>

Qu'est-ce que XML?

XML signifie eXtensible Markup Language
XML est un langage de balisage comme le HTML bien
XML a été conçu pour transporter et stocker des données, de ne pas afficher les données
Les balises XML ne sont pas prédéfinies. Vous devez définir vos propres balises
XML est conçu pour être auto-descriptif
XML est une recommandation du W3C

XML ne fait rien

XML n'a pas été conçu pour faire quelque chose. XML a été créé pour structurer l'information, ranger et à transporter.

L'exemple de document XML est au-dessus d'une note, à Tove de Jani, écrit en XML. La note a un titre et un corps de message. Il a aussi vers et à partir d'informations. Mais encore, ce document XML ne fait rien. C'est juste l'information pure enveloppée dans des balises XML. Quelqu'un doit écrire un morceau de logiciel pour envoyer, recevoir ou l'afficher:

MESSAGEPour: Tove De: Jani

Ne m'oubliez pas ce week-end!

Balises XML ne sont pas prédéfinies

Les balises XML ne sont pas prédéfinies. Vous devez "inventer" vos propres balises.

Les balises utilisées pour marquer les documents HTML sont prédéfinis, l'auteur des documents HTML ne pouvez utiliser les balises qui sont définis dans la norme HTML (comme , <h1>, etc.)

XML permet à l'auteur de définir ses propres étiquettes / et son / sa propre structure du document.

Les balises dans l'exemple ci-dessus (comme <to> et <from>) ne sont pas définies dans une norme XML. Ces balises sont «inventés» par l'auteur du document XML.

Voir un catalogue XML CD
Voir un catalogue des végétaux XML
Voir un menu alimentaire XML

Comment apprendre XML?

Étude notre tutoriel complet XML

Primer Javascript

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:39:00 -0700

JavaScript Primer

JavaScript - script côté client

JavaScript est LE langage de script du web.

JavaScript est utilisé dans des milliards de pages Web pour ajouter des fonctionnalités, valider les formulaires, communiquer avec le serveur, et bien plus encore.

JavaScript est facile à apprendre.

Exemple JavaScript

My First Web Page

This is a paragraph.

Essayez vous-même »
Cliquez sur «Essayez vous-même" pour voir comment il fonctionne

Qu'est-ce que JavaScript?

JavaScript est un langage de script
Un langage de script est un langage de programmation léger
Un JavaScript est constitué de lignes de code informatique exécutable
Un JavaScript est habituellement incorporé directement dans des pages HTML
JavaScript a été conçu pour ajouter de l'interactivité aux pages HTML
JavaScript est libre. Tout le monde peut utiliser JavaScript sans permis

Le script côté client

JavaScript est sur "programmer" le comportement d'un navigateur. C'est ce qu'on appelle le script côté client (navigateur ou de script).

Les scripts côté serveur est sur "programmer" le comportement du serveur (voir la Web ASP / PHP chapitre).

Que peut faire un JavaScript ?

JavaScript permet aux concepteurs un outil de programmation HTML - JavaScript est un langage de script avec une syntaxe très simple! Presque n'importe qui peut mettre les petits "bouts" de code dans une page HTML
JavaScript peut réagir aux événements - un Javascript peut être réglé à exécuter lorsque quelque chose se passe, comme quand une page a fini de charger ou quand un utilisateur clique sur un élément HTML
JavaScript peut être utilisé pour valider les données - Un JavaScript peut être utilisé pour valider les données de formulaire avant de le soumettre à un serveur. Cela permet d'économiser le serveur de traitement supplémentaire
JavaScript peut être utilisé pour détecter le navigateur du visiteur - Une JavaScript peut être utilisé pour détecter le navigateur du visiteur, et de charger une autre page spécialement conçue pour ce navigateur
JavaScript peut être utilisé pour créer des cookies - Un JavaScript peut être utilisé pour stocker et récupérer des informations sur l'ordinateur du visiteur
JavaScript peut lire / écrire / modifier des éléments HTML - Un JavaScript peut lire et modifier le contenu d'un élément HTML
JavaScript utilise le DOM HTML pour accéder aux éléments d'une page Web

Qu'est-ce que le DOM HTML?

Le DOM HTML définit une méthode standard pour accéder et manipuler des documents HTML.

Le DOM présente un document HTML comme une arborescence:

Exemple HTML arbre DOM

Comment apprendre JavaScript?

Étude notre tutoriel complet JavaScript

Étude complète de notre modèle DOM HTML Tutoriel

Étudier notre Complete JavaScript et DOM HTML de référence

Primer Css

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:29:00 -0700

CSS Primer

CSS - Cascading Style Sheets

COMMENT CSS définit des éléments HTML doivent être affichés.

CSS décrit le style visuel (aspect, la disposition, la couleur, les polices) des éléments HTML.

CSS a été conçu pour la présentation du document distinct du contenu du document (ce qui a grandement amélioré la flexibilité et réduit la complexité HTML HTML).

CSS est facile à apprendre. Vous pouvez utiliser les noms d'éléments HTML en tant que sélecteurs, et énumérer les propriétés de style à l'intérieur des accolades:

Exemple CSS

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

Essayez vous-même »Cliquez sur "Essayez vous-même" pour voir comment il fonctionne

CSS permet d'économiser beaucoup de travail!

Les définitions CSS sont normalement stockés dans des fichiers externes. Cela permet à un développeur web pour changer l'apparence et la disposition de chaque page d'un site web, en éditant simplement un seul fichier!

Si vous avez déjà essayé de changer le style de tous les éléments dans toutes les pages HTML de votre, vous comprenez comment vous pouvez économiser beaucoup de travail en stockant les définitions de style dans un fichier externe.

Une autre démonstration CSS

Comment apprendre le CSS?

Étudier notre tutoriel complet CSS

Étudier notre Complete Reference CSS

HTML Primer

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:26:00 -0700

HTML Primer

HTML - Hyper Text Markup Language

HTML est le langage principal de la construction / création de pages Web.

HTML est un langage facile à apprendre balisage.

HTML utilise des balises balises à l'intérieur de crochets, comme , de définir les éléments d'une page Web:

Exemple HTML

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Essayez vous-même »
Cliquez sur «Essayez vous-même" pour voir comment il fonctionne

HTML utilise des balises de début et de fin pour les éléments de balisage des pages Web: Dans l'exemple ci-dessus, le marque le début d'un paragraphe et marque la fin du paragraphe.

En utilisant des balises HTML simples, les concepteurs web peuvent ajouter des en-têtes, paragraphes, du texte, des tableaux, des images, des listes, des codes de programmation, etc, à une page Web (document HTML).

Navigateurs Web (IE, Firefox, Chrome, etc) lire les documents HTML, interpréter les balises HTML, et affiche le résultat correct (sans afficher les balises HTML):

Conformément à la norme HTML, HTML doit être utilisé pour définir le contenu des pages Web.

Pour définir le style visuel (couleur, taille, apparence, l'agencement, etc), CSS (Cascading Style Sheets) doit être utilisé (voir chapitre suivant).

Comment apprendre le HTML?

W3Schools tutorial "HTML complet vous enseigne tout ce que vous devez savoir sur le langage HTML.

HTML est facile à apprendre - Vous ne le regretterez pas.

Étudier notre tutoriel complet HTML

Étudier notre Complete Reference HTML

Primer WWW - Le World Wide Web

noreply@blogger.com (Anonymous) — Fri, 21 Sep 2012 14:19:00 -0700

WWW - Le World Wide Web

WWW est le plus souvent appelé le Web.
Le Web est un réseau d'ordinateurs du monde entier.
Les ordinateurs communiquent sur le Web à l'aide des langages standards.
Le World Wide Web Consortium (W3C) rend les standards du Web.

Qu'est-ce que le Web?

WWW représente le World Wide Web
Le World Wide Web est le plus souvent appelé le Web
Le Web est un réseau d'ordinateurs du monde entier
Tous les ordinateurs du Web peut communiquer avec l'autre
Tous les ordinateurs utilisent un standard de communication appelé HTTP

Comment fonctionne le Web?

Les informations sont stockées dans des documents appelés pages Web
Pages Web sont des fichiers stockés sur les ordinateurs appelés serveurs Web
Ordinateurs lisant les pages Web sont appelés clients Web
Clients de visualiser les pages Web avec un programme appelé navigateur Web
Navigateurs les plus populaires sont Internet Explorer, Chrome et Firefox

Comment fonctionne le navigateur va chercher les pages?

Un navigateur récupère une page Web à partir d'un serveur d'une demande
Une requête est une requête HTTP standard contenant une adresse de page
Une adresse de la page ressemble à ceci: http://www.someone.com/page.htm

Comment fonctionne le navigateur affiche les pages?

Toutes les pages Web contiennent des instructions sur la façon d'être affiché
Le navigateur affiche la page en lisant ces instructions
Les instructions d'affichage les plus courantes sont appelés balises HTML
La balise HTML pour un paragraphe ressemble à ceci: 
Un paragraphe en HTML est définie comme ceci:  Ceci est un paragraphe .

Qui prend les standards web?

Les standards du Web sont confectionnés par Google ou Microsoft
Le corps de la règle de décision du Web est le W3C
W3C est pour le World Wide Web Consortium
W3C rassemble des spécifications pour les standards du Web
Les standards du Web les plus essentielles sont HTML, CSS et XML