D790E9C0 14FCDDB2 EF069458 C62A8C7B

6902F0B1 62DDE62C E23F61D3 73C51FE6

2D74F411 18866A66 1FB4C454 4ACCE29B

^>*_@;>. ^.__#*<_ *;@:_*=< ;=^#___,

*;>*@.>> =#*:=,.= #,#><;=, ^_;^:=,<

10110110 10101110 10000100 01111111

10000110 01001010 00001011 01001000

=#<.;>*^ ^>,#=#*, ..*@#*@; _=^=,;>_

0BA8F6DA 18F48055 876CD528 CAAA32AA

^<,>;_^@ @_;@=^<> <.>#;<^> <>_:,=<^

;_;##*=, _.::@;*^ >,>@;@=. _==:###:

00111100 10111000 11101010 10001111

#>##:_<, *^=,>.:< ,<^:^@,. <^#*_#^_

//////// //////// //////// ////////

;^.<,>=: ;<,:*@#< ^=:;<#:. :<<@.=_^

8594DF82 E65C28EF 48860056 FDCA08A6

##@=#^., ##*_,<^_ :_;=;_;# @>>>.=#<

8504CB00 E641F83C 3BE34E1D 2C3417E3

FFF9F530 1FDD4FDB D43CE668 51B59B34

:;<*;#_^ _.^.::#. <>#>*,_; @.>:=@^#

43C738D9 6355CA33 FA12A1B5 FCFC34CB

//////// //////// //////// ////////

00110111 11011101 01000001 00011001

10F6A8B1 32BEB265 CD598FDE 1A0BE3CB

5D939CC8 5D85E01D 22BFEA45 1410DAD6

10101101 00010110 01011010 00101111

@<:^^>*^ _<@@@_@@ ^>*;_@@* >*,<@#>:

01101010 00100110 00110010 00100010

;#*#@;^_ ^;^@@.,= ,^;:=>;_ ^_^@;#^:

10001101 01110011 11100101 01100001

11010011 00010100 00011100 10011110

=,>^#>=^ :.,<__@; @@^=^=<^ ,#:>=;__

E91261A8 1F820DD6 8D138AF7 D9830A96

5DE404E2 6C23D840 4B4CCA17 36B3E823

E53F51CD 04D7C79C 42466147 CD541B17

;=*,<;;@ .@:_:.:: #.<^_.<* *<=@,.<;

11000001 11111011 10101011 00101010

11111001 00000110 11100000 01001011

22B4B364 D892AFD3 965624D8 3AED66E8

01001010 01110000 11101011 00111101

95EA833C E24BB0C5 004060EF 8F6F4CDA

@_,^::>_ *=._,_>< .=@:#==^ <^_#*^@:

D7515B47 14FC459E BD8366FC C8C810C3

11001001 11001000 01100111 00100110

_*:;>>*^ _>_;_,.= =,::=:^^ #^@>:._;

4327E8AC F4CFEF52 0288D96A 0E9CD99F

=>,,_#,@ *=#>*<@# :>;_,,<, #=>,:>^#

//////// //////// //////// ////////

9216CD9B F17186F9 2753BE88 E201A868

<#@*^_<< >^;_=.#_ ;@@;.*;. :>#_;<#.

00011010 00111000 11100010 11000011

10101000 01001011 01111001 00100010

11010000 00011110 10000000 01010011

_:#<**>@ :@<;#*=@ _<**<#@* ,>_#_#>:

02048061 D25C89FA 885178B0 3227A2D0

,:#^.<#< <^.>;=#: *=<=@*=> _<>:,>=.

00011011 00100000 00011011 00111011

00100110 00001101 11010000 10101100

<..,#;.< ::.*.>.= ,<#<,.#* ;<;,@<.<

900C6D12 B83F189F 8D58F14A 7DCD1691

//////// //////// //////// ////////

01010011 10111100 01010110 11001100

##.:>.;. _>>@=^*: ,*_^=#:. *,,;<*:_

<._>^_^# ><^,>>;@ ,_>^@*#* ;;@#;#.<

