Dreamweaver gratuit

Insérer des données dans 2 tables via un seul formulaire (cases à cocher) - Part 2

19 septembre 2011 | Posté par caroder à 10:27

Pour arriver à insérer des données dans 2 tables différentes, nous devons impérativement récupérer l’ID d’insertion du 1^er enregistrement dans la 1^re table pour nous en servir comme clé étrangère dans l’insertion de l’enregistrement dans la 2^e table.

Il y a longtemps déjà je vous avais expliqué comment récupérer cet ID d’enregistrement lors de l’insertion. Nous allons donc appliquer basiquement cette méthode.

Le nom donné par Dreamweaver par l’assistant d’insertion d’enregistrement dans mon exemple n’a pas été modifié. Il s’agit de $Result1.

Repérer dans le code les lignes suivantes ($ConnTuto est le nom que j’ai donné à ma connexion, ce nom varie en fonction du nom que vous avez choisi pour la vôtre) :

  mysql_select_db($database_ConnTuto, $ConnTuto);
  $Result1 = mysql_query($insertSQL, $ConnTuto) or die(mysql_error());

Ajoutez juste en dessous de ces 2 lignes le code suivant :

$theID = mysql_insert_id();

Cette instruction nous sert à récupérer l’ID de l’utilisateur dans la 1^re table.

Il ne nous reste plus qu’à écrire la requête pour les enregistrements dans la 2^e table avec comme clé étrangère l’ID de l’utilisateur. Pour ceci, nous allons utiliser une boucle « foreach » car il nous faudra autant de ligne d’enregistrements que d’abonnements demandés aux thématiques.

Juste en dessous de la ligne « $theID = mysql_insert_id(); », ajoutez le code suivant :

// insertions des cases à cocher dans la deuxième table
// *************************************************************
if (!empty($_POST['abonnement'])) { /* la case à cocher n’est pas vide */

     foreach ($_POST['abonnement'] as $cle) { /* pour chaque case cochée devenue variable $cle */
                $Requete = "INSERT tb_abonnements (abonnement, id_utilisateur) VALUES ('$cle', '$theID')";
                $resRequete = mysql_query($Requete, $ConnTuto) or die(mysql_error());
     }
}

Voilà, c’est fini !

Il ne vous reste plus qu’à sauvegarder votre page et à procéder à un test de votre formulaire. Vos deux tables devraient se remplir simultanément à chaque envoi du formulaire, la première avec un seul enregistrement et la seconde avec autant d’enregistrement que de cases cochés comme abonnement.

Insérer des données dans 2 tables via un seul formulaire (cases à cocher) - Part 1

05 septembre 2011 | Posté par caroder à 09:08

C’est la rentrée aujourd’hui et j’effectue la mienne avec le tutorial promis pendant les vacances ;-)

Voici un problème classique qui se pose au développeur débutant avec Dreamweaver. Vous avez une table de base de données reliée à une autre table via clé étrangère et vous souhaitez insérer des données dans les 2 tables au sein d’un seul et unique formulaire.

Ce problème se pose couramment lorsque vous avez par exemple la possibilité pour un utilisateur de renseigner des cases à cocher (plusieurs choix possibles, c’est donc un cas typique de relation un à plusieurs). Nous allons donc voir comment faire pour procéder à l’insertion simultanée dans 2 tables avec Dreamweaver.

Nous allons imaginer que vous avez une page d’inscription à diverses newsletters pour un visiteur de votre site : une newsletter « business », une newsletter « développement », une newsletter « webdesign » et une newsletter « référencement ». Un visiteur peut s’abonner à une ou plusieurs newsletters.

Créons d’abord les tables de la base de données. Une table servira à abriter les informations personnelles du visiteur et une table sera destinée à stocker ses abonnements proprement dits. La table N°2 est liée à la première via l’ID d’inscription du visiteur.

