Dossier ISN.docx
2012-2013
Dossier Projet Informatique et science du numrique
GEFFRYProfesseur: M. DerigentFlorian Lyce BellevueTS6
Introduction :
Dans le but du projet de la spcialit dinformatique et de science
du numrique, jai port mon intrt sur un sujet qui me passionne, la
finance. Je me suis pench dautant plus sur l'lment le plus
important en finance cest--dire linformation. En effet les marchs
sont influencs par les diffrentes donnes et informations qui
circulent sur la bonne sant du produit, de lentreprise ou du
placement. Jai donc eu comme ide de projet un site web offrant
lutilisateur des informations, et des actualits sur et autour de la
finance.
Sommaire :
1. Cahier des charges Objectif de dpart Langages et logiciel
Schmas 2. Dveloppement du projet Difficults et aides Schmas Carnet
de bord 3. Rsultats et Achvement du projet Bilan volutions
possibles Images du site 4. Annexes
1. Cahier des Charges
Objectif de dparts:Au dpart j'ai souhait construire un site web
et ax l'intrt sur les flux de donnes et des applets java :
Fonctionnalits prvues : Calculatrice Convertisseur de monnaies
donnes de la bourse en temps rel Prsentations de placements
boursiers Portail d'information Graphique des cours de la bourse
Espace commentaire Contactez l'administrateur prsentation de l'ISN
avec redirection sur le site de la classe Nouvelle par flux sur
page d'accueil Temps estim 10 semaines Emploi du temps des semaines
:
1. Esquisse des pages du site2. Mise en place des diffrentes
pages3. Dveloppement des applets java4. Dveloppement des applets
java5. Dveloppement des applets java6.Cration de la page sur
linformation 7. Dveloppement de la page sur linformation8. Finition
des pages du site 9. Rdaction des articles et logo du site10.
Rdaction du Dossier
Langage et logiciels:Les langages prvus pour ce projet sont
:HTML 5 : Afin de coder le site web CSS 3 : Pour les ornements du
siteJavaScript : prvu pour des animations du siteXML : il sera
utilis pour rcuprer les informations en continuJava : Pour coder
les applets
Les logiciels lis sont :Notepad++ (6.3.2) : Pour lHTML et le
CSSEclipse (3.7) : Pour les applets java GIMP (2.8) : Servira sil
faut faire des sprites et pour le logoFirebug (1.11) : Pour vrifier
le code HTML et CSS
Schma : Finalit recherch :
2. Dveloppement du projet
Difficults et aides :Site web : En ralisant le site web, il a
fallu trouver une apparence rappelant la finance donc il fallait
organiser un thme assez classique.
Pour le portail dinformation jai eu beaucoup de problmes pour
rcuprer les flux des journaux en temps rel, mais finalement jai
trouv un outil[footnoteRef:1] que Google met la disposition des
dveloppeurs pour utiliser son service Google Reader qui permet de
lire les articles du web. [1:
https://developers.google.com/feed/]
Lorsque jai ajout le bandeau dfilant aux sites web je me suis
aid dun plug-in JavaScript que jai trouv sur le Net[footnoteRef:2]
qui permet de faire dfiler un objet. Puis je lai combin avec le
code utilis pour avoir des informations en continu pour arriver au
rsultat final. [2:
http://forum.phpfrance.com/vos-contributions/objet-defilant-javascript-dom-xhtml-css-t251015.html#p312172]
Jai voulu ajouter la page dactualit des boutons permettant de
passer dynamiquement entre une rubrique nationale, une autre
internationale, une autre locale. Malheureusement cela a cr de
nombreux problmes sur le positionnement des lments. Finalement du
fait que lactualit conomique locale ne soit pas assez riche je les
ai par la suite retirs.
Pour quon puisse afficher les articles sur une mme page, jai
crit un petit script JavaScript pour permettre laffichage de
ceux-ci. Ce script me posera quelque problme, car a t mon premier
code JavaScript, et dautant quaprs avoir fini jai appris quune
fonction jquery faisait la mme chose, mais je ne lai pas install
puisque le mien fonctionnait dj. Il en existe donc 2, un qui est
amlior pour fonctionner avec le portail dinformation et lautre pour
les articles statiques que jai rdigs.
Applet Java :
La difficult premire tait de trouver un moyen de rcuprer les
donnes de la bourse en direct. Aprs quelque temps de recherche, jai
trouv un site[footnoteRef:3] qui donnait accs aux donnes de Yahoo
finance (qui permet leurs utilisations pour un but non
commercial)[footnoteRef:4]. Sur le mme principe que prsent, jai
dcod comment lURL tait compose pour lutiliser dans lapplet de
conversion de monnaie et celui du graphique de la bourse. [3:
http://www.gummy-stuff.org/Yahoo-data.htm] [4: Chapitre 10 :
http://info.yahoo.com/legal/fr/yahoo/tos.html]
Schmas :Structuration dune page lambda du site web :
Page: Entte (header) Barre dinformation qui dfile Barre de
navigation Corps-Division Droite Applet des cotations-Division
gauche Article 1 ou outils Article 2 ou outils Article 3 ou outils
Pied de page
Exemple : Schma de lapplet sur les cotations dentreprises
Carnets de bord:
11/03 - 17/03Rflexion sur lide et cahier des charges.
17/03 - 24/03Premiers lments du site et essai de diffrentes
couleurs, rorganisation des rubriques du site en 4 pages les
premiers codes JavaScript pour que les articles se droulent.
24/03 - 31/03Vacances de Pques : javance beaucoup sur le premier
applet qui sera sur toutes les pages malgr de nombreux ennuis. Je
trouve comment rcuprer les donnes des bourses, je change les
couleurs du site et trouve l'outil qui me permettra dafficher des
articles provenant dautres sites. Je commence coder une
calculatrice basique partir dun prcdent exercice ce propos.
31/03 - 07/04Travail sur lapplet de cotation des entreprises
avec des problmes pour laffichage de limage de la flche et des
valeurs errones. Je minitie avec les flux RSS et loutil Google feed
pour faire la page dactualit. Les premires lignes de code du
convertisseur de monnaie sont crites, mais je suis confondu parce
quil faut trouver un moyen de rcuprer le cours des monnaies.
07/04 - 14/04Ajout des boutons sur la page actualits ce qui
entraine plein de bug et arrangement du code de la
calculatrice.
14/04 - 21/04Ajout de lIRC, tentative veine de corriger les bugs
et finalement en fin de semaine jai retir les boutons et fini
lapplet pour les monnaies et jai commenc lapplet sur les graphiques
des cours de la bourse
21/04 - 28/04Ajout de la barre de dfilement dinformations en
continu et amlioration des autres codes JavaScript
28/04 - 05/05Suite et fin du travail sur lapplet faisant les
graphiques de la bourse
05/05 - 12/05Rdaction du dossier et finitions des articles et
pages du site
12/05 - 19/05Remise du dossier et du projet.
3. Rsultats et Achvement du projetBilan
Pour finir, la plupart des objectifs fixs au dpart sont prsents.
On peut donc trs facilement se servir du site pour sinformer sur
les fluctuations de la bourse, sur les nouvelles conomiques, pour
savoir le taux de change entre les monnaies. Le site a quand mme t
transform au cours de lavance du projet cause de ce qui tait
faisable et ce qui ne ltait pas. La partie contacter
ladministrateur cens permettre denvoyer un email en remplissant un
formulaire, na pas pu tre faite parce quelle demandait lutilisation
dun serveur web qui aurait t trop long mettre en place.
volutions possiblesLes amliorations pourraient tre; Lajout de
certaines fonctionnalits prvu ds le dpart qui nont pu tre
introduite comme le formulaire pour contacter ladministrateur, cit
prcdemment. Un espace commentaire aux cots des actualits que lon
peut lire,Un petit programme pour aider le webmestre poster
facilement des articles sur la page d'accueil sans devoir changer
le code HTML de la page. La modification de lapplet du graphique de
la bourse, en permettant de comparer plusieurs courbes en les
superposant et en amliorant le graphisme de la courbe avec une
partie hachure.
Schma final des rubriques:
Images du site
4. AnnexesCodes:
Applets des cotations dentreprises :Liens :
http://code.empreintesduweb.com/3277.html
Applets du graphique de la bourse :Liens :Premire class (main) :
http://code.empreintesduweb.com/3281.htmlDeuxime class (Requete):
http://code.empreintesduweb.com/3282.htmlTroisime class
(Traitement) : http://code.empreintesduweb.com/3283.htmlQuatrime
class (Gui) :http://code.empreintesduweb.com/3280.html
Applet du convertisseur de monnaie :Lien :
http://code.empreintesduweb.com/3278.html
Applet de la calculatrice :Liens :
http://fr.sourcepod.com/jrtrqh91-18662Ou :
http://code.empreintesduweb.com/3276.html
Site web et JavaScript:Liens:
https://drive.google.com/folderview?id=0B-Dc2XtCp1XJWDR3ZlpLc1dSSDg&usp=sharing2/10
