Rapport de Stage - shareddoc.free.frshareddoc.free.fr/Rapport_de_Stage_15_06.pdf · une formation pluridisciplinaire et professionnalisante. J’ai effectué mon stage au Cabinet

Paul BERNARD Enseignant Responsable : Christine Makssoud

Groupe 3 Tuteur : Thierry Meyer

Date

Rapport de Stage

Cabinet Dentaire

Projet Web Communautaire & Santé

Institut Universitaire de Technologie Département Informatique Avenue Gaston Berger 13625 Aix-en-Provence Cedex 1 Téléphone 04 42 93 90 43 Télécopie 04 42 93 90 74 [email protected]



Date



Date

Remerciements

Je tiens à remercier toutes les personnes qui ont contribué au bon déroulement de ce stage,

plus particulièrement :

• M. Thierry Meyer, chirurgien dentiste, qui m’a accueilli au sein du cabinet dentaire. Je le

remercie également de m’avoir fait confiance en m’accordant ce stage.

• Mme. Christine Makssoud, enseignante responsable qui m’a aidé et soutenu tout au long

du projet.

• M. François LETOCART, programmeur Web au Cabinet Dentaire du Roi René et ancien

élève à l’IUT Informatique d’Aix-en-Provence, pour avoir partagé notre espace de travail et

pour ses précieux conseils.

• Corinne et Vanessa, les deux assistantes dentaires de M. Meyer pour leur bonne humeur

et leur soutien.

• Tous les professeurs ainsi que tous les étudiants du département Informatique.



Date

Fiche Technique

Etudiant Paul BERNARD

Année 2008

Entreprise Cabinet Dentaire du Roi René

Tuteur Thierry Meyer

Responsable Christine Makssoud

Sujet Réaliser un site Internet Communautaire, qui permette au

grand public, d’échanger de l’information dans le

domaine de la Santé, grâce à des Blogs personnels, des

Groupes, des Photos, des Evénements, des Sondages et

des Forums.

Matériel Un ordinateur portable pour créer le site (HP core2duo 1,9Ghz, 1Go de ram)

Outils / Logiciels NotePad++ pour développer le PhP le CSS et (X)HTML, MySQL (PhpMyAdmin), FileZilla, TheGimp, Nvu, Office 2007 …

Tags Internet, base de données, programmation,

Php, JavaScript, (X)html, Css, Communauté, Web

2.0, Blog, Groupe, Forum, Echange, Information,

Evénement, Sondage …



Date

Sommaire

Aucune entrée de table des matières n'a été trouvée.

A FAIRE !



Date

Introduction

Afin de valider la formation de l’IUT d’Aix-en-Provence département Informatique, nous

devons faire un stage d’une durée de 10 semaines. Son but est principalement de mettre en

application toutes les connaissances, les techniques et l’expérience acquises pendant notre

cursus. En effet les professeurs, chercheurs ou issus du monde du travail, nous ont dispensé

une formation pluridisciplinaire et professionnalisante.

J’ai effectué mon stage au Cabinet Dentaire du Roi René à Aix-en-Provence.

M. Thierry Meyer est chirurgien dentiste, outre sa passion pour son métier et le domaine de

la Santé en général, il accorde une importance particulière pour le domaine de

l’informatique, et plus particulièrement le Web. N’ayant que peu de temps à consacrer à sa

deuxième passion, depuis plusieurs années, il entreprend d’embaucher des stagiaires de

l’IUT d’Aix-en-Provence département Informatique. Ainsi plusieurs projets autour de la santé

ont pût être mené à bien, tel que www.doctorama.com, www.med6.com et le projet sur

lequel j’ai travaillé : www.sante-i.com.

J’ai donc travaillé dans un environnement médical, deux assistantes dentaires et un ancien

élève de l’IUT (M. François LETOCART) y travaille. Dans son offre de stage M. Meyer décrit

avec précision son « nouveau » projet.

Il s’agit d’un projet Web grand public, communautaire et accès sur la Santé. C’est un site ou

portail d’échange d’informations entre les utilisateurs. Elles sont multiples et passent par du

simple texte-message, de photos, de groupes, de blogs, de forums et d’événements. Le

public visé est donc large et le projet est d’envergure. En ayant un projet aussi ambitieux que

celui-ci, il est difficile de penser que le réaliser en 10 semaines est probable. Il a donc fallu

s’appuyer sur quelque chose de déjà existant … J’ai donc travaillé à partir d’un module -

« squelette de site » - préexistant. Ce module étant Open-Source, il n’y a eu aucuns soucis de

droits d’auteurs, puisque la philosophie même précise qu’il y a possibilité de libre

redistribution, d’accès au code source et aux travaux dérivés.

Le domaine de la Santé est très ouvert et un projet tel que celui-ci permettra j’espère, de

regrouper le plus de personnes possible. Si le public visé est large, la qualité du projet et les

moyens mis à dispositions doivent être de taille. C’est donc dans une très grande motivation

que j’ai effectué ce projet.

Dans une première partie je vous présenterai l’entreprise et l’environnement professionnel

dans lequel j’ai évolué pendant ces 10 semaines. Puis j’exposerai le travail que j’ai réalisé,

enfin j’établirai un bilan sur ce stage ainsi que sur le cursus qui m’a permit de le réaliser.

Il a fallu ensuite suivre un cahier des charges précis, car toute la conception et l’architecture

du site a due être réfléchie et mise en œuvre.



Date

Introduction Summary

A CHANGER !

In order to OBTAIN my DUT FROM the Department of Computer Studies of the IUT of Aix-en-Provence, I did an internship at Dr Meyer'S surgery. It is located not far from

downtown. I completed this internship from April 7th to June 16th, AND it is an important part of the programme because the grade that will be given to me for my written report and my oral presentation goes toward the obtention of my diploma.

During this ten-week industrial work placement, I was able to gain more experience

and to become familiar with the world of work. This internship required good knowledge of Internet programming. Indeed, the project I had to work on was much about PHP (Hypertext Preprocessor), a famous language known by many website creators. Fortunately, I had studied this language at the IUT this year and I had already used it a lot even before I came to the IUT. The project, named Sante-i, came from an idea of Dr Meyer who is really VERY much into computers, his second passion after his job. Sante-i is aimed at the medical work environment and it provides, in a few clicks, a complete website for the user without any knowledge of computer programming. This system has many similarities with web blogs but in the domain of health. At the same time, Fabien, the other intern, was working on Dr Meyer's second project, Doctorama, a well ranked website about conferences and meetings, again in the medical domain. Both of these projects were started by former students and basically, our goal was to improve the two projects and upload them online.

My work placement supervisor was the Doctor Meyer, a qualified dentist, who HAS

been working alone for 10 years now???. He is helped by his two assistants, Corinne and Vanessa. He is really interested IN new technologies and computers. At our first meetING, he clearly told me that he wanted his project corrected and MOST OF ALL PUT online.

So my first task was to correct the errors that could remain. I completely changed the first part of MED6, the installation process, which really needed to be improved. Then, I chose to upgrade SPIP, THE software used to manage THE content, from 1.7 to 1.9.2. It was a really important of the improvement of MED6 because the 1.7version was not up-to-date ? IT DID NOT MEET THE new standards of Internet programming. So it took me A LONG time because many things had to be changed.

Secondly, the doctor wanted his project to be competitive because there are many blog systemS on THE Internet and they are constantly BEING upgraded to be the most effective ones. So I changed the administration part of THE users' website: I added many possibilities, including plugins THAT ARE really useful, like Trash or a text editor which makes page edition much easier.

To sum up, this ten-week internship was really useful for me because it allowed me to put into practice the knowledge I gained at the IUT. It is also a good way to gain experience in work and to LEARN much about yourself, like your capacity to work in a company and to



Date

handle stress.



Date

1ère Partie

Présentation de l’entreprise contexte de stage



Date

Introduction : La société Cabinet Dentaire du Roi René

Le Cabinet Dentaire du Roi René est un lieu médical. Il est composé de 4 salariés : M. Meyer,

chirurgien Dentiste, les 2 assistantes dentaires Vanessa et Corinne ainsi qu’un programmeur

Web, François LETOCART.

L’activité même des employés du

cabinet (outre François) est

purement médicale, ils

s’occupent donc de soins

dentaires ou tout ce qui se

rapproche à ceci.

D’un premier abord, le lieu ne se

prête pas forcément au milieu

informatique. Néanmoins, nous

pouvons constater déjà, 5

ordinateurs dans le cabinet

dentaire, certains sont utilisés comme aide aux soins, tandis que François et moi-même

travaillons sur 2 ordinateurs portables.

Corinne et François



Date

Quelques photos du cabinet



Date

Objectifs Informatiques du Cabinet Dentaire

a) Une double passion

M. Thierry Meyer est tout d’abord un chirurgien dentiste, néanmoins il accorde beaucoup

d’importance et de temps à sa deuxième passion : l’informatique et plus particulièrement

l’évolution du Web et de ses technologies. C’est pourquoi chaque année M. Meyer

embauche un stagiaire dans le but de développer des projets Web complets, pertinents et

intéressants.

b) Objectifs

Les objectifs du Cabinet Dentaire sont doubles :

- Les soins dentaires et tout ce qui se rapporte au milieu médical en général.

- Développer des projets Web en rapport avec la santé, cet objectif permet aussi au

cabinet d’avoir un autre but, ainsi il peut se démarquer.

c) Modalités du stage

Le stage s’est déroulé sur 10 semaines, qui ont été elles mêmes partitionnées en plusieurs

parties, qui reflètent la gestion du projet dans son ensemble. N’ayant que peu de temps à

nous consacrer dans la journée, notre chef de projet, M. Meyer, nous accordait de son

temps en général en fin de journée. Ainsi chaque jour, nous effectuons une petite réunion

de travail. Afin que la communication entre nous soit la plus précise possible, chaque jour,

j’ai dû écrire le journal quotidien et l’envoyer par mail à M. Meyer, ainsi il était tenu au

courant chaque soir de l’avancement du projet.

Pour ce qui est du « service » informatique du Cabinet dentaire, nous étions deux, François

LETOCART, programmeur Web et ancien étudiant à l’IUT d’Aix-en-Provence département

Informatique. Ayant déjà le vécu de stagiaire dans le cabinet, François m’a souvent conseillé

et m’a régulièrement fait part de son expérience. Ainsi j’ai pu travailler dans des conditions

optimales. De plus, la bonne ambiance entre tous les employés a contribué à ma motivation

constante tout le long de ces 10 semaines.



Date

d) Organigramme de la société

François Létocart Corinne Mattio Vanessa Besse Paul Bernard

Thierry Meyer

Chirurgien Dentiste

Assistantes Dentaires

Informaticien

Stagiaire



Date

II. Les projets

a) Doctorama

Il s’agit d’un site internet, plus particulièrement un projet Web, sur lequel déjà plusieurs

stagiaires ont travaillé. Après son stage, l’an passé, François a repris le projet. Grâce à

www.doctorama.com vous pouvez : Référencer un congrès ou une formation... Diffuser une

publication ou une étude. Publier une iFormation ou une présentation rémunérée. Discuter

un cas clinique. Créer un groupe de travail. Actualités et veille santé.

Le public visé de ce projet se consacre principalement aux professionnels de la santé, ils

peuvent communiquer, référencer un congrès ou une formation… Doctorama se distingue

particulièrement par un très bon référencement sur google avec certains mots clés comme

congrès+medical

Voici un aperçu de www.doctorama.com :



Date

b) Med6

Med6 a été crée en Avril 2007 au cours d’un stage réalisé par François Létocart. Il s’est basé

sur une CMS (Content management system ou système de gestion de contenu) nommé Spip.

Il s’agit de création automatisée de mini-site internet auto gérable facilement par l’utilisateur. Le public visé est en priorité les professionnels de la santé. En quelque sorte, l’utilisateur va pouvoir créer un site/portail pas à pas pour sa société, sans avoir besoin de connaissance en programmation web.

c) Sante-i

Il s’agit du projet qui m’a été confié. Comme dis

précédemment, il s’agit d’un projet Web Communautaire,

regroupant le Grand Public sur le domaine de la Santé. Ils

peuvent échanger leurs savoir, leurs expériences et leur vécu à travers des Groupes, des

Blogs, des Photos ou encore un Forum …

Toute mon activité proprement dite ainsi que me travail sur ce projet seront exposé

ultérieurement.



Date

Conclusion : Informatique et Santé, 2 domaines liés.

Aujourd’hui, dans tous les domaines, nous avons sans cesse besoin de l’Informatique. C’est

devenu l’outil indispensable, pour réaliser, développer, épauler, et garantir la sécurité.

Le domaine de la santé, et particulièrement le Dentaire, est lié aux nouvelles technologies et

aux nouvelles techniques, l’informatique est d’autant plus indispensable dans ces cas là.

Par exemple, M. Meyer utilise depuis un an le logiciel CadImplant qui l’aide à poser des

implants dentaire. Grâce à ce logiciel, il n’a plus besoin de grandes radios à afficher dans son

cabinet. Tout est géré par ordinateur. Le logiciel modélise en trois dimensions la mâchoire

du patient. Il permet de repousser les limites de la chirurgie dentaire. Bien sûr il s’agit d’un

outils et en aucun cas il ne permet de remplacer le chirurgien.

C’est une double passion, Santé et Informatique, qui a poussé M. Meyer, à développer des

projets Web en rapport avec la Santé. Celui qui m’a été donné à réaliser, se place

