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

A9C3733F 99CED03F B1D4C703 B6A4873D

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

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

00111000 11011001 00011110 11110100

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

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

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

00111101 01000111 01011001 01010110

00011011 01101000 01001000 10011110

01001011 11011001 01110001 10001010

AED051AF 2D9A0725 6676D5CA FCE12F6E

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

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

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

936C5F14 5A21639C 55F94339 9D4E8D68

587DCACB BED5C39E 96F5F6E0 6DA4668B

FA0159DF 8A95EA86 A7B105AE 1671BA76

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

11110101 00111011 01100010 10110011

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

10100011 11101100 01111110 10010110

11111101 00010110 00011011 00110110

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

81CC2A5E 9B392879 C6137DB9 5D580A00

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

19A16878 E9BFDB88 2B18EFB6 0B051B93

E875B977 2661E9FE A74316D2 FD3326F8

62AAF7C8 B9953397 214111F4 0C571F29

884C3505 28649172 C68F72CD 1BE54BEA

8C483B72 F8E5249D E02AD129 09799E23

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

01111100 11011001 01001101 10111111

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

AEE8522F 5C71BFB0 56C40748 C1C00396

3BD4305F FDB5CBB6 1B21F1BA 55D96366

FEFEDD01 1A62BFFB 0A66DDDD CC840BB9

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

21CAF271 14E8DA16 CC9A81F3 319ACBD3

10001000 10110011 01010110 10011011

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

00100100 11001101 11010011 00110000

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

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

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

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

01011111 10001110 10110111 11101111

42102630 72B08455 9ED70B5C 4AD72D4D

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

01101110 01000000 00110000 11011100

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

^@*=<

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

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

8DEDB380 AA7A645A F62283A3 C65BE934

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

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

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

AFC21470 9810F670 B9AC6D1C 76F80CAE

00110100 01110000 00101111 10010000

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

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

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

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

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

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

01110110 01100100 10011001 00010001

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

10100100 11011001 01100110 00111000

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

11001110 10000001 10100010 11100111

10110001 11110111 10001011 00110101

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

8154E445 407AE9CC 0898BB93 2AF6B0C4

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

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

93F627ED 07F1074D E34B1EEE 510C096B

BF2803AE AA239C37 EE93C7F7 09646A9B

200E4699 F0107C7D D5DC26FE 66648A87

01010000 00010010 00001000 10110000

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

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

99CB8D90 603BADC0 C4DD867A C4EC88C0

087506B9 3FBF0200 EDC531B4 821F20A0

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

10000101 01010010 10001111 00001001

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

CB1617FA 5882C130 EC7B38FF 85D5A862

7B4EBE97 B3095DD1 8CD35689 EC6D7DA7

01011111 00100001 10110010 10101001

11011010 01101110 11110101 01010110

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.