CREATE TABLE IF NOT EXISTS `tb_utilisateurs` (
  `ID_utilisateur` int(11) NOT NULL AUTO_INCREMENT,
  `nom` varchar(50) NOT NULL,
  `prenom` varchar(50) NOT NULL,
  `mail` varchar(100) NOT NULL,
  PRIMARY KEY (`ID_utilisateur`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

CREATE TABLE IF NOT EXISTS `tb_abonnements` (
  `ID_abonnement` int(11) NOT NULL AUTO_INCREMENT,
  `ID_utilisateur` int(11) NOT NULL,
  `newsletter` int(11) NOT NULL,
  PRIMARY KEY (`ID_abonnement`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

Nous allons créer un très classique formulaire (pour notre exemple nous ne ferons aucune mise en forme CSS). Pour cela dans Dreamweaver >> Fichier >> Nouveau >> type de fichier « PHP » et Mise en forme « aucune ».  Pour ce tutorial, nous supposons que vous avez créé le site selon les préceptes de Dreamweaver, que vous avez défini le serveur d’évaluation en local et et la connexion à la base de données (étapes nécessaires pour poursuivre ce tuto).

Une fois votre nouvelle page enregistrée dans votre site (dans notre exemple, j’ai appelé ma page inser2tables.php), allez dans la palette insertion et, dans le sous-ensemble « données », sélectionnez « insérer un enregistrement » pour lequel vous choisissez l’assistant. Remplissez les champs comme indiqué dans la capture ci-dessous (en supprimant le champ ID_utilisateur).

Insérer une ligne supplémentaire dans le tableau contenu dans le formulaire créé automatiquement que vous intitulez « Abonnements ». En regard de cet intitulé, dans la colonne de droite, intégrez un groupe de cases à cocher via l’onglet « données » de la palette « insertion ».

Affichez le code de la page. Vous allez rajouter des paires de crochets vides (ouvrant et fermant) dans l’attribut « name »  de chaque type d’abonnement. Les lignes de codes correspondantes doivent maintenant ressembler à ceci :

          <label>
          <input type="checkbox" name="abonnement[]" value="1" id="abonnement_0" />
          business </label>
        <br />
        <label>
          <input type="checkbox" name="abonnement[]" value="2" id="abonnement_1" />
          développement </label>
        <br />
        <label>
          <input type="checkbox" name="abonnement[]" value="3" id="abonnement_2" />
          webdesign </label>
        <br />
        <label>
          <input type="checkbox" name="abonnement[]" value="4" id="abonnement_3" />
          référencement </label>
        <br />

Votre page doit ressembler à ceci :

Voilà nous en avons fini pour cette fois-ci. Nous verrons très prochainement le code PHP à rajouter à celui généré par Dreamweaver pour procéder à l’insertion simultanée dans les deux tables tb_utilisateurs et tb_abonnements

Vidéo : réaliser soi-même ou le faire par un prestataire ?

16 août 2011 | Posté par caroder à 10:46

On se pose tous un jour la question d’intégrer une vidéo sur son site, une vidéo qu’on aura scénarisé soi-même et si on est un peu chanceux on aura un petit buzz (ou un gros) avec. Bon pour ça, vous pouvez y aller la fleur au fusil, utiliser les moyens du bord (votre appareil photo, votre smartphone, votre vieille caméra si vous en avez acheté une à la naissance du petit) auxquels vous allez ajouter un logiciel de montage (gratuit bien sûr, Windows Movie Maker, par exemple ou Cam Studio comme dans la vidéo tutorial ci dessous).

Réaliser un film, ce n’est pas seulement coller des images bout à bout. C’est :

• Scénariser votre idée 
• Tourner les images 
• Savoir cadrer et éclairer 
• Trouver une illustration musicale (libre de droit !) 
• Faire l’acquisition des clips tournés et les monter 
• Mettre le tout en ligne et l’intégrer à votre site (le plus facile sans doute) 

OK, mais tout ça ne résout pas un problème majeur : la créativité …

Si vous ne vous sentez pas l’âme d’un nouveau Cecil B. De Mille, adressez-vous à un professionnel, vous éviterez bien des galères. Il existe un nouveau genre de maison de production qui produit à des coûts raisonnables.

Je signale à toutes fins utiles Uptown Prod qui produit des contenus audio et vidéo pour entreprises (vidéos institutionnelles, interview, reportages, présentations de produits) et qui vous aide à assurer la promotion de votre vidéo de manière vivante et efficace sur votre site internet, intranet, web tv et sur les réseaux sociaux.

Uptown Prod a été fondée par Nicolas Catard (que je connais => votre vidéo sera réalisée dans la bonne humeur :-) et vous promet un tarif compétitif et une forte réactivité.

La vidéo décuple la force du message auprès de votre public… à condition qu'elle soit bien réalisée !

Biglib, site d'échanges et de dons de livres gratuits

02 août 2011 | Posté par caroder à 21:28

Voici un projet nouveau, sans but lucratif ("encore !" dirait mon mari) et totalement personnel. Je suis en train de développer Biglib, un site d'échanges et de dons de livres, CD et DVD (Biglib pour "The Big Library", la grande bibliothèque, donc). A ce stade, tout est encore très expérimental mais je vous en parle ici car ce sera pour moi l'occasion de mettre en ligne de nouveaux tutorials (il était temps !).

Je vous proposerai donc très prochainement de travailler sur le thème suivant : Dreamweaver, les cases à cocher à valeurs multiples et l'insertion simultanées dans 2 tables via un formulaire unique (dont vous pouvez voir la mise en oeuvre sur le site ci-dessus).

En attendant la mise en ligne, je vous souhaite d'excellentes vacances à tous !

Créer des interfaces pour mobiles avec Dreamweaver CS5.5

31 mai 2011 | Posté par caroder à 09:10

Il est aujourd'hui quasiment impossible d'envisager de développer un site web sans sa version mobile. Adobe propose donc aux utilisateurs de Dreamweaver de disposer des outils nécessaires pour sauter le pas vers le développement d'applications mobiles (iOS et Android)

L'intégration de Dreamweaver à PhoneGap (accessible via le menu Site >> Applications mobiles) vous permet de déployer des applications natives pour les téléphones et tablettes Android et iOS. PhoneGap est un framework de développement pour la création d'applications mobile qui permet de faire le pont entre vos applications Web et les mobiles.

Voici une vidéo (sous-titrée en français) qui vous expliquera le principe de cette nouvelle fonctionnalité de Dreamweaver.

Adobe y a adjoint le Widget JQuery Mobile pour lequel vous pouvez visionner la vidéo tutorial ci-joint (en français cette fois !).

Un menu horizontal en JQuery "floating bubble" - Tutorial vidéo

05 janvier 2011 | Posté par caroder à 09:00

Vous connaissez certainement le site Owni dont le design, extrêmement pointu, est une référence pour les webdesigners (sans parler de la qualité des contenus qui est aussi une référence). Vous avez sans doute remarqué le menu de navigation horizontal, avec ce petit effet sympa sur le background des items menus. Cette technique dite "floating bubble" (bulle flottante), obtenue de JQuery, vous est maintenant accessible via Dreamweaver grâce à ce très complet tutorial vidéo, malheureusement en anglais (le commentateur parle assez lentement avec un accent UK).

Ce tutorial est destiné aux personnes qui maitrisent bien Dreamweaver et qui ont de bonnes notions de CSS et de HTML. Il est en deux parties qui représentent plus de 16 minutes de visionnage au total.

Compatibilité du menu : MSIE 8 et 9, Firefox, Chrome et Safari.

Vous pouvez télécharger les fichiers de ce tutorial ici et lire le tutorial (en anglais !) pour codeurs ici.

La Vie est belle, intermède cinéphilique spécial Noël

24 décembre 2010 | Posté par caroder à 09:06

Je ne sais pas pour vous, mais pour moi ce soir, seize heures, va être le début d'un marathon épuisant : j'ai nommé les fêtes de Noël (je ne parle pas de la Saint Sylvestre, parce ce rendez-vous là est optionnel alors que Noël, si tant est qu'on ait une petite famille avec enfants de moins de 12 ans, grand-mère de 95 balais et père et mère de 70 piges, c'est O-BLI-GA-TOIRE). Dans ces moments là, je repense toujours Frank Capra. Là, je vous vois vous demander "Mais de quoi elle cause, quel est le rapport avec les technologies web et Dreamweaver ?". Eh bien... aucun, si ce n'est ma petite personne :-)

Dans une autre vie, voyez-vous, j'ai été cinéphile. J'ai même travaillé pour un magazine de cinéma. Et ma petite "spécialité", ce sont les films américains des années trentes, quarantes et cinquantes. Surtout les comédies. Billy Wilder, Ernst Lubitsch, Howard Hawks, George Cukor et Leo McCarey font mes délices.

Et Frank Capra, aussi. Ah... L'Extravagant Mr Deeds, New York Miami, Arsenic et Vielles Dentelles... j'adore.

Il y a pourtant un de ses films avec lequel je n'ai jamais accroché : La vie est belle. C'est pourtant LE film de Noël des Américains. Et vous, qu'en pensez-vous ? Pour le savoir, cliquez sur le bouton "play" :-)

Tenté par la suite, cliquez ici : http://www.wat.tv/video/vie-est-belle-1hz31_2g5dt_.html

Courrier des lecteurs : monter une TPE internet

20 décembre 2010 | Posté par caroder à 09:10

Il arrive parfois que certains lecteurs me contacte pour me demander des conseils. J'essaie dans la mesure du possible d'apporter des réponses à leurs questions lorsqu'elles relèvent de mon domaine de compétence. Voici donc un échange de courrier qui est susceptible d'intéresser mes lecteurs. Un grand merci à Jean-François pour son autorisation de reproduction.

1. Le mail de Jean-François

Bonjour Caroline,

Je vous remercie de bien vouloir m'accorder un peu de votre temps pour répondre à mes questions.

Je viens de regarder rapidement votre "e-empreinte" sur le web et j'avoue que je suis très impressionné par votre savoir-faire et la qualité de vos articles. Félicitations.

J'ai bien sûr beaucoup de questions qui me viennent à l'esprit mais je vais essayer d'aller à l'essentiel avec les 10 questions ci-dessous.

Je vous décris rapidement mon profil.
J'ai 20 ans d'expérience dans le développement de logiciels de gestion en SSII (gros et
moyens systèmes). Depuis une dizaine d'années je m'intéresse au web et j'ai réalisé quelques sites personnels. Cette année, suite à un licenciement j'ai décidé de sauter le pas en créant mon entreprise.
J'ai donc un problème de positionnement : que proposer ? Pour qui ? Sur quelles technologies ? Faut-il être un généraliste ou au contraire un spécialiste ? Quel tarifs ? qui contacter : des agences de com, des agence web, des petits clients, des gros, des intermédiaires ?
Personnellement, je suis plutôt sérieux, honnête et rigoureux. Le genre à tester soigneusement son code avant de le lâcher. A priori, je serais donc plutôt à l'aise dans le développement PHP+MySQL. 
En plus des sites, je fais aussi de la formation aux technologies web. Une façon de varier mes revenus, de me former et de "fréquenter" du monde.

Voici donc mes questions.

1°) Est ce que Dreamweaver est bien l'outil "de rêve" pour faire des sites web ?
Je pense notamment aux exigences de productivité, de qualité et à la nécessité de faire des interfaces interactives  qui sont nécessaires pour faire des sites pros.

2°) Que pensez-vous des indépendants ?
- Est ce que vous faites appel à eux ?
- Quelles qualités demandez-vous (réactivité, expérience, créativité, respect des engagements....) ?
- Est ce que vous les contactez directement (places de marché, bouche à oreille) ou passez-vous par un intermédiaires ?

3°) Quelle est la place des indépendants sur le marché : hyper spécialistes, pour les petits budgets, comme renfort sur un projets tendus, plutôt petites mains ou plutôt expertise .... ?

4°) Est ce que les CMS représentent une tendance lourde et si oui est ce que certains se distinguent dans l'offre actuelle ?