parfaitement dans les besoins actuels, d’échanger de l’information en continue en créant

une communauté, ceci grâce à plusieurs outils. Ce projet s’inscrit donc parfaitement entre

d’une part, le besoin des internautes à communiquer sur le domaine de la santé, et cette

nouvelle mouvance du Web, que ce soit les blogs, les communautés … le Web 2.0



Date

2ème partie

Nature de la tâche

&

Travail réalisé



Date

Introduction

Résumé de quelques lignes

De nos jours la communication dans un milieu tel que la santé est primordial. Très souvent les gens concernés ont du mal à communiquer, partager leur vécu ou trouver de l’aide. C’est dans cette optique que l’ambition de créer un projet web communautaire est née.

Dans une première partie, je vous décrirai en détail l’environnement de travail ainsi que la problématique du stage et dans une seconde partie, j’exposerai les contraintes qui nous ont été imposées et enfin je détaillerai la réalisation de la tâche à proprement parler.



Date

I. La Nature du stage

a) Sujet : www.sante-i.com

Le souhait de M. Meyer était de réaliser, dans son intégralité, un projet Web dans le domaine de la Santé. Plus particulièrement il s’agit d’un site communautaire où les utilisateurs peuvent échanger de l’information via plusieurs outils mis à leur disposition. Ils peuvent créer un blog, se

réunir en groupe, partager leurs photos, créer des événements, participer à des sondages ou bien communiquer via un forum. Le but du site est donc de réunir le grand public autour d’un thème : la Santé. Ils pourront grâce à ces outils, faire part de leur vécu, leurs problèmes, leurs maladies via leurs blogs et leurs photos… Ils pourront s’entraider en communiquant via des groupes et des forums. Ils pourront échanger de l’information grâce aux événements et aux sondages. Tout ceci dans une interface claire avec une navigation aisée. D’autre part, des contraintes logicielles m’ont été imposées indirectement. En effet l’entreprise qui héberge le site (www.dreamhost.com) impose qu’il soit réalisé en Php 4.0 (minimum) et MySQL 5. Le projet est donc assez ambitieux, c’est pourquoi M. Meyer décide dès le départ de se baser sur un projet Open-Source. C'est-à-dire le squelette, la structure, la base de données et le cœur du site. Un projet Open-Source, oui mais lequel ? Il doit répondre à une liste de critères, il doit être Open-Source (si possible), c'est-à-dire libre de droit, il doit aussi contenir tout ce dont nous avons besoin. M. Meyer voulait utiliser des technologies du web récentes, il fallait donc que le projet Open-Source soit d’actualité et récemment mis à jour. Il a donc fallu faire une étude de cas sur un éventail de projet Open-Source candidat, je détaillerai cette période de recherche un peu plus loin.



Date

b) Présentation de l’environnement de travail

La Machine : Un ordinateur portable HP core2duo 1,9Ghz, 1Go de ram Le Serveur (réseau local) : Un pentium 4 3Ghz 1Go de ram. Le Système d’exploitation : Windows XP Les Langages de programmation :

Php (Hypertext Preprocessor) est un langage de scripts libre principalement utilisé pour produire des pages web dynamiques grâce un serveur http (sur internet). Php peut également fonctionner comme n'importe quel langage interprété de façon locale (sur sa machine), en exécutant les programmes en ligne de commande.

PHP est un langage disposant depuis la version 5 de fonctionnalités de modèle objet complètes, c'est-à-dire une programmation avancée. J’ai utilisé cette fonctionnalité dans sante-i. En raison de la richesse de sa bibliothèque, on désigne parfois PHP comme une plate-forme plus qu'un simple langage.

MySQL n’est pas vraiment un langage de programmation, c’est un

serveur sur lequel repose des bases de données SQL. . Il est très utilisé dans le monde du web, car c’est un logiciel libre et très bien documenté.

C’est sur le serveur Mysql que les données sont stockées de manière classée. On peut y accéder en faisant des requêtes via le langage SQL, mais également les filtrer et les trier.

JavaScript est un langage de programmation de type script, orienté

objets. Du code JavaScript peut être intégré directement au sein des pages Web pour y être exécuté sur le poste client, c'est-à-dire en local par notre ordinateur. C'est alors le navigateur Web qui prend en charge l'exécution de ces petits bouts de programmes. Généralement, JavaScript sert à contrôler les données saisies dans des formulaires HTML.



Date

Les Langages qui permettent d’écrire une page web :

XHTML 1.0 est un langage de balisage servant à l'écriture de pages du World Wide Web. Conçu à l'origine comme le successeur de HTML, XHTML se fonde sur la syntaxe définie par XML, plus récente et plus simple. C’est grâce à XHTML qu’on met en place le squelette du site sans les « artifices ».

Pour programmer correctement en XHTML, il faut suivre la norme imposée par le WC3 (World Wide Web Wide Web Consortium)

La même page avec du css

CSS (Cascading Style Sheets : feuilles de style en cascade) sert à décrire la présentation des documents XHTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C). Introduit au milieu des années 90, CSS devient

couramment utilisé dans la conception de sites web et bien supportés par les navigateurs web dans les années 2000. Il fonctionne en duo avec XHTML, car il représente la partie graphique d’un site web : police du texte, couleur, mis en page etc …

Page avec uniquement du xhtml



Date

II. Travail Réalisé

a) Fonctionnement du projet

Chaque semaine, M.Meyer m’envoyait une Road-Map (le cahier des charges), il contenait

des points à exécuter pour moi, ainsi que de la suggestion, ou je pouvais donner mon avis.

Être chirurgien dentaire demande beaucoup de temps dans la journée, c’est pourquoi,

M.Meyer ne pouvait nous voir qu’en fin de journée. Ainsi il m’a été demandé rapidement, de

faire un journal quotidien de ce que j’avais fait dans la journée, argumenté d’exemple et de

capture d’écran. Ainsi mon journal de stage était fait chaque jour. Tous les soirs, avec

François et M. Meyer nous avions une petite réunion de travail, où nous résumions ce que

nous avions fait pendant la journée. J’exposais les problèmes que j’avais rencontrés, les

solutions que je pensais apporter.

C’est ainsi que nous avons avancé pendant les 10 semaines.

b) Réalisation

1. Choix du projet Open-Source

Pour partir sur de bonne base, j’ai dû avant tout autre chose choisir le projet Open-Source.

J’ai donc dû réaliser un dossier qui synthétise les différents projets en lice (dossier en

annexe).

Au départ M.Meyer souhait juste réunir une communauté autour d’un forum. Je me suis

donc lancé dans une synthèse des tous les forums open-source que j’ai trouvé. Plus

j’avançais, plus l’idée de rassembler plusieurs projets différents grandissait. Rapidement

l’idée du forum s’est étendue, il fallait trouver un module pour des petites annonces, pour

des groupes, l’affichage des photos facilement etc …

Le Sujet même du stage a dérivée vers un projet global comprenant tous ces modules. J’ai

donc dû trouver un projet Open-Source qui réponde à tous ces besoins.

C’est ainsi que nous avons trouvé Dolphin, développé par Boonex. Il s’agit d’un projet Open-

Source communautaire et gratuit. Une fois installé et configuré comme il faut, Dolphin vous

permet de créer un site internet complet. Il permet concrètement créer un réseau social ou

un site de rencontre.

C’est donc Dolphin que j’ai choisi pour le projet. C’est un vrai choix car pendant les 9

semaines restantes j’ai travaillé sur cet outil. Je l’ai choisi pour plusieurs raisons, tout

d’abord il est très complet, il existe de plus une communauté des utilisateurs de Dolphin (au

sens programmeur).



Date

2. Récapitulatif technique de Dolphin :

Une fois Dolphin choisi, je ne me suis pas

lancer dans le code tout de suite, j’ai fait le

tour de cet Open-Source et j’ai réalisé

plusieurs schéma MCD représentant la

navigation, les fonctionnalités ou encore les

liens les plus importants entre les tables ainsi

que les relations mères filles.

Ces schémas ont été réalisés simplement avec

Word, mais ils m’ont permis de mieux

comprendre l’architecture et le

fonctionnement même de Dolphin.

Il ne s’agit donc pas de véritable MCD, mais il

m’a été demandé de réaliser des schémas qui

synthétisent les fonctionnalités, la recherche

et l’architecture.

Voici à quoi ressemble Dolphin juste après l’installation, c'est-à-dire brut :

On voit une

interface claire et

soignée, cependant

il s’agit de la version

d’origine et il va

falloir effectuer

beaucoup de

changements pour

arriver à ce que

nous voulons.

• Open-Source • Code documenté et commenté • Support de plusieurs langages

• Visuel de profile personnalisé • Email

• Recherche rapide et avancée • Groupe • Liste d’amis • Inviter un ami • Blog personnel • Livre d’or • Evénements • Petites annonces • Lettre d’information (newsletter) • Système automatique d’envoi de

photo • Forums • Annonces • Design agréable • …



Date

Schéma conceptuel de l’architecture du site



Date

SONDAGES

MUSIQUES

ARTICLES RECHERCHES

PETITES

ANNONCES

PARTAGER NOTATIONS

VIDEOS

EVENNEMENTS

PHOTOS

BLOGS

MODERATEURS UTILISATEURS

λ

ADMINS

Ecrit Lit

SITE

INSCRIPTIONS

MEMBRES

DOLPHIN

PLUGINS

RAY ORCA

FONCTIONNALITES

DOLPHIN



Date

3. Fonctionnement du site et Tâches à réaliser

Mon travail à proprement parler sera donc d’utiliser Dolphin et de l’adapter au milieu de la

Santé. M.Meyer a plusieurs idées qui évolueront pendant ces 10 semaines, nous noterons

notamment :

- La navigation par Tags dans toutes les pages, ainsi que l’ajout des Tags pour les

groupes

- De nouvelles catégories pour les groupes d’utilisateurs

- Réfléchir et apporter une solution pour la navigation du site en général

- Ajouter la langue Française et tout faire en sorte pour que chaque modification

soit générique aux deux langues

- Flux rss

- Améliorer le module de recherche

- Créations de logos pour Sante-i et Doctorama

- Notions de groupes « officiels »

- Créer une page portail sur le site avec description du projet et formulaire

d’inscription.

Toutes ces tâches à réaliser ne m’ont pas été demandé simultanément mais au fur et à

mesure que le site évoluait. Mais c’est dans l’ordre ci-dessus (du début à la fin) que les

tâches m’ont été demandées.

Ce grand cahier des charges comporte des idées qui proviennent de M.Meyer et de moi-

même, c'est-à-dire que j’ai eu l’initiative de proposer des idées. Après discussion, mes idées

correspondaient aux attentes de M.Meyer.

Une fois que toute l’architecture du site et de la base étaient comprise et matérialisé sous

forme de schémas, j’ai pu réellement commencer à coder.

C’est à l’IUT avec M. Christian Bonhomme que j’ai appris la programmation Web, et c’est

grâce à sa méthode enseigné que j’ai compris le code de Dolphin. En effet il a quelques

similitudes avec la méthode enseigné par M. Bonhomme :

La séparation complète du code en lui-même et du design. Dolphin est en PHP version 5 et il

utilise la programmation orientée objet avec des classes et des instances. Des fichiers php

généraux que l’ont peut réutiliser où nous le souhaitons, par exemple il existe un fichier avec

toutes fonctions. Il n’existe pas de fichiers .mod qui permettent la généricité, cela est



Date

remplacé par des fonctions générale dont une qui est appelée dans toutes les pages et qui

sert à créer tout le contenu identique de chaque page.

Au départ la multitude de fichiers m’impressionne, mais c’est avec l’utilisation et en essayant

de modifier certains paramètres que je me rends compte de l’utilité de la méthode utilisée.

En effet il suffit de vouloir modifier quelque chose dans le site pour s’apercevoir qu’en

moyenne 5 fichiers vont devoir être parcourue pour finalement trouver la ligne de code à

modifier.

Lorsque je commence à programmer je perds donc pas mal de temps pour rechercher

l’information. Mais c’est un mal qui m’est très utile par la suite car j’assimile au fur et à

mesure la manière dont est fait le site. Ce moment d’adaptation est donc lent mais très

bénéfique.

4. La réalisation

Je commence réellement à programmer lorsque M. Meyer me demande d’étendre la

navigation par Tags à toutes les pages importantes du site.

• Les Tags

Qu’est-ce que c’est ?

Il s’agit de mots clés insérés par les Internautes du site. Ces mots clés sont enregistrés dans

la base de données avec leur fréquence d’utilisation. Ainsi si plusieurs Internautes rentrent

le même mot clé, il sera mis en valeur par rapport aux autres avec une police de caractère

plus importante. Grâce à un traitement PHP, nous transformons ces mots clés en liens, qui

pointent vers toutes les insertions que les utilisateurs ont faites par rapport à ce Tag.

De cette manière c’est l’utilisateur lui-même qui contribue à la navigation du site.

Comme cela peut paraitre un petit peu flou voici un exemple.

Lors de son inscription au site l’utilisateur va rentrer un certain nombre de mots clés qui

caractérise son profil, le choix est libre, il peut donc indiquer son statut social, sa profession,

les choix sont libre.

Si plusieurs utilisateurs insèrent les mêmes mots clés, ils seront mis en valeur en fonction de

leur nombre d’insertion.

Voici une image qui résume la

situation :

Il s’agit des tags des profils des

utilisateurs, ici c’est le mot docteur

Navigation par tags de la page d’accueil



Date

