Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.

Dreamweaver gratuit

Bookmark and Share

Le processus type d'un projet web

02 mars 2015 | Posté par caroder à 14:06

Dans le cadre de mon mémento du chef de projet internet, voici le dernier article de la série.

Le prestataire étant choisi, quelles sont maintenant les étapes dans le déroulé du projet ? Vous devez bien évidemment vous référer à la proposition commerciale et au contrat de votre agence pour en connaitre le périmètre exact  mais voici quelques étapes peu ou prou incontournables :

  1. Signature du contrat : si possible, faire relire le contrat par un juriste.
  2. Approbation finale du diagramme de Gantt du projet (les dates de production des designs, développements ainsi que livraisons et recettes). Il y a quasiment toujours un delta entre les dates prévues dans la proposition, les dates à la signature du contrat et les dates effectives. A vous de voir, ce qui est acceptable ou non au regard du contrat si il y a effectivement retard.
  3. La rédaction des spécifications : un prestataire vous doit un document de spécifications (appelées communément « specs ») qui décrit l’intégralité des fonctionnels du site qu’il va développer. Ce document s’appuie sur votre cahier des charges. Ainsi, plus le cahier des charges est précis sur les fonctionnels attendus, plus vous serez à l’aise pour demander (sans évolution de budget) tel ou tel développement. Il est recommandé de faire relire ce document à plusieurs personnes afin de ne pas laisser passer des choses en votre défaveur.
  4. Finalisation de la proposition graphique : tous les designs des différents types de pages doivent faire l’objet d’une approbation formelle. Ne laissez rien dans le flou avant les développements.
  5. La production des développements. C’est le moment du projet où vous serez dans un relatif calme. La balle est dans le camp de votre prestataire. Assurez-vous néanmoins qu’il est bien dans les temps. Si tout se passe normalement, il devrait être en contact avec vous plusieurs fois par semaine pour vous poser diverses questions.
  6. En cas de refonte : pensez à vérifier l’intégrité des données reprises. Mettez-vous d’accord avec le prestataire sur le delta entre l’état de la base au moment de la reprise et le jour de la bascule ancien/nouveau site.
  7. La recette : le moment le plus important de votre projet. Vous devrez tester (soit sous forme de lots, soit en totalité) le site ou l’application prévue initialement dans les spécifications. Cette étape est d’une grande importance puisqu’elle pourra impacter votre budget maintenance future. Mon conseil : prévoyez le plus de personnes possibles pour cette étape, un site ou une app étant utilisée différemment selon les individus. Selon mon expérience, il faut un minimum de deux personnes pour effectuer une recette solide dont une est une professionnelle du management de projets web. La recette se présente sous la forme d’un cahier « fonctionnels attendus versus fonctionnels observés ». Il est découpé en fonction des rubriques et fonctionnels de votre site. Certains prestataires vous proposeront une interface de déclaration d’incidents en lieu et place de la recette. Personnellement, je ne suis pas favorable à cette méthode, car elle ne vous donne pas de vision globale de l’état d’avancement des corrections.
  8. Pour les SSII et certaines agences, la signature du PV de recette et de livraison : cette étape acte juridiquement la fin des développements du projet et le début de la période de garantie.

En conclusion, et cela se dessine dans cette série d’articles, je recommanderai, pour les structures et les projets importants, de ne jamais laisser un chef de projet travailler seul sur la création ou la refonte d’un site web mais de lui adjoindre un binôme qui fonctionnera en back up. Cela garantit la fluidité et la qualité d’un projet : on n’est jamais meilleur qu’à plusieurs…

Je finalise en vous recommandant la lecture du blog Gestion de projet.


10 superbes thèmes Wordpress "responsive" et gratuits pour 2014

13 janvier 2014 | Posté par caroder à 09:42

Je vous propose aujourd'hui ma sélection de thèmes Wordpress pour 2014. La particularité de cette sélection, outre la qualité du design, est d'être totalement "responsive" (design adapté en fonction de la nature du "device" utilisé, PC, tablette ou smartphone). Enfin vous constaterez qu'en 2014, hors photos d'illustration haute qualité pour vos sites, point de salut !