5°) Est ce que le E-commerce et l'adaptation des applis web sur mobiles sont aussi des tendances lourdes ?

6°) Est ce que le développement coté serveur représente un place importante dans un budget de sites web par rapport au design ou à l'intégration ?

7°) Généraliste ou spécialiste ?
Pour débuter dans le web, faut-il être un généraliste capable de faire des (petits) sites complets ou plutôt se spécialiser dans un domaine pointu et si possible très demandé ?

8°) Quels sont les sites que vous consultez pour votre veille technologique ?

9°) Quels sont les tarifs pratiqués dans le domaine de la création de sites ? Est ce qu'il y a une différence entre province et Paris ?

10°) Comment estimer (et crédibiliser) le coût d'une prestation voir d'un site complet  ?

D'avance merci pour vos réponses

Cordialement.

Jean-François

2. Ma réponse

Bonjour Jean-François,

Je vais tenter de répondre à vos questions en précisant que je le fais en toute modestie car je n'ai pas votre expérience dans le développement même si je connais assez bien le web.

1°) Dreamweaver est un outil parmi d'autre. Ce logiciel a ses détracteurs (souvent des profils comme le vôtre, i.e. des développeurs/informaticiens) car, à sa conception, il a été pensé pour les graphistes et les webdesigners afin de leur permettre de travailler en Wysiwyg. Cependant depuis plusieurs années Macromédia puis Adobe ont considérablement amélioré le logiciel ("propreté" du code généré, fonctionnalités propres aux développeurs, etc...).