qui revient le plus, car il est mis en valeur par rapport aux autres.

C’est informatif, on en conclue que la plus part des utilisateurs sont des docteurs.

La navigation par tags est plutôt récente et fait parti de ce qu’on appelle le Web 2.0.

Travail réalisé :

Il m’a donc été demandé d’étendre la navigation par tags sur toutes les grandes pages du

site (elle était déjà présente sur le page d’accueil), c'est-à-dire, les membres, les blogs les

photos les événements et les groupes. Plus précisément il fallait que sur la page des

membres, seuls les tags des membres apparaissent, sur la page des blogs uniquement les

tags des blogs etc...

Pour les 4 premiers, le travail était déjà fait sur la page d’accueil. C'est-à-dire tout le

traitement qui transforme les insertions des Internautes jusqu’à l’affichage souhaité.

J’ai donc eu besoin de reprendre ce traitement, afin de l’afficher dans chaque page.

Cependant cela n’a pas été si facile, puisque nous voulions un affichage précis qui ne

ressemble pas à celui de la page d’accueil.

Lorsque j’ai obtenu l’affichage souhaité dans une des 4 pages, j’ai du réitérer l’opération sur

toutes les pages ou nous voulions affichés les tags.

Cependant nous souhaitions aussi des tags dans les groupes mais cette fonctionnalité n’était

pas implémentée.

J’ai donc dû analyser la technique utilisée pour les autres et l’adaptée pour les groupes. Cela

m’a pris environ deux jours de travail complet, j’ai dû modifier la base de données (ajout

d’attributs), réécrire les fonctions relative aux tags en les adaptant pour les groupes.

Voici un aperçu du rendu avant / après :



Date

Dès qu’un utilisateur crée un nouveau groupe et y inclus des tags, ils sont calculés et affichés

à cet endroit.

• Les catégories des groupes

Explications :

Pour bien comprendre le principe des groupes, voici un schéma représentant l’architecture

et la hiérarchie entre catégories et groupes.

L’administrateur du site peut ajouter des catégories de groupes et c’est par la suite

l’utilisateur qui après avoir choisit une catégorie créera son propre groupe.

Travail réalisé :

Par défaut la liste des catégories de groupes ne nous convenait pas. Il fallait trouver des

catégories ayant un rapport avec la Santé en général.

Ma première idée fut de choisir les mêmes catégories que sur Doctorama (le site sur lequel

travaille François). De plus nous pourrions utiliser la même table de base de donnée, et ainsi

si un de nous deux rajoute une catégorie, elle serait ajoutée aux deux sites en même temps.

Tout cela était sans compter notre public visé qui est totalement différent du public de

Doctorama. Nous avons le grand public, et de l’autre côté uniquement les professionnels de

Groupes Officiels

Catégories de

Groupes

Admin

Utilisateurs

Groupes

Peut crée

Contient



Date

la santé. Les catégories de Doctorama ne sont donc pas adaptées à Sante-i, elles sont bien

trop techniques.

Je décide donc de me baser sur un site parlant de Santé pour le grand public : Doctissimo. Je

récupère leurs catégories et les insère dans ma base de données.

Voici le résultat obtenue (avant / après) :

J’ai eu personnellement l’idée des groupes officiels. Il s’agirait de groupe crée par

l’administrateur que tous les utilisateurs pourraient rejoindre. De cette manière ils ne

seraient pas perdus et pourrait déjà communiquer via ses groupes officiels.

Techniquement c’était réalisable. J’ai rajouté un attribut (booléen) dans la table des

Groupes. Il fallait que l’administrateur du site puisse créer un groupe officiel facilement. J’ai

pensé que la partie admin était la meilleure solution.

C’est donc dans cette partie admin que j’ai ajouté un formulaire, qui permet d’ajouter un

groupe officiel.

Avant

Après



Date

Une fois le formulaire implémenté dans la partie admin, il fallait afficher les groupes officiels

différemment des groupes normaux. Ainsi dans toutes les pages où sont affichés les

groupes, j’ai testé si le groupe était officiel ou non, et si c’était le cas j’ai mit la police en

rouge. J’ai aussi rajouté le petit logo de sante-i à côté du groupe pour le différencier.



Date

La navigation du site

Dans tout site il est important de réfléchir sur la navigation. L’utilisateur doit effectuer le

moins de clique possible pour parvenir à l’information. Nous nous réunions pour discuter

des différents type de navigations. Plusieurs idées ressortent notamment :

- Restreindre le contenu du site aux utilisateurs enregistrés. Page d’accueil

informative avec formulaire d’inscription (comme Facebook).

- Pousser l’utilisateur à utiliser les Groupes.

- Pouvoir constamment revenir à la page d’accueil et à la page précédente

aisément

Travail réalisé

J’ai réalisé une page

d’accueil accessible à tous les

Internautes lorsqu’ils arrivent

sur le site. Le but de cette page

est informatif, en effet j’ai

ajouté quelques images et un

court résumé de ce qui est

possible de faire.

Cette page n’existait pas et je

l’ai crée dans sa globalité, elle

comporte également un

formulaire d’inscription au site.

Nous voulions que l’utilisateur

ne puisse aller sur le reste du

site tant qu’il n’était pas

connecté. J’ai donc redirigé

l’utilisateur sur la page d’accueil

tant qu’il n’était pas connecté.

Voici la page d’accueil :



Date

Flux rss

Travail réalisé

Logos



Date

Conclusion



Date

3ème Partie

Bilan du travail



Date

I. Bilan de l’expérience professionnelle liée à la situation du stage

a) Vis-à-vis de la société / service (environnement professionnel, industriel et humain)

Réaliser un stage c’est à la fois une occasion de faire preuve de nos compétences, dans un

milieu professionnel concret et à la fois une opportunité de s’enrichir, tant au niveau des

connaissances techniques que sur le monde du travail. Et c’est ainsi que s’est dérouler mon

stage, j’ai pu mettre un premier pas dans le monde de l’entreprise et du travail, et j’ai pu

mettre en œuvre toutes les compétences que j’ai apprise à l’IUT.

En effet, c’est en collaborant avec mon tuteur de stage tout au long de ces 10 semaines, que

j’ai le plus appris. J’ai eu un cahier des charges à respecter, c'est-à-dire des contraintes de

temps et de compétences. J’ai du rendre des comptes-rendus de mon travail régulièrement,

et c’est tout ceci qui m’a formé au monde du travail auquel je serai confronter dans

quelques années.

Ce stage a été l’occasion d’apprendre et de découvrir plusieurs outils et connaissances. Tout

d’abord « Dolphin », que je ne connaissais pas auparavant, mais aussi des connaissances plus

approfondies en Php et MySQL déjà abordées à l’IUT. De plus travailler sur un projet « Open-

Source », m’a demandé d’autant plus d’attention et de respect sur la structure même et le

squelette du site. J’ai dû m’adapter, et tous les soucis que j’ai rencontrés et résolus sont

désormais des acquis. Le fait de m’être basé sur quelque chose (un code) déjà existant, m’a

permit d’analyser la façon dont était codé le projet. Ainsi je me suis basé sur ce pré-travail

pour réaliser concrètement les tâches qui m’étaient demandées. C’est tout ceci, qui me

permet aujourd’hui de pouvoir créer mon propre site web. En effet, en ayant un recul

suffisant, j’ai une approche différente d’un projet, de sa gestion jusqu’à sa réalisation.

D’autres compétences apprises à l’IUT, m’ont permis de bien m’intégrer dans l’entreprise. La

communication est le point d’orgue dans la gestion d’un projet dans sa globalité. Lors de nos

réunions quotidiennes avec M.Meyer et M.François Létocart, j’ai dû expliquer concrètement

ce que j’avais effectué pendant la journée. Cette communication a été particulièrement

enrichissante pour moi, j’ai appris la relation entre chef de projets et technicien. J’ai pu

mettre en application tout ce que j’ai appris en cours de Communication à l’IUT. Par la

même occasion, je remercie les professeurs de communication qui nous ont dispensés des

cours particulièrement intéressant et utiles pour notre future carrière.



Date

Ma motivation à toujours m’améliorer dans mon projet, m’a au début joué quelques tours.

En effet j’acquiesçais à toutes les questions de M.Meyer mais j’ai appris rapidement qu’il

était impossible de tout réaliser et qu’il fallait trier, ordonnancer et schématiser notre projet.

De ce côté-là, je pense avoir bien évolué.

C’est donc grâce à l’expérience et les compétences que j’ai apprise, que je serai capable de

travailler et m’intégrer complètement dans une entreprise.

b) Bilan du travail réalisé.

Je suis satisfait du travail que j’ai réalisé pendant ces 10 semaines. Grâce à l’enseignement

en PhP que j’ai eu à l’IUT, j’ai pu mettre en application mes connaissances. Néanmoins, mes

connaissances se sont nettement approfondies durant ces 10 semaines. Sur des problèmes

techniques que nous n’avions pas rencontrés à l’IUT, j’ai dû trouver les informations qu’il me

manquait en général par Internet, et quelquefois par François qui m’a donné quelques coups

de mains.

C’est en me basant sur un projet Open-Source tel que Dolphin que j’ai le plus appris en PhP,

en effet le code étant très propre et très bien commenté, je me suis très souvent basé sur

leur manière de faire. En effet même si leur manière de procéder parait à première vue

complexe et lourde, elle s’est avérée, avec de l’analyse, très pertinente et très modulable

dans la plupart des cas.

Les difficultés rencontrées sont principalement de deux types. Lorsque je me penchais sur

une nouvelle tâche à réaliser je me consacrais tout d’abord à savoir de quelle manière j’allai

procéder. Il y avait parfois quelques difficultés à choisir entre plusieurs méthodes. Mais une

fois la méthode trouvée et approuvée par M.Meyer je me penchais sur le code à proprement

parler.

A ce niveau là les difficultés rencontrées étaient techniques. Il s’agissait parfois d’un

problème de comptabilité entre les différents navigateurs Internet. Ayant déjà été confronté

à ce genre de problème auparavant, je m’attendais à les rencontrer et je n’ai pas eu

beaucoup de mal à les contourner. Lorsque j’ai créé les flux rss pour sante-i, j’ai dû me

documenter sur cette technologie avant de pouvoir commencer à coder car je ne l’avais

jamais pratiqué auparavant, j’ai évidement rencontré plusieurs problèmes qui ont pu être

résolu grâce à des communautés d’utilisateurs sur Internet ou encore grâce aux conseils de

François.

Les résultats obtenus ont toujours étaient très encourageant pour moi. Se creuser la tête sur

un problème particulier, arriver à avancer, et voir aboutir un résultat convaincant est

toujours très gratifiant pour soi-même et encourage forcément à persévérer.

J’ai réussi à finir la première version du site dans les délais et à respecter le cahier des

charges. Bien sûr nous pourrions toujours l’améliorer, c’est pourquoi j’espère que François



Date

ainsi que d’autres stagiaires, pourront poursuivre ce projet. C’est donc avec une grande

satisfaction que j’écris ce rapport, car il symbolise un projet concret sur lequel je pourrai me

baser pour mes futures expériences professionnelles.

c) Conclusion

Pour conclure sur le bilan de ce stage, je dirais qu’il a été pour moi extrêmement formateur. J’ai appris beaucoup, que ce soit sur le fonctionnement de l’entreprise en général, en développements Web ou encore sur l’informatique en général et le fonctionnement global d’un projet. Dorénavant dans un milieu professionnel, je me sentirai plus à l’aise. J’ai gagné en assurance et en confiance, je sais désormais que je suis capable de relever le défi d’un projet complet. De plus, travailler sur un projet tel que celui-ci avec des technologies web récentes, me permet de mettre à jour mes connaissances web. Je pense qu’il est important de connaitre ces nouvelles technologies dans un milieu comme Internet. Ce stage m’a permis d’acquérir une véritable expérience professionnelle qui me sera précieuse lors des mes futurs emplois.



Date

II. Bilan Formation initiale à l’IUT

En rédigeant ce rapport de stage, je finalise ma formation du département informatique de l’IUT d’Aix-en-Provence. Ce sont ces deux années qui m’ont permis aujourd’hui d’avoir les connaissances nécessaires pour travailler dans le milieu informatique. Voulant poursuivre mes études l’année prochaine soit en MIAGE soit en licence Mathématiques-Informatique, je serais capable de suivre un rythme soutenu sans problème, en effet c’est à l’IUT que j’ai vraiment appris à travailler, avec des semaines de 35/40 heures et des partiels hebdomadaires. Les attentes que j’avais de l’IUT sont tout à fait comblée, en effet pouvoir travailler avec des enseignants souvent chercheurs ou issus du monde du travail, m’ont permis d’acquérir des connaissances en Informatique et en formation plus générale. Avant l’IUT, j’étais déjà passionné d’informatique mais c’est en première année que l’algorithmique m’a donné le gout à cette formation et à l’informatique en général. Développer ma logique et mon sens de la réflexion m’a énormément motivé. Cela m’a permit d’apprendre les bases pour ensuite pouvoir programmer dans n’importe quel langage. L’apprentissage approfondi du C++ en première et deuxième année m’a fait découvrir la programmation et des concepts très important en informatique tel que la programmation orienté objet ou encore les design-pattern. Les cours dispensés par nos professeurs ont tous été très utiles pour moi. Le système d’exploitation m’a permis de découvrir le monde Unix/Linux dont je suis maintenant un utilisateur assidu, mais aussi de m’initier à la programmation système, afin de pouvoir interagir avec la machine dans mes applications. L’enseignement en réseaux, quand à lui m’a permis de découvrir le fonctionnement d’Internet et de ses protocoles, mais également des réseaux locaux, ainsi de pouvoir programmer des applications qui peuvent interagir à distance. Enfin, nous avons été initiés à la base de données, dont je n’avais jamais entendu parler avant l’IUT, mais qui est, je le sais aujourd’hui, totalement indispensable à un informaticien. La formation que nous avons reçue à l’IUT ne se résume pas à l’informatique, en réalité cela représente que la moitié du programme, il reste la formation dite « générale ». Des mathématiques appliquées à l’informatique, afin de développer notre façon de travailler et de continuer à éveiller notre esprit. De l’anglais, car c’est indispensable dans un domaine comme l’informatique, où nous sommes tous les jours confrontés à des textes ou des interlocuteurs anglais. Des cours de gestions de projet, de comptabilité ou encore de droit sont également dispensés dans le but de nous rendre plus polyvalents. En effet, grâce à cet enseignement secondaire, il nous est possible de créer notre société en sortant de l’IUT. Enfin, ce sont les cours de communication qui m’ont appris à rédiger des rapports comme celui-là, mais également à m’exprimer convenablement à l’oral. Je pense que c’est cette double compétence qui fait la marque d’excellence de l’IUT. En effet, rester dans une voie générale en informatique, c'est-à-dire étudier les grands