1. Asteria Lite

theme wordpress 2014 asteria lite

Asteria Lite propose un beau slider, différentes options de mise en page, des icones pour partage sur les réseaux sociaux et 3 style maquettes. A noter : ce thème inclus une navigation de type Ajax (avec de jolis effets) et 600 options de fontes pour votre logo de blog. Ce thème est compatible avec le plugin WooCommerce (vous pouvez donc l'utiliser pour votre site de e-commerce). Il est en outre traduit en français.

Téléchargement ici : http://www.towfiqi.com/asteria-lite-free-wordpress-theme.html

2. Writr

theme wordpres 2014 writr

Autant vous le dire, c'est un de mes thèmes préférés pour cette sélection de 2014. C'est du flat design et j'adore. Vu le nom, vous aurez compris qu'il est plutôt destiné aux sites de contenus. Il est proposé dans 6 couleurs au choix (turquoise, bleu, vert, gris, violet, rouge) et propose un pied de page très plaisant.

Télchargement ici : http://wordpress.org/themes/writr

3. Bearded

wordpress theme 2014 bearded

Encore du flat design. Adapté aux blogs et aux portfolios, ce thème plaira à ceux qui aime la simplicité. Son slider est tout à fait ahurissant dans les animations proposées. Il est bien entendu responsive et nécessite dans sa version portfolio le plugin Custom Content Portfolio.

Téléchargement ici : http://themes.bonfirelab.com/bearded/

4. The Newswire

Ce thème a la particularité d'être destiné à des sites de news (mais à trafic raisonnable, passez votre chemin si vous faites 100000 V.U/jour). Il reprend les grands principes des site de news, notamment pour la Une : slider, derniers articles parus, articles épinglés. Le thème propose en outre deux menus de navigation paramétrables, un choix de typographies, différentes couleurs de thèmes. Il prévoit l'intégration de bannières publicitaires. Thème sous licence GPL V2.

Téléchargement ici : http://wpdevshed.com/themes/the-newswire/

5. Hiero

theme wordpres 2014 hiero

Un design tout simple mais particulièrement clean pour ce thème que vous pourrez télécharger gratuitment contre un partage sur les réseaux sociaux. Il est bien entendu totalement responsive et supporte les commentaires multi-threads.

Téléchargement ici : http://athemes.com/theme/hiero

6. Customizr

customizr responsive wordpress theme 2014

La particularité de ce thème est qu'il est, en quelque sorte, à construire : avec le plugin WP Customizer, c'est à vous de construire le design de vos rêve. Celui-ci s'appuiera sur le framework Bootstrap et vous permettra de choisir entre différentes apparences, logos, maquettes, positionnements de blocs, etc. Le design est bien sûr dans la mouvance flat, développé en HTML5. Mais surtout il propose une traduction française et s'adapte au plugin de e-commerce WooCommerce.

L'image ci-dessus présente une possibilité de ce qui est réalisable avec ce thème très particulier qui est réservé aux personnes maîtrisant bien les CSS.

Téléchargement ici : http://wordpress.org/themes/customizr

7. Best

theme wordpres 2014 best

Un thème qui a tellement de possibilité de paramétrage que je vous laisse vous reporter à la page du développeur pour vous documenter.

Téléchargement ici :http://bloggingexperiment.com/best-theme

8. Pixlex

wordpress theme 2014 pixlex

Un petit quelque chose du design suisse dans ce thème tout simple qui conviendra prioritairement à des sites corporate. Gratuit contre inscription sur le site de Theme4all.

Téléchargement ici : http://www.themes4all.com/themes/pixlex/

9. Vantage

vantage free wordpress theme 2014

Vantage est annoncé "retina ready" et comporte de nombreuses fonctionnalités. Pour en bénéficier, vous devrez utiliser les plugin WooCommerce, Page Builder et MetaSlider. A noter : c'est un des thèmes les plus populaires actuellement sur Wordpress.org et c'est mérité...

Téléchargement ici : http://siteorigin.com/theme/vantage/

10. Design Wall

theme-wordpres-2014-wallpress

Décidement WooCommerce est à l'honneur cette année. Voici un thème qui s'adapte aussi bien à un portfolio, un site de news ou de e-commerce. A noter : ce thème Wordpress existe aussi en version premium avec plus d'options.

Téléchargement ici: http://www.designwall.com/wordpress/themes/wallpress/

Catégorie : Wordpress | Commentaires [1] | Permalien [#] | Tags : , , ,

Pagination alphabétique ( Php Mysql )

29 décembre 2013 | Posté par jpierre74 à 17:41

Bonjour,

Je vous propose la création d'une barre de navigation ou pagination alphabétique pour filtrer les données d’un tableau dynamique.

Si vous avez une table contenant beaucoup d'enregistrements, il est parfois agréable de donner la possibilité à l'utilisateur de classer rapidement les enregistrements commençant par une lettre choisie.

Cet article vous apporte la réponse, c'est très simple, bien entendu il existe d'autres solutions. Celle-ci, je l'utilise sur des scripts de gestion clients, et j'avoue que c'est très pratique.

Cliquez-ici pour le document complet PDF :Pagination_alphabetique

Cliquez-ci pour la base de données (Téléchargement )

Cliquez-ici pour voir la vidéo ( conception de la page index.php )

Si vous avez un problème de mise en oeuvre, utilisez le formulaire "poster un commentaire"

Bonne lecture.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#]

Extension et comportements serveurs pour Dreamweaver CC

10 décembre 2013 | Posté par jpierre74 à 13:24

Bonjour,

Sur le site de DMXZone,vous trouverez une extension gratuite " Deprecated Panel Support ", permettant de connecter et de manipuler une base de données.

Cette extension est développé par Adobe, l'absence de comportements de serveur dans Dreamweaver CC était très critiquée à la sortie de cette version .

Une fois installée, elle vous permet d'obtenir l'accès aux comportements de serveur ,au panneau de liaison et d'utiliser toutes les comportements  côté serveur (Insertion, Modification, Suppression etc..) .

Voici les technos disponibles avec l'ajout de cette extension.

  • Php MySql
  • Asp Javascript
  • Asp.Net C#
  • Asp.Net VB
  • Asp VBScript
  • ColFusion
  • JSP

Petit bémol, le panneau << Données >>, n'est pas présent, donc nous n'avons plus les assistants, pour :

  • Ajouter
  • Modifier
  • Barre de navigation
  • Barre d'état de navigation.
  • etc...

Cliquez-Ici pour lire plus d'informations (Page en anglais),et télécharger l'extension.

 

Bonne découverte.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags : ,

Tutorial construire une appli mobile avec Dreamweaver CS6

09 décembre 2013 | Posté par caroder à 17:30

Jelen pivo - Sobriety Test Mobile App

Le sujet de cet article est le développement d'applis mobiles via Dreamweaver version CS6 et non pas le developpement de design "responsive" s'adaptant aussi bien aux écrans desktop que tablettes ou smartphones.

La version 6 de Dreamweaver intègre un certain nombre de facilités permettant de développer des applications mobiles. Pour développer une appli mobile (que vous proposerez ensuite sur Google Play et Apple Store), vous allez faire appel aux technologies suivantes :

  • PhoneGap (framework permettant de développer et compiler des applications mobiles)
  • Jquery
  • HTML5
  • CSS3

Pour comprendre ce qu'est PhoneGap, comment le paramétrer et "l'installer" pour Dreamweaver CS6, je vous renvoie à la vidéo en français de Vidéo2Brain (qui fait le point sur l'ancienne méthode avec Dreamweaver CS5.5 pour la comparer avec le nouveau process CS6) :

Malheureusement, il n'existe pas à ma connaissance de tutorial en français "pas à pas" pour le développement d'applis mobiles. Ceux d'entre-vous qui sont anglophones pourrons néanmoins se rabattre sur un très bon tutorial gratuit en anglais disponible via Youtube :

Vous pouvez par ailleurs vous reporter à l'article en français disponible ici pour savoir comment déployer une appli mobile via Dreamweaver CS6 et PhoneGap : http://blog.cedriccornelis.fr/2013/02/25/phonegap-jquery-mobile-et-dreamweaver-un-trio-gagnant/

Catégorie : | Commentaires [0] | Permalien [#] | Tags : , ,


Transformer les extensions pour Dreamweaver du format mxp vers le format zxp

04 novembre 2013 | Posté par jpierre74 à 21:06

Avant d’aller plus loin dans la reprise des différents articles que je souhaite vous proposer, je voulais vous faire partager ce billet.

Si vous êtes passé (comme moi) à la version Dreamweaver CC, vous vous êtes aperçu que plusieurs choses avaient changées  (je ne citerai que celles qui m'ont pertubées... pour l'instant):

  • Le type d'extensions, on passe de l'extension .mxp à l’extension.zxp
    Conséquences : votre bibliothèque existante ne peut plus être installé sous Dreamweaver CC.
  • La gestion des bases de données.
    Conséquences : les comportements de serveur, le panneau de liaison de données, connexion aux bases de données sont absents.

L'objectif de cet article : Transformer toutes vos extensions du format mxp vers le format zxp. Pour la gestion de la base de données, cela fera l’objet d’un autre billet.

Pré-requis : avoir les deux versions d'Adobe Extension Manager installé sur sa machine (version Extension Manager CS6 et Extension Manager CC pour Dreamweaver CC). Page de téléchargement d'Extension Manager: cliquez-ici.

Pour l'explication, tout est dans le fichier pdf :format_mxp_au_format_zxp

Bonne lecture.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags : ,

Les fondamentaux de Dreamweaver - Troisième partie

03 novembre 2013 | Posté par jpierre74 à 12:08

Voici le dernier volet des  fondamentaux de Dreamweaver ,

Vous trouverez toutes les explications sur le Jeu d'Enregistrements ou Recordset ,

Bonne lecture

Les_fondamentaux_Part_3

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags :

Les fondamentaux de Dreamweaver - Deuxième partie

| Posté par jpierre74 à 11:58

Suite des fondamentaux, cet article traitera :

  • Les boutons radio
  • Les listes menu ou select
  • Les cases à cocher.

Bonne lecture

Les_fondamentaux_Part_2

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags :

Suppression d'un enregistrement avec une confirmation

21 octobre 2013 | Posté par jpierre74 à 18:59

Bonjour,

Suite au paragraphe " Suppression d'un enregistrement " , nous allons voir comment ajouter un script pour confirmer ou non cette suppression.

Ce script, nous allons l'obtenir à l'aide d'une extension gratuite pour DW.
Testé sur la version DW CS5.5. Je vous donne le lien : Télécharger l'extension

 Tout est dans le PDF, bonne lecture

Suppression_avec_confirmation

Si vous avez des commentaires, n'hésitez pas.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags :

Les fondamentaux de Dreamweaver - Première partie

14 octobre 2013 | Posté par jpierre74 à 20:32

Comme promis, voici le premier des articles, que je vais publier sur ce blog.

Pour ceux qui m'ont suivi sur le site asp-php.net, ils pourront de nouveau avoir accès à la lecture complète sous forme de fichier pdf, et bienvenue aux nouveaux visiteurs de DreamweaverGratuit

Cet article traitera la première partie des fondamentaux avec utilisation des comportements serveur ou jeux d'enregistrements:

  • Afficher la liste des enregistrements
  • Ajout un enregistrement dans une table
  • Supprimer un enregistrement dans une table
  • Modifier un enregistrement dans une table

Pré-requis : savoir gérer un site dans Dreamweaver

Télécharger le fichier PDF : Les_fondamentaux_Part_1

Bonne lecture.

Catégorie : Les articles de JPierre | Commentaires [2] | Permalien [#] | Tags :