HTML5 Builder - Contributions de l’utilisateur [fr]

https://docwiki.embarcadero.com/HTML5_Builder/f/api.php?action=feedcontributions&feedformat=atom&user=AChaves HTML5 Builder - Contributions de l’utilisateur [fr] 2026-05-14T05:23:32Z Contributions de l’utilisateur MediaWiki 1.31.16 https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Conception_des_interfaces_utilisateur&diff=825 Conception des interfaces utilisateur 2012-08-28T10:02:48Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|development=}}<br /> <br /> ==Interfaces web==<br /> <br /> {{Product}} inclut une suite complète de '''contrôles web glisser-déposer'''. Sélectionnez des boutons, libellés, champs texte, zones de liste déroulante, contrôles multimédia et d'autres contrôles pour concevoir votre interface utilisateur.<br /> <br /> <center>[[File:Controls.png]]</center><br /> <br /> * '''Introduction''' : [[Concepteur|Concepteur web]].<br /> <br /> Les contrôles sont entièrement personnalisables et peuvent être stylés à votre goût par le biais des propriétés '''CSS3''', qui vous permettent de contrôler complètement l'apparence des pages web, sans programmation ou sans être un expert des langages de balisage ésotériques. Vous pouvez aussi permettre aux développeurs ou aux concepteurs d'écrire des feuilles de styles CSS3 à appliquer à vos applications.<br /> <br /> <center>[[File:StyledButtons.png]]</center><br /> <br /> Vous pouvez aussi créer des '''animations''' basées sur CSS3 pour réagir aux événements qui peuvent survenir durant la vie de vos contrôles.<br /> <br /> <center>[[File:AnimationsEditor.png|320px]]</center><br /> <br /> ==Interfaces mobiles==<br /> <br /> Au sommet des fonctionnalités de conception à usage généraliste pour les applications web standard, {{Product}} fournit un [[Concepteur mobile|concepteur]] pour cibler les périphériques mobiles. Plusieurs périphériques mobiles sont supportés par défaut, et vous pouvez facilement intégrer d'autres modèles de périphérique.<br /> <br /> <center>[[File:MobileDeviceModelDuringDesign.png|450px]]</center><br /> <br /> * '''Introduction''' : [[Introduction à la conception mobile|Concepteur mobile]].<br /> <br /> Les applications mobiles supportent les fonctionnalités de style '''CSS3''' ainsi que les '''animations''', avec la '''[[Thématisation mobile|thématisation mobile]]''', afin de fournir une meilleure expérience utilisateur dans les périphériques mobiles. La thématisation mobile de {{Product}} vous permet de créer facilement de nouveaux jeux de couleurs pour vos applications mobiles en faisant glisser les couleurs et en les déposant sur vos contrôles d'interface utilisateur. Dès que vous avez créé votre nouveau thème, vous pouvez l'utiliser pour styler un contrôle unique ou une application mobile entière.<br /> <br /> <center>[[File:MobileThemeDesigner.png|640px]]</center><br /> <br /> * '''Introduction''' : [[Introduction à la conception mobile|Concepteur de thèmes mobiles]].<br /> <br /> [[en:Designing User Interfaces]]<br /> [[de:Entwerfen von Benutzeroberflächen]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Serveur_web_Hello_World&diff=704 Serveur web Hello World 2012-08-23T12:37:54Z

