LCM – Levage et construction de Bâtiments industriels métalliques

Daniel Lebas, artisan de Levage Constructions Métallique (LCM). Il m’a contacté pour lui faire un site de présentation. C’est pour son entreprise de construction de bâtiments industriels métalliques.

Ce site Levage Constructions Métalliques (LCM) est un site de présentation de la société LCM en HTML non administrable.

Tout d’abord, Le header est composé d’un logo et des coordonnées de la société Levage Constructions Métalliques (LCM). Le site est sur un fond bleu avec un menu bleu foncé représentant des poteaux de bâtiments industriels.

J’y présente dès la page d’accueil les principaux services que la société Levage Constructions Métallique (LCM). Il peut proposer comme le démontage, le levage ou la pose de bâtiments industriels et agricoles. Mais aussi j’y présente les coordonnées de la société Levage Constructions Métallique (LCM) et un lien vers le formulaire de contact.

Dans Produits et Services, nous y trouvons les services de la société, mais aussi les différents bâtiments métalliques qu’il peut vous fournir, on y trouvons sur cette même page un lien qui va vers ses références. Levage Constructions Métallique (LCM) présente aussi les matériels avec lequel il travail tels que grue, nacelle et manuscopique.

La page Références nous présente ses différents chantiers et bâtiments que la société Levage Constructions Métalliques (LCM) peut vous fournir tels que des bâtiments industriels ronds, des bâtiments en ellipse ou des bâtiments en L, mais aussi des bâtiments avec reprise. Tous ses chantiers sont illustrés de photos.

La page Contact est un formulaire php avec les champs e-mail, sujet, message accompagné d’un capcha.

Enfin, Daniel Lebas, après une cessation d’activité pendant quelques années, a remis son site en ligne dont vous pouvez vous rendre en cliquant ici, mais il n’a pas voulu que je le mette en WordPress ou changer son design.

Psy en visio-therapie – Psychothérapeute en ligne et en visio-conférence

Annie, psychothérapeute, m’a contacté pour lui créer un site internet. Elle voulait dans un premier temps expliquer en quoi consister son travail de psychothérapeute. Mais surtout, pouvoir administrer ses rendez-vous aussi bien dans son cabinet que par Internet par visio-conférence.

Le site psy en vision-thérapie est un site fait main en PHP en relation avec une base de données MySQl. Nous y trouvons aussi du javascript. Ce site est donc 100% administrable avec sa partie administration sécurisée.

Réalisation :

Dans le header, nous trouvons une phrase défilante, le symbole du psy, l’adresse du site psy-en-visio-therapie.com et un feu tricolore. Ce feu tricolore indiquait si Annie était disponible ou non dans la prochaine heure : Vert si elle était disponible, Orange si une personne était en train de commander et Rouge si cela n’était pas possible.

Sur la page d’accueil, elle y présentait ses différentes services tels que la consultation au cabinet ou en ligne, les séminaires qu’elle effectuait, ses Formations suivies et nous y trouvons aussi un formulaire de contact. De plus, Nous pouvons voir dans la sideBar, une remonté d’événements qui étaient liés aux séminaires au cabinet ou à l’extérieur.

Les différentes pages :

Sur la page La Thérapie Analytique, Annie présentait son travail de psy en visio conférence. Celle-ci est constituée d’articles comme sur la page d’accueil, mais avec des ancres.

La page Séminaires présentait le ou les prochains séminaires en date et un formulaire de contact était présent pour avoir plus d’informations.

La page Consultation est la page de réservation des internautes pour consulter en visio conférence la psy. Les internautes choisissaient le nombre de séances grâce à un calendrier PHP et leur formule, une vérification était donc faite à ce niveau. Ensuite comme tout processus de commande, ils s’identifiaient avec leur e-mail et leur mot de passe ou ils devaient créer leur compte. Enfin, ils devaient payer leur commande par Paybox. Annie recevaient donc une confirmation par e-mail de leur achat.