9B7245C7 4270D3FB E06AAC72 D1C6D6E7

9E48A833 D8D324A0 D0F7EF2C 263B925C

70826026 46AB407C 84D19B65 76DC9F69

00101110 00001011 01111110 01100111

=#@=_<=_ ;;*<,>>* =@*=<*== ::@;@.,>

>.:^<^#. >*#.*=<@ ,;;:^#^_ ;_<><,=@

#@_=.::, =:_>:,.< <><*<,## _>_==,.;

,,:,>=;@ @^@:@^<* @;.^^@*@ ;^.;*^^_

11010100 11100000 01110111 01101001

01011111 00010000 01111111 10000111

1B833A94 D26619F9 F3CB9074 3965C831

45E755A9 2F1BB6D9 F07B5F35 578AD111

<<@@<<,^ ;<_#,;._ :=<,#<;_ ^,##.>=<

:@<:*.^^

00000000 11101011 01000110 00100101

92CD234E AF7E3C75 9749CF55 E1527FB2

10111010 01101110 01111001 01100100

^_;;=*,, =#,@*<*> .;##<.*= <^,.^#_*

^>;.=#.; ._=*<@:_ ==_*.:># <^_=;=;>

00110010 11111111 00101101 00011011

AB1EBA5B 1162517E 097CB166 19900803

:._*@:_: :,*<@>:= .;=>,=^, .#,,>@<_

^=._@==^ @,...^#> _:=^<^>; @=#=;=^^

01010101 01111110 01100011 10100011

A3A9ED5E 206E375B BF6D4679 58A8478F

01100011 11010000 10010011 01111110

Longue-vue

Site web pour aider les élèves du secondaire dans leur orientation

Voir plus

01. Info


Statut: Terminé

Dates: 04/04/2022 - 29/07/2022

Technologies

  • icon

    JavaScript

    // Langage de programmation

  • icon

    Vue.js

    // Framework frontend JavaScript

  • icon

    Firebase

    // Backend as a Service

Équipe

  • Moi

    // Developpeur fullstack et designer

03. Présentation


Présentation

Longue-vue est une application web que j'ai réalisée dans le cadre de mon stage de fin de DUT. Son objectif est d'offrir un support pour aider les élèves de secondaire dans leur choix d'orientation.

Le stage

J'ai réalisé mon stage dans l'entreprise québécoise Cosmoss La Matanie qui s'est donnée la mission d'accompagner les enfants de la petite enfance jusqu'à l'insertion professionnelle.
J'étais le seul développeur sur le projet, c'était donc à moi d'organiser les idées et les besoins de l'entreprise et de les implémenter ensuite dans le produit final.

Timeline

J'ai commencé par réfléchir à la structure de l'application. Comme il s'agit d'un concentrateur d'activités et de ressources, il était important de bien s'organiser pour l'expérience utilisateur. D'après les clients, des sections se sont très vite dessinées. Ensuite, j'ai donc commencé à designer l'interface et à intégrer des composants de base (textes, boutons, interface de connexion, etc.) tout en apprenant la philosophie du framework Vue.js. Très vite, j'ai eu besoin de m'attaquer au backend. L'entreprise m'a fortement conseillé d'utiliser Firebase pour les coûts réduits (à petite échelle) et pour la rapidité de développement. J'ai continué à travailler tout le long du stage avec la méthode agile sur le back et le frontend en parallèle.

Continuation du projet

Il était prévu que le projet n'allait pas être finalisé en temps et en heure, mais l'objectif était de fournir une base fonctionnelle.
Le projet a été remis entre les mains d'une entreprise spécialisée pour continuer le travail commencé. L'application aspire à être utilisée dans plusieurs écoles au Québec.

Level up

  • Développement web avec le framework Vue.js
  • Gestion de base de données NoSQL
  • Gestion de projet, communication avec les clients
    • Conclusion

      Ce projet était très riche en apprentissage dans le domaine du web que je ne connaissais pas suffisamment avant mon stage. Au final, je suis très fier du résultat et c'est vraiment motivant de se dire que cette application va être poursuivie et utilisée pour aider des élèves.