<p>AChaves : </p> <hr /> <div>Dans ce tutoriel, vous allez créer une application serveur web qui utilise les contrôles d'interface utilisateur suivants :<br /> * Un [[Edit|champ texte]] pour entrer un nom.<br /> * Un [[Label|libellé]] pour afficher un message.<br /> * Un [[Button|bouton]] qui, quand vous cliquez dessus, remplira le libellé avec le message "Hello, &lt;nom&gt;!", où &lt;nom&gt; sera le nom entré dans le champ texte.<br /> <br /> Voici son aspect :<br /> <br /> [[File:WebHelloWorldChrome.png]] [[File:WebHelloWorldIE.png]] [[File:WebHelloWorldFirefox.png]]<br /> <br /> ==Créer une nouvelle application==<br /> <br /> Vous pouvez créer de nouveaux fichiers et projets à partir de la page '''Nouveau''' de la vue [[Accueil]]. Dans le côté gauche de la vue arborescente, sélectionnez ''Projets {{Product}}'', puis double-cliquez sur [[Application serveur web|Application serveur web]] dans la zone supérieure droite.<br /> <br /> : [[File:HomeNewServerWebApplication.png|640px]]<br /> <br /> Pour votre nouvelle application, une page serveur (''vide'') initiale sera créée, et ouverte dans la vue [[Conception]].<br /> <br /> : [[File:DesignEmptyWebPage.png|640px]]<br /> <br /> La zone centrale de la vue Conception sera occupée par le [[Concepteur]], un outil d'édition graphique de pages web. Vous noterez aussi différents widgets sur les côtés gauche, droit et inférieur du Concepteur. Ceux-ci sont traités en détail dans les autres pages de la [[Conception|documentation]], et nous allons travailler avec certains d'entre eux dans ce tutoriel.<br /> <br /> ==Ajouter des contrôles==<br /> <br /> La première étape de la création d'une [[Application serveur web|application serveur web]] avec {{Product}} est la conception de l'interface utilisateur. De nombreux [[Composants|composants]] sont disponibles par défaut pour la création d'interfaces utilisateur. Déplacez votre curseur sur la [[Palette d'outils]] (''le widget situé dans le coin supérieur droit'') et développez la catégorie '''Standard''' en cliquant sur l'icône plus (+). Sélectionnez ensuite le composant [[Edit]] et déposez-le sur le [[Concepteur]]. Une instance du composant sera affichée sur le Concepteur.<br /> <br /> : [[File:ToolPaletteStandardHighlighted.png]] [[File:ToolPaletteEditHighlighted.png]]<br /> <br /> Répétez ces étapes pour l'ajout des composants [[Label]] et [[Button]] sur le Concepteur.<br /> <br /> : [[File:ToolPaletteLabelHighlighted.png]] [[File:ToolPaletteButtonHighlighted.png]]<br /> <br /> Vous devriez maintenant voir trois composants sur le Concepteur. Utilisez le pointeur de la souris pour réarranger les composants à votre guise.<br /> <br /> : [[File:WebHelloWorld1.png]]<br /> <br /> Vous pouvez visualiser et changer les propriétés d'un composant en utilisant [[Inspecteur d'objets|l'inspecteur d'objets]] et en sélectionnant le composant sur le Concepteur.<br /> <br /> : [[File:WebHelloWorld2.png]]<br /> <br /> Changez ensuite visuellement le {{P|Button|libellé}} du composant [[Button]]. Vous pouvez laisser les propriétés {{P|Label|Caption}} de [[Label]] et {{P|Edit|Text}} de [[Edit]] vides, puisque la première sera définie par programme, et la deuxième sera entrée par les utilisateurs.<br /> <br /> Pour changer une propriété d'un composant, sélectionnez le composant sur le Concepteur (ou sur la liste déroulante dans la partie supérieure de [[Inspecteur d'objets|l'inspecteur d'objets]]), changez la valeur de la propriété cible et appuyez sur {{Key|Enter}} pour appliquer le changement. Dans l'écran ci-dessus, la propriété {{Property|Caption}} du composant Button a été changée par {{PHP|"Say Hello"}}.<br /> <br /> ==Ecrire une réponse à un clic de bouton==<br /> <br /> Pour les applications web, les réponses aux actions de l'utilisateur, telles que des clics sur les boutons ou des entrées dans les champs texte, peuvent être implémentées en tant que réponse à un événement. Dans {{Product}}, de telles réponses sont référencées en tant que '''[[Composants#Gestionnaires d'événements|gestionnaires d'événements]]'''.<br /> <br /> Pour le composant [[Button]], l'événement le plus typique est un clic sur le bouton. Quand vous double-cliquez sur le bouton sur le [[Concepteur]], {{Product}} crée un code squelette afin d'implémenter un gestionnaire d'événements pour l'événement clic de bouton.<br /> <br /> : [[File:WebHelloWorld3.png]]<br /> <br /> Vous pouvez maintenant implémenter des réponses entre les accolades. Implémentons une réponse pour afficher un message dans le composant Label : "Hello, <nom entré dans le composant Edit>!".<br /> <br /> {{PHP|1= $this-&gt;Label1-&gt;Caption = "Hello, ".$this-&gt;Edit1-&gt;Text."!"; }}<br /> <br /> Dans [[Documentation#PHP|PHP]], les marques de délimitation qui doivent encadrer les littéraux chaîne sont {{PHP|" "}}. Vous pouvez aussi utiliser le signe point ({{PHP|.}}) pour concaténer des chaînes.<br /> <br /> Quand vous tapez le code, certaines indications montrant le type de paramètre à spécifier apparaîtront. En outre, des conseils indiqueront les types des membres qui sont supportés dans un objet donné, c'est-à-dire les propriétés et les méthodes de vos [[Composants|composants]].<br /> <br /> : [[File:WebHelloWorld4.png]]<br /> <br /> ==Exécuter votre application==<br /> <br /> L'implémentation de cette application est terminée, vous pouvez donc l'exécuter : cliquez sur le bouton Exécuter dans la [[Barre d'outils principale|barre d'outils principale]] ou appuyez sur {{Key|F9}}.<br /> <br /> : [[File:WebHelloWorld5.png]]<br /> <br /> Dès que vous exécutez l'application, la page avec un [[Edit]] et un [[Button]] est chargée sur votre navigateur web par défaut. Entrez un texte dans le composant Edit et cliquez sur le bouton '''Say Hello'''.<br /> <br /> : [[File:WebHelloWorldFirefox.png]]<br /> <br /> ==Voir aussi==<br /> <br /> * [[Application serveur web|Introduction aux applications serveur web]].<br /> <br /> <br /> [[Category:Tutoriels]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Client_web_Hello_World&diff=706 Client web Hello World 2012-08-23T12:37:54Z

<p>AChaves : </p> <hr /> <div>Dans ce tutoriel, vous allez créer une application client web qui utilise les contrôles d'interface utilisateur suivants :<br /> * Un [[Edit|champ texte]] pour entrer un nom.<br /> * Un [[Label|libellé]] pour afficher un message.<br /> * Un [[Button|bouton]] qui, quand vous cliquez dessus, remplira le libellé avec le message "Hello, &lt;nom&gt;!", où &lt;nom&gt; sera le nom entré dans le champ texte.<br /> <br /> Voici son aspect :<br /> <br /> [[File:WebHelloWorldChrome.png]] [[File:WebHelloWorldIE.png]] [[File:WebHelloWorldFirefox.png]]<br /> <br /> ==Créer une nouvelle application==<br /> <br /> Vous pouvez créer de nouveaux fichiers et projets à partir de la page '''Nouveau''' de la vue [[Accueil]]. Dans le côté gauche de la vue arborescente, sélectionnez ''Projets {{Product}}'', puis double-cliquez sur [[Application client web]] dans la zone supérieure droite.<br /> <br /> : [[File:HomeNewServerWebApplication.png|640px]]<br /> <br /> Pour votre nouvelle application, une page client (''vide'') initiale sera créée, et ouverte dans la vue [[Conception]].<br /> <br /> : [[File:DesignEmptyWebPage.png|640px]]<br /> <br /> La zone centrale de la vue Conception sera occupée par le [[Concepteur]], un outil d'édition graphique de pages web. Vous noterez aussi différents widgets sur les côtés gauche, droit et inférieur du Concepteur. Ceux-ci sont traités en détail dans les autres pages de la [[Conception|documentation]], et nous allons travailler avec certains d'entre eux dans ce tutoriel.<br /> <br /> ==Ajouter des contrôles==<br /> <br /> La première étape de la création d'une [[Application client web|application client web]] avec {{Product}} est la conception de l'interface utilisateur. De nombreux [[Composants|composants]] sont disponibles par défaut pour la création d'interfaces utilisateur. Déplacez votre curseur sur la [[Palette d'outils]] (''le widget situé dans le coin supérieur droit'') et développez la catégorie '''Standard''' en cliquant sur l'icône plus (+). Sélectionnez ensuite le composant [[Edit]] et déposez-le sur le [[Concepteur]]. Une instance du composant sera affichée sur le Concepteur.<br /> <br /> : [[File:ToolPaletteStandardHighlighted.png]] [[File:ToolPaletteEditHighlighted.png]]<br /> <br /> Répétez ces étapes pour l'ajout des composants [[Label]] et [[Button]] sur le Concepteur.<br /> <br /> : [[File:ToolPaletteLabelHighlighted.png]] [[File:ToolPaletteButtonHighlighted.png]]<br /> <br /> Vous devriez maintenant voir trois composants sur le Concepteur. Utilisez le pointeur de la souris pour réarranger les composants à votre guise.<br /> <br /> : [[File:WebHelloWorld1.png]]<br /> <br /> Vous pouvez visualiser et changer les propriétés d'un composant en utilisant [[Inspecteur d'objets|l'inspecteur d'objets]] et en sélectionnant le composant sur le Concepteur.<br /> <br /> : [[File:WebHelloWorld2.png]]<br /> <br /> Changez ensuite visuellement le {{P|Button|libellé}} du composant [[Button]]. Vous pouvez laisser les propriétés {{P|Label|Caption}} de [[Label]] et {{P|Edit|Text}} de [[Edit]] vides, puisque la première sera définie par programme, et la deuxième sera entrée par les utilisateurs. Vous devez aussi changer la propriété {{P|Button|ButtonType}} du composant Button sur {{Value|btNormal}}. Ainsi, un clic sur le bouton n'entraînera pas le rechargement de la page web.<br /> <br /> Pour changer une propriété d'un composant, sélectionnez le composant sur le Concepteur (ou sur la liste déroulante dans la partie supérieure de [[Inspecteur d'objets|l'inspecteur d'objets]]), changez la valeur de la propriété cible et appuyez sur {{Key|Enter}} pour appliquer le changement. Dans l'écran ci-dessus, la propriété {{Property|Caption}} du composant Button a été changée par {{PHP|"Say Hello"}}, et la propriété {{Property|ButtonType}} par {{Value|btNormal}}.<br /> <br /> ==Ecrire une réponse à un clic de bouton==<br /> <br /> Pour les applications web, les réponses aux actions de l'utilisateur, telles que des clics sur les boutons ou des entrées dans les champs texte, peuvent être implémentées en tant que réponse à un événement. Dans {{Product}}, de telles réponses sont référencées en tant que '''[[Composants#Gestionnaires d'événements|gestionnaires d'événements]]'''.<br /> <br /> Pour le composant [[Button]], l'événement le plus typique est un clic sur le bouton. Quand vous double-cliquez sur le bouton sur le [[Concepteur]], {{Product}} crée un code squelette afin d'implémenter un gestionnaire d'événements pour l'événement clic de bouton.<br /> <br /> : [[File:WebHelloWorld3.png]]<br /> <br /> Vous pouvez maintenant implémenter des réponses entre les accolades. Implémentons une réponse pour afficher un message dans le composant Label : "Hello, <nom entré dans le composant Edit>!".<br /> <br /> {{JavaScript|1= $('#Label1').html("Hello, " + $('#Edit1').val() + "!"); }}<br /> <br /> La méthode {{JavaScript|html()}} du [[Documentation#jQuery|jQuery]] vous permet de définir le contenu d'un élément tel qu'un [[Label]], tandis que {{JavaScript|val()}} vous permet de récupérer la valeur d'un champ d'entrée tel qu'un contrôle [[Edit]]. Dans [[Documentation#JavaScript|JavaScript]], les marques de délimitation qui doivent encadrer les littéraux chaîne sont {{JavaScript|' '}} ou {{JavaScript|" "}}. Vous pouvez aussi utiliser le signe plus ({{JavaScript|+}}) pour concaténer des chaînes.<br /> <br /> Quand vous tapez du code, vous obtenez des conseils indiquant les types des membres qui sont supportés dans un objet donné, c'est-à-dire les propriétés et les méthodes des éléments JavaScript (et jQuery) représentant vos [[Composants|composants]].<br /> <br /> : [[File:WebHelloWorld4.png]]<br /> <br /> ==Exécuter votre application==<br /> <br /> L'implémentation de cette application est terminée, vous pouvez donc l'exécuter : cliquez sur le bouton Exécuter dans la [[Barre d'outils principale|barre d'outils principale]] ou appuyez sur {{Key|F9}}.<br /> <br /> : [[File:WebHelloWorld5.png]]<br /> <br /> Dès que vous exécutez l'application, la page web avec un [[Edit]] et un [[Button]] est chargée sur votre navigateur web par défaut. Entrez un texte dans le composant Edit et cliquez sur le bouton '''Say Hello'''.<br /> <br /> : [[File:WebHelloWorldFirefox.png]]<br /> <br /> ==Voir aussi==<br /> <br /> * [[Application client web|Introduction aux applications client web]].<br /> <br /> <br /> [[Category:Tutoriels]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Serveur_mobile_Hello_World&diff=708 Serveur mobile Hello World 2012-08-23T12:37:54Z

<p>AChaves : </p> <hr /> <div>Dans ce tutoriel, vous allez créer une application serveur mobile qui utilise les contrôles d'interface utilisateur suivants :<br /> * Un [[MEdit|champ texte]] pour entrer un nom.<br /> * Un [[MLabel|libellé]] pour afficher un message.<br /> * Un [[MButton|bouton]] qui, quand vous cliquez dessus, remplira le libellé avec le message "Hello, &lt;nom&gt;!", où &lt;nom&gt; sera le nom entré dans le champ texte.<br /> <br /> ==Créer une nouvelle application==<br /> <br /> Vous pouvez créer de nouveaux fichiers et projets à partir de la page '''Nouveau''' de la vue [[Accueil]]. Dans le côté gauche de la vue arborescente, sélectionnez ''Projets {{Product}}'', puis double-cliquez sur [[Application serveur mobile|Application serveur mobile]] dans la zone supérieure droite.<br /> <br /> : [[File:HomeNewServerMobileApplication.png|640px]]<br /> <br /> Pour votre nouvelle application, une page serveur mobile (''vide'') initiale sera créée, et ouverte dans la vue [[Conception]].<br /> <br /> : [[File:DesignEmptyMobilePage.png|640px]]<br /> <br /> La zone centrale de la vue Conception sera occupée par le [[Concepteur mobile]], un outil d'édition graphique de pages mobiles. Vous noterez aussi différents widgets sur les côtés gauche, droit et inférieur du Concepteur mobile. Ceux-ci sont traités en détail dans les autres pages de la [[Conception|documentation]], et nous allons travailler avec certains d'entre eux dans ce tutoriel.<br /> <br /> ==Ajouter des contrôles==<br /> <br /> La première étape de la création d'une [[Application serveur mobile|application serveur mobile]] avec {{Product}} est la conception de l'interface utilisateur. De nombreux [[Composants|composants]] sont disponibles par défaut pour la création d'interfaces utilisateur. Déplacez votre curseur sur la [[Palette d'outils]] (''le widget situé dans le coin supérieur droit'') et développez la catégorie '''Mobile''' en cliquant sur l'icône plus (+). Sélectionnez ensuite le composant [[MEdit]] et déposez-le sur le [[Concepteur mobile]]. Une instance du composant sera affichée sur le Concepteur mobile.<br /> <br /> : [[File:ToolPaletteMobileHighlighted.png]] [[File:ToolPaletteMEditHighlighted.png]]<br /> <br /> Répétez ces étapes pour l'ajout des composants [[MLabel]] et [[MButton]] sur le Concepteur mobile. Notez que le composant MLabel est situé sous la catégorie ''Standard'', et pas ''Mobile''.<br /> <br /> : [[File:ToolPaletteLabelHighlighted.png]] [[File:ToolPaletteMButtonHighlighted.png]]<br /> <br /> Vous devriez maintenant voir trois composants sur le Concepteur mobile. Utilisez le pointeur de la souris pour réarranger les composants à votre guise.<br /> <br /> : [[File:MobileHelloWorld1.png]]<br /> <br /> Vous pouvez visualiser et changer les propriétés d'un composant en utilisant [[Inspecteur d'objets|l'inspecteur d'objets]] et en sélectionnant le composant sur le Concepteur mobile.<br /> <br /> : [[File:MobileHelloWorld2.png]]<br /> <br /> Changez ensuite visuellement le {{P|MButton|libellé}} du composant [[MButton]]. Vous pouvez laisser les propriétés {{P|MLabel|Caption}} de [[MLabel]] et {{P|MEdit|Text}} de [[MEdit]] vides, puisque la première sera définie par programme, et la deuxième sera entrée par les utilisateurs.<br /> <br /> Pour changer une propriété d'un composant, sélectionnez le composant sur le Concepteur mobile (ou sur la liste déroulante dans la partie supérieure de [[Inspecteur d'objets|l'inspecteur d'objets]]), changez la valeur de la propriété cible et appuyez sur {{Key|Enter}} pour appliquer le changement. Dans l'écran ci-dessus, la propriété Caption du composant MButton a été changée par {{PHP|"Say Hello"}}.<br /> <br /> ==Ecrire une réponse à un clic de bouton==<br /> <br /> Pour les applications mobiles, les réponses aux actions de l'utilisateur, telles que des clics sur les boutons ou des entrées dans les champs texte, peuvent être implémentées en tant que réponse à un événement. Dans {{Product}}, de telles réponses sont référencées en tant que '''[[Composants#Gestionnaires d'événements|gestionnaires d'événements]]'''.<br /> <br /> Pour le composant [[MButton]], l'événement le plus typique est un clic sur le bouton. Quand vous double-cliquez sur le contrôle MButton sur le [[Concepteur mobile]], {{Product}} crée un code squelette afin d'implémenter un gestionnaire d'événements pour l'événement clic de bouton.<br /> <br /> : [[File:MobileHelloWorld3.png]]<br /> <br /> Vous pouvez maintenant implémenter des réponses entre les accolades. Implémentons une réponse pour afficher un message dans le composant MLabel : "Hello, <nom entré dans le composant MEdit>!".<br /> <br /> {{PHP|1= $this-&gt;MLabel1-&gt;Caption = "Hello, ".$this-&gt;MEdit1-&gt;Text."!"; }}<br /> <br /> Dans [[Documentation#PHP|PHP]], les marques de délimitation qui doivent encadrer les littéraux chaîne sont {{PHP|" "}}. Vous pouvez aussi utiliser le signe point ({{PHP|.}}) pour concaténer des chaînes.<br /> <br /> Quand vous tapez le code, certaines indications montrant le type de paramètre à spécifier apparaîtront. En outre, des conseils indiqueront les types des membres qui sont supportés dans un objet donné, c'est-à-dire les propriétés et les méthodes de vos [[Composants|composants]].<br /> <br /> : [[File:MobileHelloWorld4.png]]<br /> <br /> ==Tester votre application dans un navigateur web==<br /> <br /> L'implémentation de cette application est terminée, vous pouvez donc l'exécuter : cliquez sur le bouton Exécuter dans la [[Barre d'outils principale|barre d'outils principale]] ou appuyez sur {{Key|F9}}. Afin d'obtenir des résultats proches de ceux obtenus quand vous exécutez votre application dans un périphérique réel, vous devez utiliser le navigateur Chrome, ou accéder à l'application à distance à partir d'un navigateur mobile. Voir [[Exécution mobile]].<br /> <br /> : [[File:MobileHelloWorld5.png]]<br /> <br /> Dès que vous exécutez l'application, la page mobile avec un [[MEdit]] et un [[MButton]] est chargée sur votre navigateur web par défaut. Entrez un texte dans le composant MEdit et cliquez sur le bouton '''Say Hello'''.<br /> <br /> : [[File:MobileHelloWorldFirefox.png]]<br /> <br /> ==Déployer votre application==<br /> <br /> Les applications serveur mobiles doivent être déployées sur un serveur web et sont généralement aussi déployées sur les différents périphériques mobiles que vous voulez supporter. Mais avant de commencer le processus de déploiement, vous devez définir la propriété UseAjax de votre page sur {{PHP|true}} et pointer UseAjaxUri sur l'adresse de votre serveur web où l'application sera localisée.<br /> <br /> : [[File:MobileHelloWorld6.png]]<br /> <br /> Vous pouvez maintenant déployer votre application sur votre serveur web depuis {{Menu|Accueil &gt; Déployer}}, et sur tout système mobile majeur comme une application native depuis {{Menu|Accueil &gt; Déployer sur mobile}}. Les plates-formes supportées sont [[Déploiement IOS|iOS]], [[Déploiement Android|Android]], [[Déploiement BlackBerry|BlackBerry]], [[Déploiement Windows Phone|Windows Phone]], [[Déploiement Symbian|Symbian]] et [[Déploiement WebOS|WebOS]].<br /> <br /> : [[File:MobileHelloWorld7.png]]<br /> <br /> ==Voir aussi==<br /> <br /> * [[Application serveur mobile|Introduction aux applications serveur mobiles]].<br /> <br /> <br /> [[Category:Tutoriels]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Client_mobile_Hello_World&diff=710 Client mobile Hello World 2012-08-23T12:37:54Z

<p>AChaves : </p> <hr /> <div>Dans ce tutoriel, vous allez créer une application client mobile qui utilise les contrôles d'interface utilisateur suivants :<br /> * Un [[MEdit|champ texte]] pour entrer un nom.<br /> * Un [[MLabel|libellé]] pour afficher un message.<br /> * Un [[MButton|bouton]] qui, quand vous cliquez dessus, remplira le libellé avec le message "Hello, &lt;nom&gt;!", où &lt;nom&gt; sera le nom entré dans le champ texte.<br /> <br /> ==Créer une nouvelle application==<br /> <br /> Vous pouvez créer de nouveaux fichiers et projets à partir de la page '''Nouveau''' de la vue [[Accueil]]. Dans le côté gauche de la vue arborescente, sélectionnez ''Projets {{Product}}'', puis double-cliquez sur [[Application client mobile]] dans la zone supérieure droite.<br /> <br /> : [[File:HomeNewServerMobileApplication.png|640px]]<br /> <br /> Pour votre nouvelle application, une page client mobile (''vide'') initiale sera créée, et ouverte dans la vue [[Conception]].<br /> <br /> : [[File:DesignEmptyMobilePage.png|640px]]<br /> <br /> La zone centrale de la vue Conception sera occupée par le [[Concepteur mobile]], un outil d'édition graphique de pages mobiles. Vous noterez aussi différents widgets sur les côtés gauche, droit et inférieur du Concepteur mobile. Ceux-ci sont traités en détail dans les autres pages de la [[Conception|documentation]], et nous allons travailler avec certains d'entre eux dans ce tutoriel.<br /> <br /> ==Ajouter des contrôles==<br /> <br /> La première étape de la création d'une [[Application client mobile|application client mobile]] avec {{Product}} est la conception de l'interface utilisateur. De nombreux [[Composants|composants]] sont disponibles par défaut pour la création d'interfaces utilisateur. Déplacez votre curseur sur la [[Palette d'outils]] (''le widget situé dans le coin supérieur droit'') et développez la catégorie '''Mobile''' en cliquant sur l'icône plus (+). Sélectionnez ensuite le composant [[MEdit]] et déposez-le sur le [[Concepteur mobile]]. Une instance du composant sera affichée sur le Concepteur mobile.<br /> <br /> : [[File:ToolPaletteMobileHighlighted.png]] [[File:ToolPaletteMEditHighlighted.png]]<br /> <br /> Répétez ces étapes pour l'ajout des composants [[MLabel]] et [[MButton]] sur le Concepteur mobile.<br /> <br /> : [[File:ToolPaletteLabelHighlighted.png]] [[File:ToolPaletteMButtonHighlighted.png]]<br /> <br /> Vous devriez maintenant voir trois composants sur le Concepteur mobile. Utilisez le pointeur de la souris pour réarranger les composants à votre guise.<br /> <br /> : [[File:MobileHelloWorld1.png]]<br /> <br /> Vous pouvez visualiser et changer les propriétés d'un composant en utilisant [[Inspecteur d'objets|l'inspecteur d'objets]] et en sélectionnant le composant sur le Concepteur mobile.<br /> <br /> : [[File:MobileHelloWorld2.png]]<br /> <br /> Changez ensuite visuellement le {{P|MButton|libellé}} du composant [[MButton]]. Vous pouvez laisser les propriétés {{P|MLabel|Caption}} de [[MLabel]] et {{P|MEdit|Text}} de [[MEdit]] vides, puisque la première sera définie par programme, et la deuxième sera entrée par les utilisateurs. Vous devez aussi changer la propriété {{P|MButton|ButtonType}} du composant MButton sur {{Value|btNormal}}. Ainsi, un clic sur le bouton n'entraînera pas le rechargement de la page web.<br /> <br /> Pour changer une propriété d'un composant, sélectionnez le composant sur le Concepteur mobile (ou sur la liste déroulante dans la partie supérieure de [[Inspecteur d'objets|l'inspecteur d'objets]]), changez la valeur de la propriété cible et appuyez sur {{Key|Enter}} pour appliquer le changement. Dans l'écran ci-dessus, la propriété {{Property|Caption}} du composant MButton a été changée par {{PHP|"Say Hello"}}, et la propriété {{Property|ButtonType}} par {{Value|btNormal}}.<br /> <br /> ==Ecrire une réponse à un clic de bouton==<br /> <br /> Pour les applications mobiles, les réponses aux actions de l'utilisateur, telles que des clics sur les boutons ou des entrées dans les champs texte, peuvent être implémentées en tant que réponse à un événement. Dans {{Product}}, de telles réponses sont référencées en tant que '''[[Composants#Gestionnaires d'événements|gestionnaires d'événements]]'''.<br /> <br /> Pour le composant [[MButton]], l'événement le plus typique est un clic sur le bouton. Quand vous double-cliquez sur le contrôle MButton sur le [[Concepteur mobile]], {{Product}} crée un code squelette afin d'implémenter un gestionnaire d'événements pour l'événement clic de bouton.<br /> <br /> : [[File:MobileHelloWorld3.png]]<br /> <br /> Vous pouvez maintenant implémenter des réponses entre les accolades. Implémentons une réponse pour afficher un message dans le composant MLabel : "Hello, <nom entré dans le composant MEdit>!".<br /> <br /> {{JavaScript|1= $('#MLabel1').html("Hello, " + $('#MEdit1').val() + "!"); }}<br /> <br /> La méthode {{JavaScript|html()}} du [[Documentation#jQuery|jQuery]] vous permet de définir le contenu d'un élément tel qu'un [[MLabel]], tandis que {{JavaScript|val()}} vous permet de récupérer la valeur d'un champ d'entrée tel qu'un contrôle [[MEdit]]. Dans [[Documentation#JavaScript|JavaScript]], les marques de délimitation qui doivent encadrer les littéraux chaîne sont {{JavaScript|' '}} ou {{JavaScript|" "}}. Vous pouvez aussi utiliser le signe plus ({{JavaScript|+}}) pour concaténer des chaînes.<br /> <br /> Quand vous tapez du code, vous obtenez des conseils indiquant les types des membres qui sont supportés dans un objet donné, c'est-à-dire les propriétés et les méthodes des éléments JavaScript (et jQuery) représentant vos [[Composants|composants]].<br /> <br /> : [[File:MobileHelloWorld4.png]]<br /> <br /> ==Tester votre application dans un navigateur web==<br /> <br /> L'implémentation de cette application est terminée, vous pouvez donc l'exécuter : cliquez sur le bouton Exécuter dans la [[Barre d'outils principale|barre d'outils principale]] ou appuyez sur {{Key|F9}}. Afin d'obtenir des résultats proches de ceux obtenus quand vous exécutez votre application dans un périphérique réel, vous devez utiliser le navigateur Chrome, ou accéder à l'application à distance à partir d'un navigateur mobile. Voir [[Exécution mobile]].<br /> <br /> : [[File:MobileHelloWorld5.png]]<br /> <br /> Dès que vous exécutez l'application, la page mobile avec un [[MEdit]] et un [[MButton]] est chargée sur votre navigateur web par défaut. Entrez un texte dans le composant MEdit et cliquez sur le bouton '''Say Hello'''.<br /> <br /> : [[File:MobileHelloWorldFirefox.png]]<br /> <br /> ==Déployer votre application==<br /> <br /> Vous pouvez déployer votre application sur tout système mobile majeur comme une application native depuis {{Menu|Accueil &gt; Déployer sur mobile}}. Les plates-formes supportées sont [[Déploiement IOS|iOS]], [[Déploiement Android|Android]], [[Déploiement BlackBerry|BlackBerry]], [[Déploiement Windows Phone|Windows Phone]], [[Déploiement Symbian|Symbian]] et [[Déploiement WebOS|WebOS]].<br /> <br /> : [[File:MobileHelloWorld7.png]]<br /> <br /> ==Voir aussi==<br /> <br /> * [[Application client mobile|Introduction aux applications client mobiles]].<br /> <br /> <br /> [[Category:Tutoriels]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Nouveaut%C3%A9s&diff=538 Nouveautés 2012-08-22T11:49:19Z

<p>AChaves : </p> <hr /> <div>'''{{ProductAndVersion}}''' se concentre sur le développement des applications web et mobiles en utilisant les derniers standards et technologies web. Il inclut de nombreuses fonctionnalités nouvelles et des améliorations pour vous rendre la vie plus facile, et prend la [[Wikipedia:Développement rapide d'applications|méthodologie RAD]] encore plus dans le développement d'applications web mobile et web.<br /> <br /> ==Interface==<br /> <br /> [[File:HomeStart.png|thumb|450px]]<br /> <br /> Nous avons reconçu l'interface utilisateur afin d'améliorer sa convivialité. La nouvelle interface fournit plusieurs '''vues''', avec des barres d'outils contextuelles, pour vous permettre de vous concentrer sur l'aspect de votre application sur lequel vous travaillez à chacune des étapes suivantes : ''écriture de la logique'', ''conception de l'interface'', ''gestion des bases de données'' et davantage. '''[[L'EDI|Prise en main !]]'''<br /> <br /> ==HTML5==<br /> <br /> {{ProductAndVersion}} apporte le support de '''HTML5''', la nouvelle version du standard web qui révolutionne l'écriture des pages web.<br /> <br /> De nouveaux composants ont été ajoutés pour vous procurer les nouvelles fonctionnalités de HTML5 :<br /> * Utilisez le composant '''[[Canvas]]''' pour dessiner facilement des images interactives ''2D et 3D''.<br /> * Obtenez et surveillez ''l'emplacement'' de vos utilisateurs avec le composant '''[[Geolocation]]'''.<br /> * Lisez le contenu ''audio et vidéo'' sur le composant '''[[Media]]'''.<br /> <br /> En outre, certains composants dépendants des bibliothèques JavaScript ont été complètement réimplémentés en prenant en compte les avantages de HTML5 : [[Bevel]], [[ColorPicker]], [[DateTimePicker]], [[ProgressBar]], [[Shape]], [[TrackBar]], [[SpinEdit|UpDown]].<br /> <br /> D'autres fonctionnalités ont aussi été ajoutées aux composants existants :<br /> * Utilisez la propriété {{Property|Draggable}} du contrôle pour activer les implémentations [[Glisser-déposer|glisser-déposer]].<br /> * Créez un composant [[DataList]] et liez-le à un composant d'entrée de texte afin que les données soient fournies en suggestion d'entrée.<br /> * Améliorez la [[Navigation par tabulation|navigation par tabulation]] de vos pages avec la nouvelle propriété {{Property|ActiveControl}} qui définit le contrôle qui obtient la focalisation au chargement de la page.<br /> * Sélectionnez un {{Property|InputType}} pour vos composants [[Edit]] et [[MEdit]], offrant une validation facile côté client.<br /> <br /> ==CSS3==<br /> <br /> '''CSS3''', la troisième version du langage de feuille de style standard, est aussi supporté dans {{ProductAndVersion}}. Vous pouvez donc maintenant obtenir l'accès aux propriétés de style avancées sur chaque [[Contrôles|contrôle]] :<br /> * Obtenez des ''coins arrondis'' avec '''BorderRadius'''. Cette nouvelle super propriété regroupe toutes les propriétés associées aux bordures.<br /> * '''BoxShadow''' et '''TextShadow''' fournissent des ''effets d'ombre'' pour les conteneurs et le contenu.<br /> * Avec '''Gradient''', vous pourrez générer les ''combinaisons de couleurs'' dont vous avez besoin sans dépendre des fichiers image.<br /> * Utilisez '''Transform''' pour ''animer'' la présentation de votre contenu.<br /> * Associez des [[Animation|animations personnalisées]] aux événements de vos contrôles en utilisant leur propriété '''Animations'''.<br /> <br /> Toutes les propriétés incluent des '''éditeurs de propriétés''' personnalisés afin que vous puissiez personnaliser la conception du contrôle à la volée.<br /> <br /> En outre, l'intégralité du code CSS est maintenant imprimé sur un fichier {{Path|.css}} généré dynamiquement, au lieu d'être imprimé sur la page elle-même. En conséquence, le contenu et le style des pages web résultantes sont maintenant séparés, rendant vos pages plus lisibles, plus faciles à déboguer, et plus rapides grâce aux systèmes cache des agents utilisateur.<br /> <br /> ==Projets==<br /> <br /> Des types de fichier et de projet supplémentaires sont à présent supportés :<br /> * '''[[Application client web]]''' et '''[[Page client]]'''. Développez des applications web avec les technologies côté client que vous pouvez exécuter sans un serveur web.<br /> * '''[[Application client mobile]]''' et '''[[Page client mobile]]'''. Développez des applications mobiles avec les technologies côté client que vous pouvez exécuter sans un serveur web.<br /> * '''[[Thème mobile]]'''. Créez facilement des thèmes pour vos applications mobiles avec le concepteur visuel de {{Product}}.<br /> <br /> ==Et plus encore==<br /> <br /> * Les [[Page serveur mobile|pages mobiles]] accueillent les nouveaux composants : '''[[MCanvas]]''', '''[[MImage]]''', '''[[MLabel]]''', '''[[MMap]]''', '''[[MMedia]]''', '''[[MShape]]'''.<br /> * Lors du [[Déploiement mobile|déploiement des applications mobiles]], vous pouvez maintenant utiliser {{Product}} pour que vos applications soient construites dans le cloud avec '''[[PhoneGap Build]]'''.<br /> * Le composant [[Image]] supporte maintenant les graphiques vecteur dans '''SVG''', que vous pouvez animer et modifier ''en temps réel'' depuis [[Documentation#JavaScript|JavaScript]].<br /> * Les propriétés basées sur les couleurs supportent maintenant les valeurs '''RVBA'''. Le quatrième canal de couleur, alpha, vous permet de définir un niveau de transparence pour vos couleurs.<br /> * '''{{Property|HiddenFields}}''' n'est plus un composant, mais une propriété des pages [[Page|web]] et [[MPage|mobiles]], une nouvelle approche plus facile et plus propre.<br /> * [[Editeur de code#Audit de code|Audit de code]] supporte HTML, JavaScript et jQuery.<br /> <br /> <br /> [[Category:Introduction]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Notes_de_release_HTML5_Builder&diff=540 Notes de release HTML5 Builder 2012-08-22T11:49:19Z

<p>AChaves : </p> <hr /> <div>Cette page contient des informations complémentaires importantes qui peuvent ne pas apparaître dans [[Accueil|Documentation {{Product}}]]. Lisez-la entièrement.<br /> <br /> ==Aperçu==<br /> <br /> {{Product}} vous aide à travailler sur une large diversité de projets, en se concentrant sur les [[Conception|outils graphiques]] et une approche basée sur les [[Composants|composants]], mais aussi sur les [[Code|outils d'édition de code]] puissants et les fonctionnalités avancées.<br /> <br /> ; Applications web<br /> : Application web complète, à la fois [[Application client web|côté client]] et [[Application serveur web|côté serveur]].<br /> <br /> ; Applications mobiles<br /> : Application mobile web complète, à la fois [[Application client mobile|côté client]] et [[Application serveur mobile|côté serveur]], qui peut être déployée en tant qu'application native.<br /> <br /> ; Services web<br /> : Applications modulaires qui [[Introduction aux applications SOAP serveur|fournissent des fonctionnalités sur internet]].<br /> <br /> ; Applications PHP<br /> : Applications web ou en ligne de commande, écrites en PHP brut.<br /> <br /> ==Version d'évaluation==<br /> <br /> ===Mettre à niveau vers un produit à licence complète===<br /> <br /> Suivez les étapes ci-dessous pour mettre à niveau une version d'évaluation de '''{{Product}}''' :<br /> * Si votre évaluation a ''expiré'' :<br /> *# Lancez '''{{Product}}'''. L'expert ''d'enregistrement des produits Embarcadero'' apparaît.<br /> *# Entrez votre nouveau ''numéro de série''.<br /> *# ''Enregistrez'' votre produit.<br /> * Si votre évaluation n'a ''pas expiré'' :<br /> *# Exécutez {{Path|LicenseManager.exe}}, que vous trouverez dans le dossier {{Path|bin}} du [[Chemins#Répertoire d'installation|répertoire d'installation de '''{{Product}}''']].<br /> *# Choisissez {{Menu|Série &gt; Ajouter}}.<br /> *# Entrez votre nouveau ''numéro de série'' et cliquez sur '''OK'''.<br /> *# Vérifiez que votre nouveau ''numéro de série'' est listé sous le noeud ''Numéros de série non enregistrés''. Si votre numéro de série n'est pas listé ici, quittez le ''Gestionnaire de licences'', vérifiez le ''numéro de série'' et répétez le processus à partir de l'étape 1.<br /> *# Sélectionnez votre nouveau ''numéro de série'' dans le ''Gestionnaire de licences'' et choisissez {{Menu|Série &gt; Enregistrer}}.<br /> *# L'expert ''d'enregistrement des produits Embarcadero'' apparaît, ''enregistrez'' alors votre produit.<br /> <br /> ===Vérifier les jours restants===<br /> <br /> Pour vérifier le nombre de jours restants de votre version d'évaluation de '''{{Product}}''' :<br /> # Exécutez {{Path|LicenseManager.exe}}, que vous trouverez dans le dossier {{Path|bin}} du [[Chemins#Répertoire d'installation|répertoire d'installation de '''{{Product}}''']].<br /> # Développez le côté gauche de l'arborescence, et cliquez sur l'entrée '''{{Product}}'''.<br /> <br /> Vous devriez maintenant voir les ''jours restants'' sur le volet de droite.<br /> <br /> Dès que votre évaluation expire, l'expert ''d'enregistrement des produits Embarcadero'' apparaît quand vous lancez '''{{Product}}''', et vous serez invité à entrer le ''numéro de série'' de votre produit complet acheté.<br /> <br /> ==Notes==<br /> <br /> ===Général===<br /> <br /> ; Différences entre les navigateurs<br /> : Il peut exister de légères différences entre le rendu de la même page par différents navigateurs web, puisque leurs implémentations HTML, CSS et JavaScript ne sont pas toujours compatibles avec les standards, fournissent une interprétation différente de ces standards, ou incluent leurs propres extensions.<br /> : Vous devez vérifier que vos pages fonctionnent sur les navigateurs que vous ciblez.<br /> <br /> ; Invocation des templates de code<br /> : Les utilisateurs de Delphi et C++Builder s'attendent à ce que des ''[[Editeur de code#Audit de code|templates de code]]'' soient ajoutés à [[Editeur de code|l'éditeur de code]] lors de la frappe de mots clés tels que {{PHP|for}} suivis d'un espace. Dans '''{{Product}}''', vous devez à la place appuyer sur {{Key|Ctrl}}+{{Key|J}}.<br /> <br /> ; Débogage JavaScript<br /> : Actuellement, le [[Débogueur|débogueur]] ne supporte pas [[Documentation#JavaScript|JavaScript]]. Tout [[Débogueur#Points d'arrêt|point d'arrêt]] sur le code JavaScript sera ''ignoré''.<br /> <br /> ; Permissions en écriture<br /> : Vous devez disposer d'une permission en écriture sur les dossiers où sont localisées les pages basées sur des composants, puisque '''{{Product}}''' écrit dans ces dossiers pour restituer les composants.<br /> <br /> ; Refactoring<br /> : Le refactoring [[Refactoring#Superclasse|Extraire une superclasse]] n'est pas supporté à travers plusieurs fichiers.<br /> <br /> ; Nom de table dans la fenêtre SQL sur Windows XP<br /> : Sur ''Windows XP'', quand vous glissez-déposez une table sur la fenêtre SQL, l'objet table résultante n'affiche pas le nom de la table. Cela peut causer une confusion si vous glissez-déposez plusieurs tables à la fois.<br /> <br /> ; Composants Google de Zend Framework<br /> : Pour que les composants Google de Zend Framework fonctionnent, vous devrez [[Paramètres PHP#Extensions|activer l'extension PHP OpenSSL]] ({{Value|php_openssl.dll}}).<br /> <br /> ; Composants de Zend Framework et Xammp<br /> : Xampp inclut une version de Zend Framework différente de celle de '''{{Product}}''', qui peut causer des problèmes. Modifiez la propriété {{Property|include_path}} du serveur afin que ''{{Library}}'' puisse trouver le Zend Framework approprié.<br /> <br /> ; Explorateur de données, MySQL 5.1 et UTF-8<br /> : Des problèmes sont connus concernant la tentative d'utilisation de [[Explorateur de données|l'explorateur de données]] pour accéder à un serveur [[MySQL]] 5.1 et la définition du paramètre {{Property|ServerChartset}} de la connexion sur {{Value|UTF-8}}. Si vous devez travailler sur un tel serveur et utiliser ce jeu de caractères, évitez d'utiliser [[Explorateur de données|l'explorateur de données]] et configurez manuellement vos [[Composants d'accès aux données|composants d'accès aux données]].<br /> <br /> ; Apache, PHP et IIS<br /> : '''{{Product}}''' ''copie'' son propre jeu de Apache et PHP sur votre disque dur, mais cela n'affecte '''pas''' les installations existantes de ces applications. Si vous avez déjà installé Apache et PHP sur votre machine, toute configuration effectuée par ces installations ''reste inchangée''. Les fichiers inclus avec '''{{Product}}''' ne sont ''pas installés'' sur votre machine, ils sont simplement ''copiés'' et utilisés quand c'est nécessaire.<br /> : Vous pouvez utiliser [[Wikipedia:Internet Information Services|IIS]] pour exécuter vos applications. Pour cela, enregistrez simplement votre projet dans un dossier public de IIS (par exemple, {{Path|C:\inetpub\wwwroot}}) et utilisez votre navigateur web pour exécuter vos fichiers {{Path|.php}}. Le débogage pourrait aussi fonctionner, mais il n'est pas actuellement supporté.<br /> <br /> ===Mobile===<br /> <br /> ; Tables BlackBerry<br /> : Les [[Composants matériel mobile|composants matériel]] ne sont pas supportés par les tablettes BlackBerry, seulement par les ''smartphones''. Voir [[Support mobile]].<br /> <br /> ; Emulateur Android<br /> : Sur des systèmes lents, tels que les ''machines virtuelles'', vous pouvez obtenir le message d'erreur suivant à chaque fois que vous exécutez l'émulateur Android : ''Erreur : Impossible d'accéder au gestionnaire de packages. Système en cours d'exécution ?'' Cela est du à un problème en amont avec les outils du SDK Android, l'émulateur a une valeur de délai d'expiration que vous ne pouvez pas changer. Si cela vous arrive, essayez de démarrer l'émulateur hors de '''{{Product}}''', [[Déploiement Android|l'expert pour {{Cordova}}]] peut alors exécuter votre application mobile sur l'émulateur en cours d'exécution, en évitant tout délai d'expiration.<br /> <br /> ; Périphériques ASUS<br /> : Pour certains périphériques ASUS, vous devez utiliser des outils ASUS qui incluent leur propre <tt>adb</tt>. <tt>adb</tt> est un outil Android en ligne de commande pour la gestion des périphériques virtuels et de la connexion aux périphériques réels. Avoir deux instances de <tt>adb</tt> conduira à la non copie des applications sur votre périphérique ASUS.<br /> <br /> ; Liens externes et MIFrame sur iOS<br /> : Les périphériques iOS manquent de boutons de navigation, et utilisent ainsi le navigateur {{Cordova}} (le moteur qui fait fonctionner les applications mobiles de {{Product}}). Quand vous ouvrez un lien externe à partir du navigateur {{Cordova}} sur des périphériques iOS, vous ne pouvez pas revenir à votre application. Vous pouvez éviter ce problème en [[Déploiement IOS#Configuration des liens externes|configurant votre application]] afin qu'elle utilise le navigateur par défaut du périphérique au lieu du navigateur {{Cordova}}, rendant les composants [[MIFrame]] inutiles, ou vous pouvez [[Déploiement IOS#Configuration des liens externes|définir les liens qui doivent être ouverts sur un navigateur externe et quels liens sur le navigateur {{Cordova}}]].<br /> <br /> ==Aide==<br /> <br /> {{Product}} inclut une documentation hors ligne complète, disponible à partir de la [[Barre d'outils principale|barre d'outils principale]]. Pour de plus amples informations sur la documentation disponible, hors ligne et en ligne, lisez la page '''[[Documentation]]'''.<br /> <br /> [[Editeur de code|L'éditeur de code]] fournit aussi une aide en ligne pour PHP, vous avez seulement à appuyer sur {{Key|Ctrl}}+{{Key|Espace}} tout en travaillant sur le noyau pour l'afficher.<br /> <br /> L'aide de {{Product}} inclut une page, '''[[Applications exemple]]''', qui explique où trouver les applications exemple et comment les configurer (c'est-à-dire installer la base de données qu'elles utilisent, etc.).<br /> <br /> Vous trouverez aussi des ressources d'aide supplémentaires sur [http://edn.embarcadero.com/radphp ''Embarcadero {{Product}} Developer Network''].<br /> <br /> ==Support==<br /> <br /> Le '''Support Développeurs Embarcadero''' fournit le support des équipes de développement logiciel à des milliers de clients à travers le monde. Pour obtenir un accès aux services de support tels que les ''questions souvent posées'', ''l'ouverture d'un cas de support'' et ''les groupes de discussion technique utilisateur'', visitez [http://support.embarcadero.com support.embarcadero.com].<br /> <br /> ==Mises à jour==<br /> <br /> Vous pouvez télécharger les mises à jour de Productici. Suivez les Instructions de mise à niveau|instructions de mise à niveau pour installer la mise à niveau.<br /> <br /> Les dernières releases du Library, la bibliothèque principale de Product, peuvent être téléchargées depuis SourceForge.<br /> <br /> ==Logiciels tiers==<br /> <br /> {{Product}} inclut des logiciels tiers. La liste ci-dessous inclut certains de ces packages logiciel, avec la version incluse dans {{Product}} avec la release en cours :<br /> <br /> {{ThirdPartySoftware|Apache|2.2.15}}<br /> {{ThirdPartySoftware|JQuery|1.7.1}}<br /> {{ThirdPartySoftware|JQueryMobile|1.1.1}}<br /> {{ThirdPartySoftware|{{Cordova}}|1.8.1}}<br /> {{ThirdPartySoftware|PHP|5.3.6}}<br /> {{ThirdPartySoftware|Zend Framework|1.11.11}}<br /> <br /> <br /> [[Category:Introduction]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Notes_de_d%C3%A9ploiement&diff=544 Notes de déploiement 2012-08-22T11:49:19Z

<p>AChaves : </p> <hr /> <div>Cette page contient des informations importantes à propos du déploiement des applications développées avec {{Product}}. Lisez-la avant de commencer les procédures de déploiement de vos applications.<br /> <br /> ==Déploiement général des applications==<br /> <br /> Lors de la construction d'applications client ([[Client Web Application|web]] et [[Client Mobile Application|mobile]]) et d'applications serveur ([[Server Web Application|web]] et [[Server Mobile Application|mobile]]), fournissez tous les fichiers (scripts, templates, images, etc.) nécessaires à votre application.<br /> <br /> Les applications serveur doivent aussi s'exécuter dans un environnement dans lequel les transmissibles {{Library}} sont installés. Si vous utilisez des composants tiers non inclus dans les [[Accueil#Composants intégrés|composants intégrés]], assurez-vous d'inclure aussi ces composants et leurs dépendances dans votre distribution.<br /> <br /> ==Composants et packages==<br /> <br /> ===Distribution des composants et packages personnalisés===<br /> <br /> Si vous distribuez des composants ou packages {{Product}} à d'autres développeurs, veillez à fournir les fichiers nécessaires, notamment les fichiers de définition ({{Path|.php}}), [[Packages {{Library}}|fichiers package]] ({{Path|.package.php}}), scripts, templates, images, ou autres fichiers utilisés par vos composants. Incluez aussi toute documentation disponible.<br /> <br /> ===Composants et packages {{Library}}===<br /> <br /> La bibliothèque {{Library}} transmissible réside dans le sous-dossier {{Path|\{{lc:{{Library}}}}}} de votre [[Chemins#Répertoire d'installation|répertoire d'installation {{Product}}]]. Sauf spécification contraire, vous êtes libre de distribuer le contenu de ce dossier sous les termes de la licence '''LGPL'''. Lisez le fichier {{Path|ThirdPartyLicense.rtf}}, résidant dans le dossier {{Path|bin}} du [[Chemins#Répertoire d'installation|répertoire d'installation]], pour obtenir des détails sur les termes de la licence.<br /> <br /> Vous devez déployer le contenu du dossier {{Library}} sur votre serveur de production, à un emplacement accessible par le serveur web. Par exemple, dans le sous-dossier {{Path|/rpcl}} de votre dossier {{Path|httpdocs}}. Cela peut être réalisé en compressant le dossier {{Library}} entier sur un fichier {{Path|.tar.gz}}, en téléchargeant le fichier sur le serveur et en décompressant le fichier dans le dossier racine de vos applications.<br /> <br /> Voici la structure typique d'une application {{Product}} :<br /> <br /> {| <br /> | '''Dossier'''<br /> | '''Contenu'''<br /> | '''Description'''<br /> |- <br /> | {{Path|/}}<br /> | {{Path|.php}}, {{Path|.xml.php}}<br /> | Le dossier racine de votre application.<br /> |- <br /> | {{Path|/rpcl}}<br /> | {{Path|rpcl.inc.php}}, {{Path|forms.inc.php}}, {{Path|stdctrls.inc.php}}, etc.<br /> | Le dossier où la bibliothèque {{Library}} réside.<br /> |} <br /> <br /> ===Bibliothèques tierces incluses dans la bibliothèque {{Library}}===<br /> <br /> Consultez le fichier {{Path|ThirdPartyLicense.rtf}}, résidant dans le dossier {{Path|bin}} du [[Chemins#Répertoire d'installation|répertoire d'installation]], pour revoir les licences respectives du code sous licence distincte inclus dans la bibliothèque {{Library}}.<br /> <br /> ==Autres composants==<br /> <br /> Tout fichier, module ou composant non désigné comme transmissible dans ce document ne peut pas être redistribué, et est limité à votre utilisation sous les termes du contrat de licence d'utilisateur final (''Contrat de licence logicielle et de support'') accompagnant ce produit.<br /> <br /> ==Fichiers transmissibles supprimés ou modifiés==<br /> <br /> <span style="text-transform: uppercase;">Embarcadero se réserve le droit de retirer ou de modifier des fichiers transmissibles de ce produit logiciel Embarcadero à tout moment avant la commercialisation du produit, que ces fichiers continuent ou non à être définis comme "transmissibles" lors de la commercialisation du produit. Embarcadero n'aura aucune obligation quelle qu'elle soit concernant tout fichier défini comme "transmissible" qui aura été retiré du produit avant la commercialisation du produit.</span><br /> <br /> Sauf indication contraire, tous les matériaux fournis dans cette release sont Copyright © 2004-2012 par Embarcadero Technologies, Inc.<br /> <br /> <br /> [[Category:Introduction]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=L%27EDI&diff=546 L'EDI 2012-08-22T11:49:19Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|basics=}}<br /> <br /> L'interface de {{Product}} est divisée en plusieurs '''vues''', conçues pour correspondre à votre flux de travail et vous permettre de vous concentrer sur la tâche à portée de main.<br /> <br /> La '''[[Barre d'outils principale|barre d'outils principale]]''' est située sur le côté supérieur de l'interface, et est disponible sur toutes les vues :<br /> <br /> [[File:Main Toolbar.png|700px|link=Main Toolbar]]<br /> <br /> A partir de la barre d'outils, vous pouvez accéder aux vues disponibles. La barre d'outils est '''contextuelle''', et elle ne vous montrera que les vues utilisables pour le fichier de travail. Par exemple, la vue ''Données'' est seulement disponible quand vous travaillez sur un ''script SQL''.<br /> <br /> Vous pouvez travailler avec les vues suivantes :<br /> <br /> <div style="float: left; width: 300px; margin: 10px; clear: left;">[[File:HomeStart.png|300px|link=Accueil]] '''[[Accueil]]''' — Gérer vos fichiers et projets, configurer {{Product}}, déployer vos applications, et davantage.</div><br /> <br /> <div style="float: left; width: 300px; margin: 10px;">[[File:Code.png|300px|link=Code]] '''[[Code]]''' — Outils d'édition du code.</div><br /> <br /> <div style="float: left; width: 300px; margin: 10px; clear: left;">[[File:Design.png|300px|link=Conception]] '''[[Conception]]''' — Outils d'édition visuelle.</div><br /> <br /> <div style="float: left; width: 300px; margin: 10px;">[[File:Data.png|300px|link=Données]] '''[[Données]]''' — Accéder aux données renvoyées par vos requêtes.</div><br /> <br /> <div style="float: left; width: 300px; margin: 10px; clear: left;">[[File:Template.png|300px|link=Template]] '''[[Template]]''' — Utiliser un template pour concevoir vos interfaces.</div><br /> <br /> <div style="float: left; width: 300px; margin: 10px;">[[File:Preview.png|300px|link=Aperçu]] '''[[Aperçu]]''' — Obtenir un aperçu du rendu de votre code.</div><br /> <br /> <div style="float: left; width: 300px; margin: 10px; clear: left;">[[File:History.png|300px|link=Historique]] '''[[Historique]]''' — Accéder aux versions précédentes de vos fichiers.</div><br /> <br /> <div style="float: left; width: 300px; margin: 10px;">[[File:Debug.png|300px|link=Débogage]] '''[[Débogage]]''' — Localiser les erreurs logiques dans vos applications.</div><br /> <br /> <br /> [[Category:Interface| ]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Accueil&diff=536 Accueil 2012-08-22T11:49:19Z

<p>AChaves : </p> <hr /> <div>__NOTOC__<br /> <table cellpadding="10" ><tr >[[File:box-delphi-php.png|300px]]<br /> </tr><br /> <tr ><h1><br /> Documentation {{ProductAndVersion}}</h1><br /> La documentation '''{{Product}}''' inclut plusieurs guides couvrant différents aspects de l'environnement de développement intégré et décrit comment construire des applications avec cet environnement :<br /> <br /> * '''[[#Prise en main|Prise en main]]'''<br /> ** '''[[#Premières étapes|Premières étapes]]'''<br /> ** '''[[#Ressources d'aide|Ressources d'aide]]'''<br /> * '''[[#Applications client mobiles|Applications client mobiles]]'''<br /> * '''[[#Applications client web|Applications client web]]'''<br /> * '''[[#Applications serveur mobiles|Applications serveur mobiles]]'''<br /> * '''[[#Applications serveur web|Applications serveur web]]'''<br /> * '''[[#Autres projets|Autres projets]]'''<br /> ** '''[[#Composants|Composants]]'''<br /> ** '''[[#Applications SOAP serveur|Applications SOAP serveur]]'''<br /> * '''[[#Annexes|Annexes]]'''<br /> ** '''[[#Interface|Interface]]'''<br /> ** '''[[#Composants intégrés|Composants intégrés]]'''<br /> ** '''[[#Gestion des fichiers|Gestion des fichiers]]'''<br /> ** '''[[#Paramètres|Paramètres]]'''<br /> <br /> C'est un wiki, vous pouvez donc [[Contribuer à la documentation|'''contribuer''']] à l'amélioration de la documentation. N'hésitez pas à corriger des erreurs de grammaire, à utiliser les sections de discussion pour demander une documentation plus détaillée à propos d'une rubrique donnée, ou à ajouter de nouvelles pages.<br /> </tr><br /> </table><br /> <br /> ==Introduction==<br /> <br /> ===Premières étapes===<br /> <br /> # [[Introduction|Guide de prise en main]]<br /> # [[Nouveautés|Nouveautés de {{ProductAndVersion}}]]<br /> # [[Toutes les notes de release|Notes de release]]<br /> # [[Notes d'installation]]<br /> # [[Notes de déploiement]]<br /> <br /> ===Ressources d'aide===<br /> <br /> # [[Documentation]]<br /> # [[Applications exemple]]<br /> # [[Questions souvent posées]]<br /> # [[Tutoriels]]<br /> # [[Tutoriels vidéo]]<br /> # [[Problèmes souvent rencontrés]]<br /> # [[Forums]]<br /> # [[Glossaire]]<br /> <br /> ==Applications client mobiles==<br /> <br /> ===Développement===<br /> <br /> # [[Application client mobile|Introduction]]<br /> # [[Animations]]<br /> # [[Stockage côté client|Stockage]]<br /> # [[Templates d'interface|Templates]]<br /> # [[Thèmes mobiles|Thèmes]]<br /> <br /> ===Améliorations===<br /> <br /> # [[Exécution mobile|Exécution]]<br /> # [[Introduction au test mobile|Débogage]]<br /> <br /> ===Déploiement===<br /> <br /> # [[Déploiement mobile|Introduction]]<br /> # [[Déploiement IOS|iOS]]<br /> # [[Déploiement Android|Android]]<br /> # [[Déploiement BlackBerry|BlackBerry]]<br /> # [[Déploiement Windows Phone|Windows Phone]]<br /> # [[Déploiement Symbian|Symbian]]<br /> # [[Déploiement WebOS|WebOS]]<br /> <br /> ==Applications client web==<br /> <br /> ===Développement===<br /> <br /> # [[Application client web|Introduction]]<br /> # [[Animations]]<br /> # [[Glisser-déposer]]<br /> # [[Stockage côté client|Stockage]]<br /> # [[Templates d'interface|Templates]]<br /> <br /> ===Améliorations===<br /> <br /> # [[Exécution web|Exécution]]<br /> <br /> ===Déploiement===<br /> <br /> # [[Déploiement des applications web|Applications]]<br /> <br /> ==Applications serveur mobiles==<br /> <br /> ===Développement===<br /> <br /> # [[Application serveur mobile|Introduction]]<br /> # [[Hello World serveur mobile|Hello World]]<br /> # [[Développement mobile côté serveur|Côté serveur]]<br /> # [[Développement mobile côté client|Côté client]]<br /> # [[Animations]]<br /> # [[Connexions aux bases de données]]<br /> # [[AJAX mobile|AJAX]]<br /> # [[Internationalisation et localisation]]<br /> # [[Thèmes mobiles|Thèmes]]<br /> <br /> ===Améliorations===<br /> <br /> # [[Exécution mobile|Exécution]]<br /> # [[Introduction au test mobile|Débogage]]<br /> <br /> ===Déploiement===<br /> <br /> # [[Déploiement mobile|Introduction]]<br /> # [[Déploiement IOS|iOS]]<br /> # [[Déploiement Android|Android]]<br /> # [[Déploiement BlackBerry|BlackBerry]]<br /> # [[Déploiement Windows Phone|Windows Phone]]<br /> # [[Déploiement Symbian|Symbian]]<br /> # [[Déploiement WebOS|WebOS]]<br /> <br /> ==Applications serveur web==<br /> <br /> ===Développement===<br /> <br /> # [[Application serveur web|Introduction]]<br /> # [[Page serveur AJAX|AJAX]]<br /> # [[Animations]]<br /> # [[Stockage côté client]]<br /> # [[Connexions aux bases de données]]<br /> # [[DataSnap]]<br /> # [[Glisser-déposer]]<br /> # [[Internationalisation et localisation]]<br /> # [[Conteneurs en couches|Couches]]<br /> # [[Templates d'interface|Templates]]<br /> <br /> ===Améliorations===<br /> <br /> # [[Exécution web|Exécution]]<br /> # [[Débogueur|Débogage]]<br /> # [[Profileur|Profilage]]<br /> # [[Refactoring]]<br /> <br /> ===Déploiement===<br /> <br /> # [[Déploiement des applications web|Applications]]<br /> # [[Expert Documentation|Documentation]]<br /> <br /> ==Autres projets==<br /> <br /> ===Composants===<br /> <br /> # [[Introduction aux composants {{Library}}|Introduction]]<br /> # [[Composants {{Library}} Hello World|Hello World]]<br /> # [[Sortie des composants|Sortie]]<br /> # [[Constantes d'environnement des composants|Constantes d'environnement]]<br /> # [[Identificateurs uniques des composants|Identificateurs uniques]]<br /> # [[Propriétés des composants {{Library}}|Propriétés]]<br /> # [[Evénements des composants {{Library}}|Evénements]]<br /> # [[Etats de contrôle des composants {{Library}}|Etats de contrôle]]<br /> # [[Cycle de vie des composants {{Library}}|Cycle de vie]]<br /> # [[Sensibilisation aux données des composants {{Library}}|Sensibilisation aux données]]<br /> # [[Persistance des composants {{Library}}|Persistance]]<br /> # [[Conteneurs en couches]]<br /> # [[Intégration {{Product}} des composants {{Library}}|Intégration {{Product}}]]<br /> # [[Introduction au test des composants {{Library}}|Test]]<br /> <br /> ===Applications SOAP serveur===<br /> <br /> # [[Introduction aux applications SOAP serveur|Introduction]]<br /> <br /> ==Annexes==<br /> <br /> ===Interface===<br /> <br /> # [[Barre d'outils principale]]<br /> # [[Accueil]]<br /> # [[Code]]<br /> # [[Conception]]<br /> # [[Données]]<br /> # [[Template]]<br /> # [[Aperçu]]<br /> # [[Historique]]<br /> # [[Déboguer]]<br /> <br /> ===Composants intégrés===<br /> <br /> # [[Composants standard|Standard]]<br /> # [[Composants supplémentaires|Supplémentaires]]<br /> # [[Composants avancés|Avancés]]<br /> # [[Composants système|Système]]<br /> # [[Composants d'accès aux données|Accès aux données]]<br /> # [[Contrôles de données]]<br /> # [[Composants services web|Services web]]<br /> # [[Composants Zend|Zend Framework]]<br /> # [[Composants Google|Google]]<br /> # [[Composants plugins sociaux Facebook|Plugins sociaux Facebook]]<br /> # [[Composants DataSnap|DataSnap]]<br /> # [[Composants mobiles|Mobiles]]<br /> # [[Composants matériel mobile|Matériel mobile]]<br /> <br /> ===Gestion des fichiers===<br /> <br /> # [[Fichiers]]<br /> # [[Projets]]<br /> # [[Groupes de projets]]<br /> # [[Packages {{Library}}]]<br /> # [[Fichiers de ressources]]<br /> # [[Chemins]]<br /> <br /> ===Paramètres===<br /> <br /> # [[Changer le port du débogueur]]<br /> # [[Paramètres PHP]]<br /> # [[Traductions]]<br /> # [[Encodage UTF-8]]<br /> <br /> <br /> [[Category:Documentation| ]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Notes_d%27installation&diff=542 Notes d'installation 2012-08-22T11:49:19Z

<p>AChaves : </p> <hr /> <div>Cette page contient des informations importantes concernant l'installation de {{Product}}. Lisez-la avant de procéder à l'installation du produit sur votre système.<br /> <br /> ==Exigences==<br /> <br /> ===Développement===<br /> <br /> ====Exigences matérielles====<br /> <br /> * Intel® Pentium® III/M 1.4 GHz ou Pentium IV 1.4 GHz minimum.<br /> * 512 Mo RAM (1 Go pour Microsoft® Windows Vista™, Microsoft® Windows 7 ou Microsoft® Windows 8 Release Preview).<br /> * 300 Mo d'espace disque dur libre.<br /> * Moniteur SVGA ou de meilleure résolution (XGA recommandé).<br /> * Souris ou autre périphérique de pointage.<br /> <br /> ====Systèmes d'exploitation supportés====<br /> <br /> * Windows :<br /> ** Microsoft® Windows 8 Release Preview<br /> ** Microsoft® Windows 7<br /> ** Microsoft® Windows Vista®<br /> ** Microsoft® Windows Server® 2008 (SP2)<br /> ** Microsoft® Windows Server® 2003 (SP1)<br /> ** Microsoft® Windows XP Professional (SP3)<br /> {{Note|Les derniers service packs et mises à jour de sécurité sont recommandés pour toutes les plates-formes.}}<br /> <br /> ====Systèmes de gestion de base de données supportés====<br /> <br /> {{Product}} supporte les SGBD suivants :<br /> <br /> * [[DB2]] UDB 9.5, 9.1, 8.x*, 7.x*. Pilote : {{Path|dbxDB2.dll}}. Client : {{Path|db2cli.dll}}. ''Extension PECL requise.''<br /> * [[Firebird]] 2.5, 2.1, 1.5. Pilote : {{Path|dbxfb.dll}}. Client : {{Path|fbclient.dll}}.<br /> * [[Informix]] 9.x. Pilote : {{Path|dbxINF.dll}}. Client : {{Path|isqlb09a.dll}}. ''Extension PECL requise.''<br /> * '''[[InterBase]]''' XE3, XE, 2009, 2007, 7.5.1, 7.1*, 8.0*, 6.5*. Pilote : {{Path|dbxINT.dll}}. Client : {{Path|GDS32.DLL}}.<br /> * [[Microsoft SQL Server]] 2008, 2005, 2000. Pilote : {{Path|dbxMSS.dll}}. Client : {{Path|sqlncli10.dll}}.<br /> * [[MySQL]] 5.1, 5.0.27, 4.1*. Pilote : {{Path|dbxMYS.dll}}. Client : {{Path|libmysql.dll}}.<br /> * [[Oracle]] 11g, 10g, 9.2.0*, 9.1.0*. Pilote : {{Path|dbxora.dll}}. Client : {{Path|OCI.DLL}}.<br /> * [[PostgreSQL]].<br /> : <nowiki>*</nowiki>''Le pilote n'est pas totalement certifié avec cette version du SGBD.''<br /> <br /> En outre, le SGBD suivant est supporté mais pas intégré dans [[Explorateur de données|l'explorateur de données]] : [[SQLite 3]].<br /> <br /> ===Utilisateur final===<br /> <br /> ====Navigateurs supportés====<br /> <br /> Les applications web {{Product}} requièrent un navigateur compatible HTML5 :<br /> <br /> * '''Internet Explorer''' 9+.<br /> * '''Firefox''' 3.5+.<br /> * '''Chrome''' 5+.<br /> * '''Safari''' 5+.<br /> * '''Opera''' 10.6+.<br /> <br /> Le support de HTML5 peut varier d'un navigateur à l'autre, et entre différentes versions du même navigateur. Pour obtenir des informations de support détaillées, voir [[Support du navigateur]].<br /> <br /> ====Systèmes d'exploitation mobiles supportés====<br /> <br /> {{Product}} supporte le déploiement des applications mobiles pour :<br /> * '''iOS''' 4.2.1+<br /> * '''Android''' 2+<br /> * '''BlackBerry''' 5+<br /> * '''Windows Phone''' 7+*<br /> * '''Symbian''' 5+*<br /> * '''WebOS''' 1.4.1+*<br /> : '''*''' Seulement disponible par le biais du service [https://build.phonegap.com/ PhoneGap Build].<br /> <br /> Lors de la construction d'applications localement, vous aurez besoin de logiciels supplémentaires pour les plates-formes supportées : [[Configuration IOS|iOS]], [[Configuration Android|Android]] et [[Configuration BlackBerry|BlackBerry]].<br /> <br /> Certaines fonctionnalités matérielles peuvent ne pas être disponibles dans certaines versions de ces systèmes. Voir [[Support mobile]].<br /> <br /> ==Installation==<br /> <br /> {{Note|Pour installer {{Product}} sur Windows Vista, Windows 7 ou Windows 8, vous devez effectuer l'exécution en tant qu'administrateur ou appartenir à la liste Administrateur.}}<br /> {{Warning|Si vous effectuez une mise à niveau, lisez d'abord les [[Instructions de mise à niveau|instructions de '''mise à niveau''']].}}<br /> <br /> Si vous avez obtenu '''{{Product}}''' par le biais de la '''livraison logicielle électronique''', effectuez l'extraction du contenu du dossier {{Path|.7z}} ; vous pouvez extraire les fichiers avec [http://www.7-zip.org/ 7-Zip]. Si vous avez obtenu à la place un '''kit média''', explorez votre CD '''{{Product}}'''.<br /> <br /> Exécutez ensuite {{Path|{{Product}}.exe}}, sélectionnez la langue de votre choix pour l'expert d'installation, cliquez sur '''OK''' et suivez les étapes ci-dessous :<br /> <br /> # Sur la première page, cliquez sur '''Suivant''' pour démarrer la configuration de l'installation.<br /> # Sur la page '''Contrat de licence''' :<br /> ## Cochez ''J'accepte les termes du contrat'' si c'est le cas. Sinon, cliquez sur ''Annuler'' pour abandonner l'installation.<br /> ## Cliquez sur '''Suivant'''.<br /> # Sur la page '''Sélectionner l'emplacement de destination''' :<br /> ## Changez facultativement le chemin de l'installation :<br /> ### Cliquez sur '''Parcourir...'''.<br /> ### Naviguez jusqu'au chemin désiré, et cliquez sur '''OK'''.<br /> ## Cliquez sur '''Suivant'''.<br /> # Sur la page '''Sélectionner les composants''', sélectionnez les composants que vous voulez installer, et cliquez sur '''Suivant'''.<br /> # Sur la page '''Sélectionner le dossier Menu Démarrer''' :<br /> ## Changez facultativement le nom du dossier ''Menu Démarrer'' :<br /> ### Cliquez sur '''Parcourir...'''.<br /> ### Naviguez jusqu'au chemin désiré, et cliquez sur '''OK'''.<br /> ## Cliquez sur '''Suivant'''.<br /> # Sur la page '''Sélectionner les tâches supplémentaires''' :<br /> ## Laissez la case ''Installe automatiquement le projet Outils {{Product}} Android '' cochée pour démarrer la '''[[Configuration Android|configuration Android]]''' juste après l'installation de '''{{Product}}'''.<br /> ## Cochez ''Créer une icône sur le bureau'' pour ajouter le lanceur de '''{{Product}}''' à votre bureau.<br /> ## Cliquez sur '''Suivant'''.<br /> # Sur la page '''Prêt à installer''', assurez-vous que les paramètres d'installation sont corrects, et cliquez sur '''Installer''' pour démarrer l'installation de '''{{Product}}'''.<br /> # Sur la dernière page :<br /> ## Décochez facultativement ''Lancer {{Product}}'' si vous ne voulez pas l'exécuter juste après l'installation.<br /> # Cliquez sur '''Terminer''' pour fermer l'expert.<br /> <br /> ==Enregistrement==<br /> <br /> Si vous avez acheté une version autonome de {{Product}}, l'expert ''d'enregistrement des produits Embarcadero'' apparaît à la première utilisation du produit. Si vous avez acheté ''Embarcadero RAD Studio'', les informations d'enregistrement ont déjà été placées sur votre système pendant l'installation de RAD Studio.<br /> <br /> ===Numéro de série===<br /> <br /> Vous aurez besoin du ''numéro de série'' de votre copie de {{Product}} afin de l'enregistrer.<br /> * Si vous avez acheté le produit via la ''livraison logicielle électronique'', le numéro de série est présent sur l'écran ou dans l'email de confirmation de votre commande.<br /> * Si vous avez téléchargé une version d'évaluation depuis le site web Embarcadero, votre numéro de série vous a été envoyé par email. Vous pouvez revenir à [https://downloads.embarcadero.com/free/radphp downloads.embarcadero.com/free/radphp] pour que votre numéro de série vous soit renvoyé.<br /> <br /> ===Enregistrement en ligne===<br /> <br /> Utilisez cette méthode si vous avez accès à internet à partir de l'ordinateur où {{Product}} est installé.<br /> <br /> # Entrez votre ''numéro de série'' pour {{Product}}.<br /> # Entrez vos informations de ''connexion EDN''.<br /> # Cliquez sur '''Enregistrer'''.<br /> <br /> ===Enregistrement web===<br /> <br /> Utilisez cette méthode si l'ordinateur où '''{{Product}}''' est installé n'a pas d'accès à internet. Vous aurez toujours besoin d'accéder à internet, mais vous pourrez le faire n'importe où.<br /> <br /> # Notez le ''code d'enregistrement'' dans votre expert d'enregistrement.<br /> # Sur un périphérique disposant d'un accès à internet, accédez à [http://reg.embarcadero.com reg.embarcadero.com].<br /> # Entrez votre ''numéro de série'' et ''code d'enregistrement'', et cliquez sur '''Suivant'''.<br /> # En bas de l'écran, choisissez ''d'envoyer vous-même par email un fichier d'activation''.<br /> # Suivez les instructions de l'email pour achever le processus.<br /> <br /> ==InterBase XE3 Developer Edition==<br /> <br /> InterBase XE3 Developer Edition fournit à tous les développeurs la meilleure base de données multiplate-forme pour construire et tester des applications de base de données pour les segments SME et incorporés. Les développeurs sont libres de choisir la connectivité standard de leur choix, et d'utiliser une base de données compatible SQL92 pour leurs applications. La surveillance des performances de la base de données permet aux développeurs de rationaliser les applications pour un déploiement optimal.<br /> <br /> {{Warning|Cette version de InterBase est licenciée seulement à des fins de développement. Deployment Edition peut être achetée séparément.}}<br /> <br /> ===Installation===<br /> <br /> Cliquez sur le bouton '''InterBase''' sur le lanceur d'installation sur votre ''kit média'', ou téléchargez-le depuis [http://downloads.embarcadero.com/free/interbase downloads.embarcadero.com/free/interbase] si vous utilisez la ''livraison logicielle électronique''.<br /> <br /> ===Installation des produits partenaires et supplémentaires===<br /> <br /> Le lanceur vous offrira des produits supplémentaires, disponibles au moment de la release. Néanmoins, nous pouvons parfois fournir d'autres mises à jour ou incitations aux utilisateurs enregistrés. Si vous avez enregistré votre produit, veuillez vérifier périodiquement [http://cc.embarcadero.com/reg/radphp cc.embarcadero.com/reg/radphp] pour consulter les éléments qui vous intéressent.<br /> <br /> ==Désinstallation==<br /> <br /> Pour obtenir les instructions de désinstallation, lisez [[Instructions de désinstallation|'''cette page''']].<br /> <br /> <br /> [[Category:Introduction]]</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Introduction&diff=4 Introduction 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|start=}}<br /> <br /> Bienvenue dans '''{{Product}}''', le logiciel définitif pour le '''développement rapide d'applications''' avec les '''technologies web'''.<br /> <br /> Ce guide est une prise en main de {{Product}}. Vous découvrirez les étapes de développement nécessaires à la création de votre première application, et obtiendrez une compréhension fondamentale des fonctionnalités de {{Product}}. Le guide comprend aussi des liens vers une documentation détaillée de chaque étape du processus de développement, afin de vous permettre d'acquérir une connaissance approfondie de l'environnement de développement de {{Product}}.<br /> <br /> Explorez l'aperçu des fonctionnalités de Product pour connaître les avantages majeurs de l'utilisation de Product pour votre développement d'applications basé sur le web.<br /> <br /> <center>[[File:HomeStart.png|600px]]</center></div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Installer&diff=6 Installer 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|setup=}}<br /> <br /> Vous pouvez dès maintenant utiliser Product ! Téléchargez une version d'évaluation et suivez les Notes d'installation|instructions d'installation.<br /> <br /> Si une version précédente de {{Product}} est déjà installée, suivez les [[Instructions de mise à niveau|instructions de mise à niveau]].<br /> <br /> Dès que {{Product}} fonctionne, il est temps de créer [[Votre première application|'''votre première application''']] !</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Votre_premi%C3%A8re_application&diff=8 Votre première application 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|tutorials=}}<br /> <br /> Il est temps de créer votre première application web avec {{Product}} !<br /> <br /> Les tutoriels suivants ont été conçus pour vous guider à travers le développement d'une application {{Product}} de base.<br /> <br /> ; Hello, Web!<br /> : Ces tutoriels décrivent les étapes fondamentales du développement des '''applications web''' :<br /> :* [[Serveur web Hello World|Application serveur web]]<br /> :* [[Client web Hello World|Application client web]]<br /> <br /> ; Hello, Mobile!<br /> : Ces tutoriels décrivent les étapes fondamentales du développement des '''applications mobiles basées sur le web''' :<br /> :* [[Serveur mobile Hello World|Application serveur mobile]]<br /> :* [[Client mobile Hello World|Application client mobile]]<br /> <br /> Pour d'autres tutoriels, consultez [[Tutoriels|cette page]].</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Conception_des_interfaces_utilisateur&diff=12 Conception des interfaces utilisateur 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|development=}}<br /> <br /> ==Interfaces web==<br /> <br /> {{Product}} inclut une suite complète de '''contrôles web glisser-déposer'''. Sélectionnez des boutons, libellés, champs texte, zones de liste déroulante, contrôles multimédia et d'autres contrôles pour concevoir votre interface utilisateur.<br /> <br /> <center>[[File:Controls.png]]</center><br /> <br /> * '''Introduction''' : [[Concepteur|Concepteur web]].<br /> <br /> Les contrôles sont entièrement personnalisables et peuvent être stylés à votre goût par le biais des propriétés '''CSS3''', qui vous permettent de contrôler complètement l'apparence des pages web, sans programmation ou sans être un expert des langages de balisage ésotériques. Vous pouvez aussi permettre aux développeurs ou aux concepteurs d'écrire des feuilles de styles CSS3 à appliquer à vos applications.<br /> <br /> <center>[[File:StyledButtons.png]]</center><br /> <br /> Vous pouvez aussi créer des '''animations''' basées sur CSS3 pour réagir aux événements qui peuvent survenir durant la vie de vos contrôles.<br /> <br /> <center>[[File:AnimationsEditor.png]]</center><br /> <br /> ==Interfaces mobiles==<br /> <br /> Au sommet des fonctionnalités de conception à usage généraliste pour les applications web standard, {{Product}} fournit un [[Concepteur mobile|concepteur]] pour cibler les périphériques mobiles. Plusieurs périphériques mobiles sont supportés par défaut, et vous pouvez facilement intégrer d'autres modèles de périphérique.<br /> <br /> <center>[[File:MobileDeviceModelDuringDesign.png|450px]]</center><br /> <br /> * '''Introduction''' : [[Introduction à la conception mobile|Concepteur mobile]].<br /> <br /> Les applications mobiles supportent les fonctionnalités de style '''CSS3''' ainsi que les '''animations''', avec la '''[[Thématisation mobile|thématisation mobile]]''', afin de fournir une meilleure expérience utilisateur dans les périphériques mobiles. La thématisation mobile de {{Product}} vous permet de créer facilement de nouveaux jeux de couleurs pour vos applications mobiles en faisant glisser les couleurs et en les déposant sur vos contrôles d'interface utilisateur. Dès que vous avez créé votre nouveau thème, vous pouvez l'utiliser pour styler un contrôle unique ou une application mobile entière.<br /> <br /> <center>[[File:MobileThemeDesigner.png|640px]]</center><br /> <br /> * '''Introduction''' : [[Introduction à la conception mobile|Concepteur de thèmes mobiles]].</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Connexion_aux_donn%C3%A9es&diff=14 Connexion aux données 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|development=}}<br /> <br /> La plupart des applications métier fonctionnent avec des données, et '''{{Product}}''' fournit le support de plusieurs systèmes de gestion de base de données : [[InterBase]], [[Microsoft SQL Server]], [[Oracle]], [[MySQL]] et [[Notes d'installation#Support des bases de données|beaucoup d'autres]].<br /> <br /> Vous pouvez connecter vos applications mobiles et serveur web à toute base de données avec une paire de composants, que vous pouvez générer en connectant {{Product}} à vos bases de données par le biais de [[Explorateur de données|l'explorateur de données]]. Vous pouvez ensuite associer des [[Composants orientés données|contrôles orientés données]] à ces composants, afficher les données récupérées dans votre application et permettre l'interaction de vos utilisateurs.<br /> <br /> <center>[[File:DataExplorer.png]]</center><br /> <br /> * '''Introduction''' : [[Développement de bases de données RPCL|Connexions de base de données]].</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Utilisation_des_fonctionnalit%C3%A9s_HTML5&diff=16 Utilisation des fonctionnalités HTML5 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|development=}}<br /> <br /> HTML5 apporte beaucoup de nouvelles fonctionnalités étonnantes dans le développement web, et {{Product}} vous permet d'en profiter facilement.<br /> <br /> Vous pouvez utiliser le nouveau composant '''[[Canvas]]''' pour dessiner des images 2D et 3D interactives, le composant '''[[Geolocation]]''' pour suivre l'emplacement de vos utilisateurs et être en mesure de changer votre application en conséquence, ou le composant '''[[Media]]''' pour lire des morceaux de musique et des films sans dépendre de plugins tiers lourds qui nuient aux performances globales de votre application.<br /> <br /> <center>[[File:CanvasColorCircles.png|320px]] [[File:GeolocationHideAndSeek.png|320px]]</center><br /> <br /> Il existe aussi d'autres fonctionnalités HTML5 intégrées dans des composants communs, tels que le composant '''[[DataList]]''', que vous pouvez associer aux contrôles d'entrée pour leur fournir une liste de suggestions d'entrée.<br /> <br /> {{Product}} fournit aussi le support de HTML et JavaScript dans sa fonctionnalité '''[[Editeur de code#Audit de code|Audit de code]]''', pour vous aider à implémenter rapidement d'autres nouvelles fonctionnalités telles que le '''[[Stockage côté client|stockage côté client]]'''.</div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Travailler_avec_les_outils_avanc%C3%A9s&diff=18 Travailler avec les outils avancés 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|development=}}<br /> <br /> {{Product}} fournit plusieurs outils avancés pour réduire les parties pénibles du processus de développement.<br /> <br /> Pour votre code JavaScript, vous pouvez utiliser vos outils de débogage incorporés dans votre navigateur web, tels que Web Inspector dans Chrome et Safari, ou FireBug dans Firefox. Vous pouvez aussi déboguer les applications mobiles à distance avec [[Débogage distant côté client mobile#Weinre|Weinre]] ou [[Débogage distant côté client mobile#JS Console|JS Console]].<br /> <br /> <center>[[File:FireBug.png]]</center><br /> <br /> Avec du code PHP, le '''[[Débogueur|débogueur]]''' vous aidera à localiser les erreurs de votre application, tandis que le '''[[Profileur|profileur]]''' vous permettra de trouver ses goulets d'étranglement, afin que vous puissiez travailler efficacement sur l'amélioration des performances. Plusieurs outils, dialogues et assistants de '''[[Refactoring|refactoring]]''' sont aussi disponibles pour nettoyer votre code facilement et rapidement.<br /> <br /> <center>[[File:DebuggerInAction.png]]</center></div>

AChaves https://docwiki.embarcadero.com/HTML5_Builder/f/index.php?title=Trouver_des_informations&diff=20 Trouver des informations 2012-07-20T10:25:00Z

<p>AChaves : </p> <hr /> <div>{{QuickStartGuide|help=}}<br /> <br /> Si vous avez des questions sur '''{{Product}}''' ou la ''{{Bibliothèque|bibliothèque}}'', votre première réaction doit être '''l'aide contextuelle'''. L'appui sur la touche {{Key|F1}} tout en sélectionnant un composant sur le [[Concepteur|concepteur]] ou la [[Palette d'outils|palette d'outils]], une propriété sur [[Inspecteur d'objets|l'inspecteur d'objets]], ou même un identificateur sur [[Editeur de code|l'éditeur de code]], apportera toute aide disponible pour l'élément cible.<br /> <br /> Une [[Documentation|'''liste de ressources de documentation''']] est aussi disponible, plus l'aide concrète sous la forme [[Applications exemple|'''d'applications exemple''']], de [[Tutoriels|'''tutoriels''']] et de [[Tutoriels vidéo|'''tutoriels vidéo''']].<br /> <br /> Pour des questions spécifiques, consultez la [[Questions souvent posées|'''FAQ''']], ainsi que la liste de [[Problèmes souvent rencontrés|'''problèmes et solutions souvent rencontrés''']]. Si vous n'avez toujours pas de réponse à votre question, vous trouverez une communauté amicale d'utilisateurs prêts à vous aider sur nos [[Forums|'''forums''']].</div>

AChaves