La rubrique Témoignages est la page des témoignages des patients d’Annie. Il pouvait directement faire leur témoignage en ligne. Cela envoyait un e-mail à Annie pour qu’elle modère le témoignage. Ensuite Annie ou d’autres personnes pouvaient répondre aux témoignages qui étaient en ligne, mais passés toujours en modération par Annie.

Il y avait aussi la page Contact avec les champs e-mail, sujet et votre message.

Astuces Loisirs – Vente de véhicules : Auto, Moto et Bateaux sur Granville

Suite à mon stage chez PVN à Granville (50) avec Jessica. Elle m’a demandé de monter un site internet pour son père Max Herbin, dirigeant de la société Astuces Loisirs, négociant en véhicules et bateaux sur Granville dans la Manche en Basse Normandie.

Le site Astuces Loisirs est un site fait main en PHP en relation avec une base de données MySQL. Ce site est donc 100% administrable avec sa partie administration sécurisée.

Réalisation :

Le graphisme a été fait par Jessica, je l’ai donc intégré. Le site Astuces Loisirs était basé sur le bleu et orange.

Tout d’abord, la page d’accueil du site Astuces Loisirs était séparée en 2 parties. Sur la partie gauche du site, nous avons le logo, une phrase d’accroche, une remontée aléatoire de 3 photos d’annonces de bateaux ou de véhicules, un slogan et une remonté aléatoire d’une annonce. Sur la partie droite, nous avons un conseil aux acheteurs et vendeurs et une rose des vents. Autour de cette rose des vents, nous avons :

• la catégorie Bateaux avec ses sous-catégories Bateaux à moteur, Voiliers, Accastillage et pièces détachées.
• un lien vers la page Contact
• la catégorie Véhicules avec ses sous-catégories Véhicules (Auto, Moto, Camion), Accessoires et Pièces détachées.
• un lien vers une dépose d’annonce gratuite, modéré par Astuces Loisirs.

Puis, les annonces étaient répertoriées suivant les catégories d’Astuces Loisirs citées ci-dessus sous forme de tableau et dont les en-têtes de colonne étaient cliquable pour permettre le tri ascendant ou descendant des colonnes. Les en-têtes des colonnes étaient différentes suivant si l’annonce faisait partie de la rubrique Bateaux ou de la rubrique Véhicules.

Enfin, Max devait entré son nom d’utilisateur et son mot de passe pour entrer dans sa partie administrateur du site Astuces Loisirs. Ensuite, il avait le choix entre les 2 liens Bateaux ou Véhicules. Puis, il voyaient les sous-catégories de la rubrique choisie où il pouvait en créer d’autres catégories, modifier ou supprimer les sous-catégories existantes. En cliquant sur la sous-catégorie, il se trouvait comme en front, sur la liste d’annonces sous forme de tableau avec en plus 2 colonnes pour modifier ou supprimer les annonces. Il pouvait aussi créer de nouvelles annonces dans la sous-catégorie choisie.

PVN Électricité – Grossiste en électricité à Granville

PVN Électricité, spécialiste de l’électronique, de l’électricité, du chauffage et de l’électricité, basé à Granville dans la Manche (50). Suite à ma formation de Cybermarketer au Groupe FIM de Saint-Lô (50), Patrick Niobey, dirigeant de la société PVN Électricité, nous a pris Jessica et moi en stage pour notre projet de fin d’étude car il avait en projet de créer un site Internet.

le site PVN Électricité est un site fait en PHP en relation avec une base de données MYSQL. De plus en relation avec le logiciel de facturation développé grâce à WinDev.

Mise en place :

Lors de notre stage, nous avons écouter Patrick Niobey pour comprendre ce qu’il attendait de nous et ce qu’il voulait. Nous avons aussi répondu à ses questions sur les sites internet. A la suite de cela, nous avons constitué un cahier des charges. Celui-ci en nous basant d’une sur des sites concurrents tel que Tabur ou CDL Elec. Mais aussi de ses fournisseur de type Rexel, Legrand, Alombard… Mais aussi, nous avons effectués une recherche de site e-commerce. De grands sites tel que la fnac pour comprendre et expliquer le processus d’une boutique en ligne.