Date

domaines sans se spécialiser, nous permet de juger ce qu’on préfère le plus et aviser par la suite notre poursuite d’étude si nous le désirons. C’est de cette manière que j’ai appris la base de données(le SQL) et le Php. Ce sont deux domaines liés qui me passionnent désormais. De plus, nous avons aussi eu l’opportunité de réaliser de nombreux projet en équipe au cours des deux années. J’en compte sept plus le stage. Ces travaux m’auront permis de comprendre comment travailler en groupe, se partager les tâches, suivre un cahier des charges avec ses contraintes. J’ai été sur le projet de communication, cela m’a montré qu’il faut avoir des qualités relationnelles, écouter les opinions de chacun, en tirer des conclusions. Il faut savoir motiver les gens. Travailler sur des projets concrets, m’a permis de m’investir d’avantage. La perspective d’aboutir sur un « produit finit » est toujours plus motivant.

Pour conclure sur ce bilan, je qualifierai la formation d’intense et riche, elle nous laisse l’opportunité de choisir parmi un éventail de choix après le DUT. J’ai acquis une expérience technique et professionnelle grâce au stage et projets. En tous cas je n’ai pas de regrets d’avoir choisis l’IUT d’Aix-en-Provence, si je devais recommencer ma formation, je choisirai le DUT sans hésitation.



Date

Conclusion du chapitre



Date

Conclusion



Date

Conclusion

Titre message



Date

Bibliographie



Date

Journal de stage



Date

Lors du changement de nom de domaine, les flux rss n’était plus à jour, en effet ils étaient configuré

pour www.docs2docs.com, il a donc fallu changer tous les paramètres des flux rss pour qu’ils

fonctionnent correctement.

Après plusieurs tests, les flux sont opérationnels, ils sont crées pour les groupes, les évenements, les

blogs, et les annonces (qu’on a désactivé, donc il faudra aussi désactiver les flux rss des annonces). Je

vais aussi ajouter un flux pour les articles car ils correspondent aux news du site, et il me semble qu’il

serait utile pour les utilisateurs de se tenir au courant des articles via un flux rss.

Du fait de laisser le .htaccess google ne peut accéder au flux, j’ai donc temporairement enlevé le

.htacces et voici le résultat :

Bon on voit mal mais en gros j’ai ajouter le flux rss Sante-i-articles, il manque pour l’instant le titre du

flux rss dans la barre bleu ciel.

But du rss : avoir une information en temps réel (mis à jour assez régulièrement)

Faut-il ajouter un flux rss général qui comprend toutes les informations de tous les flux mais réuni en

un seul.

Journal quotidien



Date

Les sondages ne fonctionnaient pas correctement, il s’agissait en fait d’un problème de traduction en

Français d’une « macro » avec un caractère d’échapement manquant ! Le problème est désormais

régler et les sondage fonctionnent correctement !

Voici un apperçu :



Date

Je finalise la page d’accueil, en ce qui concerne les espacements entre les paragraphes le titre etc …

Voilà à ce que ressemble la version « finale » :

Je poursuit mon rapport de stage (environ 50%)

Journal quotidien



Date

Ce matin je consacre mon temps à faire un tour sur le site pour repérer les quelques fonctionnalités

qui ne marchent pas. Pour ce qui est de la recherche des membres par tags, il s’agissait d’un tout

petit problème que j’ai rapidement corrigé.

J’ai remarqué un problème sur les sondages, en effet il est impossible de créer un sondage. Le

problème provient qu’il est impossible d’ajouter une réponse au sondage.

Un autre problème d’affichage apparait lors de l’affichage d’une photo, sur la colonne de droite.

Dans les profils des utilisateurs, il existe toujours un lien « Video Profil »

Modification de la page d’accueil pour l’alignement (même si ce n’est pas encore parfait).

Je poursuit mon rapport de stage au cabinet, ce qui me permet de bien l’avancer. En effet, François a

pu me parler des différents projets tels que Med6 ou encore Doctorama, informations utiles pour

mon rapport.

Journal quotidien



Date

Afin de finaliser totalement la page d’accueil, il faut désactiver la barre de naviguation horizontale,

afin que l’utilisateur ne puisse pas aller sur le reste du site sans être connecté (donc enregistré).

Plusieurs solutions sont donc à envisager :

- Supprimer la barre de naviguation : Ne présente aucun interêt pour l’utilisateur, perte d’information, et de mots clés importants !

- Enlever les liens de la barre : interessant, mais compliqué à mettre en place, en effet, rien que pour la génération, l’affichage de ces liens etc … tout ceci se fait automatiquement et non pas manuellement, il y a environ 5 à 6 fonctions qui permettent (entre autre) la génération et l’affichage de cette barre. Il faudrait donc faire un cas particulier à travers plusieurs fichiers et fonctions pour avoir le rendu souhaité. Je n’ai donc pas opté pour cette solution trop couteuse.

- Rediriger l’utilisateur vers la page d’accueil si celui-ci n’est pas connecté. En quelque sorte, faire de même qu’avec l’ancienne page d’accueil, mais ceci pour toutes les pages du site. Pour ne pas perdre de temps à rajouter cette redirection dans chaque page « .php » que l’utilisateur pourrait afficher (par le biais de google, ou directement dans la barre d’adresse de son naviguateur), j’ai du chercher un « morceau » de code que chaque page utilisait afin d’y rajouter la redirection vers la page d’accueil.

Cependant il a fallu faire quelques exception à la règle, par exemple l’utilisateur peut tout de

même avoir acces à quelques pages du site comme :

En gros, on est redirigé vers la page d’accueil sauf pour toutes les pages rouges.

Correction du problème du formulaire de connexion en haut du site (dans le header), sur les autres

pages que l’accueil, les input étaient trop grand, et donc cela ne s’affichait pas correctement.

La recherche par membre ne fonctionnait plus (surement dûe à toutes les modifications effectuées

depuis le début). J’ai donc corriger le problème, il s’agissait en réalité d’un problème MySql (bd), une

Journal quotidien



Date

requête s’executait sur un attribut qui n’existait plus … Malgrès cela la recherche par Tags pour les

membres n’a plus l’air de fonctionner. Il faudra donc que je corrige ceci rapidement.

Voici quelques images trouvées dans word, certaines ont retenues mon attention.

