logotype association 3soleils

Nouveau site 3 soleils trails

Bonjour à tous,
Voilà le premier des 4 sites internet de l’association 3 soleils est en ligne. Au programme, une interface animée et un graphisme revu. Côté techno, pas mal d etravail en CSS, responsive, bootstrap, less, HTML5, php… du classique maintenant. Si vous voulez voir le résultat c’est par là :

3soleils-trail.fr

Ah oui, j’oubliais : un magnifique htaccess (fichier de redirection) qui me permet d’héberger les 4 sites sur un même hébergement et du coup d’économiser un peu en hébergement, ce qui est toujours à prendre pour une association.

Site 3 soleils trail

Site 3 soleils trail

Panel-institute

Gagnez de l’argent en remplissant des sondages

Je viens de m’inscrire sur le site Panel-institute qui propose de gagner de l’argent en remplissant des sondages. Et ça fonctionne ? Je serai tenter de dire oui, si on est pas trop gourmand mais ça vous l’aviez deviné. Rien qu’en visitant 2/3 site mon compteur est à 13 centimes d’euros. Pas mal. Immédiat en tout cas. Il faut que je me penche un peu plus sur la question. Par contre ils ne paient qu’à partir de 50 euros. Ouf, ça va en faire des pages à visiter tout ça. On a rien sans rien, non ? A temps perdu….

Allez je vous mets le lien : Panel institute ça ne coute pas grand chose d’essayer, c’est amusant et plutôt que de surfer sans but…

Mise à jour des compétences

Été studieux, été heureux! Bien sur, bien sur…

Je profite de la trève estivale pour mettre à jour mes connaissances sur diverses technologies de développement. Et il y a du travail d’apprentissage. Pour l’instant, j’ai absorbé les notions de SCSS / Compass, super outil, très prometteur en terme de développement. J’ai aussi plongé dans le PHP. Là je dois dire que c’est language très intuitif, même si il peut paraître difficile à lire au sein du HTML. Il m’a permis d’optimiser le code sur lequel je travaille de façon assez sympa (externalisation des menus, plus faciles à maintenir). J’en ai profiter pour rentrer dans le vif du sujet des bases de données avec le codage d’un script capable de lire et ajouter des données dans une base, mais aussi remettre cette base à Zéro, l’exporter vers un fichier Excel. Chouette. Le formulaire associé envoie un message et alimente la base. Très pratique pour l’utilisateur.  ET puis j’ai commencé à tremper le doigt dans angular JS, approfondi mes connaissances en Javascript.  Quoi d’autre ? Ah oui, j’ai aussi fait un petit tour de Foundation. Bootstrap ou Foundation ? je sais pas encore… Enfin j’ai bossé avec CODA 2. Chouette éditeur, sur lequel je commence à prendre mes marques. A suivre, donc.

Site web, fonctions avancées sur mesure

Site fonctionnel

Je travaille actuellement sur un site internet pour le réseau des missions locales d’Auvergne et mon client, lorsque nous nous sommes vus pour démarrer le projet m’a tenu ce discours :  » Attention, nous voulons un site qui ne soit pas là juste pour être joli, il nous faut quelque chose de pratique et fonctionnel, avec une base de données d’utilisateurs et des fonctions de recherche sur une carte ». Le décors était planté. Je vais donc vous décrire les options que j’ai mis en place et comment j’ai répondu à leurs attentes.

Design de site internet, responsiv, adaptable

De ce côté, il n’y avait pas vraiment d’attentes mais j’ai quand même tenu à fournir un Design Responsiv (qui s’adapte à la taille du terminal sur lequel vous visionnez votre site, smartphone, tablettes, …). Du côté de la charte graphique le travail était assez simple, et consistait essentiellement à reprendre une harmonie colorée. Pour le reste le logo existait et il a suffit de décliner l’ambiance de celui-ci sur les en-têtes.

Fonctions standards et de publication de contenu