Une fois le cahier des charges validé par PVN Electricité, Jessica a créé la charte graphique de ce site. Elle était composée avec une page d’accueil de présentation. Et elle a créé une charte pour la boutique de vente en ligne de matériels électriques.

Puis, pour la partie Boutique, le menu, placé en leftbar, était sectionné en 5 grandes parties :

• Accueil
• Produit avec ses différentes catégories : Eclairage, Modulaire, Climatisation de cave, Automatisme de portail, Composants, Chauffage, Appareillage, Piles et Batteries
• Promotion
• PVN & moi qui concernait tous les informations pour l’internaute tel que son compte, le caddie, les CGV et les délais de livraison
• Informations qui regroupait nos partenaires et fournisseur, un lien vers la page contact

Réalisation :

Dans les catégories, nous avions des sous-catégories où étaient placés les produits. PVN Électricité avait sur le site environ 20 000 produits référencés sur environ 100 000 produits commandables en magasin.

puis, j’avais mis en place la solution du Crédit Agricole pour la solution de paiement et la livraison se faisait par GLS.

Ensuite, pour administrer le site, nous avons décidé de prendre WinDev de PcSoft. En effet, le logiciel de facturation du magasin PVN Électricité était non graphique et était limité dans ses fonctionnalité. Je me suis donc servi de WinDev pour créer un nouveau logiciel de facturation, mais aussi gestion de stock, commande fournisseur et mise à jour des prix. Sur celui-ci, grâce aux références des produits, j’actualisé le stock sur le site internet et tous les matins, je pouvais récupérer les commandes du site, de les imprimer et de les envoyer.

Par la suite, nous avons supprimer la page de présentation du site internet PVN Électricité et mettre un double menu horizontal car les catégories étaient plus conséquentes.

Enfin, pour faire vivre le site internet, j’envoyais des e-mails aux électriciens, aux propriétaires de bateaux de pêches sur toute le France. En effet, nous créons avec Patrick Niobey des éclairages pour les chalutiers en 24V, des éclairages portatifs, et des éclairages autonomes solaires, des compteurs de passage autonome grâce à des micro-contrôleur programmé en C. De plus, pour le besoin de clients à Granville, j’ai créé des logiciels de facturations, mais aussi un logiciel de vidéo-surveillance sur tablette.

Aujourd’hui, le site a été refait avec Webdev en cliquant ici.

Voici 2 captures d’écran du site PVN Électicité :

Présentation de commerces de Granville par Interactiv Business

Interactiv Business est une agence de communication à Granville dans la Manche. La dirigeante de Interactiv Business ne disposait plus de développeur. Elle m’a donc appelé pour lui créer une page pour le portail de Granville Interactiv.

c’est une page constitué en PHP en relation avec une base de données MySQL.

Réalisation :

J’ai donc commencé à faire une page d’administration en PHP. Celle-ci pour l’ajout (avec le lieu de la carte postale et un upload d’image) ou la suppression de carte postale, mais aussi un tableau récapitulatif des envois de carte postale contenant le nom et l’adresse e-mail de l’expéditeur, le nom et l’adresse e-mail du destinataire, la miniature de la carte postale, la couleur du texte, le fond, l’adresse IP de l’expéditeur et la date et l’heure d’envoi.

En Front, je listais les cartes postales que je positionnais en 4 colonnes dans la page. du site. A côté de celles-ci, j’ai positionné des boutons radios pour que l’internaute choisisse qu’une seule carte postale. Ensuite, l’internaute devait entrer son nom, son e-mail, le nom et l’e-mail du destinataire. Il pouvait lui écrire un message personnel, changer la couleur du texte et du fond.

Après vérification que tous les champs soient correctement remplis, l’internaute pouvait prévisualiser sa carte ou effacer tous les champs. A la prévisualisation de sa carte, il pouvait faire des changements ou l’envoyer et nous le redirigions sur une page de confirmation. Ensuite, l’internaute recevait un e-mail de confirmation si il avait pris l’option d’accusé de réception de la carte postale et le destinataire recevez l’e-mail avec la carte postale. Si le destinataire ne pouvait lire cet e-mail, nous lui indiquons qu’il pouvait la visionner directement en ligne.