2°) Dans ma vie professionnelle, je ne fais jamais appel à des indépendants pour la conception / réalisation de site. La structure pour laquelle je travaille est trop exigeante pourque nous puissions nous permettre d'assumer l'incertitude liée à l'activité indépendante. En revanche, nous faisons travailler des agences de communication qui font appel à des indépendants / free-lance (dans le cas des petites structures). Ainsi c'est à notre prestataire d'assumer les risques.

3°) Sur Paris, les indépendants sont souvent les petites mains des petites agences de Com. Les grosses agences sous-traitent parfois leurs développements à l'étranger (Europe de l'Est notamment).

4°) Définitivement oui ! Les CMS les plus en vogue en ce moment : Wordpress et Drupal. Wordpress n'est plus seulement une plate-forme de blog et est devenu un CMS extrêmement souple et "plugable" quasiment à l'infini grâce à une communauté de développeurs particulièrement active. De très gros sites tournent sur cette plate-forme : le site www.owni.fr par exemple ou encore www.smashingmagazine.com qui reçoivent des dizaines de milliers de visiteurs uniques tournent sur Wordpress. Drupal est préféré par les sites de média grâce au système simplifié de Workflow de back Office particulièrement utile dans une rédaction (relecture, validation, etc.).

5°) Oui, oui et encore oui. Je dirais même plus : la géolocalisation va devenir incontournable via le développement des usages mobiles du web (iPhone, iPad et autres smartphones). Si je puis donc vous donner un conseil, c'est de vous diriger vers ce créneau qui est LE créneau d'avenir et surlequel les compétences ne sont pas encore légion.