Page contact avec carte google map de localisation, page actualités, bandeau actus en page d’accueil, sauvegarde de la base de données auto, protection anti-piratage, logos des partenaires, publication d’actus et modération, liens avec les réseaux sociaux, …

Carte de localisation / espace jeunes

Le site s’adresse à des catégories d’utilisateurs très différents, avec des profiles différents et qui cherchent chacun un type d’info précise. Il y a tout d’abord les utilisateurs qui veulent pouvoir identifier la mission locale dont ils dépendent. Pour cela, une rubrique a été crée qui contient une carte cliquable. Cette rubrique permet deux entrée : une entrée par la carte : on clique sur la carte et la page de la mission locale concernée apparaît.

J’ai réalisé cette carte en javascript car le flash que j’utilisais jusqu’alors ne passe pas sur les devise (comprendre les appareils de la marque à la pomme). sur cette carte interactive, si vous survolez une ville, son nom s’affiche en surveillance dans la liste et si vous survolez la liste, sa localisation s’affiche en surbrillance sur la carte.

Dessous un champ permet de taper votre commune et affiche le nom de la mission locale concernée puis vous envoie directement sur la page dédiée.

Pour les techniciens, ce développement est fait en PHP, couplé avec une base de données.

Voilà pour la partie espace jeunes.

Espace documentaire dans un site internet

La demande était aussi de créer un espace documentaire dans lequel les utilisateurs du site pourrait trouver les documents qui les concernent dans leur travail. Pour cela une architecture en catégories m’a été fournie et j’ai mis en place une arborescence qui permet à chacun, en fonction de son niveau d’accréditation de consulter les documents pour lesquels il a les droits.

Enregistrement des utilisateurs sur le site par modération

Lorsque vous n’avez pas de compte sur le site et que vous vous connectez à l’espace documentaire vous pouvez demander à ce qu’un compte soit créé pour vous, pour cela une fenêtre va prendre vos coordonnées de façon à ce que l’administrateur puisse vérifier votre accréditation et valider votre inscription. De cette façon, il a tout les renseignements pour vous appeler par exemple, mais c’est vous qui avez la main sur votre mot de passe par exemple et l’administrateur n’y a pas accès.

Hébergement internet

Hebergement d’un site WordPress

Ces derniers temps, vous l’avez remarqué, je travaille pas mal sur des sites internet. En fait je travaille sur mon site, un site pour un Gîte de mes voisins (mais nous en reparlerons), et un site pour un client qui fabrique des cornemuses. Ces trois sites sont développés avec wordpress et ont chacun un style bien différent. Mais pour l’hébergement ?

Hébergement OVH

J’ai choisi ovh pour ses solutions assez bon marché, et je dois reconnaître que à l’utilisation, c’est plutôt assez simple. Tout se déroule assez rapidement et en une journée vous avez un site fonctionnel, avec votre template installé et vous pouvez commencer à travailler (si vous travaillez directement en ligne). Bien sur travailler en local est plus rapide mais ne permet pas à votre client de suivre en temps réel l’évolution de votre travail.

Nom de domaine

Ave cet hébergement vous aurez la possibilité de réserver votre nom de domaine, ainsi que vos adresses emails personnalisées, ce qui est vraiment plus « pro » sur vos cartes de visites. 10 Emails personnalisés, permettent d’avoir votre contact@….  ou machin.dupont@… à votre convenance. Bien sur il y a toujours la possibilité d’avoir un nom d edomaine qui pointe vers un espace perso. C’est la solution que j’avais précédement retenue. Pour cela vous pouvez passez par l’annonce en bas de billet, c’est la solution la meilleure marché.

Référencement

Même si cela n’est pas l’objet de ce billet pour le référencement gratuit vous pouvez utiliser les conseils contenu dans ce ebook : Référencement de votre blog gratuit

OVH, ok, prestation complète

Bien sur pour ceux qui ne se sentent pas près à faire le pas (ou qui n’ont pas le temps), je fais toutes les démarches, met le site en ligne, installe le template, crée et met en place le design pour vous. C’est mon job…

 



NEO DOMAINE