Le site Granville Interactiv n’existe plus, mais nous pouvons voir son fonctionnement sur un autre site de Interactiv Business qui est Camping de l’Ermitage à Donville les Bains.

Groupe FIM – Institut de formation des Chambres de Commerce et d’Industrie de la Manche

Le Groupe FIM est un institut de formation, il propose différentes formations que vous pouvez trouvez ici. Gilles Rostaing, responsable formation NTIC du groupe FIM, nous a demandé à une personne de ma formation et à moi de créer un site internet. Ce site était pour une de leur formation, la formations Logisticiens

C’est un site surtout réalisé en HTML avec du javascript. Mais nous pouvons y trouver du flash et de la programmation en ASP.

Réalisation :

Nous avons tout d’abord documenté la plaquette de la formations Logisticiens du Groupe FIM pour connaître leur formation. Par la suite, nous avons eu une réunion avec les élèves de première et seconde année de cette formation. Dans cette réunion, nous leur avons posé des questions sur leur formation, mais aussi comment ils voyaient leur site internet.

A la suite de cela, nous avons commencé à réfléchir sur la maquette que l’on a présenté à Gilles Rostaing. Nous avons donc décidé de mettre dans le header, le logo que l’on a fait représentatif de la formation Logisticiens. Et aussi une bannière avec la définition de Logisticiens : (Approvisionnement, Stockage, Production, Distribution) et un menu horizontal illustré d’images.

Pour chaque rubrique du site, nous avons essayé de les différencier en mettant des publications différentes. En effet, pour la page d’accueil, nous avons inséré une horloge. Cette horloge faite en flash. Puis nous présentons succinctement la formation du GROUPE FIM.

La rubrique Programme est scindée en 2 partie : la partie de gauche sont que des titres, la partie de droite est le détail des titres. Lorsque vous cliquez sur un titre, le texte de droite change automatiquement en appelant des pages html mis dans cette iframe. Pour les rubriques Anciens et Références, nous avons garder la même hauteur de page que les autres, comme le texte est plus grand que le site, nous avons créer une scrollbar que nous avons stylé et qui fait défilé le texte lorsque l’on passe au dessus. La page Contact reprend l’horloge de la page d’accueil et on affiche les coordonnées et les contacts pour avoir plus d’informations sur la formation Logisticiens du Groupe FIM, et nous avons un lien qui ouvrait le formulaire de contact en popup.

Net Conception Agence de communication Internet à Caen

Net Conception est une web agency, une entreprise spécialisée dans le domaine du web. Elle est le partenaire des entreprises et des collectivités locales dans le développement de leurs stratégies de communication. Net-Conception m’a accueilli au sein de son effectif durant cette période. Mon rôle au sein de cette entreprise a été de développer des applications dynamiques et des composants logiciels.

Mon stage de 2ème année de BTS Informatique a été du développement PHP en relation avec des bases de données MySQL.

Réalisation :

J’ai donc commencé mon stage en débugguant quelques sites. Par exemple comme un envoi de mail par un formulaire de contact, les problèmes de sécurité d’un accès privé. Ensuite, j’ai développé pour l’office de tourisme de Honfleur. Je listais des restaurants et hôtels avec différents tri et en affichant 10 commerces par page. J’ai aussi travaillé sur le site de la Centrale d’achat vétérinaire Hippocampe SA. Il fallait inclure des PDF dans l’accès privé du site.

Puis, Net Conception désirait refaire leur Intranet aussi bien graphiquement, mais aussi lui ajouter des fonctions. L’intranet disponible dans cette entreprise est un système développé en interne. Il permet l’accès aux sites en production, au système d’administration de base de données par l’intermédiaire de PhpMyAdmin, ainsi qu’au progiciel Net Portail, élément essentiel de la productivité de l’entreprise.

Les pages :

Ensuite, la page d’accueil : garder le même plan que l’intranet existant avec les rubriques Développement, Espace privé, Webmarketing, Projet, Hot Line et How To. Le fond de l’intranet n’allait pas changer, mais la forme allait changer grâce à une image de fond.

