Suche senden
Hochladen
Publication
âą
1 gefÀllt mir
âą
813 views
M
Mboye Ndir
Folgen
techno visualisation
Weniger lesen
Mehr lesen
Ingenieurwesen
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 29
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Raphaël Goetter
Â
DĂ©velopper des applications iOS et Android avec c# grĂące Ă Xamarin par Cyril ...
DĂ©velopper des applications iOS et Android avec c# grĂące Ă Xamarin par Cyril ...
SOAT
Â
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO Camp
SEO CAMP
Â
L'impact du Responsive Web Design sur vos Ă©quipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos Ă©quipes projet - Mathieu Parisot - ...
SOAT
Â
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
SOAT
Â
Adw #16 : WordPress
Adw #16 : WordPress
Atlantic 2.0
Â
Lâenvers du dĂ©cordâun site WooCommerce | WP Tech Nantes
Lâenvers du dĂ©cordâun site WooCommerce | WP Tech Nantes
Fabrice Ducarme
Â
Livre blanc : Le succĂšs de WordPress
Livre blanc : Le succĂšs de WordPress
Emilie LEBRUN
Â
Empfohlen
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Plus belle la vie avec HTML5 et CSS3 - Paris Web 2010
Raphaël Goetter
Â
DĂ©velopper des applications iOS et Android avec c# grĂące Ă Xamarin par Cyril ...
DĂ©velopper des applications iOS et Android avec c# grĂące Ă Xamarin par Cyril ...
SOAT
Â
Référencement avec Joomla - SEO Camp
Référencement avec Joomla - SEO Camp
SEO CAMP
Â
L'impact du Responsive Web Design sur vos Ă©quipes projet - Mathieu Parisot - ...
L'impact du Responsive Web Design sur vos Ă©quipes projet - Mathieu Parisot - ...
SOAT
Â
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
A la découverte du Responsive Web Design par Mathieu Parisot - Soat
SOAT
Â
Adw #16 : WordPress
Adw #16 : WordPress
Atlantic 2.0
Â
Lâenvers du dĂ©cordâun site WooCommerce | WP Tech Nantes
Lâenvers du dĂ©cordâun site WooCommerce | WP Tech Nantes
Fabrice Ducarme
Â
Livre blanc : Le succĂšs de WordPress
Livre blanc : Le succĂšs de WordPress
Emilie LEBRUN
Â
HTML5 / CSS3 : Mythes et realite
HTML5 / CSS3 : Mythes et realite
Raphaël Goetter
Â
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Thierry Pigot
Â
Atelier numĂ©rique n°1 de l'Office de tourisme Luberon Durance. OĂč en ĂȘtes vou...
Atelier numĂ©rique n°1 de l'Office de tourisme Luberon Durance. OĂč en ĂȘtes vou...
Office de Tourisme Luberon Durance
Â
Programmer en html5, css 3 et java script (70 480)
Programmer en html5, css 3 et java script (70 480)
Chamseddine Ouerhani
Â
Seocamp2016 : javascript et indexation, oĂč en est-on ?
Seocamp2016 : javascript et indexation, oĂč en est-on ?
Madeline Pinthon
Â
Concevez votre site web avec php et mysql
Concevez votre site web avec php et mysql
JosĂ© De AraĂčjo Fernandes
Â
ENIB 2013-2014 - CAI Web #3: Jâai besoin dâune appli web rapidement
ENIB 2013-2014 - CAI Web #3: Jâai besoin dâune appli web rapidement
Horacio Gonzalez
Â
Jonathan trabajo
Jonathan trabajo
yonathan_perez
Â
Catalogue textile Yonex Larde Sports 2014
Catalogue textile Yonex Larde Sports 2014
LardeSports
Â
150402 - FFBB Infos 044
150402 - FFBB Infos 044
ComiteBasketCalvados
Â
Calendario Bacardi 2007
Calendario Bacardi 2007
V Sanchez
Â
A Galipedia, libre e colaborativa, tamén para a aprendizaxe e o ensino
A Galipedia, libre e colaborativa, tamén para a aprendizaxe e o ensino
ousli07
Â
Herramientas De Dibujo En Google Maps
Herramientas De Dibujo En Google Maps
smestref
Â
La aplicacion de las redes sociales en la educacion
La aplicacion de las redes sociales en la educacion
Isabel Conde
Â
Activision Blizzard - Korbas Nguyen
Activision Blizzard - Korbas Nguyen
syzix
Â
Duales Studium BWL ausbildungsbegleitend
Duales Studium BWL ausbildungsbegleitend
Business School Magdeburg
Â
Teoria de la Ducha
Teoria de la Ducha
V Sanchez
Â
L'Internet libre et confidentiel...le changement c'est maintenant !
L'Internet libre et confidentiel...le changement c'est maintenant !
With_it_app
Â
Recursos Para La Diversidad
Recursos Para La Diversidad
Txano Ansa Erice
Â
La Ranita
La Ranita
paquitaguapa
Â
Laviejecita
Laviejecita
paquitaguapa
Â
Culturilla General
Culturilla General
paquitaguapa
Â
Weitere Àhnliche Inhalte
Was ist angesagt?
HTML5 / CSS3 : Mythes et realite
HTML5 / CSS3 : Mythes et realite
Raphaël Goetter
Â
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Thierry Pigot
Â
Atelier numĂ©rique n°1 de l'Office de tourisme Luberon Durance. OĂč en ĂȘtes vou...
Atelier numĂ©rique n°1 de l'Office de tourisme Luberon Durance. OĂč en ĂȘtes vou...
Office de Tourisme Luberon Durance
Â
Programmer en html5, css 3 et java script (70 480)
Programmer en html5, css 3 et java script (70 480)
Chamseddine Ouerhani
Â
Seocamp2016 : javascript et indexation, oĂč en est-on ?
Seocamp2016 : javascript et indexation, oĂč en est-on ?
Madeline Pinthon
Â
Concevez votre site web avec php et mysql
Concevez votre site web avec php et mysql
JosĂ© De AraĂčjo Fernandes
Â
ENIB 2013-2014 - CAI Web #3: Jâai besoin dâune appli web rapidement
ENIB 2013-2014 - CAI Web #3: Jâai besoin dâune appli web rapidement
Horacio Gonzalez
Â
Was ist angesagt?
(7)
HTML5 / CSS3 : Mythes et realite
HTML5 / CSS3 : Mythes et realite
Â
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Combien coûte un site WordPress ? - Wordcamp Paris 2014
Â
Atelier numĂ©rique n°1 de l'Office de tourisme Luberon Durance. OĂč en ĂȘtes vou...
Atelier numĂ©rique n°1 de l'Office de tourisme Luberon Durance. OĂč en ĂȘtes vou...
Â
Programmer en html5, css 3 et java script (70 480)
Programmer en html5, css 3 et java script (70 480)
Â
Seocamp2016 : javascript et indexation, oĂč en est-on ?
Seocamp2016 : javascript et indexation, oĂč en est-on ?
Â
Concevez votre site web avec php et mysql
Concevez votre site web avec php et mysql
Â
ENIB 2013-2014 - CAI Web #3: Jâai besoin dâune appli web rapidement
ENIB 2013-2014 - CAI Web #3: Jâai besoin dâune appli web rapidement
Â
Andere mochten auch
Jonathan trabajo
Jonathan trabajo
yonathan_perez
Â
Catalogue textile Yonex Larde Sports 2014
Catalogue textile Yonex Larde Sports 2014
LardeSports
Â
150402 - FFBB Infos 044
150402 - FFBB Infos 044
ComiteBasketCalvados
Â
Calendario Bacardi 2007
Calendario Bacardi 2007
V Sanchez
Â
A Galipedia, libre e colaborativa, tamén para a aprendizaxe e o ensino
A Galipedia, libre e colaborativa, tamén para a aprendizaxe e o ensino
ousli07
Â
Herramientas De Dibujo En Google Maps
Herramientas De Dibujo En Google Maps
smestref
Â
La aplicacion de las redes sociales en la educacion
La aplicacion de las redes sociales en la educacion
Isabel Conde
Â
Activision Blizzard - Korbas Nguyen
Activision Blizzard - Korbas Nguyen
syzix
Â
Duales Studium BWL ausbildungsbegleitend
Duales Studium BWL ausbildungsbegleitend
Business School Magdeburg
Â
Teoria de la Ducha
Teoria de la Ducha
V Sanchez
Â
L'Internet libre et confidentiel...le changement c'est maintenant !
L'Internet libre et confidentiel...le changement c'est maintenant !
With_it_app
Â
Recursos Para La Diversidad
Recursos Para La Diversidad
Txano Ansa Erice
Â
La Ranita
La Ranita
paquitaguapa
Â
Laviejecita
Laviejecita
paquitaguapa
Â
Culturilla General
Culturilla General
paquitaguapa
Â
lineas de tiempo de tecnologia
lineas de tiempo de tecnologia
jhonatan wilson
Â
PresentaciĂł "GuĂa para la correcta implantaciĂłn de comunidades de prĂĄctica en...
PresentaciĂł "GuĂa para la correcta implantaciĂłn de comunidades de prĂĄctica en...
Departament de JustĂcia. Generalitat de Catalunya.
Â
La SindicaciĂł De Continguts Amb Thunderbird
La SindicaciĂł De Continguts Amb Thunderbird
Josep Maria Soler Maylinch
Â
Nagellack marken
Nagellack marken
nadinesonderegger
Â
Gotas de agua, disfraz de nube
Gotas de agua, disfraz de nube
lolabielsa
Â
Andere mochten auch
(20)
Jonathan trabajo
Jonathan trabajo
Â
Catalogue textile Yonex Larde Sports 2014
Catalogue textile Yonex Larde Sports 2014
Â
150402 - FFBB Infos 044
150402 - FFBB Infos 044
Â
Calendario Bacardi 2007
Calendario Bacardi 2007
Â
A Galipedia, libre e colaborativa, tamén para a aprendizaxe e o ensino
A Galipedia, libre e colaborativa, tamén para a aprendizaxe e o ensino
Â
Herramientas De Dibujo En Google Maps
Herramientas De Dibujo En Google Maps
Â
La aplicacion de las redes sociales en la educacion
La aplicacion de las redes sociales en la educacion
Â
Activision Blizzard - Korbas Nguyen
Activision Blizzard - Korbas Nguyen
Â
Duales Studium BWL ausbildungsbegleitend
Duales Studium BWL ausbildungsbegleitend
Â
Teoria de la Ducha
Teoria de la Ducha
Â
L'Internet libre et confidentiel...le changement c'est maintenant !
L'Internet libre et confidentiel...le changement c'est maintenant !
Â
Recursos Para La Diversidad
Recursos Para La Diversidad
Â
La Ranita
La Ranita
Â
Laviejecita
Laviejecita
Â
Culturilla General
Culturilla General
Â
lineas de tiempo de tecnologia
lineas de tiempo de tecnologia
Â
PresentaciĂł "GuĂa para la correcta implantaciĂłn de comunidades de prĂĄctica en...
PresentaciĂł "GuĂa para la correcta implantaciĂłn de comunidades de prĂĄctica en...
Â
La SindicaciĂł De Continguts Amb Thunderbird
La SindicaciĂł De Continguts Amb Thunderbird
Â
Nagellack marken
Nagellack marken
Â
Gotas de agua, disfraz de nube
Gotas de agua, disfraz de nube
Â
Ăhnlich wie Publication
Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligne
Christophe Lauer
Â
Les nouveaux challenges techniques pour le SEO
Les nouveaux challenges techniques pour le SEO
Groupe Neper
Â
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
Philippe YONNET
Â
Nouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEO
Philippe YONNET
Â
Do you speak technique ?
Do you speak technique ?
JEAN-GUILLAUME DUJARDIN
Â
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Rennes
wpalex
Â
Votre site eCommerce avec Drupal Commerce dans le cloud Azure
Votre site eCommerce avec Drupal Commerce dans le cloud Azure
Anne-Sophie Picot
Â
Les avantages d'un CMS open-source
Les avantages d'un CMS open-source
Antoine Générau
Â
Dictionnaire duweb
Dictionnaire duweb
Nathalie Assoulant
Â
2016 Création Refonte Site
2016 Création Refonte Site
Office de tourisme Aunis Marais Poitevin
Â
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
davrous
Â
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Fasterize
Â
DĂ©veloppement d'un site web pour la promotion de pme 2011 cld 20 avril 2011
DĂ©veloppement d'un site web pour la promotion de pme 2011 cld 20 avril 2011
MXO | agence totale
Â
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
Rossi Oddet
Â
Bureau Metier - Version 20061010
Bureau Metier - Version 20061010
Didier Girard
Â
site-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdf
EricKeita
Â
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
davrous
Â
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Microsoft
Â
Le meilleur pour votre site WordPress
Le meilleur pour votre site WordPress
Aurélien Denis
Â
Atelier Info Tonic : Les rĂšgles dâor pour crĂ©er son site Web
Atelier Info Tonic : Les rĂšgles dâor pour crĂ©er son site Web
ambin_fr
Â
Ăhnlich wie Publication
(20)
Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligne
Â
Les nouveaux challenges techniques pour le SEO
Les nouveaux challenges techniques pour le SEO
Â
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
No Code et SEO sont ils compatibles ? Philippe Yonnet Neper
Â
Nouvelles architectures de sites web et SEO
Nouvelles architectures de sites web et SEO
Â
Do you speak technique ?
Do you speak technique ?
Â
Atelier WordPress - Freelance fair tour - La cordée Rennes
Atelier WordPress - Freelance fair tour - La cordée Rennes
Â
Votre site eCommerce avec Drupal Commerce dans le cloud Azure
Votre site eCommerce avec Drupal Commerce dans le cloud Azure
Â
Les avantages d'un CMS open-source
Les avantages d'un CMS open-source
Â
Dictionnaire duweb
Dictionnaire duweb
Â
2016 Création Refonte Site
2016 Création Refonte Site
Â
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
Â
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Comment Rue Du Commerce est devenu le site e-commerce le plus rapide de France ?
Â
DĂ©veloppement d'un site web pour la promotion de pme 2011 cld 20 avril 2011
DĂ©veloppement d'un site web pour la promotion de pme 2011 cld 20 avril 2011
Â
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
Â
Bureau Metier - Version 20061010
Bureau Metier - Version 20061010
Â
site-noCODE-ericacademy.pdf
site-noCODE-ericacademy.pdf
Â
Introduction au développement windows 8 modern ui avec html5 et javascript
Introduction au développement windows 8 modern ui avec html5 et javascript
Â
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScript
Â
Le meilleur pour votre site WordPress
Le meilleur pour votre site WordPress
Â
Atelier Info Tonic : Les rĂšgles dâor pour crĂ©er son site Web
Atelier Info Tonic : Les rĂšgles dâor pour crĂ©er son site Web
Â
Publication
1.
PLATEFORME INTĂGRĂE DE DĂVELOPPEMENT Internet, Intranet,
Cloud Web 2.0, Ajax, HTML 5, PHP Toutes les Bases de Données CODE MULTI-PLATEFORMES : Windows, .Net, Linux, Java, PHP, Internet, Ajax, Android, Windows Phone, iOS (iPhone, iPad) ... Développement en L5G Nouvelle Version
2.
Des sites toujours
Ă jour, qui partagent en toute sĂ©curitĂ© les donnĂ©es de lâentreprise NATIONAL AWARD Aujourdâhui les sites Internet et Intranet sont reliĂ©s en temps rĂ©el aux donnĂ©es de lâentreprise et se comportent comme de vĂ©ritables applica- tions. WEBDEV 19 est la meilleure solution pour crĂ©er ces sites. Avec WEBDEV 19, vos Ă©quipes crĂ©ent ces sites et ces applications 10 fois plus vite. Vos budgets sont respectĂ©s. Comme des dizaines de milliers de dĂ©veloppeurs en France, choisissez la plateforme la plus perfor- mante pour dĂ©velopper et publier vos sites et vos applications Internet et Intranet: WEBDEV 19. S o m m a i r e 3 Le cycle complet 4 Questions/RĂ©ponses 6 Exemples 8 Sites statiques et dynamiques 10 Toutes les bases de donnĂ©es 11 CompatibilitĂ© navigateurs 12 Le RAD 14 IDE: lâenvironnement intĂ©grĂ© WYSIWYG 17 La techno des «7 onglets» 18 Des contrĂŽles (champs) adaptĂ©s au Web 24 Le champ ZTR 26 Ajax 27 HTML 5 28 Intranet, Export Word, XML... 29 Templates, Vos sites sur mobiles 30 Le Langage L5G 31 Editeur de code 32 Le dĂ©bogueur, tests unitaires 33 Les composants, SĂ©curitĂ© par mot de passe (Groupware utilisateur) 34 Webservices, CSS3 35 AccĂšs natif Google, Lotus Notes... 36 PHP 37 GĂ©nĂ©rateur dâĂ©tats & PDF 38 Versionning (GDS /SCM) 39 Centres de ContrĂŽle, Tableau de Bord 40 ModĂ©lisation UML et Merise 41 Base de DonnĂ©es HFSQL 42 GĂ©nĂ©rateur de requĂȘtes 43 SaaS et Cloud 44 Import HTML & WINDEV 45 Front Office, Back Office, 64 langues 46 DĂ©ploiement 48 LâhĂ©bergement 49 Administration, RĂ©fĂ©rencement 50 Paiement sĂ©curisĂ© 51 Les statistiques 53 Les services PC SOFT 55 Exemples de sites BIENVENUE DANS LE MONDE DE LâINTERNET INTERACTIF ! Fournisseur Officiel de la PrĂ©paration Olympique www.pcsoft.fr âą 3 GRĂCE Ă WEBDEV 19 CRĂEZ TRĂS VITE DES SITES INTERNET, INTRANET ET SAAS QUI GĂRENT DES DONNĂES
3.
4 âą DĂ©veloppez
10 fois plus vite 1 A qui est destinĂ© WEBDEV 19 ? A toutes les sociĂ©tĂ©s et tous les dĂ©veloppeurs qui dĂ©sirent rĂ©aliser des sites et des applications INTERNET, INTRANET et SaaS. 2 Quels types de sites et dâapplications peut-on crĂ©er ? Tous les types de sites, mais WEBDEV est spĂ©cialisĂ© dans les sites «dyna- miques», câest-Ă -dire qui se comportent comme de vĂ©ritables applications, et qui gĂšrent des donnĂ©es en temps rĂ©el. 3 Quelle est la formation requise ? Il suffit dâavoir programmĂ© au moins une fois dans sa vie (ou ses Ă©tudes!). Une semaine suffit en gĂ©nĂ©ral pour sâauto-former avec le manuel dâauto-formation livrĂ© en standard. 4 Faut-il des connaissances particuliĂšres sur INTERNET ? Non. Vos Ă©quipes de dĂ©veloppement produiront des sites robustes et efficaces. Tout le code (HTML, Javascript, Serveur) est gĂ©nĂ©rĂ© par WEBDEV 19. 5 Comment crĂ©er un traitement AJAX avec WEBDEV 19 ? Il suffit de cliquer sur le bouton «Ajax» du traitement... Il nây a pas plus simple. 6 Quel est lâavantage principal de WEBDEV par rapport Ă dâautres outils? Il y en a plusieurs, comme: lâintĂ©gration totale, la simplicitĂ©, la vitesse de dĂ©veloppement, 3 Ă 10 fois plus rapide, ou encore lâaccĂšs aux bases de donnĂ©es. 7 WEBDEV sâappuie-t-il sur des technolo- gies standard ? Oui, comme HTML, HTML5, XML, CSS, Javascript ou PHP. Mais vous nâavez pas besoin de connaĂźtre ces technologies, WEBDEV gĂ©nĂšre automatiquement le code nĂ©cessaire. 8 Je possĂšde un existant. Pourrais-je le rĂ©cupĂ©rer avec WEBDEV ? Oui. Vous pouvez aspirer des pages HTML existantes. Vous pouvez Ă©galement mixer des pages WEBDEV avec un site existant, en conservant votre existant. 9 On nâa pas besoin de connaĂźtre Java, HTML PHP ou Javascript pour crĂ©er des sites ? Non, câest inutile. WEBDEV gĂ©nĂšre automatiquement le code HTML, Javascript, CSS et PHP optimisĂ© qui est nĂ©cessaire. 10 Et si je veux saisir du HTML, ou rĂ©cupĂ©- rer un existant Javascript par exemple ? WEBDEV est ouvert. Il est possible de saisir du code HTML, PHP ou Javascript directement dans lâĂ©diteur (ou de copier un code Javascript ou HTML existant), voire mĂȘme un script JSP ou ASP. 11 Jâai lu que WEBDEV est compatible WINDEV; il faut possĂ©der WINDEV ? WEBDEV est une plate-forme totalement autonome. Aucun autre outil nâest nĂ©cessaire pour dĂ©velopper avec WEBDEV. 12 Et si je possĂšde dĂ©jĂ WINDEV ? Dans ce cas, dâune part, la formation est plus rapide, dâautre part vous pourrez automatiquement transformer vos applications WinDev en applications Web... 13 LâĂ©diteur de «pages» est-il WYSIWYG? Oui, au pixel prĂšs ! 14 Quelles bases de donnĂ©es peuvent ĂȘtre utilisĂ©es avec WEBDEV ? Toutes les bases peuvent ĂȘtre utilisĂ©es: HFSQL, MySQL, SQLite, Oracle, AS/400, SQL Server, DB2, Informix, PostgreSQL, Progress, Access, ... 15 Ajax, XML, Flash, CSS, W3C, JSON, JQuery sont-ils supportĂ©s ? Oui. 16 WEBDEV permet-il de dĂ©velopper des sites de grande envergure ? Oui, câest mĂȘme dans ces projets quâil excelle: sites Internet, Intranet et SaaS. 17 Quel Support Technique est disponible? Câest trĂšs simple: le Support Technique WEBDEV est gratuit (15 requĂȘtes personnalisĂ©es gratuites par tĂ©lĂ©phone ou par email) 19 Qui utilise WEBDEV ? Tous les types de structures professionnelles: SSII, constructeurs, services informatiques, ingĂ©nieurs de laboratoire, ministĂšres, admi- nistrations, indĂ©pendants... 19 Je peux gĂ©nĂ©rer des sites en pur «PHP» avec WEBDEV 19 ? Oui, câest une fonctionnalitĂ© standard. 20 En France WEBDEV est donc «le» standard pour crĂ©er des sites dynamiques ? Oui, certainement. Nous rĂ©pondons ici aux questions que lâon nous pose le plus souvent sur WEBDEV. Vous y retrouverez certainement les rĂ©ponses Ă quelques-unes de vos interrogations. Vous avez dâautres questions? Appelez-nous, nous y rĂ©pondrons avec plaisir. Consultez le numĂ©ro spĂ©cial de «01» consacrĂ© Ă WEBDEV et WINDEV pour dĂ©couvrir 100 tĂ©moignages de sociĂ©tĂ©s prestigieuses. HĂ©bergement sous Windows ou sous Linux ! (et dans le Cloud) QUESTIONS REPONSES www.pcsoft.fr âą 5 WEBDEV 19 gĂšre le cycle de vie complet des sites TOUTES LES PHASES DU DĂVELOPPEMENT SONT PRISES EN COMPTE EN STANDARD PAR WEBDEV 19 WEBDEV 19 GĂRE TOUTES LES PHASES DE LA CRĂATION DâUN SITE âą Le maquettage âąÂ La conception âąÂ Le dossier dâanalyse et de programma- tion âąÂ La liaison avec les sites statiques exis- tants âąÂ Les Bases de DonnĂ©es âąÂ La programmation (L5G, Ajax, Webservice, .NET, J2EE, HTML, HTML5, Javascript...) âąÂ La reprise de lâexistant âąÂ Les Ă©tats (PDF, codes-barres,...) âąÂ Le paiement sĂ©curisĂ© âąÂ La crĂ©ation et lâutilisation de composants âąÂ La documentation âąÂ Les tests en cours de dĂ©veloppement âąÂ La liaison avec le Back Office âąÂ LâhĂ©bergement âą La gestion SaaS, le Cloud âąÂ Le travail avec les infographistes âąÂ Lâinstallation chez lâhĂ©bergeur âąÂ Les tests de non-rĂ©gression âąÂ Les tests de performance âąÂ LâintĂ©gration continue âą La maintenance et les Ă©volutions âąÂ Les statistiques de frĂ©quentation âąÂ Lâassistance au dĂ©veloppe- ment WEBDEV, câest lâassurance dâun produit complet et totalement intĂ©grĂ©: la formation est plus rapide, le support technique est meilleur (et gratuit). Les sites «dynamiques» sont maintenant la norme de lâINTERNET et de lâINTRANET. Ces sites sont faciles Ă dĂ©velopper et Ă maintenir avec WEBDEV 19.
4.
DES SITES RĂUTILISABLES,
ET PERSONNALISABLES SONT LIVRĂS WEBDEV 19 est livrĂ© avec de nombreux sites «exemples», dĂ©jĂ dĂ©veloppĂ©s. Le code source et les pages sont livrĂ©s: vous pouvez utiliser directement ces sites, les modifier, les per- sonnaliser, les revendre... UN ASPECT DIDACTIQUE Vous pouvez Ă©galement Ă©tudier lâanalyse et le code de ces sites, dans un but didactique. PARMI LES SITES LIVRĂS... Voici une sĂ©lection de quelques exemples livrĂ©s : âą Commerce Ă©lectronique Gestion des rayons, du chariot, du paiement. âą Petites annonces Gestion de plusieurs critĂšres de sĂ©lection. âą Annuaire partagĂ© En Intranet, lâannuaire pourra ĂȘtre partagĂ© dans une entreprise. En Internet, lâannuaire pourra ĂȘtre partagĂ© entre diffĂ©rentes agences, ou par les membres dâune associa- tion... âą Gestion de parc matĂ©riel RĂ©partition et affectation du matĂ©- riel sur un site. âą Agence immobiliĂšre Recherche dâun bien en fonction de nombreux critĂšres. âą CMS SystĂšme de gestion de contenu. âą Gestion dâune base documentaire Pour archiver et retrouver des documents en fonction de mots-clĂ©s que vous dĂ©cidez. âą Paiement sĂ©curisĂ© (voir dĂ©tail page 50) âą Gestion dâagence de voyage PrĂ©sentation des hĂŽtels, des disponibilitĂ©s, sĂ©lection selon de nombreux critĂšres, ... âą News, Forum, Blog, Site associatif... ... et tout un ensemble dâautres exemples immĂ©diatement uti- lisables. ETC... De nombreux autres exemples sont Ă©galement livrĂ©s sous forme de pages, ou sous forme dâobjets dans le dictionnaire interactif. Une partie du dictionnaire interactif de WEBDEV GAGNEZ DU TEMPS Les sites livrĂ©s, que vous pourrez adapter Ă vos besoins, vous permettront de gagner beaucoup de temps lors de vos dĂ©ve- loppements. RĂ©utilisez les exemples dans vos sites WEBDEVÂź WEBDEVÂź 19 DE NOMBREUX SITES EXEMPLES PRĂTS Ă LâEMPLOI SONT LIVRĂS EnraisondesĂ©volutionspermanentes,lâaspectdessiteslivrĂ©setprĂ©sentĂ©speutdiffĂ©rer. 6 âą DĂ©veloppez 10 fois plus vite Honolulu : portail Intranet Un portail Intranet com- plet, avec toutes ses applications (messageries, news, recherche documentaire,...), est Ă©galement livrĂ©. Directement utilisable, il peut Ă©galement ĂȘtre adaptĂ© Ă vos besoins (source livrĂ©). Honolulu a dĂ©jĂ Ă©tĂ© diffusĂ© Ă plusieurs centaines de milliers dâexemplaires DES SITES EN WEBDEV Parmi les dizaines de milliers de sites rĂ©alisĂ©s en WEBDEV, en voici quelques-uns. Retrouvez-en plus de 1000 sur le site www.pcsoft.fr. www.pcsoft.fr âą 7 WEBDEVÂź 19 DES DIZAINES DE MILLIERS DE SITES Des milliers dâautres sites Ă dĂ©couvrir sur www.pcsoft.fr
5.
RAPPEL : SITE
STATIQUE Un SITE STATIQUE est un site qui prĂ©sente des pages figĂ©es, reliĂ©es de maniĂšre dĂ©finie les unes aux autres. Il sâagit en gros dâun «ensemble de pages» sur Internet, que lâon peut juste consulter. En gĂ©nĂ©ral ce site prĂ©sente des informations de base sur la sociĂ©tĂ©, le groupe ou lâassociation: activitĂ©, adresse, les pro- duits, et quelquefois des tarifs, une page de contacts... Les limites des sites statiques se font vite sentir: Ă chaque modification dâune donnĂ©e, il faut la reporter dans le site, et rĂ©-installer les pages concernĂ©es. Pour que les produits prĂ©sentĂ©s restent dâactualitĂ©, il faut effectuer Ă chaque fois les modifications sur le site statique. QUâEST-CE QUâUN SITE DYNAMIQUE ? Un SITE DYNAMIQUE crĂ©e «à la volĂ©e» les pages vues par les internautes, en fonction des actions de lâinternaute et des donnĂ©es prĂ©sentes dans des bases de donnĂ©es. Prenons lâexemple dâun catalogue qui contient 30.000 articles: un site statique devrait prĂ©voir 30.000 pages HTML statiques diffĂ©rentes ! Un site dynamique ne nĂ©cessitera quâune seule page, prĂ©- vue pour recevoir des donnĂ©es (les rĂ©fĂ©rences du produit, sa photo,...). Le serveur «assemblera» les Ă©lĂ©ments nĂ©cessaires Ă la demande, Ă la volĂ©e. TOUJOURS Ă JOUR Les donnĂ©es du site dynamique sont TOUJOURS Ă JOUR, puisquâissues des bases de donnĂ©es de lâentreprise. Vous affichez les stocks rĂ©els, vous indiquez Ă lâinternaute la date rĂ©elle dâenvoi de sa commande, vous gĂ©rez des plan- nings,... DES SITES QUI SONT DE VĂRITABLES APPLICATIONS Autre aspect intĂ©ressant des sites dynamiques rĂ©alisĂ©s avec WEBDEV 19, ils se comportent comme de VĂRITABLES APPLICATIONS. Toute la puissance de lâinformatique est Ă votre disposition. FACILITĂ DE RĂALISATION GrĂące Ă la puissance de son environnement complet et Ă sa richesse fonctionnelle, il est extrĂȘmement FACILE Ă tout dĂ©veloppeur, sans compĂ©tence particuliĂšre en Internet, de rĂ©aliser des sites dynamiques sophistiquĂ©s, de haute fiabilitĂ©, rapides et Ă©volutifs. 8 âą DĂ©veloppez 10 fois plus vite AJOUTER UNE PARTIE «DYNAMIQUE» Ă UN SITE STATIQUE EXISTANT WEBDEVÂź 19 UN SITE DYNAMIQUE CâEST QUOI ? Aujourdâhui, la plupart des sociĂ©tĂ©s possĂš- dent un site statique, mais dĂ©sirent profiter de fonctionnalitĂ©s dynamiques. AVEC WEBDEV 19, RĂUTILISEZ VOTRE EXISTANT Pour rĂ©utiliser un EXISTANT, vous pouvez, Ă votre choix: âą brancher des pages dynamiques sur le site statique âą brancher des pages statiques dans le site dynamique âą mixer statique et dynamique âą importer des pages statiques dans le site dynamique âą ... MIXER STATIQUE ET DYNAMIQUE MIXER statique et dynymique est la solution la plus rapide. Souvent un site statique existe dans lâentreprise. Le site statique est CONSERVĂ, et les pages dynamiques sont RAJOUTĂES, ou remplacent certaines pages statiques. Il est Ă©galement facile de relier de maniĂšre transparente 2 sites, un statique et lâautre dynamique. IMPORTER LES PAGES STATIQUES WEBDEV 19 propose une puissante fonctionnalitĂ© dâimport de pages statiques et de templates (voir page 44). Les pages existantes sont ainsi IMPORTĂES dans lâenviron- nement, et sont transformĂ©es en pages WEBDEV 19. LE BESOIN DE «TEMPS RĂEL» Un tarif change dans le systĂšme de gestion de lâentreprise ? ImmĂ©diatement, le site est Ă jour. Une nouvelle rĂ©fĂ©rence de produit est crĂ©Ă©e ? Automatiquement et immĂ©diatement ce produit est prĂ©sent sur le site dynamique. Le stock Ă©volue ? Automatiquement, le client qui passe com- mande est informĂ©. Sans avoir Ă installer en permanence, Ă modifier et mettre Ă jour les pages, un site dynamique affiche automatiquement des DONNĂES Ă JOUR. LE «DYNAMIQUE» EST INDISPENSABLE Aujourdâhui, vos sites doivent se comporter comme des appli- cations ! Vos sites doivent ĂȘtre des sites dynamiques. WEBDEVÂź 19 www.pcsoft.fr âą 9 WYSIWYG: crĂ©ez en visuel WEBDEVÂź CRĂATION DE PAGE : UNE MĂTHODE RĂVOLUTIONNAIRE WEBDEVÂź 19 CrĂ©ez vos sites «à la souris», WEBDEV 19 gĂ©nĂšre automatiquement le code HTML, le code Javascript et le code Serveur nĂ©ces- saires au site. Et sur demande, WEBDEV 19 gĂ©nĂšre mĂȘme le site en PHP. CLIQUEZ AU LIEU DE CODER WEBDEV 19 est un environnement complet, intĂ©grĂ©. Lâensemble du dĂ©veloppement sâeffectue avec un seul envi- ronnement et un seul et unique langage: le WLangage, L5G dâune trĂšs grande PUISSANCE, et FACILE Ă apprendre. WEBDEV 19 permet ainsi de sâaffranchir des connaissances inutilement complexes de lâInternet. Par ailleurs, les traitements sont totalement sĂ©parĂ©s des pages, il nây a pas de mĂ©lange comme avec des langages tra- ditionnels. Les pages se crĂ©ent facilement en positionnant les champs Ă la souris (voir encadrĂ© page 14). Des zones de champs peuvent ĂȘtre crĂ©Ă©es pour les dĂ©place- ments et dĂ©calages dâun bloc. HTML ET JAVASCRIPT Inutile de connaĂźtre ni HTML ni Javascript pour rĂ©aliser de superbes et puissants sites dynamiques. WEBDEV 19 gĂ©nĂšre tout le code qui est nĂ©cessaire Ă votre place. Mais WEBDEV 19 est OUVERT, et si cela est nĂ©cessaire, il est toujours possible de taper (ou coller) directement du code de bas niveau: HTML, Javascript, scripts ASP, JSP, Applets Java, PHP... Avec WEBDEV 19, vos Ă©quipes dĂ©veloppent 10 FOIS PLUS VITE tous les types de sites et dâapplications, Internet, Intranet, Extranet et SaaS. LâĂ©diteur de WEBDEV : visuel, crĂ©ation des pages et des champs Ă la souris ! Code HTML quâil fallait taper soi-mĂȘme Code Javascript quâil fallait taper soi-mĂȘme Le WLangage de WEBDEV: simplifiez et rĂ©duisez le code ! La crĂ©ation et le paramĂ©trage sâeffectuent visuellement, en WYSIWIG, Ă la souris, pour les pages et les puissants champs. Inutile de connaĂźtre HTML pour crĂ©er des pages sophistiquĂ©es.
6.
WEBDEV 19 est fourni
en standard avec accĂšs natif Ă SAP, Lotus Notes, Excel, SalesForce, Google et Outlook WEBDEVÂź 19 TOUTES LES BASES DE DONNĂES: MYSQL, ORACLE, AS/400, SQL SERVER, INFORMIX... Une description de structures de donnĂ©es sous WEBDEV 10 âą DĂ©veloppez 10 fois plus vite Un site dynamique utilise des donnĂ©es. WEBDEV 19 accĂšde Ă toutes les bases de don- nĂ©es du marchĂ©. WEBDEV est ouvert, il permet de rĂ©-utiliser et de cohabiter avec un existant. TOUTES LES BASES DE DONNĂES SONT SUPPORTĂES (LISTE NON EXHAUSTIVE) WEBDEV peut lire et Ă©crire dans toutes les bases de donnĂ©es. Parmi ces bases, on trouve les suivantes: *: accĂšs natif standard **: accĂšs natif en option HFSQL, UNE PUISSANTE BASE DE DONNĂES SQL EN STANDARD WEBDEV est livrĂ© avec HFSQL, une puissante base de don- nĂ©es SQL Client/Serveur, dĂ©jĂ utilisĂ©e sur des millions de sites. HFSQL est dĂ©crit en dĂ©tail page 41. ACCĂS EN MODE NATIF WEBDEV peut accĂ©der en mode natif Ă MySQL, Oracle, SQL Server, PostgreSQL, SQLite, AS/400, DB2, Informix, Sybase directement (modules disponibles sĂ©parĂ©ment). Lâinstallation de ces accĂšs natifs est extrĂȘmement simple (un fichier de taille rĂ©duite). Les champs de type BLOB ou Long Raw sont supportĂ©s. Les performances dâaccĂšs sont remarquables. SUPPORT NATIF DES BASES «AS/400» ET «ISERIES» WEBDEV accĂšde Ă lâAS/400 directement (module disponible sĂ©parĂ©ment), sans driver ODBC, OLE DB et sans ActiveX. WEBDEV sait rĂ©cupĂ©rer et exporter des DDS, lancer des commandes CL, gĂ©rer une Dataqueue,... LâintĂ©gration Ă lâenvironnement est totale, et la vitesse est Ă©poustou- flante. Demandez la brochure spĂ©ci- fique ! TOUTES LES BASES DE DONNĂES VIA ODBC OU OLE DB WEBDEV 19 accĂšde Ă toute base de donnĂ©es possĂ©dant un driver ODBC ou OLE DB. SCRIPT SQL = ANALYSE WEBDEV Une analyse dĂ©finie sous WEBDEV peut ĂȘtre convertie en script SQL pour crĂ©er de nouvelles bases SQL, et tout script SQL peut ĂȘtre converti automatiquement en analyse WEBDEV pour exploiter un existant. Cela offre une ouverture totale. La rĂ©cupĂ©ration des structures existantes sâeffectue le plus souvent par un simple «drag&drop» vers lâĂ©diteur dâanalyses. LES PROCĂDURES STOCKĂES Si la Base de DonnĂ©es tierce supporte les procĂ©dures stoc- kĂ©es, celles-ci sont accessibles par des applications Ă©crites avec WEBDEV. LA PROGRAMMATION EST IDENTIQUE QUELLE QUE SOIT LA BASE DE DONNĂES Quelle que soit la base de donnĂ©es, vous pourrez utiliser indif- fĂ©remment la programmation par SQL ou par les ordres du L5G de WEBDEV, le WLangage (hLitSuivant,...). Cela offre encore fois une grande ouverture, et la possibilitĂ© de changer de base de donnĂ©es trĂšs facilement. VOUS UTILISEZ WINDEV... Si vous utilisez WINDEV, notez que vous pouvez partager le projet et ses Ă©lĂ©ments (code, classes, fenĂȘtres, requĂȘtes, Ă©tats, ...) entre les 2 environnements, et exporter vos applications vers WEBDEV. WEBDEV 19 permet de crĂ©er un nouveau site et ses donnĂ©es, ou de crĂ©er des sites reliĂ©s Ă des donnĂ©es existantes, quelle que soit la Base de DonnĂ©es. - HFSQL* - MySQL* - Oracle** - Informix** - SQLServer** - PostgreSQL* - SQLite* - IBM DB2** - IBM AS/400** - Sybase** - Netware SQL - Ingres - Progress** - XML* - Bull DPS - FoxPro - Paradox - Access - xBase* - ASCII* - Excel* - Etc... WEBDEVÂź 19 Internet Explorer sous Windows Firefox sous Windows Firefox sous Linux Tablette sous Android iPad Chrome sous Windows Safari sur Mac WEBDEV gĂ©nĂšre Ă la demande des sites compa- tibles avec la norme W3C transitional www.pcsoft.fr âą 11 LES SITES CRĂĂS AVEC WEBDEV SONT COMPATIBLES AVEC TOUS LES NAVIGATEURS Les navigateurs propo- sent tous leurs particu- laritĂ©s, qui diffĂšrent mĂȘme selon les ver- sions. WEBDEV gĂ©nĂšre un code gĂ©nĂ©rique, qui est reconnu par quasiment tous les navigateurs standard du marchĂ©. Voici la consultation du mĂȘme site sous diffĂ©- rents navigateurs et systĂšmes. LE MĂME SITE WEBDEV SâAFFICHE SUR TOUS LES NAVIGATEURS iPhone VOS SITES COMPATIBLES TOUS NAVIGATEURS
7.
La méthode RAD
(facultative) de construction automatique de sites de WEBDEV (RAD: «Rapid Application Development») permet de gĂ©nĂ©rer automatiquement des sites INTERNET et INTRANET directement utilisables. Tout est personnalisable et modifiable. Un site dynamique complet est rĂ©alisable en quelques dizaines de minutes ! AprĂšs avoir spĂ©cifiĂ© la description des tables de donnĂ©es (ana- lyse), crĂ©er un site complet avec WEBDEV est automatique: menu, pages, code... Si la description des donnĂ©es qui sert au dĂ©veloppement est dĂ©jĂ dĂ©crite (base de donnĂ©es existante par exemple), il suf- fit de rĂ©cupĂ©rer cette description. Le site gĂ©nĂ©rĂ© est totalement modifiable bien sĂ»r. Voici sur un exemple le processus de crĂ©ation dâun site avec le RAD. ïżœ INDIQUEZ la base de donnĂ©es Ă utiliser (analyse). Visualisation des liens entre tables ïżœ CLIQUEZ sur l'icone «RAD» de la barre d'icones. Notez que vous pouvez gĂ©nĂ©rer le site en PHP. ïżœ DiffĂ©rentes prĂ©sentations possibles (les TEM- PLATES, ou «modĂšles de pages») sont proposĂ©es. ïżœ SĂLECTIONNEZ les tables Ă utiliser. Les relations entre les tables seront automatiquement gĂ©rĂ©es. La puissance de WEBDEV en un clic... ïżœ GĂNĂREZ! Le site dynamique est crĂ©Ă©! Il est immĂ©diatement opĂ©rationnel, avec les pages de saisie de donnĂ©es, les liaisons entre pages,... Mais vous pouvez bien sĂ»r le personnaliser, le modifier, ajouter des pages statiques, des illustrations, modifier le code des traitements, ajouter de nouveaux traitements, etc... Il nây a aucune limite: vous ĂȘtes le maĂźtre de vos dĂ©veloppements. ïżœ Lorsque vous dĂ©sirez INSTALLER le site, lancez la crĂ©ation automatique de «procĂ©dure d'installation» et WEBDEV crĂ©e pour vous la procĂ©dure d'installation. Si vous avez utilisĂ© la Base de DonnĂ©es HFSQL (librement dif- fusable), la procĂ©dure inclura mĂȘme le moteur de la Base de DonnĂ©es. La prĂ©sence de WEBDEV n'est bien sĂ»r pas nĂ©cessaire chez lâhĂ©bergeur, il suffit dâun serveur dâapplication WEBDEV ou dâun moteur PHP selon le type de site que vous avez gĂ©nĂ©rĂ©. VoilĂ , le site est crĂ©Ă©, en quelques minutes ! GĂNĂREZ VOTRE PROPRE CODE GrĂące Ă la fonctionnalitĂ© de «pattern», WEBDEV vous per- met de dĂ©finir le code qui sera gĂ©nĂ©rĂ©. Le RAD utilisera votre code, vos classes, vos procĂ©dures ! RAD PHP: EN STANDARD WEBDEV 19 permet de gĂ©nĂ©rer des sites dynamiques en PHP. Inutile de connaĂźtre PHP, WEBDEV 19 gĂ©nĂšre le code nĂ©ces- saire. Voir page 36 pour le dĂ©tail sur PHP. RĂPONDEZ PLUS VITE Ă UN CAHIER DES CHARGES RĂ©pondre Ă un cahier des charges pour remporter un contrat est facile avec WEBDEV ! Vous aurez plus de chances de gagner la confrontation en prĂ©sentant chez le futur client un site rĂ©el gĂ©nĂ©rĂ© rapidement avec le RAD. Vous personnaliserez ensuite le site aux goĂ»ts et besoins du client. Un site rĂ©el est plus spectaculaire quâune simple proposition Ă©crite remise au prospect ! 12 âą DĂ©veloppez 10 fois plus vite WEBDEVÂź WEBDEVÂź 19 LE RAD WEB : DĂVELOPPER UN SITE INTERACTIF EN QUELQUES CLICS VOICI UN EXEMPLE DE PAGES GĂNĂRĂES AUTOMATIQUEMENT PAR LE RAD Et ainsi de suite pour chaque choix. Chaque page gĂ©nĂ©rĂ©e est totalement modifiable. RAD «APPLICATIF» ComplĂ©ment du RAD, le «RAD applicatif» propose des sites dĂ©jĂ dĂ©veloppĂ©s, quâil suffit de paramĂ©trer Ă ses besoins. Le site peut ĂȘtre utilisĂ© tel quel, ou inclus dans un site existant. Parmi les sites proposĂ©s: com- merce Ă©lectro- nique, blog, CMS (SystĂšme de Gestion de Contenu), site associatif, Forum,... www.pcsoft.fr âą 13 WEBDEV est compatible WINDEV et WINDEV Mobile PORTABILITĂ UNIVERSELLE Le dĂ©veloppement multi-cibles (Windows, Linux, .Net, Internet, Intranet, SaaS, Smartphone, Tablette, Android, iOS, terminal, Mac, sur serveur Windows ou Linux...) est rendu possible par la compatibilitĂ© entre les versions 19 de WEBDEV, WINDEV Mobile et WINDEV. Depuis le mĂȘme code, crĂ©ez un site Internet et une appli- cation Windows par exemple ! Site WEBDEV sur serveur Linux Application Windows avec WINDEV Application Linux avec WINDEV Site WEBDEV sur iPad, iPhone et Android Site PHP avec WEBDEV Application Java avec WINDEV Les boutons de choix sont gĂ©nĂ©rĂ©s automatiquement, et modifiables Le choix «Frais» ouvre la page suivante, gĂ©nĂ©rĂ©e auto- matiquement, et modifiable Un clic sur un bouton ouvre la page suivante, gĂ©nĂ©rĂ©e automatiquement et bien sĂ»r modifiable Le bouton «Projet» ouvre la page suivante. Le bouton «Modifier» ouvre la page suivante, gĂ©nĂ©rĂ©e automatiquement, et modifiable Votre code est Ă©galement compatible Android, Windows Phone et iOS (iPhone et iPad) Java AJAX iOS
8.
14 âą DĂ©veloppez
10 fois plus vite La mĂ©thode la plus intuitive WEBDEV 19 propose certainement lâenviron- nement de travail le plus puissant, le plus facile et le plus intĂ©grĂ© du marchĂ© ! Vos Ă©quipes crĂ©eront facilement de superbes sites. Aucune connaissance prĂ©alable de la programmation Internet nâest nĂ©cessaire. Le gĂ©nĂ©rateur de pages de WEBDEV permet de rĂ©aliser faci- lement de superbes pages. PC SOFT bĂ©nĂ©ficie d'une expĂ©rience de plus de 20 ans dans la conception d'outils de crĂ©ation d'IHM. Cette expĂ©rience a Ă©tĂ© mise Ă profit pour WEBDEV. Notez que les pages suivantes dĂ©taillent de nombreuses fonc- tionnalitĂ©s prĂ©sentĂ©es dans ce chapitre. LES CHAMPS DANS LES PAGES: WYSIWYG RĂVOLUTIONNAIRE ! Les diffĂ©rents champs (saisie, table, image...) sont crĂ©Ă©s et positionnĂ©s visuellement, en interactif sous l'Ă©diteur. Ce que vous voyez sous lâĂ©diteur correspond Ă ce que lâinternaute verra dans son navigateur. Les pages (avec les champs, leurs caractĂ©ristiques dĂ©taillĂ©es dĂ©finie par les 7 onglets, et leur code) sont sauvegardĂ©es comme Ă©lĂ©ments rĂ©utilisables. Cette technique permet de simplifier la programmation, en gĂ©rant les pages comme des objets Ă©voluĂ©s. LâĂ©diteur de pages permet de crĂ©er et de modifier visuelle- ment les champs, indĂ©pendamment du code source. Il est possible de sâabonner aux Ă©ventuelles modifications dâun Ă©lĂ©ment partagĂ© entre plusieurs dĂ©veloppeurs (hĂ©ri- tage). Avec WEBDEV 19, il est bien sĂ»r possible d'intervenir par pro- gramme pour modifier les propriĂ©tĂ©s d'un champ: cible, cou- leur, visibilitĂ©,... Par exemple, selon le profil de lâinternaute, il est possible de rendre des champs visibles ou invisibles, ... Tout est dyna- mique ! Cette technique de gestion des pages et des champs fait gagner un temps considĂ©rable lors de la maintenance des sites, et apporte un gain de robustesse. Et un simple «GO» permet de tester immĂ©diatement le site. UN POSITIONNEMENT PRĂCIS AVEC OU SANS CSS WEBDEV inclut de maniĂšre transparente des algorithmes de positionnement (Ă la souris) trĂšs puissants, et permet un posi- tionnement au pixel prĂšs. WEBDEV peut faire appel, si vous le dĂ©sirez, aux feuilles de styles Ă la norme CSS. Les feuilles de styles se crĂ©ent facile- ment depuis lâenvironnement (voir Ă©galement CSS3 p34) Les tables de positionnement optimisent le poids des pages TOUS LES CHAMPS POUR INTERNET L'Ă©diteur de WEBDEV permet de crĂ©er et manipuler tous les champs dont vous aurez besoin pour rĂ©aliser rapidement de superbes interfaces (voir pages 18 Ă 25). Les principaux objets gĂ©rĂ©s par l'Ă©diteur d'IHM sont: âą Texte, libellĂ© HTML âą Champ de saisie, saisie riche âą Champ dâaffichage formatĂ© âą SĂ©lecteur, interrupteur âą Liste, combo, treeview âą Bouton texte, bouton graphique âą Web CamĂ©ra âą Image statique, dynamique, gĂ©nĂ©rĂ©e âą Zone de cliquage, Map Area âą Table, Champ zone rĂ©pĂ©tĂ©e WEBDEVÂź WEBDEVÂź 19 UN PUISSANT ENVIRONNEMENT VISUEL Sous lâenvironnement intĂ©grĂ© Une mĂ©thode rĂ©volutionnaire ! La crĂ©ation des pages est facile: glissez/dĂ©placez les champs Ă crĂ©er depuis le ruban, positionnez-les directement Ă la souris ! Les caractĂ©ristiques personnalisĂ©es du champ se dĂ©finissent en visuel par les «7 onglets» (voir page 17) www.pcsoft.fr âą 15 âą Champ HTML âą Champ Applet Java, Objet Flash âą Champ «rĂ©glette» de parcours âą Superchamp, ModĂšle de champs, âą IFrame, Page interne âą SiteMapPath, Plan du site, âą Graphe, Calendrier âą Onglets, etc... Les masques de saisie HTML5 sont gĂ©rĂ©s. POSITIONNEMENT PAR ANCRAGE Les ancrages dĂ©finissent la maniĂšre dont le contenu dâune page va se com- porter lorsque la page est agrandie par lâinternaute. La gestion des ancrages en WEBDEV 19 est trĂšs facile. LE CHAMP «ZONE RĂPĂTĂE» WEBDEV permet la crĂ©ation de zones rĂ©pĂ©tĂ©es multicolonnes, remplies auto- matiquement par liaison fichier, ou par programmation personnalisĂ©e (voir page 19). DĂFINIR UN LIEN Pour dĂ©finir un lien depuis un bouton graphique ou un champ lien, il suffit de pointer la page Ă afficher Ă lâaide du mini-modifieur. Ce lien peut ĂȘtre redĂ©fini par programmation si nĂ©cessaire. LES GRAPHIQUES DE GESTION Un grapheur est livrĂ© avec WEBDEV; il permet de rĂ©aliser faci- lement des histogrammes, des courbes, des camemberts, boursiers... en 2D ou en relief. On retrouve encore ici la sim- plicitĂ© phĂ©nomĂ©nale de WEBDEV ! DES BOUTONS INTELLIGENTS Le «multi-clic» sur les boutons de validation est neutralisĂ© par dĂ©faut. Un internaute qui clique 3 fois sur le bouton «vali- der» ne recevra pas 3 fois sa commande... PLAN DU SITE Le plan du site est calculĂ© par rĂ©tro-analyse de lâexistant, en fonction des liens fixes et programmĂ©s. Un champ «plan du site» est automatiquement crĂ©Ă© pour ĂȘtre inclus dans le site gĂ©nĂ©rĂ©. DES AMBIANCES POUR TOUS LES USAGES WEBDEV 19 est livrĂ© avec de nombreuses ambiances de page, permettant ainsi de rĂ©aliser faci- lement des sites pour toutes les cibles (comme par exemple ci- contre, sur un Apple iPhone). CRĂEZ FACILEMENT VOS PAGES DE BELLES PAGES FACILEMENT La crĂ©ation des pages sâeffectue facilement, en visuel, et vous disposez dâun arsenal impressionnant de champs (contrĂŽles) trĂšs puissants. Un «champ de saisie» WEBDEV avec toutes ses fonctionnalitĂ©s intĂ©grĂ©es, qui se pose par un simple «glisser/dĂ©placer» Ă la souris correspond Ă plus de 50 lignes Javascript ! Vous imaginez facilement le code que vous Ă©cono- misez. DĂ©couvrez dans les pages suivantes les principales possibilitĂ©s offertes par lâĂ©diteur intĂ©grĂ© de WEBDEV 19.
9.
16 âą DĂ©veloppez
10 fois plus vite La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź WEBDEVÂź 19 UN ENVIRONNEMENT DE CRĂATION WEB INTĂGRĂ ET INTUITIF Lâenvironnement de travail WYSIWYG de WEBDEV apporte un confort propice Ă la pro- ductivitĂ©. Vos Ă©quipes rĂ©aliseront facilement les sites que vous devez dĂ©velopper, et que vos clients et utilisateurs attendent. WEBDEV 19 est facile Ă prendre en main: une semaine suffit en gĂ©nĂ©ral Ă un dĂ©veloppeur. Tout est en français: câest plus clair (version anglaise Ă©gale- ment disponible). Tout est intĂ©grĂ© avec le mĂȘme mode opĂ©ratoire, tout est visuel, tout est inclus: vos Ă©quipes dĂ©veloppent plus vite ! Le Support Technique5 est Ă©galement inclus, ce qui reprĂ©sente encore un confort et des Ă©conomies non nĂ©gligeables, ainsi quâun gain de temps de dĂ©veloppement supplĂ©mentaire. Notez que les projets peuvent ĂȘtre sauvĂ©s dans le Cloud, ce qui facilite le travail en Ă©quipe. WEBDEV 19 est compatible WINDEV 19. Roue chromatique dans lâenvironnement Lâenvironnement intĂ©grĂ© est trĂšs intuitif. Un petit carrĂ© jaune indique que le champ fait par- tie du modĂšle (template) Un menu contextuel (clic droit) est dispo- nible pour un accĂšs rapide aux diffĂ©rentes fonctionnalitĂ©s Un menu contextuel (clic droit) est dispo- nible pour le para- mĂ©trage des barres dâicones. Les volets proposent des composants, des champs, du code,... pour vous faire gagner du temps Volet: il donne une vision glo- bale du projet; un double-clic (ou un drag & drop) sur un Ă©lĂ©ment lâouvre immĂ©dia- tement Ruban & boĂźtes Ă outils dĂ©plaçables, visibles ou pas, et paramĂ©trables Barre dâinforma- tion indiquant le nom de la page en cours, taille,... Lâinterface des Ă©diteurs est vraiment trĂšs intuitive, et trĂšs efficace. Note: la combi- naison de touches Ctrl W permet de dĂ©gager momen- tanĂ©ment lâespace de travail en mas- quant les volets. Affichage optionnel La mĂ©thodologie proposĂ©e par les «7 onglets» pour dĂ©finir des champs puissants est trĂšs intui- tive: aucune connaissance prĂ©alable dâInternet nâest nĂ©cessaire, tout est dĂ©crit en français lim- pide. Les caractĂ©ristiques de chaque contrĂŽle (champ) se dĂ©finissent par lâintermĂ©diaire dâun mode de dialogue exclusif, trĂšs facile et trĂšs puissant: les «7 onglets». Chacun des onglets permet de dĂ©finir les diffĂ©rentes caractĂ©ris- tiques du champ. Si nĂ©cessaire il est Ă©galement possible de modi- fier ces caractĂ©ristiques par programme. Le contenu des onglets diffĂšre selon le type dâobjet; voici le dĂ©tail des 7 onglets pour un champ de type «Saisie». Onglet «Liaison»: pour lier les donnĂ©es aux pages, ... Onglet «Aide»: bulle dâaide, message dâaide... Onglet «Avancé»: pour saisir ou copier/coller du code HTML Onglet «DĂ©tail»: dĂ©finissez les caractĂ©ristiques en saisie Onglet «Style»: dĂ©finissez les caractĂ©ristiques du champ: taille de police, caractĂšres forcĂ©s en majuscules... Onglet «Code»: saisissez directement dans lâĂ©vĂ©nement (entrĂ©e dans le champ, clic sur le champ, ...) le code WLangage, Javascript et ou PHP La technologie des «7 onglets» permet la crĂ©ation de pages efficaces. www.pcsoft.fr âą 17 Les 7 onglets facilitent les crĂ©ations de page: il suffit de cliquer WEBDEVÂź TECHNOLOGIE 7 ONGLETS : DES CONTRĂLES PUISSANTS EN QUELQUES CLICS WEBDEVÂź 19 Onglet «GĂ©nĂ©ral»: nom, libellĂ©, type du champ, visuali- sation du style... Ici masques pro- posĂ©s 1 4 5 6 7 2 3
10.
WEBDEV 19 propose
tous les types de champs («contrĂŽles») nĂ©cessaires Ă la crĂ©ation des pages Internet et Intranet. Voici quelques- uns de ces champs dĂ©taillĂ©s. Notez que ces champs fonctionnent en Ajax. ZONE DE TEXTE RICHE Le champ «Zone de Texte Riche» (ZTR) permet dâĂ©diter un contenu. Ce champ trĂšs puissant est prĂ©sentĂ© en dĂ©tail en pages 24 et 25. CHAMP DE SAISIE RICHE HTML Ce type de champ permet de crĂ©er et mettre en page des textes avec enrichissement. Une barre dâoutils apparaĂźt automatiquement en tĂȘte du champ, et permet de dĂ©finir les enrichissements. Les donnĂ©es sont sauvegardĂ©es au standard HTML. CHAMPS DE SAISIE (AVEC MASQUE) Les champs de saisie de WEBDEV 19 permettent, comme les autres champs, de dĂ©finir de nombreux paramĂštres, de maniĂšre visuelle et intuitive Ă travers les «7 onglets» ou par programmation. Il est facile de dĂ©finir de puissants masques de saisie, sans avoir besoin de taper la moindre ligne de code. Les formats sont matĂ©rialisĂ©s dĂšs lâentrĂ©e de champ. En entrant dans le champ, le masque apparaĂźt: ici, taper le «/» est facultatif Parmi les masques de saisie fournis: durĂ©e, premiĂšre lettre en majuscule, numĂ©ro de tĂ©lĂ©phone français, nom et chemin de fichier, adresse email, code postal... PERSONNALISER LE LISERĂ DES CHAMPS Un champ peut possĂ©der un liserĂ©. Un usage habituel de ce liserĂ© est de mettre en valeur le champ qui a le focus. 3 exemples de liserĂ©s diffĂ©rents, matĂ©rialisant le champ en saisie Il est facile de personnaliser lâapparence du liserĂ©, selon les actions sur le champ: prise de focus, survol,... TABLES SERVEUR, NAVIGATEUR ET TABLES AJAX Les tables sont gĂ©rĂ©es par WEBDEV 19. Une table «habituelle» est une table serveur, qui effectue des requĂȘtes sur le serveur pour se remplir. Le mode Ajax est gĂ©rĂ© sur les tables serveur, ce qui Ă©limine le rĂ©affichage complet de la page Ă chaque modification dâun Ă©lĂ©ment de la table. La page 26 dĂ©taille des fonctionnalitĂ©s offertes sur les tables Ajax. Une table peut Ă©galement ĂȘtre en mode «Navigateur», câest Ă dire nâexĂ©cuter aucun code serveur. Le champ «Table Navigateur» est un champ table complĂšte- ment autonome sur le navigateur. Il nây a pas dâaller-retour avec le serveur dâapplication. Son contenu peut ĂȘtre initialisĂ© directement sous lâĂ©diteur de WEBDEV, en saisissant les donnĂ©es Ă afficher ! Ce type de champ peut ĂȘtre utilisĂ© Ă la fois dans les sites sta- tiques et des sites dynamiques ! Le champ «Table Navigateur» propose des fonctionnalitĂ©s automatiques de : âą filtre, âą recherche, âą dĂ©placement de colonne, 18 âą DĂ©veloppez 10 fois plus vite Tous les champs du Web, et plus... WEBDEVÂź WEBDEVÂź 19 DE PUISSANTS CONTRĂLES (CHAMPS) POUR LES PAGES En entrant dans le champ, le masque apparaĂźt: notez la barre qui permet dâenrichir le texte âą colonne redimensionnable, âą en-tĂȘte de colonne, sur-entĂȘte de colonne... Le champ «Table Navigateur» peut Ă©galement ĂȘtre manipulĂ© et rempli par programmation en code navigateur. UNE ZONE RĂPĂTĂE EST UN CONCEPT TRĂS PUISSANT Une «zone rĂ©pĂ©tĂ©e» est un ensemble de champs qui se rĂ©pĂšte horizontalement, verticalement et/ou linĂ©airement un nombre de fois dĂ©fini ou indĂ©terminĂ©. Les zones rĂ©pĂ©tĂ©es sont soit alimentĂ©es par programme, soit par liaison directe avec une ou des tables de donnĂ©es, soit Ă partir de requĂȘtes. Zone rĂ©pĂ©tĂ©e en dĂ©finition sous lâĂ©diteur Par exemple, le nombre de rĂ©pĂ©titions peut ĂȘtre le nombre dâenregistrements de la requĂȘte,... A chaque rĂ©pĂ©tition, il est possible de modifier chaque attri- but de chaque champ. Par exemple: - couleur de la ligne - couleur dâune police (montant en rouge si nĂ©gatif) - photo dâun article... Zone rĂ©pĂ©tĂ©e en exĂ©cution La zone rĂ©pĂ©tĂ©e peut adapter dynamiquement le nombre dâĂ©lĂ©ments Ă afficher suivant la largeur de la page chez lâin- ternaute. Une zone rĂ©pĂ©tĂ©e peut Ă©galement ĂȘtre uniquement linĂ©aire. RĂGLETTE AUTOMATIQUE La rĂ©glette de parcours rapide des pages (avec son code) est gĂ©nĂ©rĂ©e automatiquement pour une zone rĂ©pĂ©tĂ©e, tout comme pour une table,... Exemples de rĂ©glette automatique MENUS DĂROULANTS & POP-UP WEBDEV permet de crĂ©er des menus dĂ©roulants (verticaux et horizontaux) en mode WYSIWYG, des menus «onglet», et des menus «Pop-up». Il est possible dâajouter dynamiquement (par programmation) des choix de menus, des sous-menus, etc... LES ONGLETS Les onglets peuvent facilement ĂȘtre gĂ©rĂ©s. Exemples dâonglets dans une page. CHAMP TIROIR Un champ tiroir permet dâenrouler et dĂ©rouler une zone dâaf- fichage. A gauche, une image dĂ©roulĂ©e. A droite un autre exemple, avec un texte dĂ©roulĂ© www.pcsoft.fr âą 19 Des champs sophistiquĂ©s trĂšs faciles Ă crĂ©er WEBDEVÂź âąâąâąsuite page 20
11.
CHAMP VIGNETTE (STATIQUE OU
DYNAMIQUE) Un site Web gĂšre souvent des images ou des photos qui sont par ailleurs utilisĂ©es sous forme de vignette (imagette), par exemple pour leur sĂ©lection. WEBDEV 19 gĂšre automatiquement la gĂ©nĂ©ration dynamique automatique de ces vignettes: elles sont crĂ©Ă©es en fonction de lâimage initiale. WEBDEV 19 offre un deuxiĂšme mode de fonctionnement pour ces vignettes: le mode statique. Dans ce mode, la vignette est crĂ©Ă©e par lâinfographiste, avec un contenu qui peut ĂȘtre diffĂ©rent de celui de lâimage principale pour quâelle soit mieux visible ou reprĂ©sentative. CHAMP CALENDRIER ET CHAMP DE SAISIE DATE AVEC POPUP CALENDRIER Le champ calendrier permet soit de crĂ©er un champ intĂ©grĂ© dans une page, soit dâouvrir une «popup» calendrier pour la saisie de la date (trĂšs utilisĂ© en Web). De trĂšs nombreuses options de personnalisation et prĂ©sen- tation sont fournies: encadrer le jour en cours, barrer les dates dĂ©jĂ passĂ©es, dĂ©limiter une durĂ©e, signaler les jours fĂ©riĂ©s,... Le fonctionnement du champ calendrier est assurĂ© en mode «Ajax», ce qui permet de ne pas rafraĂźchir toute la page lors dâun affichage ou dâun choix de date. Le champ calendrier est trĂšs pratique Ă lâusage CAPTCHA CODE La gestion des «captcha», ces codes de sĂ©curitĂ© Ă saisir par lâinternaute, est totalement automatique. Le champ captcha calcule et affiche automatiquement lâimage dĂ©formĂ©e correspondant Ă un texte. Ce texte est soit gĂ©nĂ©rĂ© automatiquement par le champ, soit dĂ©fini par lâapplication. La dĂ©formation change Ă chaque affichage. CHAMP GRAPHE (AJAX) Le champ graphe de WEBDEV 19 propose de nombreux types de graphes, en mode 2D et relief: courbes, barres, hĂ©micycle, camembert, ... Lâinteraction de lâinternaute avec les graphes est assurĂ©e en mode Ajax, par une barre dâoutils permettant de modifier dynamiquement certains paramĂštres: type de graphe, affi- chage de lĂ©gende,... IMAGES, IMAGES CLIQUABLES Le champ image permet dâafficher des images dans les for- mats standard du Web: Jpeg, Gif, Tiff, PNG, SVG... Les images peuvent ĂȘtre cliquables pour lancer un traitement. Le mode «dĂ©filement automatique» permet dâafficher auto- matiquement des images prĂ©sentes dans un rĂ©pertoire. IMAGE AVEC ZOOM AUTOMATIQUE Lorsque lâeffet de zoom est activĂ© sur une image, le survol de lâimage par le curseur de souris ouvre automatiquement une zone Ă cĂŽtĂ© de cette image, zone dans laquelle la par- tie de lâimage originale pointĂ©e est affichĂ©e agrandie, ce qui 20 âą DĂ©veloppez 10 fois plus vite La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź WEBDEVÂź 19 DES CHAMPS PUISSANTS POUR LES PAGES suite de la page 19 âąâąâą met en avant le dĂ©tail de cette partie. La taille de la PopUp zoomĂ©e est paramĂ©trable, ainsi que le facteur de zoom dans un rapport de 1 Ă 100 fois. Cet effet peut sâappliquer sur les champs image et vignette. Il nây a rien Ă programmer pour bĂ©nĂ©ficier de cet effet, il suf- fit de cliquer sur le choix «Zoom automatique» dans la des- cription du champ dans les «7 onglets». Lorsque le curseur passe sur une zone de lâimage, celle- ci est automatiquement affichĂ©e et zoomĂ©e EFFET MOUVEMENT AUTOMATIQUE DâIMAGE Cet effet donne vie Ă vos pages ! Lâeffet «mouvement automatique» simule le dĂ©placement lĂ©ger dâune camĂ©ra sur une image: sans rien programmer, lâimage affichĂ©e prend vie et se dĂ©place lĂ©gĂšrement, lente- ment et harmonieusement dans sa zone. 3 effets sont combinĂ©s: balayage dans des directions alĂ©a- toires, zoom lĂ©ger, fondu pour lâenchaĂźnement de ces effets. Cet effet est idĂ©al pour mettre en valeur automatiquement des photos de produit: bien immobilier, produit de luxe,... SUPPORT DU JPEG PROGRESSIF Le JPEG Progressif est un format dâaffichage qui affiche une image progressivement, pendant que le navigateur charge lâimage; lâimage devient plus nette au fil des secondes. Quand une image est insĂ©rĂ©e dans un site, WEBDEV 19 per- met de transformer cette image au format JPEG Progressif. CHAMP SLIDER & RANGE SLIDER Les champs potentiomĂštre linĂ©aire (Slider) et potentiomĂštre dâintervalle (range Slider) sont proposĂ©s. ZONES DE CLIQUAGE (MAP AREA) Les zones de clicage permettent de rĂ©aliser des traitements dâhypertexte: en fonction de la zone dâune image sur laquelle lâinternaute clique, un traitement particulier est exĂ©cutĂ©. DĂ©finir les zones est trĂšs simple Ă lâaide des zones gĂ©omĂ©- triques fournies. Plusieurs zones peuvent ĂȘtre reliĂ©es. Si nĂ©cessaire, il est facile de rĂ©cupĂ©rer les coordonnĂ©es de cli- quage, au pixel prĂšs. Cela peut ĂȘtre utile dans des cartes de pointage prĂ©cis, comme par exemple des cartes gĂ©ographiques, ou dans le milieu mĂ©dical. CHAMP «VIDEO» Le champ «VidĂ©o» permet de jouer des vidĂ©os Flash (Flv), QuickTime (Mov), Microsoft (Wmv),... Les fonctionnalitĂ©s de lecture, pause, avance rapide,... sont gĂ©rĂ©es. Lâaffichage de vidĂ©os est Ă©galement gĂ©rĂ© par HTML 5 si le navigateur le supporte (voir page 27) CHAMP «FLASH» Le champ «Flash» permet dâinclure des champs flash dans une page WEBDEV: bandeau animĂ©.... CHAMP FLEX Le format Flex permet de crĂ©er des animations, des banniĂšres, des effets et des formulaires. Il est facile dâintĂ©grer des fichiers Flex (et Silverlight) dans une page WEBDEV. CHAMP NOTATION Ce champ permet Ă lâinternaute de donner une note, ou Ă un site dâafficher une note. Par dĂ©faut le visuel utilisĂ© est une Ă©toile, mais ce visuel peut ĂȘtre modifiĂ© (smiley, main, coeur...). La note peut ĂȘtre dĂ©ci- male www.pcsoft.fr âą 21 La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź âąâąâąsuite page 22
12.
22 âą DĂ©veloppez
10 fois plus vite La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź WEBDEVÂź 19 CHAMPS PLANNING & AGENDA Le champ planning permet de gĂ©rer lâemploi du temps de res- sources multiples. Ce champ est Ajax. Le mode opĂ©ratoire est confortable pour lâinternaute, puis- quâil est manipulable entiĂšrement Ă la souris pour la crĂ©ation, lâagrandissement, le dĂ©placement et la suppression des tĂąches et ce, quel que soit le navigateur. Le lien avec les donnĂ©es est automatique (databinding). Ce champ fait gagner des semaines de programmation. Le champ planning est adaptĂ© aux terminaux tactiles (tablette, smartphone). Les modes opĂ©ratoires pour crĂ©er, dĂ©placer, supprimer les rendez-vous sont compatibles avec lâenvironnement «multi-touch», et peuvent donc sâeffectuer avec le doigt. Un champ «Agenda» est Ă©galement disponible. SITEMAPPATH (CHEMIN DE NAVIGATION) Un «SiteMapPath» est un menu qui se construit au fur et Ă mesure des parcours de lâinternaute dans un site. Il permet de revenir rapidement sur une page prĂ©cĂ©dente. La gĂ©nĂ©ration de cette ligne est automatique. Un plan du site est Ă©galement automatiquement gĂ©nĂ©rĂ©. La navigation devient facile LA FONCTION «UPLOAD» Le champ Upload permet de tĂ©lĂ©charger depuis le Navigateur un fichier vers le serveur. SĂ©lecteur de fichiers, multi sĂ©lec- tion, jauge de progression,... sont gĂ©rĂ©s en standard. La taille des fichiers uploadables nâest pas limitĂ©e. Lâupload peut sâeffectuer en tĂąche de fond ou en diffĂ©rĂ©. GFI AUTOMATIQUE Le GFI (Grisage de FenĂȘtre Inactive) de page sur page est gĂ©rĂ© automatiquement. La page inactive est assombrie dĂšs quâune page de dialogue sâouvre. CHAMP RĂSEAU SOCIAL Le champ «RĂ©seau social» est une barre dâoutils composĂ©e de pictogrammes faisant le lien vers les principaux rĂ©seaux sociaux du Web : Facebook, Tweeter, Google+, LinkedIn. TABLEAU HTML Le champ Tableau HTML permet de crĂ©er facilement des tableaux de prĂ©sentation dans les pages. ZONE FIXE SUR LâĂCRAN (FIXED) Lâancrage fixe permet de maintenir visibles un ou plusieurs champs lors du dĂ©placement par lâinternaute de lâascenseur (scrolling) du navigateur. La zone est dite «épinglĂ©e». DES CHAMPS PUISSANTS POUR LES PAGES suite de la page 19 âąâąâą Le saviez-vous ? Il est facile de crĂ©er des «bulles de survol» sur tous les champs. MĂȘme si lâinternaute fait dĂ©filer la page vers le bas, le panier reste visible au mĂȘme endroit Le ou les Ă©lĂ©ments ainsi ancrĂ©(s) se dĂ©place(nt) avec lâascen- seur, et reste(nt) donc visible(s), alors que le reste de la page dĂ©file. EFFETS CSS3 SUR LES CHAMPS WEBDEV 19 permet de dĂ©finir facilement des effets CSS3 sur les champs de type image: accĂ©lĂ©ration, clipping, fondu, zoom automatique, fondu, grossissement en survol, effet photo, mouvement panoramique, clignotement, dĂ©calage, balayage, inclinaison, rotation, ... Morphing Inclinaison de champ en 1 clic... Le cornage de page est Ă©galement gĂ©rĂ©. Il est mĂȘme possible de crĂ©er ses propres transitions et trans- formations. CHAMP BOUTON IMAGE Comme leur nom lâindique, les boutons image sont basĂ©s sur une image. Un bouton peut ĂȘtre dĂ©fini par 5 images diffĂ©rentes au maxi- mum, correspondant chacune Ă un Ă©tat du bouton: repos, survol, clic, focus, grisĂ©. Des exemples de boutons graphiques livrĂ©s avec WEBDEV 19 Ces images des diffĂ©rents Ă©tats peuvent ĂȘtre contenues dans une planche dâimages, gĂ©rĂ©e automatiquement, avec un affi- chage fluide. CHAMP BOUTON CSS3 Le bouton CSS3 est entiĂšrement dĂ©fini Ă base dâun style CSS. Il ne nĂ©cessite pas dâimages, mais le style CSS lui-mĂȘme peut contenir (ou pas) une ou des images. Un bouton CSS peut proposer jusquâĂ 5 Ă©tats Ă©galement, qui sont des Ă©lĂ©ments du style CSS (pseudo-classes). Le bouton CSS3 est automatiquement adaptĂ© selon le navi- gateur. CLIPART COMPLET DE 10.000 IMAGES ET BOUTONS WEBDEV 19 est livrĂ© avec un clipart comprenant plus de 10.000 Ă©lĂ©ments. Il est possible de rĂ©fĂ©rencer ses propres images et illustrations pour enrichir le catalogue. Le contenu du clipart est riche et variĂ©: images, icones, cadres, animations, boutons graphiques, bandeaux, formes. TOUS LES CHAMPS WEB WEBDEV 19 propose Ă©galement les champs «Treeview», Webcam, Applet Java, Iframe... Vous avez tout. (voir Ă©galement le champ de mise en page trĂšs puissant «Zone de Texte Riche», ZTR, ci-aprĂšs). www.pcsoft.fr âą 23 Les champs du Web WEBDEVÂź WEBDEVÂź 19 âąâąâąsuite page 24
13.
24 âą DĂ©veloppez
10 fois plus vite La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź WEBDEVÂź 19 CHAMP «ZONE DE TEXTE RICHE» (ZTR) : NOUVEAUTĂ PHARE DE LA VERSION 19 WEBDEV 19 propose un type de champ extrĂȘmement puis- sant : il sâagit du champ «Zone de Texte Riche» (abrĂ©gĂ© en ZTR). Le champ Zone de Texte Riche est fondamental pour lâĂ©di- tion des pages statiques et dynamiques: saisir un texte riche devient enfantin. La saisie du texte et son enrichissement sâeffectuent comme dans un traitement de texte: insertion des images avec habillage, insertion des liens, enrichissement du texte... Tout se passe en WYSIWYG. Sous lâĂ©diteur, lors de saisie de texte, le champ sâagrandit automatiquement lorsque cela est nĂ©cessaire. Il nâest plus nĂ©cessaire comme avant de crĂ©er des champs dif- fĂ©rents Ă positionner cĂŽte Ă cĂŽte. Comme pour tous les champs, le code HTML est automati- quement gĂ©nĂ©rĂ© par WEBDEV. Ce code HTML est standard, optimisĂ© et modifiable. ZTR : MISE EN FORME DU TEXTE LUI- MĂME Le champ ZTR permet dĂ©jĂ , bien entendu, de spĂ©cifier les caractĂ©ristiques de chaque texte, au caractĂšre prĂšs : police, taille de police, graisse, couleur, barrĂ©, surlignĂ©, exposant, indice,... La mise en forme des textes est «logique» au sens HTML. Par exemple, un attribut «gras» sera automatiquement tra- duit en «Strong» dans le code HTML, ce qui facilite auto- matiquement le rĂ©fĂ©rencement par les moteurs de recherche (Google...). Les balises adĂ©quates sont insĂ©rĂ©es avant et aprĂšs le texte dans sa forme HTML. Par exemple : Bonjour sera stockĂ© sous la forme <strong> Bonjour </strong>. La balise <strong>, que le navigateur reconnait et interprĂšte, signifie quâil sâagit dâun mot «important». Le navigateur affichera en gĂ©nĂ©ral le texte entre balises en gras, selon les prĂ©fĂ©rences du navigateur de lâinternaute. Le navigateur reconnait ces balises, et les interprĂšte. Les moteurs de recherche utilisent Ă©galement ce type de balise pour le rĂ©fĂ©rencement des pages. Lâutilisation de ces balises dans un texte augmente son rĂ©fĂ©rencement naturel. ZTR : MISE EN FORME LOGIQUE DE PARAGRAPHES Le champ ZTR permet de mettre en forme les paragraphes: titre, sous-titre, sous sous-titre, bas de page, adresse email, note, haut de page... La mise en forme est logique: par exemple, un titre sera mĂ©morisĂ© automatiquement dans sa forme HTML comme un texte de type <h1>. <h1> est une balise HTML qui dĂ©finit un titre de page. Le navigateur reconnait ces balises, et les interprĂšte: en gĂ©nĂ©- ral le texte sera affichĂ© en gros et gras ! Les moteurs de recherche utilisent Ă©galement ce type de balise pour le rĂ©fĂ©rencement des pages: pour le moteur de recherche, un titre aura plus de poids quâun texte simple. ZTR : MISE EN FORME PHYSIQUE DE PARAGRAPHE En plus de cette mise en forme logique, une mise en forme physique est disponible: alignement des paragraphes, inden- tation, couleur, ... ZTR : DES PUCES Des paragraphes peuvent ĂȘtre indentĂ©s, automatiquement, avec ou sans puce (<li>). Les puces peuvent ĂȘtre numĂ©rotĂ©es ou pas. ZTR : STYLES CSS Il est possible dâappliquer un style contenu dans le projet Ă une sĂ©lection de texte dâune ZTR. ZTR : INSERTION DE CHAMP A tout endroit dâun texte dans une ZTR, il est actuellement possible dâinsĂ©rer un champ WEBDEV, de type : âą lien âą image. Le champ est positionnĂ© au fil du texte, relativement au texte. Le champ est «ancré» sur le texte. Câest une nouvelle façon («au fil du texte») de mettre en page avec WEBDEV ! LE CHAMP ZTR : ZONE DE TEXTE RICHE suite de la page 21 âąâąâą Visualisation dâun unique champ «Zone de Texte Riche» de WEBDEV 19 www.pcsoft.fr âą 25 WEBDEVÂź 19 Une ZTR en crĂ©ation sous lâĂ©diteur de pages ZTR : INSERTION DE LIEN Une ZTR peut contenir un ou plusieurs champs de type «lien». Il y a plusieurs façons dâinsĂ©rer un champ lien dans une ZTR : âą Transformer une sĂ©lection de texte en lien âą CrĂ©er un champ lien dans le texte âą Copier un champ lien existant. Le champ lien prĂ©sent dans une ZTR offre les mĂȘmes possi- bilitĂ©s quâun champ lien habituel. Le champ lien prĂ©sent dans la ZTR est Ă©ditable avec la tech- nologie «7 onglets». Les fonctionnalitĂ©s proposĂ©es par les «7 onglets» dans ce contexte sont simplifiĂ©es pour sâadapter au contexte ZTR. ZTR : INSERTION DâIMAGE Lâinsertion dâune image dans un texte de ZTR peut prendre plusieurs formes. Lâimage peut ĂȘtre collĂ©e, ou lâimage peut ĂȘtre insĂ©rĂ©e. Lâimage elle-mĂȘme peut ĂȘtre recopiĂ©e dans le projet, ou son lien peut juste ĂȘtre utilisĂ©, sans que lâimage ne soit recopiĂ©e dans le projet, au choix. Les images ne sont jamais altĂ©rĂ©es par WEBDEV. Elles conser- vent leur nom et leur taille dâorigine. Un style du projet peut ĂȘtre appliquĂ© Ă lâimage. Lâimage est positionnĂ©e dans le texte, au fil de lâeau. Des paramĂštres dâhabillage sont disponibles: gauche, droite, paragraphe, dans le texte,... ZTR : ACCĂS AU CODE HTML, SAUVEGARDE DES MODIFICATIONS DE HTML BRUT LâaccĂšs au code HTML de la ZTR est possible, et le code HTML gĂ©nĂ©rĂ© par WEBDEV dans la ZTR est volontairement clair et lisible, au lieu dâĂȘtre compressĂ©. Un dĂ©veloppeur qui maĂźtrise le code HTML peut modifier le code HTML gĂ©nĂ©rĂ© pour le champ ZTR, en Ă©dition, mais Ă©ga- lement par programmation, lors de lâexĂ©cution du site. Ce qui a Ă©tĂ© modifiĂ© directement dans le code HTML sera visualisĂ© Ă©galement sous lâĂ©diteur. Les modifications effectuĂ©es sont conservĂ©es lors des futures gĂ©nĂ©rations. Exemple de code gĂ©nĂ©rĂ© et modifiable pour la fenĂȘtre ci-des- sous : <header> <h1 class="CollectionTitre">La nouvelle collection arrive!</h1> <div class="dzA2" id="dzA2"> <img src="vignette_collection.jpg" alt="" id="A2" class="padding"> </div> <p class="CollectionCommentaire"> <img src="bulle.png" alt="" style=" width:16px; height:16px;" id="A1 Commentaires (<span class="NbCommentaires">24</span>) </p> <h2>La nouvelle collection arrive bientĂŽt dans nos boutiques et sur Internet : </header> <section> <p> <img src="fl%C3%A8che.png" alt="" style=" width:16px; height:16px;" id="A3 <a href="tendances.htm" target="_self" id="A9" class="padding CollectionLi Venez dĂ©couvrir en avant-premiĂšre les <strong>nouvelles tendances </strong </a> </p> <p> Et ce nâest pas tout, en tant quâabonnĂ© Ă la newsletter, vous bĂ©nĂ©ficiez rĂ©duction exclusive de 10%</strong> sur toute la <em>nouvelle collection< </p> <ul> <li>10 % de remise pour les abonnĂ©s Ă la newsletter</li> <li>AccĂšs immĂ©diat et exclusif Ă la nouvelle collection</li> </ul> </section> <footer>...</footer>
14.
La technologie Web
2.0 permet aux applica- tions Web dâapporter un comportement dâIHM proche dâune interface traditionnelle sous Windows. Un Ă©lĂ©ment dĂ©terminant du Web 2.0 est «AJAX» qui permet au navigateur de ne rafraĂźchir que la partie modifiĂ©e de la page. SANS AJAX... En WEB traditionnel, lorsque l'application souhaite modifier un seul Ă©lĂ©ment dans une page affichĂ©e (par exemple un prix, une liste de vĂ©hicules...), le serveur doit renvoyer la page entiĂšre sur la machine de l'internaute. Cela charge le serveur, occupe de la «bande passante», produit un effet visuel de «repaint» sous le navigateur de l'internaute, et l'affichage peut ĂȘtre lent puisque le navigateur doit rĂ©inter- prĂ©ter et rĂ©afficher la page entiĂšre... AVEC AJAX... Avec la technologie AJAX, point central du «WEB 2.0», il devient possible de n'envoyer sur la machine de l'internaute «que» les donnĂ©es modifiĂ©es, sans rafraĂźchir la totalitĂ© de la page. Les avantages sont multiples : le serveur est moins sollicitĂ©, les informations qui circulent sont de taille rĂ©duite, l'affichage pour l'internaute est immĂ©diat et sans effet visuel. UTILISER AJAX DANS UN SITE WEBDEV: 1 CLIC ! Vous n'avez rien de spĂ©cifique Ă programmer. Vous bĂ©nĂ©ficiez automatiquement de AJAX. Vous continuez Ă programmer en L5G (WLangage). WEBDEV s'occupe de tout ! Un choix «AJAX» apparaĂźt dans la barre de titre de l'Ă©diteur de code. Si vous dĂ©sirez activer AJAX sur le traitement, il suffit de cliquer ... sur le bouton «AJAX». Le libellĂ© change et devient «AJAX activé». 26 âą DĂ©veloppez 10 fois plus vite le Web 2.0 apporte la convivialitĂ© Ă vos sites et applications WEBDEVÂź Quelques fonctionnalitĂ©s disponibles dans les tables «AJAX» Ces fonctionnalitĂ©s sont disponibles pour les sites Internet et Intranet Le fond du ban- deau de sĂ©lection peut ĂȘtre une image Il est possible de redimensionner les colonnes Un ascenseur rem- place automatique- ment la rĂšglette Ancrage et ascen- seur automatique Gestion automatique dâun «cache» (fetch par- tiel) qui ne charge que les donnĂ©es nĂ©cessaires Ă lâaf- fichage et au parcours fluide Ă vitesse humaine Si un traitement est long, un sablier sâaffiche automatiquement. Les cellules de table peuvent ĂȘtre en «saisie» Les lignes de la table sont «multi sĂ©lection» Le tri des colonnes est disponible La recherche dans la table est possible via la loupe WEBDEVÂź 19 IMPLĂMENTEZ AJAX EN 1 CLIC www.pcsoft.fr âą 27 AJAX en un clic WEBDEVÂź LA SĂCURITĂ De par sa technologie, AJAX permet le lancement de procĂ©- dures et traitements «serveur» depuis un appel du naviga- teur. Pour sĂ©curiser vos sites, les traitements WEBDEV sont protĂ©gĂ©s de tout appel illĂ©gal (tentative de dĂ©tournement de session,...). Vous dĂ©cidez dâun simple clic dans lâĂ©diteur de code des pro- cĂ©dures qui peuvent ĂȘtre appelĂ©es en mode «Ajax». LA TECHNOLOGIE AJAX DE WEBDEV SUR LES CHAMPS Suite Ă une requĂȘte Ajax sur une page, tous les champs concernĂ©s sont automatiquement mis Ă jour en fonction de leur valeur sur le serveur. Il nây a rien Ă coder: ni code Javascript, ni interprĂ©tation XML, tout est 100% automatique. TABLES AJAX La technologie «AJAX» des tables permet une sophistication des fonctionnalitĂ©s. Le champ «table» propose automatiquement, sans quâau- cune programmation ne soit nĂ©cessaire : âą Un ascenseur vertical apparaĂźt si nĂ©cessaire; âą Sont lus dans la table les enregistrements visualisĂ©s, ainsi que quelques enregistrements prĂ©cĂ©dents et suivants (buf- fer automatique, qui permet le fetch partiel automatique): le temps de chargement est rĂ©duit au minimum, la fluiditĂ© est totale; âą Un ascenseur horizontal apparaĂźt si la largeur des donnĂ©es Ă visualiser dĂ©passe la largeur de la table; âą Le tri des colonnes est possible en cliquant simplement sur lâen-tĂȘte de colonne; âą La recherche par la «loupe» est proposĂ©e en standard; âą La saisie est possible directement dans les cellules de la table, toujours sans programmation (ni sur le serveur, ni en Javascript sur le navigateur). Ces fonctionnalitĂ©s permettent un meilleur partage de code avec les applications WINDEV qui utilisent des tables. Le pas- sage dâune application WINDEV Ă WEBDEV nâen est que faci- litĂ© ! HTML 5 HTML5 reprĂ©sente une Ă©volution importante de la norme Internet. La prĂ©sentation Ă©laborĂ©e des pages Internet se stan- dardise et de nouvelles fonctionnalitĂ©s apparaissent. Les fonc- tionnalitĂ©s HTML5 sont utilisables sur les navigateurs rĂ©cents. MASQUES DE CHAMPS DE SAISIE La norme HTML 5 permet le «typage» des champs, qui induit le support direct par le navigateur de masques sur les champs de saisie. Avec ce type de masque, le site laisse la gestion de la saisie et son contrĂŽle au navigateur. Ce nâest plus la page (le site) qui effectue les contrĂŽles, mais directement le navigateur. Les masques gĂ©rĂ©s sont: Email, Url, Date, Heure, DateHeure, Mois, Semaine, Nombre, Intervalle, Recherche, NumĂ©ro de tĂ©lĂ©phone, Couleur,... UTILISATION DE SITE DĂCONNECTĂ (OFFLINE) WEBDEV 19 permet dâindiquer quâun site ou un ensemble de pages donnĂ©es peuvent fonctionner en mode dĂ©connectĂ© (sans connexion Internet). Dans ce cas, lâensemble des ressources (pages, images, fichier .js, fichier .css, ..) utilisĂ©es par le site ou les pages est auto- matiquement mis en cache par le navigateur sur le poste de lâinternaute. Ainsi le site peut ĂȘtre utilisĂ© sans se reconnec- ter Ă Internet. STOCKAGE LOCAL (WEB STORAGE) WEBDEV 19 permet Ă un site de stocker un ensemble dâin- formations sur le poste de lâinternaute. Ces informations sont stockĂ©es dans un contexte propre au navigateur. ACCĂS EN MODE LOCAL Ă UNE BASE DE DON- NĂES (SQLITE) WEBDEV 19 permet Ă un site de crĂ©er et dâaccĂ©der Ă une base de donnĂ©es crĂ©Ă©e par le navigateur, sur le poste de lâinternaute en code navi- gateur. Cette fonctionnalitĂ© permet dâenvisager de saisir des donnĂ©es en mode dĂ©connectĂ©, et par exemple de les transmettre auto- matiquement au serveur dĂšs que la connexion Ă Internet est Ă©tablie. GĂO-LOCALISATION PAR GPS WEBDEV 19 offre un jeu de fonctions navigateur qui permet dâinteragir avec les fonctionnalitĂ©s GPS du matĂ©riel, si ce matĂ©riel en dispose: position, dĂ©placement,... DESSIN EN MODE NAVIGATEUR WEBDEV 19 propose des fonctions de dessin basĂ©es sur la norme HTML5. La cĂ©lĂšbre famille des fonctions de dessin du WLangage est Ă©galement disponible en code navigateur. Cela est trĂšs pratique pour annoter une carte ou un plan interactif, ou dans le domaine de la rĂ©alitĂ© augmentĂ©e. VIDEO SANS PLAYER Un site rĂ©alisĂ© en WEBDEV 19 utilisĂ© par un navigateur sup- portant la norme HTML5 ne nĂ©cessite pas de plug-in spĂ©ci- fique (Windows Media Player, QuickTime ou encore Flash...) pour jouer des vidĂ©os. Cela permet d'interagir avec la vidĂ©o grĂące au WLangage, et de personnaliser l'affichage. Ici une carte affichĂ©e par un champ «image»: le trajet a Ă©tĂ© dessinĂ© avec les fonctions de dessin en mode «navigateur» (sans retour au serveur) Ajaxsans code supplĂ©mentaire.
15.
28 âą DĂ©veloppez
10 fois plus vite La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź EXPORT AUTOMATIQUE VERS XML, WORD, EXCEL ET OPEN OFFICE Pour les tables et les zones rĂ©pĂ©tĂ©es, un menu dâexport auto- matique vers XML, Word, Excel et Open Office est proposĂ© Ă lâinternaute. Les donnĂ©es contenues dans la table ou la zone rĂ©pĂ©tĂ©e seront automatiquement exportĂ©es vers le format et lâoutil choisi. Pour un export vers XML, la feuille de styles XSL permettant une Ă©dition immĂ©diate sur Navigateur est mĂȘme gĂ©nĂ©rĂ©e. En utilisation Intranet, les utilisateurs peuvent rĂ©aliser facile- ment leurs simulations sous Excel ! RIEN Ă PROGRAMMER Il nây a rien Ă programmer pour bĂ©nĂ©ficier de cette fonc- tionnalitĂ©. Vous pouvez bien sĂ»r dĂ©sactiver cette fonctionnalitĂ©. UNE OUVERTURE TOTALE Si vous dĂ©sirez programmer des exports automatiques dans vos sites, des ordres de programmation du L5G de WEBDEV sont Ă votre disposition. Les ordres hExporteXML,TableVersXML,XMLPremier, vous permettent de personnaliser tous les traitements. MENU DâEXPORT VERS WORD, EXCEL, XML, OPEN OFFICE WEBDEV 19 IDĂAL POUR CRĂER UN INTRANET OU UN EXTRANET WEBDEV est l'outil idĂ©al pour crĂ©er des sites Intranet et Extranet. Un site Intranet est un site interne Ă un ensemble d'utilisa- teurs: sociĂ©tĂ©s, clients, fournisseurs... Il peut ĂȘtre utilisĂ© au sein d'une entreprise, ou Ă l'extĂ©rieur. L'accĂšs se fait par identification et mot de passe, ce qui est automatiquement gĂ©rĂ© par WebDev (voir page 33). SĂCURITĂ TOTALE AUTOMATIQUE La sĂ©curitĂ© du site est assurĂ©e automatiquement, les pages dâun site Intranet rĂ©alisĂ© en WEBDEV n'Ă©tant pas rĂ©fĂ©rencĂ©es par les moteurs de recherche. Le fonctionnement dynamique (chaque page est crĂ©Ă©e dyna- miquement sur le serveur avant son affichage) protĂšge les requĂȘtes et leurs rĂ©sultats, qui peuvent ĂȘtre cryptĂ©s. AUCUNE LIMITE La richesse fonctionnelle de WEBDEV permet de dĂ©velopper des sites qui se comportent comme de vĂ©ritables applications, vous n'ĂȘtes pas limitĂ©: gestion de frais, catalogue fournisseur avec tarifs remisĂ©s, prise de commande d'un rĂ©seau, diffusion d'informations confidentielles, abonnement Ă un service payant, gestion de comptes bancaires, portail... WEBDEV est l'outil idĂ©al pour crĂ©er des sites Intranet et des Extranet, et c'est pour cette raison que des milliers de grandes sociĂ©tĂ©s ont crĂ©Ă© leur Intranet avec WEBDEV. Site sĂ©curisĂ© de gestion de frais de dĂ©placement des collaborateurs dâune entreprise INTRANET : WEBDEV EST ROI ! WEBDEVÂź 19 www.pcsoft.fr âą 29 ModĂšles de pages, ambiances, hĂ©ritage et surcharge permettent une gestion facile des Ă©volutions WEBDEVÂź Un site au printemps... Le mĂȘme site pendant la saison dâhiver: les modifications sont reportĂ©es automatiquement sur tout le site TEMPLATE, POUR DĂFINIR LA STRUCTURE DES PAGES Un «template» (ou «modĂšle de pages») est une page de rĂ©fĂ©- rence, qui sera utilisĂ©e par toute nouvelle page crĂ©Ă©e. Le tem- plate contient la prĂ©sentation «par dĂ©faut» de la page, le positionnement par dĂ©faut des Ă©lĂ©ments de la page et per- met dâassurer que chaque page crĂ©Ă©e respectera ce posi- tionnement. Un template peut contenir des images, des champs, du code, des procĂ©dures,... HĂ©ritage et surcharge sont gĂ©rĂ©s. AMBIANCE, POUR DĂFINIR LE LOOK DES PAGES Une ambiance dĂ©finit une palette de couleurs, les illustra- tions, les polices,... Changer dâambiance permet de changer le look du site, sans changer la structure des pages. De nombreuses ambiances sont livrĂ©es avec WEBDEV 19. LâENVIRONNEMENT DE WEBDEV 19 SâADAPTE La plupart des matĂ©riels mobiles permettent de visualiser des sites Internet. Certains sites sont crĂ©Ă©s (ou adaptĂ©s) spĂ©cifiquement pour ĂȘtre utilisĂ©s sur des mobiles. La version 19 de WEBDEV permet de spĂ©cifier dĂšs la crĂ©a- tion de projet que celui-ci est destinĂ© Ă fonctionner sur mobile. Les diffĂ©rents choix proposĂ©s par lâenvironnement tout au long du dĂ©veloppement de ce projet (ambiances et modĂšles prĂ©dĂ©finis proposĂ©s, GO,...) seront alors adaptĂ©s aux mobiles. CIBLER LA PLATEFORME DâEXECUTION DU SITE WEBDEV 19 permet de connaĂźtre en temps rĂ©el la plateforme (iPhone, iPad, Android, Windows Mobile, BlackBerry, âŠ), la famille de navigateur (Internet Explorer, Firefox, Chrome, Safari, âŠ) et sa version, et permet dâadapter dynamiquement le format et le contenu des pages dâun site. GESTURE La gesture (les manipulations au doigt) est supportĂ©e par les sites mobiles crĂ©Ă©s en WEBDEV 19. TEMPLATE & AMBIANCES : LA CHARTE GRAPHIQUE FACILE ! WEBDEVÂź 19 Un site WEBDEV sur une tablette Un site WEBDEV sur un tĂ©lĂ©phone VOS SITES SUR LES MOBILES
16.
30 âą DĂ©veloppez
10 fois plus vite 90% de code en moins Pour consulter la liste exhaustive des ordres du L5G, tĂ©lĂ©chargez lâaide de WEBDEV 19 sur le site de PC SOFT WEBDEVÂź WEBDEVÂź 19 Le WLangage, le langage L5G intĂ©grĂ© de WEBDEV, permet de dĂ©crire tous les traite- ments que vous dĂ©sirez. Vos Ă©quipes nâauront pas Ă se plonger dans HTML ni Javascript. Le WLangage facilite la programmation Internet et Intranet. LA PROGRAMMATION INTERNET NâA JAMAIS ĂTĂ AUSSI FACILE Le langage L5G de WEBDEV (le WLangage, dĂ©jĂ uti- lisĂ© par des centaines de milliers de professionnels) apporte un confort qui permet de dĂ©velopper beaucoup plus vite tous les types de traitements. COMMENT PROGRAMMER LES TRAITEMENTS ? Sous Internet le code est donc de deux types : âą le code qui sâexĂ©cute sur le serveur de lâhĂ©bergeur (Ă saisir sous le ban- deau jaune - voir ci-contre) âą le code qui sâexĂ©cute sur le naviga- teur de lâInternaute (Ă saisir sous le bandeau vert - voir ci-contre). Notez que ce code peut ĂȘtre automa- tiquement gĂ©nĂ©rĂ© par le RAD et les assistants de WEBDEV. GĂNĂRATION AUTOMATIQUE DE HTML ET JAVASCRIPT Un Navigateur ne comprend que le code HTML et Javascript. Le code WLangage destinĂ© Ă sâexĂ©cuter sous le Navigateur gĂ©nĂšre donc automatiquement le code HTML et Javascript optimisĂ© correspondant. Le code est immĂ©diatement fiable, beaucoup plus concis, et plus facile Ă maintenir. GĂNĂRATION AUTOMATIQUE DE CODE PHP Les pages crĂ©Ă©es et le code peuvent ĂȘtre transformĂ©s auto- matiquement en code PHP. Sans connaĂźtre PHP, vous crĂ©ez facilement des sites dynamiques PHP ! (voir page 36). CONNAISSANCE DE JAVASCRIPT ET HTML: INUTILE Il est inutile de connaĂźtre Javascript ou HTML ou PHP pour dĂ©velopper avec WEBDEV. Toutefois, si pour une raison quelconque vos Ă©quipes dĂ©si- rent utiliser ou rĂ©cupĂ©rer du code Javascript, HTML ou PHP, WEBDEV le permet Ă©videmment. AJAX AUTOMATIQUEMENT Pour quâun traitement soit «Ajax», il suffit de cliquer sur un bouton (voir page 26). IMPOSSIBLE DâĂTRE BLOQUĂ Le L5G de WEBDEV est extrĂȘmement puissant. Vous ne serez jamais bloquĂ©. Par ailleurs, il est possible de saisir du code HTML, Javascript ou PHP, dâinclure des applets Java, des animations Flash et CSS3, de lâASP ou du JSP... APPLET JAVA WEBDEV 19 permet dâutiliser dans un site une ou des applets Java (Ă©crites en WINDEV par exemple): cela simplifie leur dĂ©veloppement ! LE WLANGAGE: PUISSANT, INTUITIF Le WLangage est disponible en français et en anglais. Le français permet une programmation intuitive, et une main- tenance facile. Les ordres du WLangage (hLitPremier, hLitSuivant, SSLActive, hTrouvĂ©, etc...) sont des ordres faciles Ă comprendre, sans aucun effort particulier. Et faciles Ă maintenir. Le WLangage permet une grande vitesse de programmation, et une meilleure qualitĂ© du code. Un ordre du WLangage correspond souvent Ă des dizaines (ou des centaines) de lignes de code en Javascript: vos Ă©quipes dĂ©veloppent plus vite. EXEMPLE : ENVOYER UN EMAIL Il est facile dâenvoyer un email. Lâordre sâappelle simplement eMailEnvoieMessage. Vous pouvez joindre des piĂšces attachĂ©es. Lâenvoi de mail sâeffectue en tĂąche de fond. INTĂGRATION OPTIMALE DES BASES DE DONNĂES Le WLangage est optimisĂ© pour manipuler les donnĂ©es de tables: la complĂ©tion automatique propose les noms de tables et de colonnes. GESTION PUISSANTE DES CHAĂNES Le WLangage propose une gestion de chaĂźnes vraiment trĂšs performante! Elle permet une programmation plus rapide: âą taille dynamique gĂ©rĂ©e automatiquement âą concatĂ©nation par l'opĂ©rateur «+» âą conversion automatique «numĂ©rique vers texte» et rĂ©ci- proquement âą fonctions Ă©voluĂ©es de recherche âą tests multiples (CASE, SELON,...). PROFILER: OPTIMISEZ LA VITESSE DE VOTRE CODE WEBDEV 19 est livrĂ© avec un «profiler», outil qui mesure la vitesse de chaque instruction de votre code. JQUERY WEBDEV 19 permet dâappeler des points dâentrĂ©e de la bibliothĂšque jQuery. Cette fonction sâutilise en code naviga- teur, elle est donc utilisable dans tous les sites, y compris les sites statiques. JSON Le WLangage interprĂšte (sĂ©rialise et dĂ©sĂ©rialise) nativement JSON. LA POO (OBJET) La Programmation OrientĂ©e Objet est supportĂ©e par WEBDEV: hĂ©ritage multiple, constructeur, destructeur, public, privĂ©, poly- morphisme... Lâutilisation de la POO est optionnelle, et peut ĂȘtre mixĂ©e avec la programmation traditionnelle. Le WLangage apporte un L5G structurĂ© au dĂ©veloppement Internet. Les outils de productivitĂ© livrĂ©s sont un rĂ©el atout. PROGRAMMATION DE 5ĂME GĂNĂRATION : PUISSANCE ET FACILITĂ PHP sans connaĂźtre PHP www.pcsoft.fr âą 31 WEBDEVÂź LâĂ©diteur de code participe Ă la puissance et Ă la productivitĂ© de WEBDEV. La saisie du code est intuitive, plus rapide et se fait directement dans le champ concernĂ©. UNE MĂTHODE RĂVOLUTIONNAIRE La technologie exclusive de lâĂ©diteur de code participe Ă la crĂ©ation dâun code de qualitĂ©, et permet de dĂ©velopper plus vite. LA MĂTHODE WEBDEV Les Ă©vĂ©nements les plus utiles sur un champ sont proposĂ©s par dĂ©faut dans lâĂ©diteur de code, et matĂ©rialisĂ©s par un ban- deau de couleur. Par exemple, pour un champ de type «saisie», les Ă©vĂ©nements par dĂ©faut sont: initialisation du champ, entrĂ©e dans le champ, sortie du champ, Ă chaque modification. Il suffit de taper le code correspondant dans la partie adĂ©quate. Le code qui sâexĂ©cutera sur le Navigateur peut ĂȘtre saisi en WLangage, ou en Javascript, au choix. CODE SERVEUR ET CODE NAVIGATEUR Il suffit de saisir votre code sous le bandeau correspondant. Le bandeau jaune indique que le code saisi est du WLangage et sâexĂ©cutera sur le Serveur. Le bandeau vert indique que le code saisi est du WLangage et sâexĂ©cutera sous le Navigateur. Le bandeau rose signifie que le code saisi est du PHP. Le bandeau bleu signifie que le code saisi est du code Javascript. Câest visuel et trĂšs intuitif ! TOUS LES ĂVĂNEMENTS SONT GĂRĂS Les Ă©vĂ©nements moins habituels sont proposĂ©s par les icones en bas de la fenĂȘtre. Tous les Ă©vĂ©nements sont gĂ©rĂ©s: clic, double clic, touche pres- sĂ©e, touche maintenue enfoncĂ©e, touche relĂąchĂ©e, bouton de souris enfoncĂ©, bouton de souris relĂąchĂ©, souris en dehors de lâobjet, souris au-dessus de lâobjet, perte de focus, prise de focus, modification, sĂ©lection du contenu du champ, appel de lâaide, chargement, envoi du formulaire,... COLORATION SYNTAXIQUE Pour un plus grand confort et une meilleure lisibilitĂ©, chaque mot est colorĂ© en fonction de son type. AJAX Concernant AJAX, il suffit de cliquer sur le bouton «Ajax» de la ligne pour utiliser cette technologie (voir p 26). COMPLĂTION AUTOMATIQUE Lors de la frappe dâun ordre, le type de paramĂštre attendu est proposĂ© dans une liste dĂ©roulante. Une bulle dâaide apporte Ă©galement des infor- mations prĂ©cieuses sur chaque para- mĂštre de la fonction utilisĂ©e. ERREURS EN TEMPS RĂEL Si une erreur de syntaxe est com- mise, elle sera dĂ©tectĂ©e sous lâĂ©diteur de code, avant mĂȘme la compilation du projet ! Les erreurs sont matĂ©rialisĂ©es par un soulignĂ© rouge sous la fonction dont la syntaxe est incorrecte. ENROULĂ/DĂROULĂ L'Ă©diteur de code dispose dâun mĂ©canisme confortable dâen- roulĂ©/dĂ©roulĂ© de code: vous masquez le code connu et tes- tez pour plus de lisibilitĂ©! UML WEBDEV 19 supporte UML et crĂ©e automatiquement le dia- gramme de classes en rĂ©tro analysant le code. Inversement, un diagramme UML gĂ©nĂšre le code des classes. GESTIONNAIRE DE SOURCES WEBDEV 19 est livrĂ© en standard avec un outil de version- ning, le Gestionnaire de Sources collaboratif (GDS, voir page 38). LâĂ©diteur de code participe Ă lâergonomie gĂ©nĂ©rale, et Ă la facilitĂ© lĂ©gendaire de WEBDEV 19. Le WLangage est un langage de 5° gĂ©nĂ©ration: il Ă©limine 90% du code, il sim- plifie Ă©normĂ©- ment la pro- grammation, tout en appor- tant une puis- sance hors du commun. âą Initialisation du champ âą EntrĂ©e dans le champ (on focus) âą Modification en sortie (on change) âą Sortie du champ (on blur) LâEDITEUR DE CODE VOUS ASSISTE WEBDEVÂź 19
17.
32 âą DĂ©veloppez
10 fois plus vite WEBDEVÂź La phase de tests automatisĂ©s nâest quâune partie du cheminement qui amĂšne la qualitĂ© du logiciel, mais c'est une phase importante. WEBDEV 19 propose en plus des tests de non- rĂ©gression, la rĂ©alisation de tests unitaires, de tests dâintĂ©gration, de tests de charge. TEST UNITAIRE DE PROCĂDURES ET DE CLASSES Le processus de crĂ©ation des tests est totalement intĂ©- grĂ© Ă lâenvironnement. Pour tester directement une pro- cĂ©dure ou une classe, il suffit dâutiliser le menu contex- tuel qui propose de crĂ©er (et ensuite de rejouer) un nou- veau test unitaire. TAUX DE VALIDATION DE LâAPPLICATION Le centre de tests permet dâafficher la liste des tests existants, la version du site sur lequel chacun de ces tests est passĂ© et le rĂ©sultat de chaque test. Ces informations sont Ă©galement affichĂ©es en mode rĂ©sumĂ© dans le «Tableau de bord» du projet. LâĂDITEUR DE SCĂNARIOS DE TEST Lors de lâexĂ©cution dâun test, si une erreur est dĂ©tectĂ©e dans le site, le clic sur lâerreur dâexĂ©cution du script posi- tionne directement dans le code Ă lâemplacement de lâer- reur. LA VĂRIFICATION DES TESTS LORS DES PROCESSUS COURANTS Chaque Ă©lĂ©ment modifiĂ© qui nâa pas Ă©tĂ© validĂ© en pas- sant des tests est signalĂ©. Le Centre de Tests signale aussi toutes les erreurs qui nâont pas Ă©tĂ© corrigĂ©es, ainsi que toutes les rĂ©gressions. Un historique des taux de validation est automatique- ment mĂ©morisĂ©, ce qui permet le suivi de lâĂ©volution de la qualitĂ© du site. Cette vĂ©rification est Ă©galement effectuĂ©e lorsque vous rĂ©intĂ©grez des Ă©lĂ©ments dans le gestionnaire de sources. DĂBOGUEUR PUISSANT ET CONVIVIAL Pour mettre au point les sites Internet interactifs, le dĂ©bogueur permet l'exĂ©cution en pas Ă pas dâun traitement du site, en visualisant ou en modifiant le contenu de variables choisies. DES FONCTIONNALITĂS AVANCĂES Le dĂ©bogueur est trĂšs puissant et propose des fonctionnalitĂ©s avancĂ©es: âą exĂ©cution en pas Ă pas, saut de fonctions, sortie immĂ©diate de fonction, exĂ©cution jusquâĂ une ligne donnĂ©e,... âą autostop, qui arrĂȘte lâexĂ©cution Ă chaque changement de valeur dâune variable ou dâune expression dĂ©finie âą visualisation automatique (dĂ©branchable) de toutes les variables de la ligne en cours dâexĂ©cution («Watch») âą visualisation dâexpressions contenant des fonctions âą affichage de la valeur de la variable survolĂ©e par bulle âą rĂ©sultat en dĂ©cimal ou hexadĂ©cimal âą pile des appels visualisĂ©e en temps rĂ©el âą trace du code exĂ©cutĂ© âą 32 et 64 bits âą ... DĂBOGAGE Ă DISTANCE Il est possible de dĂ©boguer un serveur Ă distance: vous dĂ©bo- guez par exemple le serveur en place chez lâhĂ©bergeur sans vous dĂ©placer. DĂBOGUEUR PHP ET AWP Le dĂ©bogueur fonctionne en mode «AWP» (le mode des contextes semi-automatiques). En PHP, il est possible de dĂ©bo- guer lâapplication initiale. Le dĂ©bogueur permet un gain de temps prĂ©cieux lors des phases de mise au point. Il devient vite indispensable ! Le dĂ©bogueur apporte une productivitĂ© professionnelle WEBDEVÂź 19 DĂBOGUEUR INTĂGRĂ: MISE AU POINT FACILE DE VOTRE CODE QUALITĂ DE VOS SITES: TESTS UNITAIRES www.pcsoft.fr âą 33 Ne rĂ©-inventez pas la roue, rĂ©-utilisez ! WEBDEVÂź WEBDEVÂź 19 La notion de «composant» simplifie drasti- quement le dĂ©veloppement: il sâutilise comme une «boĂźte noire», en toute facilitĂ©, en toute sĂ©curitĂ©. Un composant peut contenir du code, des pages, des images, des classes, une analyse, et mĂȘme des tables de donnĂ©es. LE DĂVELOPPEMENT FIABILISĂ GRĂCE AUX COMPOSANTS Un composant est une «boĂźte noire», une «brique logicielle», dont le dĂ©veloppeur utilisateur connaĂźt seulement les points dâentrĂ©e et la nature des informations Ă©ventuellement retournĂ©es. La possibilitĂ© de crĂ©er des composants Ă©laborĂ©s aussi sim- plement que des parties de sites traditionnels vous permet de simplifier vos dĂ©veloppements. Des composants dans lâenvironnement SĂCURISEZ VOS COMPOSANTS Les composants que vous crĂ©ez sont «sĂ©curisĂ©s», câest-Ă -dire que personne ne pourra Ă©tudier ou voir ou copier le code source, lâanalyse,... COMPOSANTS MULTICIBLES Les composants sont compatibles entre WINDEV, WINDEV Mobile et WEBDEV. Cela permet une meilleure rĂ©-utilisabi- litĂ©. DE NOMBREUX COMPOSANTS PRĂT-Ă-LâEMPLOI LIVRĂS WEBDEV 19 est livrĂ© avec de nombreux compo- sants (avec leur source) que vous pourrez utiliser dans vos sites: âą demande de docu- mentation âą papier (pour commerce Ă©lectronique) âą paiement sĂ©curisĂ©... SĂCURITĂ DE VOS SITES ASSURĂE : ACCĂS PAR MOT DE PASSE CONTRĂLEZ LâACCĂS AUX PAGES DES SITES La sĂ©curitĂ© dâaccĂšs aux sites ou Ă certaines pages peut ĂȘtre nĂ©cessaire: câest en standard dans WEBDEV 19 ! La fonctionnalitĂ© de «groupware utilisateur» permet de dĂ©fi- nir des mots de passe pour des personnes et des groupes. Le contrĂŽle dâaccĂšs se dĂ©finit simplement sous lâĂ©diteur. Aucune programmation nâest nĂ©cessaire pour assurer la sĂ©cu- ritĂ© dâaccĂšs Ă vos applications, il suffit dâactiver lâoption «Groupware». UN CONTRĂLE SĂCURISĂ TRĂS FIN Le contrĂŽle dâaccĂšs permet de filtrer lâaccĂšs Ă de nom- breux Ă©lĂ©ments: choix de menus, boutons, champs, groupes de champs, pages, Ă©tats, ... Les Ă©lĂ©ments interdits seront inactifs et Ă votre choix grisĂ©s ou invisibles. LE MODE SUPERVISEUR Le superviseur du site livrĂ© pourra Ă tout moment para- mĂ©trer facilement les droits des utilisateurs. Un Ă©diteur convivial permet de dĂ©finir et gĂ©rer ces droits. Si vous le dĂ©sirez, les droits des utilisateurs ou des groupes dâutilisateurs, pourront ĂȘtre crĂ©Ă©s ou modifiĂ©s par programme. LDAP Si vous dĂ©sirez utiliser une base de login dĂ©jĂ existante en LDAP, le contrĂŽle dâaccĂšs en fera usage. SAAS WEBDEV 19 propose des fonctionnalitĂ©s avancĂ©es de gestion dâapplications SaaS (voir page 43). SĂ©curisez automatiquement vos sites, sans avoir Ă coder ! LES COMPOSANTS: RĂUTILISABILITĂ DE VOTRE CODE
18.
LA FACILITĂ DE
WEBDEV AU SERVICE DES WEBSERVICES WEBDEV 19 permet de consommer, crĂ©er, dĂ©ployer et hĂ©berger facilement des Webservices. CONSOMMATION DE WEBSERVICES Il est trĂšs facile dâutiliser un Webservice depuis WebDev. Les structures du fichier WSDL sont automati- quement converties depuis en types natifs du WLangage. CRĂATION FACILE DE WEBSERVICES La crĂ©ation de Webservices sâeffectue facilement: il suffit de dĂ©finir la collection de procĂ©dures qui constitue lâinterface du Webservice. Le fichier de description WDSL est gĂ©nĂ©rĂ© automatique- ment. DĂPLOIEMENT FACILE DE WEBSERVICES Les Webservices sont hĂ©bergĂ©s sur une machine dispo- sant dâun serveur dâapplication WEBDEV. La procĂ©dure dâinstallation est automatiquement gĂ©nĂ©- rĂ©e. HĂBERGEMENT FACILE DE WEBSERVICES La technologie dâhĂ©bergement est basĂ©e sur le robuste serveur dâapplication standard de WEBDEV. Cette technologie permet dâassurer la disponibilitĂ© du Webservice, ainsi que sa vitesse. Les demandes sont exĂ©cutĂ©es simultanĂ©ment, dans des process sĂ©parĂ©s, ce qui garantit la sĂ©curitĂ©. Les Webservices peuvent ĂȘtre consommĂ©s par tout type dâapplication, crĂ©Ă©es en WINDEV, WEBDEV ou avec tout autre langage tiers. 34 âą DĂ©veloppez 10 fois plus vite La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź WEBDEVÂź 19 LES WEBSERVICES: FACILE CRĂATION DE STYLE : CSS SANS CONNAITRE CSS Pour crĂ©er un style avec WEBDEV 19, il est tout Ă fait inutile au dĂ©veloppeur ou au webdesigner de connaitre CSS3: WEBDEV 19 gĂ©nĂšre lui-mĂȘme le style qui est crĂ©Ă© en visuel grĂące Ă la technologie des «7 onglets». Les styles WEBDEV sont stockĂ©s sous forme de feuilles de styles au standard CSS3. Les styles sont modifiables Ă tout moment sous lâĂ©diteur, les modifications Ă©tant bien entendu rĂ©percutĂ©es Ă toutes les pages et champs utilisant le style modifiĂ©. MODIFICATION DES STYLES WEBDEV DIRECTEMENT EN CSS Les styles WEBDEV 19 sont stockĂ©s sous forme de feuilles de styles au standard CSS3. Le code CSS3 gĂ©nĂ©rĂ© peut si nĂ©cessaire ĂȘtre modifiĂ© direc- tement dans le fichier .css . Cette ouverture est offerte dans le but de permettre aux spĂ©- cialistes CSS3 de rĂ©utiliser leur savoir-faire dans ce domaine. Un style CSS3 crĂ©Ă© par WEBDEV 19 et modifiĂ© depuis lâex- tĂ©rieur de WEBDEV est toujours reconnu par lâĂ©diteur. Le style modifiĂ© peut ĂȘtre appliquĂ© de la mĂȘme maniĂšre quâun style WEBDEV sur les champs et les pages. IMPORTATION DE STYLE CSS EXISTANT Des styles CSS3 existants peuvent ĂȘtre importĂ©s dans WEBDEV 19, depuis des feuilles de styles CSS3. La fonctionnalitĂ© dâimport permet de sĂ©lectionner les styles Ă importer, et ceux Ă ne pas importer. Dans lâenvironnement de WEBDEV 19, les styles importĂ©s sont proposĂ©s avec les styles crĂ©Ă©s dans WEBDEV. INTĂGRER UNE ANIMATION EXTERNE DANS UN CHAMP Lâenvironnement de WEBDEV propose lâajout automatique dâeffets dâanimation sur les champs : clignotement, fondu, grossissement, rotation, pirouette 3D,⊠Il existe dâautres types dâeffets plus particuliers, disponibles sur le marchĂ© sous forme dâanimations CSS. Par exemple: balancier, flottement, explosion... Pour appliquer ce type dâanimation Ă un champ il suffit dâimporter la feuille de styles CSS contenant la description de lâanimation, et de spĂ©cifier dans le style du champ le nom de lâanimation Ă utiliser, sa durĂ©e, et sa rĂ©pĂ©tition. ASSOCIEZ UN SCRIPT JS OU JQUERY Ă VOS CHAMPS Une «classe CSS» peut ĂȘtre rĂ©fĂ©rencĂ©e dans un script Javascript externe ou un script jQuery pour appliquer des modifications sur le champ auquel elle est attribuĂ©e. Il est ainsi possible de modifier de maniĂšre dynamique les pro- priĂ©tĂ©s des champs et dâen modifier le comportement. Par exemple: pouvoir dĂ©placer un champ Ă la souris, chan- ger son style, le mettre en mouvement en rĂ©action Ă cer- tains Ă©vĂšnements, le faire interagir avec dâautres champs... CSS3 WEBDEV AU SERVICE DE SAP SAP R/3 est un ERP trĂšs utilisĂ©. Un site rĂ©alisĂ© en WEBDEV 19 peut accĂ©der aux donnĂ©es dâun ERP SAP en natif (via BAPI). LâaccĂšs aux donnĂ©es est directement rĂ©alisĂ© par SAP, la traçabilitĂ© des accĂšs est maintenue, la gestion des prioritĂ©s Ă©galement. Une famille de fonctions permet dâĂ©tablir une connexion (avec authentification) et dâappeler des BAPI en passant des paramĂštres. Un assistant permet dâimporter automa- tiquement les structures manipulĂ©es. Il est inutile dâinstaller le module SAP GUI. Toutes les fonctionnalitĂ©s de WEBDEV sont disponibles. DES REQUĂTES SUR SAP Le gĂ©nĂ©rateur dâĂ©tats (voir p 37) peut ĂȘtre utilisĂ© pour crĂ©er des requĂȘtes sur des donnĂ©es contenues dans une base SAP. ACCĂS NATIF Ă LOTUS NOTES Les sites WEBDEV peuvent accĂ©der en natif Ă Lotus Notes. LâaccĂšs aux mails prĂ©sents sur le serveur de mails de Lotus Notes (Domino), en envoi et rĂ©ception, est standard en mode natif. LâaccĂšs aux contacts, aux rendez-vous, aux tĂąches et aux documents prĂ©sents sur le serveur est facile. Cela permet de rĂ©aliser des Intranet qui sâintĂšgrent totale- ment au S.I. en place. La sĂ©curitĂ© habituelle de Lotus Notes est bien entendu respectĂ©e, via le certificat de Lotus. ACCĂS NATIF Ă OUTLOOK Les sites WEBDEV peuvent accĂ©der en natif Ă Outlook. LâaccĂšs aux mails de Outlook, en envoi et rĂ©ception, est standard. LâaccĂšs aux contacts, aux rendez-vous et aux tĂąches est facile, en lecture et en Ă©criture. Cela permet de rĂ©aliser des Intranet qui sâintĂšgrent totale- ment au S.I. en place. ACCĂS NATIF Ă GOOGLE APPS IndĂ©pendamment des possibilitĂ©s de connexion aux applica- tions Google Ă travers le Mashup, WEBDEV 19 propose un accĂšs natif aux donnĂ©es des applications Google: Google Agenda, Google Maps, Google Contacts, Picasa... Cela permet de rĂ©cupĂ©rer des donnĂ©es qui seront rĂ©affichĂ©es dans un format personnalisĂ© sur le site. Voici un exemple de code qui liste les contacts de Gmail et les affiche dans une table WEBDEV. Connexion est une gglConnexion Connexion.Email=âWebDev19@gmail.comâ Connexion.MotDePasse=âmotdepasseâ GglConnecte(Connexion) Contacts est un tableau de gglContact Contacts=GglListeContact(Connexion) TableAffiche(TABLE_Contacts) www.pcsoft.fr âą 35 Lâouverture Ă tous les stan- dards WEBDEVÂź ACCĂS NATIFS: GOOGLE APPS, SAP, LOTUS NOTES... WEBDEVÂź 19 Exemple dâaccĂšs natif Ă Google Agenda, pour ensuite ĂȘtre utilisĂ© directement dans une page WEBDEV 19
19.
PHP SANS CONNAĂTRE
PHP ! Toute la puissance de WEBDEV (Ă©diteur WYSIWYG, Ă©diteur dâanalyses, UML, Ă©diteur de requĂȘtes, champs Ă©voluĂ©s, WLangage âŠ) est disponible pour crĂ©er des sites en PHP. Si vous le dĂ©sirez, les pages et le code (en WLangage) sont transformĂ©s automatiquement en code PHP (il est Ă©galement possible de saisir directement du code PHP). Sans connaĂźtre PHP, vous crĂ©ez facilement des sites dyna- miques PHP ! RAD PHP La mĂ©thode RAD WEB est Ă©galement disponible pour gĂ©nĂ©- rer des sites PHP en quelques clics. GĂ©nĂ©rez automatiquement vos sites Ă partir de lâanalyse des donnĂ©es (voir pages 12 et 13). SAISIE DIRECTE DE CODE PHP Sous lâĂ©diteur de code de WEBDEV, il est possible dâĂ©crire (ou coller) du code PHP. Ici, dans le traitement de couleur rouge, du code PHP. Vous nâĂȘtes jamais bloquĂ©. Dans une mĂȘme page, il est possible de mixer du code PHP et du code WLangage. DES CHAMPS ĂVOLUĂS EN STANDARD En plus des champs classiques (champ de saisie, libellĂ©,...) la plupart des champs sophistiquĂ©s de WEBDEV 19 sont dis- ponibles en PHP: table avec ascenseurs automatiques, zone rĂ©pĂ©tĂ©e, calendrier, onglet, champ de saisie riche, libellĂ© HTML, rĂ©glette automatique⊠Cela permet de simplifier Ă©normĂ©ment les phases de codage, et apporte une grande sĂ©curitĂ© Ă vos sites par la prĂ©sence de masques de saisie qui ne permettent pas la saisie de donnĂ©es hors format. WEB 2.0: AJAX EN PHP De nombreux champs et traite- ments sont compatibles «AJAX» en mode PHP: vous crĂ©ez des sites PHP Web 2.0 grĂące Ă WEBDEV 19! (voir page 26) TYPES ĂVOLUĂS En plus des types classiques de PHP, WEBDEV 19 permet de programmer Ă lâaide de types Ă©voluĂ©s. La programmation est ainsi plus facile, et plus sĂ»re. Les types Ă©voluĂ©s sont: date, heure, durĂ©e, source de don- nĂ©es, tableau associatif, structures, numĂ©rique... Les syntaxes et les opĂ©rateurs puissants sont Ă©galement dis- ponibles: POUR TOUT, manipulation des chaĂźnes, concatĂ©- nation optionnelle, opĂ©rateur «commence par»,... PARTAGE DU CODE Le codage en WLangage permet de partager du code unique entre des pages et des sites PHP, WEBDEV classique, et mĂȘme avec des applications WINDEV ! Cela permet un gain de temps apprĂ©ciable, et une fiabilitĂ© accrue par la rĂ©utilisabilitĂ©. GESTION FACILE ET AUTOMATIQUE DES SESSIONS PHP La gestion des sessions (contextes) PHP est automatique. Il suffit de dĂ©clarer les variables qui doivent ĂȘtre retrouvĂ©es dans une prochaine exĂ©cution de la page. Il nây a aucun traitement de sĂ©rialisation Ă coder. COMPATIBILITĂ PHP 5 & PHP 4 WEBDEV 19 gĂ©nĂšre du code PHP compatible Ă la fois avec PHP 4 et avec PHP 5. ACCĂS A HFSQL LâaccĂšs Ă HFSQL (Classic, RĂ©seau et Client/Serveur) est assurĂ© via les ordres SQL. ACCĂS A MYSQL, POSTGRESQL, ORACLE LâaccĂšs aux bases de donnĂ©es MySQL, PostgreSQL et Oracle est assurĂ©. Notez que toutes les bases qui proposent un pilote ODBC sont accessibles. ACCĂS A LâAS/400 (IBM I) LâaccĂšs Ă lâAS/400 est effectuĂ© en natif (module Ă acquĂ©rir sĂ©parĂ©ment). APPEL DE SCRIPTS PHP Il est possible dâappeler un script externe .php depuis une page PHP ou WEBDEV classique, grĂące Ă la commande PHPExĂ©cute. Il est possible dâutiliser soit une mĂ©thode POST, soit une mĂ©thode GET, le rĂ©sultat est renvoyĂ© dans une chaĂźne. WAMP & LAMP Acronymes souvent utilisĂ©s, les technologies basĂ©es sur 4 composants, WAMP (Windows, Apache, MySQL, PHP) et LAMP (Linux, Apache, MySQL, PHP) sont supportĂ©es en stan- dard par WEBDEV 19. EASYPHP: CONFIGURATION ET PARAMĂ- TRAGE AUTOMATIQUE DE WEBDEV Lors de lâinstallation du serveur dâapplication WEBDEV 19, les serveurs Web «Apache» (utilisĂ©s en particulier par EasyPHP) sont dĂ©tectĂ©s et automatiquement paramĂ©trĂ©s, comme les serveurs Apache isolĂ©s. ACCĂS AUX HĂBERGEURS GRATUITS La gĂ©nĂ©ration dâun site en PHP permet (parmi dâautres solu- tions) lâaccĂšs aux hĂ©bergeurs «gratuits» de sites dynamiques. Cette possibilitĂ© peut ĂȘtre utile aux sites dâassociations et de petites structures qui ne dĂ©sirent pas un hĂ©bergement dĂ©diĂ©. Avec WEBDEV 19, PHP câest facile ! 36 âą DĂ©veloppez 10 fois plus vite La mĂ©thode la plus simple et la plus intuitive WEBDEVÂź WEBDEVÂź 19 GĂNĂREZ DU CODE PHP Un Ă©diteur dâĂ©tats rĂ©sout la problĂ©matique du reporting sur Internet. Et il simplifie la crĂ©ation des impressions. Son usage est double: âą dâune part pour les applications Intranet âą dâautre part pour la gĂ©nĂ©ration dynamique dâĂ©tats qui seront envoyĂ©s Ă lâinternaute (facture PDF par exemple). PDF EN STANDARD Les Ă©tats peuvent ĂȘtre crĂ©Ă©s au format PDF en standard (sans frais supplĂ©mentaires, sans module complĂ©mentaire Ă acquĂ©- rir ou Ă installer). Un Ă©tat PDF gĂ©nĂ©rĂ© avec WEBDEV 19 CRĂER UN ĂTAT: FACILE Un assistant est systĂ©matiquement proposĂ© pour gĂ©nĂ©rer des Ă©tats de haute qualitĂ©; il pose les questions permettant de n'oublier aucun Ă©lĂ©ment ! En Intranet, les Ă©tats sâimpriment sur une imprimante acces- sible depuis le serveur. Pour Internet, lâĂ©tat sera envoyĂ© Ă lâinternaute sous une forme spĂ©cifique: HTML, RTF, PDF... Le choix du type dâĂ©tat Ă crĂ©er TOUTES LES SOURCES DE DONNĂES Les donnĂ©es utilisĂ©es pour un Ă©tat peuvent provenir de nâim- porte quelle source: HFSQL, Oracle, Access..., requĂȘte, fichier texte, zone mĂ©moire, table de page,... GESTION DES FONDS DE PAGE PDF LâĂ©diteur dâĂ©tats gĂšre les fonds de page et les formulaires des- tinĂ©s Ă ĂȘtre imprimĂ©s, par exemple les formulaires fiscaux. INCLURE DES IMAGES: AUTOMATIQUE Inclure des images (BMP, TIFF, PCX, GIF, JPEG, PNG...) dans des Ă©tats est d'une simplicitĂ© totale. L'image peut ĂȘtre fixe (logo,...), ou provenir du traitement ou dâun fichier (photo du produit,...). Il est Ă©galement facile d'imprimer des dessins crĂ©Ă©s par pro- gramme. DU CODE SOURCE OĂ VOUS DĂSIREZ WebDev permet d'inclure tout code source exĂ©cutable (WLangage) Ă tout endroit d'un Ă©tat: vous pourrez ainsi rĂ©a- liser les traitements les plus particuliers, sans jamais rencon- trer de blocages. CODE-BARRES AUTOMATIQUES WEBDEV 19 imprime auto- matiquement les codes- barres (horizontalement ou verticalement). Les formats sup- portĂ©s sont: QR Code, UPCA, UPCE, EAN13, EAN8, CODE128, CODE39, CODE93, CODE11, intervaled 2 of 5, CODABAR, CB_MSI, Datamatrix, PDF417... MAILEZ DES ĂTATS Avec WEBDEV il est facile de crĂ©er un Ă©tat dynamiquement (par exemple une facture des produits que vient dâacheter lâinternaute en ligne!) et de le mailer immĂ©diatement (au for- mat PDF par exemple). DIFFUSION LIBRE DES ĂTATS Il nây a pas de redevances ou de royalties Ă verser pour dif- fuser les Ă©tats avec vos sites WEBDEV. Avec WEBDEV 19, les Ă©tats sophistiquĂ©s câest vraiment facile ! www.pcsoft.fr âą 37 Un Ă©diteur dâĂ©tats WYSIWYG, au pixel prĂšs WEBDEVÂź ĂDITEUR DE RAPPORTS : GĂNĂREZ DES PDF EN TEMPS RĂEL (FACTURES...) WEBDEVÂź 19 Un Ă©tat en cours de crĂ©ation sous lâenvironnement
20.
LA BASE DES
SOURCES Avec le GDS (Gestionnaire De Sources - appelĂ© SCM en anglais), les Ă©lĂ©ments du projet sont regroupĂ©s dans une base de donnĂ©es. Avant dâĂȘtre utilisĂ© un Ă©lĂ©ment est extrait, aprĂšs avoir Ă©tĂ© modifiĂ©, il est rĂ©-intĂ©grĂ©. Chaque membre de lâĂ©quipe utilise donc des Ă©lĂ©ments Ă jour. Le GDS stocke tous les Ă©lĂ©ments du projet: procĂ©dures, col- lections, classes, fenĂȘtres, Ă©tats, composants, requĂȘtes, ana- lyses, dĂ©pendances (images,...), ... TOTALEMENT INTĂGRĂ Totalement intĂ©grĂ© aux diffĂ©rents Ă©diteurs, lâoutil de ver- sionning (GDS) permet le dĂ©veloppement en Ă©quipe, la conservation de lâhistorique des modifications et des ver- sions, la gestion simultanĂ©e de plusieurs versions dâun mĂȘme site, et lâautomatisation de la sauvegarde des sources. Le gestionnaire de versions apporte confort, souplesse, sĂ©curitĂ© et vitesse. DimensionnĂ© pour des Ă©quipes de 1 Ă 100 dĂ©veloppeurs, le GDS favorise et normalise sans contrainte les Ă©changes entre dĂ©veloppeurs. DE PUISSANTES FONCTIONNALITĂS âą Le GDS est totalement intĂ©grĂ© Ă l'environnement; par exemple le GDS propose dâextraire lâĂ©lĂ©ment lors dâune modification. âą La base gĂšre plusieurs projets; si plusieurs projets utilisent un mĂȘme Ă©lĂ©ment, celui-ci peut ĂȘtre partagĂ©. âą Un historique de tous les Ă©lĂ©ments (pages, codes, requĂȘtes,...), depuis leur crĂ©ation, est mĂ©morisĂ© dans la base (une purge totale ou partielle est toujours possible). âą Le projet est Ă©galement prĂ©sent sur chaque machine de dĂ©veloppement; il est donc possible de dĂ©velopper avec la machine dĂ©connectĂ©e. âą La gestion des branches est assurĂ©e. âą Le «Diff» (diffĂ©rences) entre 2 Ă©lĂ©ments est disponible: source, page,... âą Vous pouvez consulter Ă tout moment la liste des modifications effectuĂ©es entre 2 versions, par vous-mĂȘme et/ou par dâautres dĂ©velop- peurs ou webmasters... CONNECTĂ ET Ă DISTANCE Le GDS permet un fonctionnement Ă distance, connectĂ© via Internet. Il est ainsi possible de tra- vailler sur un projet depuis un site client, sans crainte de perte des modifications effectuĂ©es. Si vous ĂȘtes connectĂ© (par exemple en ADSL), les modifications que vous effectuez seront immĂ©diatement disponibles pour les autres dĂ©veloppeurs. DĂVELOPPEUR ISOLĂ MĂȘme en dĂ©veloppant seul, lâoutil de ver- sionning a de lâintĂ©rĂȘt: il conserve lâhistorique des modifications de tous les Ă©lĂ©ments, et agit donc comme une fonctionnalitĂ© de sauvegarde et dâarchivage des versions. La gestion des branches permet de gĂ©rer faci- lement plusieurs versions dâun mĂȘme site. 38 âą DĂ©veloppez 10 fois plus vite WEBDEVÂź 19 TRAVAIL EN ĂQUIPE OUTIL DE VERSIONNING (GDS /SCM) Le GDS gĂšre automatique- ment les «dĂ©pen- dances»: les fichiers utilisĂ©s (images,...). Le GDS les dĂ©tecte dans le projet, et les sauvegarde avec le reste du projet. DĂ©veloppez au bureau, en dĂ©place- ment, et mĂȘme Ă la plage ! www.pcsoft.fr âą 39 POUR GĂRER LE CYCLE DE VIE Un Centre de ContrĂŽle est une appli- cation de «supervision» dâun aspect du cycle de vie dâun site. Un Centre de ContrĂŽle permet dâavoir une vision globale du domaine couvert, que ce soit en phase de dĂ©veloppe- ment, sur un site dâexploitation, ou encore pour les aspects de mainte- nance et dâĂ©volution. Les Centres de ContrĂŽle que lâon uti- lise le plus dans le cadre dâun dĂ©velop- pement Web sont les suivants: âą Centre de Suivi de Projets âą Centre de ContrĂŽle QualitĂ© âą Centre de ContrĂŽle dâhĂ©bergement. Les Centres de ContrĂŽle sont totale- ment intĂ©grĂ©s Ă lâenvironnement; les informations sont partagĂ©es. ALM : CENTRE DE CONTRĂLE DE SUIVI DE PROJETS Ce centre permet le suivi des plannings, des tĂąches affectĂ©es et rĂ©alisĂ©es par chaque membre de lâĂ©quipe, et effectue le suivi de la gestion des «exigences». GĂ©rez le planning de lâĂ©quipe de dĂ©veloppement en temps rĂ©el GESTION DES EXIGENCES ET DES TĂCHES Le Centre de Suivi de Projets permet de dĂ©finir et suivre lâavancement des «exigences» de chaque version du projet. Une exigence correspond Ă une fonctionnalitĂ© Ă dĂ©velopper dans le logiciel. A chaque exigence peuvent ĂȘtre liĂ©es des tĂąches (tĂąche de dĂ©veloppement, de test, de documentation,...), des bogues, des rĂšgles mĂ©tier... CENTRE DE CONTRĂLE QUALITĂ Ce centre permet le suivi des incidents de dĂ©veloppement et per- met le suivi aisĂ© des retours utilisateurs (incidents et suggestions). Analyse dâimpact CENTRE DE CONTRĂLE DâHĂBERGEMENT Le Centre de ContrĂŽle dâhĂ©bergement permet de configu- rer un profil dâhĂ©bergement type, et de maintenir le serveur dâhĂ©bergement. La gestion des comptes et des serveurs Web est Ă©galement effectuĂ©e Ă travers ce centre (voir p 46 Ă 49). TABLEAU DE BORD DE PROJET Le Tableau de Bord permet une vision globale du projet, de son Ă©tat dâavancement et de sa qualitĂ©. Des voyants alertent lorsque certains seuils (paramĂ©trables) sont franchis: nombre de bogues, retard de planning... et indiquent les optimisations Ă effectuer. La gouvernance de projets devient facile. PILOTEZ VOS PROJETS: TABLEAU DE BORD WEBDEVÂź 19 GĂREZ LE CYCLE DE VIE: CENTRES DE CONTRĂLE
Jetzt herunterladen