6°) Le développement représente une part importante du budget comparé au design de site (parce que représente beaucoup plus de temps homme).

7°) Moins que l'opposition spécialiste / généraliste, je dirais qu'il faut arriver à se positionner sur un savoir-faire encore rare et novateur (voir par exemple ma réponse à la question 5).

8°) Pour faire de la veille, je vous conseille... Twitter et Google ! Sur Twitter des centaines de personnes font de la veille dans votre domaine, vous pouvez donc difficilement louper une info importante (vous pouvez utiliser Twitter Search et créer un flux XML de votre recherche). Avec Google, posez des alertes mails sur des expressions clés qui vous intéressent pour votre veille.

9°) Voici quelques tarifs "agence" indicatifs sur Paris pour différents métiers du Web (en tant qu'indépendant, ces tarifs sont forcément inférieurs car les frais de structure sont moins élevés) :
- Développeur : 500 € HT / jour
- Designer :  500 € HT / jour
- Chef de projet : 600 € HT / jour
- Directeur projet : 800 € HT / jour
- Directeur artisitique : 800 € HT / jour

10°) Ce qui crédibilise le coût d'une prestation, ce sont principalement les références que vous êtes capable de présenter à vos prospects (i.e. vos réalisations antérieures).

Pour finir, voici un conseil que je puis vous donner pour votre entreprise : associez-vous à un bon graphiste ! L'habillage, l'ergonomie, le design d'un site représente une part importante dans la décision finale du client (hors clients qui vous feraient travailler en sous-traitance). Celui-ci ne comprend pas techniquement ce qui tourne derrière un site, en revanche il voit très bien si un site lui plait à l'oeil ou pas...

Caroline

Magnifique thème Wordpress gratuit avec carousel JQuery

14 décembre 2010 | Posté par caroder à 22:03

Voici un thème Wordpress superbe, époustouflant et totalement gratuit. Afin que vous appréciez mieux la performance de nous servir un si magnifique thème pour l'amour de l'art, voici les caractéristiques de ce thème :

• Valide XHTML 1.1
• Carousel jQuery en homepage et menus déroulants à l'avenant
• design personnalisable en partie en mode admin
• Intégration facile Google Analytics
• Compatibilité IE 7 , IE 8 , Firefox, Opera, Safari et Chrome
• Compatible WordPress 3
• Commentaires imbriqués
• 2 types d'affichage des articles

Bref, on peut dire sans conteste : la Rolls des thème gratuits !

Lien pour télécharger ou voir la démo (ne manquez pas non plus de voir la vidéo !)

Dreamweaver CS5 - retour d'expérience de JPierre

29 novembre 2010 | Posté par caroder à 09:00

JPierre vous guide dans la découverte de la nouvelle version de Dreamweaver sur le site ASP-PHP.net, depuis l'installation sur votre PC jusqu'aux fonctionnalités disparues dans cette nouvelle mouture (notamment l'abandon de Dreamweaaver Developer ToolBox). Comme d'habitude un article extrêmement pédagogique à consulter ici.
J'en profite pour rappeler que Dreamweaver CS5 est compatible avec HTML5 et les principaux CMS, à savoir Wordpress, Joomla et Drupal, comme vous l'explique les 2 vidéos ci-dessous (en anglais mais très complètes) :