Et la rubrique To Do : elle permettra de voir les tâches à effectuer de débogage. Cette rubrique sera découpée en 3 parties : ajouter une tache, visualiser les taches à faire et visualiser toutes les taches.

Puis, la rubrique Who’s Who : elle permet de visualiser les différentes personnes travaillant dans l’entreprise Net Conception avec quelques informations propres à chaque personne, d’ajouter ou de modifier une personne. Enfin, le travail à effectuer est de faire un tableau permettant de visualiser les stagiaires venant dans l’entreprise. Cette démarche permettra une meilleure organisation dans l’entreprise : accueil, aide…

Enfin, la rubrique Répondre à un appel : elle permettra à une personne de prendre un appel d’un client pour une autre personne car cette démarche était faite sur papier. Ce message sera répertorié grâce à une base de donnée et envoyé par mail au destinataire.

Voici un diaporama de l’Intranet Net Conception :

Espace Internet – Site de vente en ligne de logiciels EBP et Ciel

la société Espace Internet est un magasin de vente de PC à Vire, mais aussi de logiciels EBP et Ciel aussi bien en magasin qu’en ligne. Espace Internet fait partie du groupe Design’Partner qui est une agence de communication à Vire en Normandie. Ils font aussi bien de la PAO que du Web. Espace Internet avait déjà un site Web. Ce site était destiné à la vente de matériel informatique et des logiciels Ciel. Le projet était de créer un deuxième site Web dédié seulement à la vente des logiciels : Ciel et EBP.

Mon stage de 1ère année de BTS Informatique a été du développement PHP en relation avec des bases de données MySQL, mais aussi du Visual Basic.

Réalisation :

Un stagiaire avait précédemment créer le site Web e-commerce en front, mais n’avait pu le terminer.

J’ai donc commencé à faire le suivi de commande qui sert au client. En effet, le client pourra voir à tout moment où en est sa ou ses commandes : En commande, en livraison… J’ai du mettre un lien dans l’accueil du site Internet pour ensuite arriver dans une page d’identification. J’ai créé deux champs texte dont un pour le login de l’utilisateur et l’autre pour son mot de passe avec un bouton pour valider ce formulaire. Ensuite, pour montrer les différentes commandes du client, j’ai fait un tableau sous PHP. Je reprends les informations des commandes dans la base de données grâce à une requête. Cette requête me renvoie le N° de commande, le montant, le mode de paiement, l’état et la date de livraison.

J’ai créé une partie administrateur pour le gérant de Espace Internet pour la gestion de stocks, la gestion des livraisons et l’édition du bon de livraison et de la facture.

Les différentes gestions :

La gestion de stocks est répertoriée par référence, il y a la description et le stock. Sur cette gestion, il y a aussi les logiciels à commander aux fournisseurs Ciel ou EBP.

La gestion de livraison se fait automatiquement lorsque le client commande. La livraison est fixé à 3 jours après la commande sous certaines conditions : Commande passé avant ou après midi, dimanche… En cas de retard, l’Administrateur de espace Internet peut changer à tout moment la date de livraison.

la gestion des bons de livraison et des factures, elle se passe avec la gestion de livraison. Lorsqu’on change un état nous trouvons 2 liens. le bon de livraison est généré et imprimé avec un encart pour coller l’accusé de réception. le lien facture fait apparaître une fenêtre avec un bouton fait en Visual Basic. Celui-ci envoi les informations de la commande vers le logiciel Ciel Compta et la facture est imprimée.

Enfin, sur la page Administrateur, les différentes commandes sont répertoriées selon les critères des étapes de commandes : En attente de traitement, En commande, En préparation, En cours de Livraison, En attente de réception Client. Lorsque nous cliquons sur une étape de commande, grâce à développement en javascript, la partie associée n’est plus visible sur la page d’accueil et un cookie est généré automatiquement sur le PC de l’Administrateur Espace Internet. Grâce à ce cookie, l’Administrateur retrouvera la configuration de la page d’accueil à sa dernière connexion.