if( basename($_SERVER['PHP_SELF']) != "join_form.php" &&

basename($_SERVER['PHP_SELF']) != "forgot.php" &&

basename($_SERVER['PHP_SELF']) != "contact.php" &&

basename($_SERVER['PHP_SELF']) != "privacy.php" &&

basename($_SERVER['PHP_SELF']) != "terms_of_use.php" &&



Date

Je poursuis et finalise la pge d’accueil. J’etend la couleur de fond (gris : #EEEEE), sur tout le contenu

du bloc. Rajout d’une ligne horizontale de séparation entre le bloc « promo » et le bloc qui contient

le formulaire d’inscription.

Le problème que je rencontre lorsque j’étend la couleur de fond, il n’y a plus aucune « bordure

interieure » dans toutes les pages. Cela est assez génant, j’ai donc décidé pour l’instant de laisser la

marge interieure.

Mise à niveau des tailles des polices, du bloc de promotion et changement de quelques morceaux de

phrases (version alpha -> du site)

Changement du titre dans la page d’accueil, en réalité le titre prenait le même « libéllé » que le titre

du cadre (ici « s’inscrire »). J’ai changé ceci en rajoutant une macro, afin de respecter la localisation.

Le titre de la page d’inscriptio n est donc : « Sante-i », il faudrait peut-être réfléchir à un titre plus

interessant pour le réfrencement, incluant quelques mots clés pertinant.

Liste de mots clés : Communauté, échange, information, histoire, blog …

Je n’ai pas « saisi », pour le favicon des groupes admin, il apparait pourtant bien sur le portable.

Après petite réunion, j’afficherai l’image « favicon » dans les groupes officiels.

Ajout de la petite image du favicon dans le titre des groupes « officiel »

Journal quotidien



Date

Voici un petit exemple :



Date

La page d’accueil avance, je me consacre au formulaire d’inscription, je décide(après concertation)

donc d’enlever une grosse partie du formulaire (description, tags …). Une fois ceci fait voila à quoi

cela ressemble :

Une fois ceci effectué, je me penche sur le positionnement du captcha de la recopie du code et de la

validation de l’inscription.

Après plusieurs essais voici ce que ça donne :

Je trouve ce formulaire plutôt correct.

Autres modifications :

Ajout du lien « S’inscrire » en haut (dans le header), le lien pointe vers le bas de la page : le

formulaire d’inscription.

Journal quotidien



Date

La mise en page de l’accueil du site se poursuit. En effet les idées se rejoignent, et nous somme

tombé d’accord sur le fait de mettre la colonne de droite en haut et la colonne de gauche en bas.

De ce fait, l’utilisateur obtient l’information directement dès l’entrée sur le site. Il lui suffira de

scroller vers le bas afin de s’inscrire.

J’ai donc modifié légerement le fichier frontpage afin d’en faire un tableau horizontal et non pas

vertical.

Rajout de quelques iamges dans le tableau (puces). Agencement de la mise en page comme les

différentes marges, bordures etc …

Je n’ai pas vraiment eu le temps de modifier le formulaire d’inscription , je m’en occuperai demain.

Journal quotidien



Date

Ajourd’hui je poursuis mon travail sur la apge d’accueil, je refait le formulaire d’inscription et

implémente le « teaser » Sante-i. Pour cela je m’aide de Nvu (le frontpage Open-Source !).

Avec le template que vous m’aviez donné voila ce que ça donne :

Selon moi certaines idées ne vont pas au niveau présentation et communication, et certaines idées

sont à gardées.

Journal quotidien



Date

Premièrement je proposerai d’inverser les 2 colonnes, afin que l’œil (qui s’habitue a lire une image

de gauche à droite, se pose directement sur le « teaser » du site).

Le « Teaser », n’est pas complet, il manque quelques points (au moins 2) alors que l’informations est

déjà très compacte (information compacte = non lisible par l’utilisateur).

C’est pour cela que j’avais testé d’enlever les 2 images du haut provisoirement. De plus le formulaire

« Déjà inscrit(e) a disparu « sous » le bloc car celui-ci est trop grand.

Il faut donc soit éllager les informations soit augmenter le grand bloc de contenu (déjà très grand)

soit repenser la page d’accueil.

Par exemple : Mettre le bloc « teaser » en haut sur 2 colonnes afin que l’informations soit

directement accéssible d’un premier coup d’œil, et mettre le formulaire d’inscription dessous.

Je pense qu’il faut tester toutes les possibilités sur frontpage (ou nvu pour moi), et choisir par la

suite.

J’ai aussi enlever les smileys dans le formulaire d’inscription, ce formulaire a aussi été remanié afin

d’être moins large, il faudrait aussi enlever certains champs pour faire un formulaire simple pour

s’inscrire, l’utilisateur pourrait ensuite dans son profil, améliorer et rajouter de l’information.



Date

Ajourd’hui je compte ajouter le portail d’inscription au site. Plusieurs possibilités sont envisageable :

- Creér une nouvelle page index.php(page d’accueil) qui remplace l’actuelle :

Cette manière de faire présente des défauts. En effet cela implique plusieurs

contraintes : En php on ne peut avoir qu’une seule page index.php, de ce fait la page

d’accueil actuelle, devra être renommée. Ainsi tous les appels (et ils sont très

nombreux), à l’index devront être modifié. C’est une manipulation très lourde. On

change toute l’architecture du site.

Schéma :

Journal quotidien

****.php

Ancienne

page

d’accueil

Index.php

Formulaire

d’inscription

et de

events.php

blogs.php

groupes.php

…

Donc si nous procédons comme ceci, nous devons changer tous les liens de toutes les pages vers

l’ancienne page d’accueil pour conserver le squelette !

J’ai donc pensé à autre chose :

Si l’utilisateur n’est pas connecté

Alors

Redirection vers la page d’inscription (que j’ai modifié -> voir plus bas)



Date

Modifications :

Avant :

Après :

De cette manière cela peut nous servir à enlever le bloc de connexion de la nouvelle page d’accueil !

Ainsi, à la place du contenu du bloc, nous pourrions décrire en quelques lignes pourquoi s’inscrire

(comme sur Facebook …)

Ajout du « volet »

« Accueil » sur la page

d’inscription

(d’accueil) :

Cela, n’a pas du tout

était aisé d’ajouter le

volet « Accueil », en



Date

effet il a fallu chercher dans plusieurs fichiers différents. En réalité j’ai dû crée 2 Accueils selont si

l’utilisateur est membre ou non.

Ci-contre l’utilisateur n’est pas membre, on affiche le formulaire d’inscription, sinon on affiche la

page d’accueil « normale ».



Date

l’interface groupe : voici les liens sur boonex.us et sur sante-i qui permettent d’inviter d’up une

image de poster un topic ou de quitter le groupe. Lors de la création du groupe, le créateur peut

choisir de pouvoir rejoindre le groupe directement ou en passant par une demande au créateur. Il

peut aussi administrer les posts d’iamges.

Le groupe a été créé avec succès ! Now you can upload a default group image or go to

group home.

DEVIENT

Le groupe a ete cree avec succes ! Vous pouvez maintenant télécharger une image de groupe ou aller

à la page d'accueil de votre groupe. Vous devez choisir un fichier au format .jpeg, .gif, .png.

DISCUSSIONS - INFORMATIONS - INTERNET - TRAITEMENTS - ENTRAIDE - HISTOIRES

VECUES

DEVIENT

Journal quotidien



Date

Discussions - Informations - Entraide - Histoires vécues

Ajout de quelques tags dans la liste des tags restreint (l’utilisateur ne peut pas rentrer les tags qui

sont dans cette liste) : bonjour, dans, pour, salut, tag, tags, toi, moi

Mise à jour de la traduction :

Post (dans histoire) � Article

Bookmark � Mettre en favoris

A traduire : Liste Sur Participants …



Date

Ce matin je commence mon travail sur les groupes officiels.

J’ai effectué plusieurs changements :

- Ajout dans la base de donnée d’un attribut (officiel) booleen (peut prendre 2 valeurs 1 ou 0, 1 = vrai, 0 = faux). 0 par défaut : par défaut c’est un groupe non officiel.

- Ajout d’un module dans le panneau d’admin : Module d’ajout d’un groupe officiel. Lorsqu’on est dans le panneau d’admin et qu’on

ajoute un groupe, un nouveau tuple(ligne) se crée dans la base de donnée, avec l’attribut

« officiel » à 1 (vrai).

- J’ai crée un membre « officiel » sur le site que j’ai nommé : sante-i. Lorsqu’un groupe officiel est crée, c’est le membre « Sante-i » qui en est le créateur, il est aussi le premier membre de ce groupe.

- Il faudrait différencier les groupes officiels des autres ! Pour cela j’ai pensé à plusieurs idées : o Affiché les groupes officiels en premiers dans la liste. o Les différencier dans le titre (Groupe officiel : NomDuGroupeOfficiel), ceci

automatiquement. o Faire un cadre rouge autour ? o Tout les groupes possèdent un sous titre : On pourrait mettre par défaut « Groupe

officiel », le désavantage est qu’un petit malin pourrait en faire de même avec un groupe non officiel.

o Changer la police et la couleur d’affichage du titre du groupe. - Je vais pour l’instant uniquement affiché les groupes officiels en rouge.

Quelques screenshots :

Il s’agit de la page des groupes et du bloc Top Groupes.

Journal quotidien



Date

Logos :



Date

Sur la page d’accueil j’ai changer l’affichage du bloc des groupes, pour l’instant les groupes officiels

s’affichent en rouge.

En ce qui concerne le fck éditor des groupes et de tout le reste :

Ne faudrait-il pas le désactiver pour ne pas permettre à l’utilisateur de faire n’importe quoi avec la

mise en page ?

En réalité je me suis rendu compte dans la paged’admin, que lors de la création d’un groupe le

fckéditor n’apparaissait pas. C’est car en cherchant dans l’arborescence il ne le trouvait pas. Il suffit

donc uniquement de renommer ou supprimer le dossier qui contient le plugins pour ne plus voir

apparaitre le fckéditor (le meilleur moyen pour le supprimer serait aussi de supprimer tout appel aux

fonctions du fck dans tous les fichiers …).

Sur la page de listing des catégories des groupes, j’ai enlevé le libéllé (n groupes) a côté de chaque

catégories

Slogan : je le modifierai quelque peu (j’enleverrai les mots en italiques), il ne faudrait pas que

l’utilisateurs soit trompé par un trop grand nombre de mots clés qui se transformerai peut-être en

« menu ».

Discussions - Informations - Internet - Traitements - Entraide - Histoires vécues

Pour le placement du slogan je pense le placer sous le logo en enlevant probablement la courbe qui

l’entoure (ou en la gérant avec la transparance).



Date

Travail sur le nouveau logo sante-i :

Rapidement voici ce que donnent plusieurs versions :

Pour ce qui est des groupes officiels j’ai pensé comment le réaliser.

Il faut :

Rajouter un attribut dans la table Groupe : officiel qui pourra prendre la valeur 1 ou 0 si oui ou non.

Ensuite lors de la requête qui affiche la totalité des catégories, on regarde s’il existe des groupes

officiels, si oui on les affiches.

Pour ce qui est de l’affichage lui-même des groupes officiels on pourrait les afficher d’une couleur

différente ou d’un style différent.

Journal quotidien



Date

Pour la création des groupes officiels, il faudrait pour les administrateurs, rajouter un lien « créer un

groupe officiel » qui prendrait par défaut l’attribut officiel » à 1, pour tous les autres ce serait 0.

J’ai rajouté aussi le favicon du site, pour cela j’ai pris le petit i rouge du logo (essayez ceci sur firefox).



Date

Le nouveau nom de domaine : www.sante-i.com est disponible, je me lance donc dans la migration à

la fois du site et de la base sur ce nouveau nom de domaine. Pour plus de sécurité, je fais une copie

de mon répertoire sur le net docs2docs et l’upload sur sante-i. Ceci prend un peu de temps, car

upload 20Mo prend un peu de temps …

Je compte aussi commencer mon rapport de stage, j’ai amené quelques poly pour pouvoir travailler

correctement.

Vous m’aviez dit d’enlever le formulaire de recherche meetic lors de la création d’un compte mais ce

bloc avait déjà été supprimé dans le formulaire d’inscription.

Dois-je tout de même supprimé ce formulaire dans la recherche de membres ici : http://www.sante-

i.com/browse.php

J’ai enlevé ce qui concerné les annonces dans les profils (par le panneau d’admin). Dans le code j’ai

mit en commentaire les lignes qui permettait d’afficher sur la page d’un membre, ses musiques et

vidéos. J’ai bien commenté le code pour retrouver la fonction rapidement si l’on veut réactiver les 2

fonctions.

Certains dossiers ne s’étaient pas copiés correctement lors de la mise à jour. Notamment les images,

donc il a fallu remettre tous les dossiers concernés (par exemple l’image générée aléatoirement lors

de l’inscription).

J’ai également modifié toutes les occurrences (environ 40) du libellé « bisou » en « Soutenir ».

Journal quotidien



Date

Aujourd’hui j’entreprends de finir la partie sur les tags. En regardant plus profondément dans le

code, je m’aperçois que certaines fonctionnalités ne fonctionnent pas correctement :

Recherche des groupes par tags

Recherche des membres par tags

Recherche des blogs par tags

Recherche des photos par tags

Pour les photos il ne s’agissait que d’un problème de liens, donc cela a été vite corrigé. Pour les blogs

c’était un peu plus compliqué.

Par contre pour ce qui est des groupes, ce fut autre chose. Il a fallu implémenter la recherche et ceci

dans plusieurs fichiers, chacun des fichiers sont liés, il a donc fallu gérer le php et le mysql.

Modifications des requêtes, des fonctions (particulièrement de la fonction de recherche). Une fois

terminée, il a fallu, l’implémenter dans plusieurs pages : la page d’accueil, et les 2 pages qui affichent

les tags dans les groupes.

Ceci fonctionne désormais correctement. J’en ai profité pour traduire quelques libellés dans le

formulaire de recherche des groupes.

Pour les membres, j’ai du aussi faire des modifications pour que la recherche par tags fonctionne

correctement.

J’ai à peine commencé le logo santé-avenue, pour le moment j’ai juste mis un texte.

Je pense faire un logo style « 2.0 » : arrondi, 2 couleurs horizontale, bordure. Si vous souhaitez

quelque chose d’autre prévenez moi.

Journal quotidien



Date

Marche à suivre pour changer le logo :

Aller sur http://www.docs2docs.com/admin/basic_settings.php

Et envoyer votre image dans la partie « Main Logo ».



Date

Ce matin j’ai « réparé » l’ordinateur de famille du docteur, backup et réinstallation de vista, cela à

l’air de fonctionner.

Le docteur m’a proposé une liste de mots pour l’adresse du site :

-Sante-wizz

-Sante-zoom

-Sante-infos

-Sante-avenue -Sante-groupes -Sante-share

-Sante-unite -Sante-doo

Journal quotidien

Certains ont retenus mon attention !



Date

Aujourd’hui je poursuis mon travail sur les groupes et leurs tags …

Pour les tags des groupes, la recherche ne fonctionne toujours pas correctement : lorsqu’on clique

sur un tags dans la page groupe, cela n’affiche rien. J’ai passé un peu de temps à essayer de me baser

sur les fonctions de recherches déjà faites dans le site, mais aucune ne me semblait correspondre à la

structure des groupes.

J’ai donc changé de cap ! Je me suis penché plus sur les catégories des groupes, j’ai donc changé

toute la table des catégories. Nous ne dépendons donc plus de doctorama ! Nous avons notre propre

table « boonex ».

La difficulté principale à été de changer toutes les requêtes qui avaient un rapport avec les groupes

et la table de Doctorama afin qu’elle « pointe » désormais sur la table « boonex ».

Voici le résultat !

Journal quotidien



Date

Sur la page d’accueil j’ai changé le bloc « Tags » pour qu’il n’affiche plus l’onglet musique, le lien de

l’ « onglet » groupe fonctionne maintenant correctement.

En ce qui concerne les groupes l’affichage est de 3 colonnes, je pense que visuellement c’est une

bonne idée, et le laisser tel quel me semble une bonne idée. L’affiche du nombre de groupe va

changer, je supprimerai le « libellé » groupe, afin qu’il d’éviter les redondances.

La liste des « top groupes » affiche uniquement les nouveaux groupes crées dans les novelles

catégories, il y a donc quelques incohérences. Mais lorsqu’on mettra le site en ligne cela ne posera

plus de problèmes, car les utilisateurs n’auront plus accès à l’ancienne table.



Date

Ce matin : montage du meuble, on en a profité pour réarranger le cabinet.

J’ai effectué quelques traductions sur le site. Un réaménagement du topmenu à été réalisé, plusieurs

liens ont migrés dans le « footer ».

Méthode pour traduire une étiquète :

Aller sur ce lien : www.docs2docs/admin

Se loguer avec : Paul // 251186

Aller dans le sous-menu : Settings => Language Settings

Rechercher l’étiquette à traduire dans le champ « Search for strings »

Une fois trouvée cliquer sur edit (dans la catégorie fr)

Enfin modifier le libellé par la traduction.

Je vous transmets également le fichier sql de la bd, je le réimporterai de la base actuelle pour avoir

un fichier à jour.

Pour la taille des Tags, les 2 tailles sont les limites minimales et maximales des tags !!! .C’est à dire

que pour l’instant seul 2 taille apparaissent car il n’y a pas d’occurrence de mots intermédiaires. Je

pense qu’il s’agit du fait qu’il n’y a pas assez de tags rentrés dans la base.

En faisant un petit test sur les membres on s’aperçoit qu’il y a plus de 2 tailles ! La police des tags est

calculée en fonction de l’occurrence des tags, de ce fait il peut y avoir une infinité de tailles de polices

si le nombre de tags est très important et qu’il y a beaucoup de disparité entre les nombre

d’occurrences des tags.

Journal quotidien



Date

Lorsque je vous ai répondu 2 tailles, je croyais que vous parliez du nombre de taille actuelle qu’il y

avait, mais en faisant quelques tests on s’aperçoit que :

Ici on a bien 3 taille différente : petites moyenne et grande.

J’ai traduit toutes les occurrences « blogs » par « histoires ».

Je compte changer le nom des catégories par les catégories que vous m’avez conseillés.



Date

J’ai enlevé le lien Hot or Not ainsi que la page php, afin de ne pas pouvoir y aller tout de même en allant à cette adresse : www.docs2docs.com/rate.php

Rajout de quelque image à l’animation flash (compréhension du redimensionnement des images et de l’intégration dans la bannière flash).

Pour ce qui est de la bannière flash en elle-même et le texte qu’elle comporte, semble difficile à modifié.

Il faut modifier la bannière flash en elle-même, si j’ai un peu de temps je pourrais m’y plonger (il faudrait

télécharger la version d’essai de flash).

Pour ce qui est des Tags voici l’extrait du code d’un fichier config qui permet de modifier certaines

choses :

Si nous voulons donc 20 Tags par page (50 par défaut), il nous suffit de changer la première variable.

Attention ! La variable $iTagsPerPage n’est uniquement le nombre de tag sur la page d’accueil. J’ai donc

rajouté une 4ème variable pour la limite des tags sur toutes les autres pages (variable Les 2 variables

suivantes définissent les tailles des polices de petits tags et des grands tags.

J’ai donc modifié à 7 l’affichage des tags sur la page d’accueil, il reste désormais à définir à 20 le nombre

de tag sur toutes les autres pages. Pour cela il faut modifier les requêtes pour prendre en compte la

variable. Ceci est fait pour les groupes (http://www.docs2docs.com/groups_home.php), on peut voir qu’il

n’y a que 20 tags d’afficher (alors que j’en ai rentré plus).

C’est désormais effectué pour toutes les pages qui affichent les tags. Il reste à modifier le code afin d’avoir

la possibilité d’afficher plus de tags

Journal quotidien



Date

Aujourd’hui je continue mon travail sur les flux rss. La page des flux rss a été complétée.

Les flux fonctionnent correctement, cependant due aux htaccess (le fichier qui permet l’identification

sur le site) les fonctions google yahoo etc ... ne peuvent pas accéder aux flux (elles n’ont pas le pass

…).

J’ai aussi enlevé dans le menu horizontal principal les fonctions qu’on ne voulait pas voir apparaitre

(musique, vidéo et tableau).

J’ai aussi changé complètement la page d’accueil, l’agencement est (je pense) plus clair. J’ai enlevé

les blocs inutile (vidéo, musique, etc …). Le nouvel agencement est pour l’instant fait pour que les

deux colonnes soit à peu près de la même longueur.

J’ai donc rajouté du contenu, pour voir la taille maximale des blocs de la page d’accueil.

J’ai enlevé la bannière flash (en activant le bloc html à la place). Nous pourrions peut-être ajouter de

l’information dans ce bloc html ?

J’ai tenté d’ajouter une image en haut, mais sans succès ! (trop petite apparemment). Il faudrait que

je trouve une image qui s’adapte bien dans le cadre (ou qui respecte ses proportions : 400 * 80).

Journal quotidien



Date

Pour la différence entre article et news : il s’agit principalement qu’on peut ajouter un article dans

une catégorie ce qu’on ne peut pas faire avec une news. Lorsqu’on rajoute un article on utilise fck

editor ce qui permet de rajouter des images et d’organiser vraiment le contenue comme on le

souhaite (wysiwyg).



Date

J'entreprends aujourd'hui le travail sur les flux RSS. Je commence par afficher le petit logo rss dans la

barre de naviguation (sous firefox, sous ie à côté des onglets).

J'ai aussi rajouter un autre logo RSS sur toutes les pages du site, dans la barre « du haut » :

J'ai crée une nouvelle page : rss.php

Lorsqu'on clique sur le bouton rss (de la barre du haut), on arrive sur la nouvelle page, qui contient

les différents flux rss.

Pour l'instant seuls les flux des blogs, des groupes, des annonces et des événements sont

implémentés. Devons-nous en implémenter des autres ?

Le script permettant d'aller chercher les 'X' derniers flux m'a été donné par François. Il a fallu ensuite

l'adapter pour Boonex. C'est à dire changer toutes les variables, les requêtes.

L'implémentation de la page rss.php a nécessité plusieurs modifications. Pour rester conforme à la

programmation de Boonex, j'ai du faire attention à rester conforme aux différentes langues. En effet

il ne suffit pas d'ajouter du texte en « brut », il faut utiliser la base de donnée! En effet si on veut que

le contenu de la page soit traduit quand on passe en anglais, on doit rajouter un attribut dans la table

de macros.

Cette macro contient le contenue Anglais pour l'idlangue 1 et le contenu Français pour l'idlangue 2.

Journal quotidien



Date

L’affiche n’est pas très poussé mais c’était juste pour voir si cela fonctionner bien. Je suis en train de

me pencher sur cet affichage avec logos rss etc …



Date

Illustrations de la méthode utilisée pour les fichiers html (petit exemple avec les groupes) :

code partiel de la page_74.html (correspond à la page du dessus) :

__include _header.html__

__page_tags_group__

__page_header_text__

__page_main_code__

__page_top_groups__

__include _footer.html__

Chacune de ces « macros » correspond à un « bout » de contenue. En créant une nouvelle macro

avec le contenue que l'on souhaite il est très facile de rajouter des blocs etc ...

La page des membres est maintenant correctement générée, les tags sont correctement affichés au

dessus du contenu principal.

Il reste un petit soucis (sûrement dû au css) sur la page des blogs ->blogs d'un membre.

Journal quotidien



Date

Au sujet des catégories de groupes, nous pourrions peut-être se baser sur celles-ci :

http://dailystrength.org/support-groups

Je me suis penché sur l'affichage des blogs qui posé problème. Il s'agissait en fait d'un bug d'affichage

de contenu. Le problème est maintenant résolu.

J'ai aussi rajouter dans la page d'accueil, les Tags des groupes.

La fonction de recherche des Tags par groupe n'est pas encore implémentée, donc lorsqu'on clique

sur un tags qui appartient à la catégorie groupe ça ne mène nulle part. Une fonction de recherche de

groupe est déjà implémentée, il faudrait que je l'améliore afin qu'elle prenne en compte la recherche

par Tags.

Ainsi elle pourrait être utilisée si l'utilisateur veut recherché des groupes en fonctions des Tags, ou

alors d'afficher les groupes concernés lorsqu'on clique un Tag de groupe.

Je me suis aussi penché sur les flux rss, On peut voir pour l'instant un tout petit essais ici :

www.docs2docs.com/rss.xml c'est un début, mais n'ayant jamais trop utilisé les flux rss, cela me

permet de me familiarisé avec la méthode. Le principe général est assimilé, il me suffit maintenant

d'agréger des articles sur wikipédia, doctissimo etc ... Il faudra aussi définir l'emplacement de ces

« news ». Gardes-t-on le principe des articles ?

Sinon j'ai modifié le logo de doctorama, voilà ce que ça donne :



Date

Aujourd'hui je poursuis mon travail sur les Tags. L'intégration des Tags dans les Groupes se déroule

en plusieurs étapes :

- Mise en place de la Base de Donnée pour accueillir les Tags : ajout d'un attribut « Tags » dans

la table Groups ainsi qu'un nouveau type de tags dans la table Tags.

- Effectuer les opérations pour que, lors de l'ajout, la modification ou la suppression des

groupes les données soient bien ajoutée modifiée et supprimer dans les bonnes tables.

- Enfin l'affichage des Tags des Groupes dans les pages souhaitées.

Lors de la dernière étape, un problème est survenue, en effet, il s'agit du même problème que dans

d'autres pages, le bloc « Tags » ne s'affichait pas au bon endroit (il s'affichait à l'intérieur du bloc

principal). J'ai voulue régler ce problème, et j'ai découvert quelquechose d'important dans

l'architecture du design du site.

En réalité chaque page est numérotée, dans ces pages, on appelle uniquement des « macros », le

traitement est simple, on remplace ensuite chacune de ces macros par son contenue (le code de la

page).

Ainsi il est en fait très aisé de rajouter de l'information (blocs tags ...) dans chaque page, il suffit de

rajouter une de ces « macros » dans la page.

Maintenant que je suis familiarisé avec cette technique je vais l'utiliser pour chaque modification

(affichage d'un nouveau bloc), que j'ai effectuer. Cela permettra de rendre le code plus optimisé et

de s'adapter au fonctionnement du code des développeurs de Dolphin.

Journal quotidien



Date

Les modifications ont été effectuées sur toutes les pages contenant des tags.

Pour ce qui est des flux rss, j'en ai discuté avec François et c'est en bonne voie.

J'ai aussi mis à jour le logo Doctorama :



Date

La traduction du site en anglais et en espagnol, ne se limite pas à traduire les libellés. Tout l'affichage

dépend de la langue choisie. En effet si un utilisateur anglais est dans une interface anglaise, il n'a

aucune envie de trouver des blogs, annonces, events en Français.

Ceci est fait pour les tags des blogs, il ne me reste plus qu'a le faire pour les autres tags.

En réalité lorsque l'utilisateur va rajouter des données dans la base, il faudra regarder dans quelle

langue il le fait.

Pour ce qui est des tags j'ai rajouter 2 champs dans la table Tags : Tags_en et Tags_es (Tag

correspondant par défaut au Français).

C'est une des solutions. Malheureusement ce n'es

surement pas la solution à adoptée. En effet cela fonctionne,

mais ça implique qu'il faudrait sur chaque table refaire la même

démarche. C'est redondant.

C'est pourquoi j'ai pensé à une autre solution :

ajouter un attribut Langue unique dans chaque table dont

j'aurais besoin. Il prendrait pour valeur fr en ou es. Ainsi le

traitement serait beaucoup plus léger par rapport à la base :

l'absence de schéma de choix, pas de redondance, n'utiliser que les requêtes pour sélectionner,

modifier ou supprimer des données etc ...

Voici le schéma qui représente cette solution :

L'attribut Langue prendra pour valeur fr en ou es, ainsi

lors de l'ajout ou d' « update » de données, il suffira de

comparer avec les valeurs de l'attribut langue.

Tags

ID

Type

Tag

Tag_en

Tag_es

Blogs

...

...

Langue

...



Date

Il faudra aussi pour les affichages des données des utilisateurs (blogs, events ...) changer les requêtes

pour obtenir les bons résultats.

J'ai effectué ces manipulations sur les fonctions « Événements », cela fonctionne correctement, en

effet tant qu'on se situe dans une langue, seuls les éléments de cette langue s'affiche (de même pour

la fonction recherche etc ...). Pour l'instant les tags persistent à s'afficher quelque soit la langue, cela

provient de la première manipulation qui devra être annulée.

Images « opensource » : http://www.sxc.hu/

Journal quotidien



Date

Je poursuis mon travail sur les tags, les tables Profiles et Tags rentraient en conflit. En effet lorsqu'on

ajoutait des tags dans son profil, ils s'inséraient dans la table profile et non pas Tags. J'ai donc modifié

les insertions, les éditions et les suppressions afin qu'ils soient correctement gérés.

J'ai aussi généré et affiché les tags de tous les membres dans la page membre, cependant, il reste un

léger souci d'affichage (de même que pour les photos) :

Pour l'instant soit les tags sont affichés en haut de la page mais dans le cadre des membres soit ils

sont affichés en bas hors du cadre, il s'agit d'un problème à la fois de design et de code à proprement

parlé. Je travail donc sur ce léger problème pour le moment.

Par la suite, il faudrait voir ce qu'on garde et ce qu'on enlevé du site, par exemple la recherche des

membres style « meetic » est peut être à enlevée ?

Voici les quelques images que j'ai sélectionnées pour l'animation flash.

Journal quotidien



Date

J'ai reçu un mail de boonex, me précisant que le patch pour la dernière version sortira au courant de

la semaine. En regardant sur les forums, je me suis aperçu, que les traducteurs proposant leur travail

pour la localisation du site, devront reprendre leur travail du début, en effet, la structure des fichiers

de localisation va changer.

Est-il donc nécessaire de passer à la 6.1 alors qu'on a une version stable déjà installée ?

Aujourd'hui je poursuis mon travail sur les tags, le principal problème que je rencontre est le fait que

dans chaque page la génération des tags est gérée différemment. Cela reste très intéressant ! En

effet je dois à chaque fois analyser le code, qui s'étend sur plusieurs fichiers rien que pour la

génération et l'affichage des tags.

J'ai aussi penser au fait que s'il on supprime ou qu'on rajoute des tags, il faudrait que ce soit fait

proprement (suppression dans la abse de donnée et dans la bonne table !!). Ceci ne m'a pas posé de

gros problème.

Désormais tout fonctionne correctement, il ne me reste plus qu'à gérer la langue pour les tags.

Journal quotidien



Date

Ce matin je me penche sur l'affichage des tags dans chaque page, je dois prendre exemple sur le

code déjà existant. Je dois créer une fonction dans une classe. Une fois créée, je pourrais l'utiliser où

j'en aurais besoin (dans chaque page), et je ne devrais pas réécrire tout à chaque fois (gain de

temps). En réalité seule la requête changera.

Voici à quoi ça ressemble :

Pour l'instant les pages blog et event contiennent les Tags.

Journal quotidien



Date

En ce qui concerne la nouvelle version de Dolphin :

Le passage à la version 6.1 peut se faire de 2 manière différentes :

• On réinstalle Dolphin. • On attend le patch pour ne pas à devoir tout réinstaller et tout reprendre du début !!

J'ai visité la page http://www.boonex.com/trac/dolphin/wiki/DolUpgrade mais il n'existe pas encore

le nouveau patch. Je les ait donc contacté par mail pour savoir quand-est-ce que ce sera disponible.

L'affichage des tags selon la langue utilisée est encore une problématique importante dans le

développement. En effet, cela implique de changer la base de donnée et la plus part des requêtes

utilisant les tags.



Date

Ce matin je me suis principalement consacré aux 2 erreurs qui persistaient sur le site. Pour la

première, il s’agissait d’une requête à laquelle il manquait des informations, après une multitude de

tests, je réussi enfin à la faire marcher. Les profils s’affichent maintenant correctement.

Pour ce qui est du forum, ma supposition de la veille s’est avérée juste ! En effet en cherchant à

travers quelques blogs et forums, je me rends compte que je ne suis pas le seul à obtenir cette

erreur. Il s’agit donc bien du .htaccess avec le système de session qui ne permet pas au forum de

fonctionner correctement, je l’ai donc désactivée le temps de faire quelques tests.

Par la suite je continue à faire un peu de design sur le site, et j’en profite

donc pour créer un nouveau logo, assez sobre et simple, pour

www.doctorama.com,. Après plusieurs essais, j’arrive à quelquechose de

satisfaisant.

Je me penche ensuite sur les Tags, en effet nous voulons afficher les tags sur chaque page. Ils doivent

correspondre à la page sur laquelle nous nous trouvons. Avant de me lancer dans le code, j’analyse

comment je vais procéder. Il va falloir lorsque je fait la requête pour récuperer les tags, regarder

dans quelle langue le site est-il afficher, pour ne selectionner que les tags en rapport avec cette

langue. De ce fait il est donc indispensable de rajouter autant d’attribut dans la table Tags qu’il y a de

langues différentes. Je dois créer une fonction qui construit un nouveau blocs (dans chaque page),

ces fonctions diffèrent uniquement dans la requête effectuée.

Demain je poursuivrai sur les Tags. Il faudra aussi que je me penche sur une analyse. Si, plus tard,

nous décidons de changer l’architecture du site (avec des grandes catégories), comment s’y prendra-

t-on ? Il va surement falloir mettre en place les tables avant, plutôt qu’une fois qu’on aura finit.

Journal quotidien



Date

Aujourd’hui je déménage ! En effet, je m’installe avec un nouvel ordinateur à côté de l’accueil. Ce

matin je configure donc le nouveau post de travail, installe tout ce qui me faut pour pouvoir travailler

dans de bonnes conditions.

Le schéma concernant l’architecture finale du site, m’aide beaucoup, en effet je commence à

remodeler le site pour qu’il ressemble à quelquechose. Je commence par modifier les blocs de la

page d’accueil afin notamment de faire ressortir les groupes et les idées importantes que nous

voulons mettre en place.

Après avoir enlevé l’animation flash, je me consacre à modifier quelques images du site. Même si ce

n’est surement pas le rendu final, j’analyse comment cela fonctionne, j’obtient donc un résultat

plutot satisfaisant en ce qui concerne les barres au dessus de chaque module.

Pour l’instant seul 2 problème persistes, l’affichage du profile et le forum (encore quelques erreurs

mais je pense que ça vient du fait qu’on doit ouvrir une session (avec Joecool13), en effet lorsque le

serveur tente de se connecter, il ne peut tout simplement pas car il est bloqué par le .htaccess

Journal quotidien



Date

Ce matin j’ai fait le « Schéma de la Base de données des catégories », il s’agit de bien comprendre le

fonctionnement des catégories et le liens avec les autres table de la base (idée à abandonner).

Ensuite je me suis dirigé vers différent site « 2.0 » qui fonctionnent sur le principe des communautés

et de l’échange d’informations :

http://www.over-blog.com/ :

Il n’y a pas de catégorie, mais il existe une très bonne raison à cela. Ce site n’est en aucun cas

informatif, il n’a pour but que de regrouper des communautés à travers des blogs, la notion de

catégories (imposées par le webmaster) est inexistante.

http://www.virb.com/

Cela ressemble fortement à Dolphin, on a la possibilité d’échanger musiques, photos et vidéos, de se

regrouper par groupes et de créer son blog. Dans chaque catégories (Musiques, Photos… il y a les

Tags les plus importants :

Il y a aussi un classement des membres, le site fonctionne en

partenariat avec Flickr pour les galeries photos. Il existe aussi des

Journal quotidien



Date

plugins assez intelligents, comme les dernières chansons écoutées sur Itunes qui s’affiche dans votre

profile.

Pour la navigation :

Sur l’accueil des musiques nous avons :

Le Top 10, les Tags, la Recherche avancées (par genres, localisation, tris …)

Ici on voit que seul les tags ne suffisent pas, il y a aussi la recherche par « genres » de musiques.

Article intéressant : http://www.atoute.org/n/article74.html

Liens intéressants : http://www.sermo.com/ - http://psychcentral.com/ - http://dailystrength.org/ -

http://organizedwisdom.com/Home - http://www.patientslikeme.com/

http://dailystrength.org/support-groups ici nous avons une interface qui ressemble fortement à

notre interface de groupe, il y a plusieurs catégories et dans chacune d’elles plusieurs groupes sont

crées. Il existe uniquement le système de groupes et de forums. Chaque groupe possède son propre

forum pour pouvoir échanger entre eux, ils peuvent aussi s’échanger leurs photos, vidéo, leurs

histoires, leurs sentiments …

Il est possible pour chaque utilisateurs de d’afficher son humeur du moment (smileys …)

Dans les groupes, il existe une fonction « Suggest », qui correspondrait à notre fonction

« Feedback », nous pourrions nous en servir pour avoir l’avis des utilisateurs, nous pourrions en tenir

compte pour ajouter des catégories.

Ils fonctionnent uniquement par les groupes et les « histoires » (blogs ?), ils ne fonctionnent pas par

« grande catégories » pour la navigation. Je n’ai pas vu de tags dans ce site … malgré que le squelette

soit assez pertinent.

J’ai commencé la synthèse des différents sites pour notre squelette final.



Date

Aujourd’hui il s’agit de conceptualiser la navigation « finale » du site. Je dois donc faire un schéma

complet qui représentera la navigation complète.

Le schéma terminé ressemble à ceci :

Il s’agit de naviguer par « grande

catégorie » : Santé, Médicaments,

Grossesse, Psychologie … chacune ayant

son code couleur. L’utilisateur est par

défaut dans la catégorie 1 (Santé), tout

ce qui se trouve dans cette catégorie est

en rapport avec la santé, s’il change de

catégorie (par l’intermédiaire d’onglets),

la charte graphique change ainsi que le

contenu.

Je me suis documenté sur les techniques que j’allais utiliser pour mettre en œuvre ce modèle, la

meilleure est, je pense, le système de session. On enregistre d’où vient l’utilisateur pour savoir

quelles requêtes effectuer et quel fichier exécuter.

En ce qui concerne la base de donnée, il va falloir changer la table « catégories » pour qu’elle

corresponde aux attentes des utilisateurs publics. Pour savoir si l’utilisateur est dans telle ou telle

catégorie, on ne se basera pas

Catégories

1 2 3 4

Dolphin Dolphin Dolphin Dolphin

Photos

Toutes

+ Photos

Affiche toutes les photos de la catégorie 1

Ajoute une photo dans la catégorie 1

Affiche toutes mes photos (de la cat 1 ou non ?)

Affiche toutes mes favorites (de la cat 1 ou non?)

Affiche les photos les mieux notées de la cat 1

…

…

Journal quotidien

Modèle conceptuel de données de la navigation



Date

J’ai testé de modifier le css, pour changer l’apparence du site, par exemple changer la couleur des

barres de navigation :

Ou encore supprimer les liens dans la barre qui se trouve tout en haut pour rajouter nos boutons

(laisser le choix de langues) :

J’ai enfin visiter plus profondément le site http://www.boonex.com/unity, il y a pas mal de tutoriaux

sous forme de vidéos plutôt bien fait, j’ai noté quelques infos intéressantes.



Date

QUESTIONS :

TM : J’ aime bien l’ interface de http://www.boonexnerd.com.... –> largeur du site ….=

quel pourcentage ?

P : Dans le fichier css on peut s’apercevoir que la largeur n’est pas en % mais en pixels. Il s’agit de la largeur d’origine de Dolphin : 754 pixels.

TM : Je crois que c’est plus lisible que le template FaceBook … non ?

P : L’avantage du template FaceBook c’est que la navigation est sûrement connue de l’utilisateur.

Notre avantage en gardant le Dolphin original c’est d’offrir à l’utilisateur un nouveau moyen de

naviguer (tags, blogs, groupes …), une innovation et une interface claire.

TM : navigation et recherche dans les blogs –groups… ? Les tags doivent apparaître dans

dans toutes les pages all blogs, all photos…

P : En effet pour le moment les tags n’apparaissent pas dans la barre de menu en haut. Etant donné

qu’ils apparaissent dans le module Tags, il sera tout à fait possible d’implémenter une nouvelle

fonction « Tags » dans chaque rubrique dans le « TopMenu ».

Journal quotidien

fichier css … width:754px; …



Date

FAIRE :

Test youtube :

Here's how to add your own YouTube block:

1. Login to admin.

2. Go to Builders > Homepage Builder

3. Create a new block. For example "youtube"

4. You now need to login to your database via phpMyAdmin.

5. Go to the IndexCompose table. Find the block title in the

list.

6. In the "Content" field, paste your youtube video link there.

7. Save.

8. Refresh your page. Width of the video to 320x240

On rajoute dans le champ « Content » le

lien youtube. Résultat contenu dans la

page d’accueil :



Date

Pour l’instant il n’est pas possible de faire ce genre de chose la dans les blogs car on ne peut pas

encore rajouter du code html.

Réflexions :

TM : Peut-être serait-il plus intéressant pour les sites Professionnels de réaliser une

communauté par catégorie mère : docs2docs pour les médecins – dents2dents pour les

dentistes – vets2vets pour les vétos…

P : Je ne pense pas que réaliser une communauté différente pour chaque catégorie soit une bonne

solution. Je pense qu’un produit doit apporter à chaque utilisateur ce dont il a besoin, il doit donc

comporter toutes les fonctionnalités attendue par la communauté. De cette façon notre produit

global correspondrait à une communauté générale. Diviser ou fractionner en plusieurs communautés

ne rendrait le produit que moins attractif.

Nous pourrions inclure dans le menu horizontal tout en haut du site les catégories les plus

attendues :

Les catégories issues de Dolphin ne correspondent pas du tout au milieu de la santé, c’est pourquoi

je dois implémenter des nouvelles catégories.

Aperçu des anciennes catégories :



Date

Avec François nous avons choisi de travailler sur la même table « Category » déjà définie dans la base

de doctorama. Ainsi si un jour quelqu’un rajoute une catégorie elle sera accessible aux 2 sites. C’est

la meilleure manière de procéder, en effet cela évite les redondances, cela ne ralentira pas la

navigation lorsque les 2 sites accéderont à la table en même temps car il s’agit de requêtes legères.

Pour l’instant je travaille sur la table « category » contenue dans la base test_doctorama, cela me

permet justement de faire des tests sans danger quelconque.

J’ai donc effectué plusieurs modifications du code (8 fichiers modifiés):

- Modification de la requête pour l’affichage des catégories.

- Modification de la requête pour la recherche de catégories. - Modification de la requête pour la navigation dans les groupes

- Modification de la requête pour l’appartenance d’un membre aux

groupes.

…



Date

Voila ce à quoi ressemble maintenant l’affichage des catégories :

Pour l’instant les catégories sont listées comme

ceci sans gérer les catégories mères et filles, je



Date

mercredi 23 avril :

“All of our software needs to be licensed. There is an ad based version that links cannot be removed

from - licenses or not. There is an ad free version that has ads, but with this version you can purchase

licenses that remove links or ads. If you choose to remove links or ads, there are 11 of these scripts to

do this with:”

Il existe en fait 2 versions de dolphin+orca+ray (normale et « ad-free »), c’est seulement avec la ad

free que nous pouvons enlever les liens publicitaires avec la license. Or c’est la version normale qui

est actuellement installée en ligne. Je vais donc rapidement réinstaller la bonne version pour que

nous puissions travailler sur une base sûre. Il faut que j’upload la totalité de dolphin sur le domaine,

ça pourrait prendre un peu de temps.

Le Module Yahoo

Il permet à partir du module du site, de récupérer sa liste de contacts et de leur lancer des invitations

au site. Ce genre de module permettrait d’étendre le réseau d’utilisateur (principe du bouche à

oreille).

Logins :

Site : joecool_13

clara95

Admin : Paul



Date

Navigation entre les catégories :

Représentons la hiérarchie :

Les utilisateurs pourraient

se regrouper dans des

groupes, eux-mêmes

inclus dans des catégories.

Ils pourraient parler et se

présenter à travers leurs

blogs, chaque utilisateur

pourrait réagir en postant

des commentaires.

On pourrait imaginer un logo (un petit .gif) pour chaque catégorie, ainsi on pourrait reconnaître

facilement si un utilisateur appartient à un groupe de telle ou telle catégorie, en affichant ce logo à

chaque fois que son nom apparaît (dans le forum, dans son blog etc …).

Il pourrait discuter avec les autres utilisateurs via le Forum. (On pourrait créer des catégories sur le

forum se rapportant aux catégories de doctorama). Afin que le forum ne paraisse pas trop « vide »

on pourrait créer des sous forums, ainsi à première vue, seuls les forums pères apparaissent.

Je vais donc récupérer la table Catégorie de Doctorama et la rajouter dans Docs2Docs, il suffira

ensuite dans la table utilisateurs de Docs2Docs de rajouter l’IDCatégorie

Naviguation : récupérer la table catégorie de

doctorama et inserer dans la section

catégorie

On pourrait aussi, lorsqu’on va choisir pour

la première fois sa catégorie et son groupe

Catégories de Groupes

Admins

Groupes

Utilisateurs

Categories

IDCat

…

Utilisateurs

…

IDCat



Date

(on peut éventuellement appartenir à plusieurs groupes), afficher une liste déroulante avec toutes

les catégories. Certaines catégories sont composées de sous-catégories, si on choisit une catégorie

« père », on aurait alors la ou les catégories filles qui en découle.

Il faudrait aussi (peut-être plus tard) faire comme sur doctorama : créer un répertoire « Test » dans

docs2ocs. Je ferais en premier lieu les modifications sur Test avant des les mettre à jour sur

docs2docs.

On a eu une réunion ave M. Meyer sur l’avancement du projet, et de la navigation du site, et

particulièrement sur les notions de Groupes, Catégories. Elles sont maintenant bien assimilées.

J’ai continué à étudier le projet en profondeur sur toutes ses fonctionnalités et comment y accéder

dans la navigation. Comment l’utilisateur va-t-il devoir naviguer entre les modules ? Essayer de

trouver les meilleures solutions si elles ne sont pas satisfaisantes.

J’ai aussi installé la version « Ads Free » sur docs2docs.com, je n’ai eu aucun problème particulier

pour l’installer. J’en ai profité pour mettre un accès protégé au site le temps qu’il soit opérationnel.



Date

mardi 22 avril :

Message pour le template FaceBook:

Hello Cclive,

I'm interest in your FaceBook Template, but i wanna know if you could set up a test site for me. If it's

corresponds to our expectations, we'll buy a license.

Thank you.

Message pour Boonex à propos de la « case sensitive » :

Hello,

I have a problem with Dolphin and DataBase,

My host is probbly on a Linux/Unix System and, it's case sensitive.

In fact, all my tables names are in lowercase, and all the sql querry are like : "... FROM MyTable ..."

So, when i run Dolphin I have errors "Database querry", I made a little script : whenever dolphin

encountred an error, it's modify the name of the table with the correctly upper case...

I want to know if a better solution exists ? For example, if an update is released, what about my table

names and my sql querry ?

Thank you.

Qu’est que ça veut dire ? : “… but Dolphin is able to be used on a clustered server setup, so

this allows you to add servers if things become too tight…”

Ca veut dire qu’on a la possibilité d’utiliser 2 serveurs, l’un servirait à remplacer le premier si ce

dernier venait à tomber en panne. Nous avons aussi la possibilité de rajouter un serveur si la bande

passante du premier n’est plus suffisante (en cas de grosse connexion simultanée) pour booster le

site.



Date

« CClive » m’a répondu. Le site de test de son

template est disponible ici. A première vue, il

s’agirait d’un modeste « copié/collé » de Facebook

original. Il faudrait donc changer le design, et

apporter une touche de personnalité pour qu’on ne

puisse pas dire qu’il s’agit de plagia ou autre copie.

Pour ce qui est du template gratuit FaceBook, vous

pouvez en voir une démo ici. Je ne le trouve pas très

beau visuellement,

De plus sur l’ecran où je travaille

(résolution wide), le site n’est pas du

tout optimisé :

Plus tard j’ai essayé de faire fonctionner

orca en ligne, un problème « xml »

intervient. Il faut que je me penche d’avantage dessus.



Date

lundi 21 avril :

Ce matin, l’espace qu’avait crée François était opérationnel, j’ai donc pu travailler en ligne.

Il a fallu que « j’upload » tout les fichiers de ma machine sur le serveur, ce qui à mis un peu de temps.

J’en ai profité pour faire quelques modifications sur la base de données, notamment ce qui concerne

la localisation en Français.

Je me suis aussi penché sur la navigation du site, et plus particulièrement sur les groupes et les blogs,

cette première approche profonde, m’a permis de voir qu’il n’y avait aucun lien entre les tables

GroupCategories et BlogCategories.

La navigation dans les groupes pourra être améliorée.

J’ai aussi un peu étudié les 2 « FaceBook templates », la version gratuite datant du 21 mars 2008

semble performante. La payante est encore plus récente et sera à testée lorsque le site sera

J’ai donc installé Dolphin sur le domaine docs2docs.com.

J’ai du changer le fichier de configuration, pour qu’il soit compatible avec DreamHost.

J’ai rencontré une seule difficulté. Le problème venait de la base de données. En effet, les requêtes

se faisaient sur des tables comportant des majuscules alors que la totalité des tables sont en

minuscules. En fait DreamHost est sensible à la casse sur le nom des tables alors qu’en local je n’avais

pas rencontré ce problème.

Plusieurs possibilités se profilaient :

- Changer toutes les requêtes du site pour qu’elles se fassent sur les bonnes tables (en minuscules).

- Changer toutes les tables qui en ont besoin (on ne va pas changer les tables qui peuvent rester en minuscules !!!). François et moi avons donc crée un script :



Date

Un message d’erreur apparaît lorsque la requête n’était pas conforme. Le script s’occuper

donc de récupérer le nom de la table contenue dans la requête et modifiait le nom de ce

table dans la base de donnée du site.

De cette façon à chaque erreur il suffisait d’actualiser la page pour passer à l’erreur suivante

jusqu’à ce que le site s’affiche correctement.

Le site est donc « opérationnel », j’entends par là qu’il fonctionne dans sa globalité, cependant pas

mal de table n’ont pas encore été modifiée, ce qui peut provoquer encore quelques erreurs MySql.

Le fait de travailler en ligne m’a bien montré plusieurs choses :

- Nous devons respecter les « normes » de notre hébergeur, mais du coup nous n’avons plus à nous préoccuper, d’installer des extensions (elles sont en général installées chez l’hébergeur lui même).

- Nous travaillons bien en temps réel, ce qui permet de voir le rendu exact.



Date

vendredi 18 avril :

Architecture du site

Ce matin j’ai fait le schéma représentant

l’architecture du site. Il a pour but de bien

comprendre l’infrastructure (relations père / fils),

mais aussi d’avoir un résumé global du projet.

On peut voir que deux « pères » du schéma n’ont

pas de « fils ». En réalités ils en ont, mais nous ne

les avons pas représentés sur le schéma. Ils feront

partie d’un autre schéma.

J’ai aussi mis la base de donnée à jour, grâce au « pack » de langue acheter hier, c’est en réalité un

fichier sql, il comporte une requête de 2654 lignes pour la langue française. Il crée un nouveau tuple

(une nouvelle ligne) dans la table « localizationlanguages », et ajoute tous les tuples (toutes les lignes

traduites) dans la table « localizationstrings ».

Je n’ai pas rencontré de problème particulier pour effectuer ceci.

Par la suite j’ai due faire 2 schémas supplémentaires :

- L’un qui représente la navigation et le système de recherche du site. - L’autre qui représente les tables de localisation et qui explique la concordance entre les

langues…

Je compte aussi corriger les quelques anomalies dans le fichier sql pour la localisation (pas eu le

temps).



Date

jeudi 17 avril 2008 :

Ce matin j’ai due installer dolphin sur le pc de M. Meyer afin qu’il puisse regarder de lui-même

l’étendue des fonctionnalités disponibles. Malheureusement, je n’ai pas pu finir l’installation, j’utilisai

un autre système d’exploitation (vista) ainsi qu’une version supérieure de php. Je ne sais pas

vraiment si c’est dû à ça ou non. J’ai cherché et essayer une bonne partie de la matinée mais ce fut

sans succès.

Je me suis donc penché de nouveau sur les 2 autres principaux problèmes que j’avais :

- Avoir toutes les informations possibles sur les licences de langages : Est-ce qu’il existe un support français s’il on achète une licence Dolphin.

- Faire fonctionner le forum de Dolphin (pourquoi j’obtiens une page blanche ?)

J’ai donc contacté le support technique de Boonex par mail. Ils m’ont répondu rapidement :

- Si l’on achète une licence Dolphin, on n’obtient pas une traduction française mais uniquement une suppression de tous les liens publicitaire du site.

- Pour le forum il m’a conseillé de bien regarder les extensions (options) php que je possédais et si elle correspondait avec les extensions requise. Travaillant en local avec une version d’EasyPhP n’ayant pas les 2 extensions requise, j’ai du mettre à jour les extensions et réinstaller Orca (le forum). Depuis plus aucun problème, je peux maintenant accéder à Orca.

Les utilisateurs du site communautaire de Boonex (Expertzzz), proposent des traductions de Dolphin,

Orca, Ray … M. Meyer a donc acheté une traduction faite par un utilisateur Français. Elle contient

aussi une traduction Espagnole. J’ai regarder les fichiers rapidement, ils semble assez complet (il

manque quelques phrases non traduites, je dirais maximum une trentaine, sur 2654 phrases/mots,

c’est donc plus que raisonnable)

Comment se passe l’ajout d’Articles ? Est-ce que les users peuvent en ajouter, les voir ?

Par défaut, seul l’administrateur du site peut rajouter des « Articles », il s’agit en fait d’annonces de

l’administrateur. Par exemple s’il veut que les utilisateurs du site soient au courant de plusieurs

choses à propos de celui-ci, il peut le mentionner dans un « article ».



Date

Je n’ai pas vu d’options dans « l’admin pannel » qui permette d’autoriser les utilisateurs à créer un

article.

Comment fonctionnent les widgets ?

Dolphin peut intégrer plusieurs plugins. Ray en est un.

Il gère les widgets. 10 Widgets sont proposés gratuitement. Pour les autres ils sont disponibles sur le

site.

Il existe 10 widgets gratuits dans la version installée en local sur l’ordinateur.

Evidement certains de ces widgets comportent des pubs, qui sont sûrement supprimable en achetant

les licences (pour chaque widgets !!).

Peut-on integrer des images dans Orca (le forum) ?

Oui (et facilement).



Date

Mercredi 16 avril :

Ce matin je cherche des informations pour installer le langage français au site. Il est mentionné dans

les Features qu’il est inclus, mais ce n’est pas le cas (peut-être est-il inclus avec une licence

achetée ?).

J’ai trouvé les informations sur « comment installer un langage », il faut passer par la base de

donnée, c’est aisément réalisable.

Sur le site expertzzz.com plusieurs pack de langage payant sont disponible. Je suis allé voir sur les

forums et dans les notes des utilisateurs. Un pack (fait par un utilisateur de dolphin) semble être

correct : http://www.expertzzz.com/Downloadz/view/2916 vous pouvez voir le profil de l’utilisateur

qui a fait ce pack ici

Sur les forums certains mentionnent qu’ils

ont eu quelques soucis avec le système de

paiement du site, et qu’il faut mieux en

général passer par la personne directement.

Pour conclure, il faudrait mieux acheter la

licence directement sans passer par ce

système très peu professionnel.

J’ai effectué quelques petites modifications, par exemples j’ai regardé si dans le code il était facile de

changer les modules de places par exemples, puis je me suis aperçu que ce genre de modification

était faisable depuis le panneau d’administration. Il est donc aisé de modifier les emplacements des

modules, leurs noms etc …



Date

Mardi 15 avril :

Ce matin je continue de tester Dolphin, j’ai rencontré quelques bugs, en effet les liens du style « Mon

profile » ne fonctionne pas. En effet :



Date

=>

Mon objectif de ce matin sera donc de rectifier ceci, afin que chaque lien qui pointe sur le profile,

pointe bien sur la page « member.php » qui correspond à « My Account ».

Il s’agirait apparemment du fait que je travail pour l’instant en local, il faudra que je teste à nouveau

cette fonction on line. En effet, chaque utilisateur reçoit un mail lors de son inscription qui lui permet

de la valider, or en local le protocole SMTP (qui envoie les mails) ne fonctionne pas !!

Je me lance donc dans un test global du module, je teste toute les fonctions que je peux pour

l’instant utiliser.

Tout à l’air de bien fonctionner, chaque utilisateur a en fait la possibilité

Le panneau d’administration est très

complet et permet notamment de

définir les Meta Tags et comporte

même un éditeur de CSS.



Date

Je rencontre un autre problème actuellement, lorsque je clique sur le forum d’un utilisateur, j’obtient

une page blanche, cela est peut être du à la version de php de Easy php installer sur l’ordinateur, en

effet dans les « Technical Requirements » d’Orca il est demandé une version de PhP 4.3.6 ou

superieure. Il est aussi probable que cela vienne d’une extension non active dans EasyPhP.

En mettant la version 4.4.8 de Php (dans EasyPhP), le problème persiste.

Mon premier problème est résolu : les liens de type « Profile » fonctionne, en parcourant un forum,

j’ai vu quelqu’un qui avait le même problème que moi et j’ai effectuer la manipulation qu’il

conseillait. (Lien ver le forum).

Lundi 14 avril

Ce matin j’ai essayé d’installer Dolphin. C’est une interface web complète, il existe une communité

existante (non francophone). C’est aussi un moyen d’échanger entre les utilisateurs, ils peuvent créer

un réseau social, des rendez-vous partagez leurs vidéos, leurs musiques, leurs photos et bien plus

encore. C’est en fait un concentré de Youtube, FaceBook, MySpace, Flickr, Odeo … En fin de matiné

je n’avais toujours pas réussi à l’installer.

En effet j’ai rencontré quelques problèmes lors de l’installation de Dolphin, ils se situaient dans un

fichier mal configuré lors de l’installation. J’ai réussi finalement à installer Dolphin grâce notamment

au forum du site, où un utilisateur anglais avait eu le même problème que moi et l’avait résolu.

J’ai ensuite fait quelques tests en local sur le module : administration, ajout d’utilisateurs,

fonctionalités ...



Date

J’ai ensuite analysé le code source de Dolphin, essayé de comprendre comment il était codé.

Premières bonnes impréssions, le code est bien commenté, il est clair malgrè la multitude de fichiers

présents



Date

ANNEXES



Date

Sommaire des Annexes

Mettre les pages de listing au format A4

Documents

Rapport de Stage - shareddoc.free.frshareddoc.free.fr/Rapport_de_Stage_15_06.pdf · une formation pluridisciplinaire et professionnalisante. J’ai effectué mon stage au Cabinet