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

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

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

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

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

1B5B6449 C558AF8D 7D152866 AEF7C02D

63087659 12F31173 A71B2ECE 42D1FAA3

6807AD77 2F5675AC 08976280 1769B5E4

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

B1404186 685DF824 FCEC8F7B 774EC206

01111001 01010000 11110110 00010101

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

00FAFDD2 531A0712 8C6FBA72 E142D2AF

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

10110100 10000000 01010001 11011110

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

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

C7C1D62A E7DA18C0 AA6CC88A 79804B6A

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

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

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

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

002D90D7 B6D52868 F4C5EE7C E06750BB

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

8676EE3E 839B3A07 C3A8E482 B1C7471B

10001010 10010000 11110111 10000100

10110000 10011100 01011010 10001000

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

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

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

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

11001011 11011100 11010110 00100110

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

ADA4A1B7 39A0C3CD 81EF440C 93802D59

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

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

11000100 11001100 00101011 11111100

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

7D9D5603 251AA685 2A904CF5 900F0F9C

01001100 01101001 11011110 01001110

7E7332BD 035D071E 4BFD3285 BACD28DB

38C0BE40 1F478000 B5C54BE2 15FFD301

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

1DF21AF1 F2AC46A5 E1126A18 B86FC76F

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

4D0892B3 C3630D16 000A1BE3 FD11E67F

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

394B355D 01DFF23D 2EDF893B 9F6BD6E2

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

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

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

11111011 11011110 00110000 00001100

A3407E20 360D5731 89DEDDE9 1DE55C73

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

10111000 10011000 11011101 1000000

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

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

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

10101111 11001000 00111010 01100001

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

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

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

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

5DE4ECCA 08E14553 FE10D956 A2906A55

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

00101110 11111010 11001010 00111001

00111110 10110110 00111101 11011111

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

54302124 2CAF21CC 04F04054 9D2F1851

01000001 10110001 11011001 10010100

01111111 01010001 11110110 11111101

00010101 00100101 01100011 10001010

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

10101111 11010101 01011001 10011100

01000111 11100110 11111110 10100000

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

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

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

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

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

03E04B05 83E62ABE 50DC7E6D B4CB62EF

:#<:;^@; =.#^#

E4E239D3 56DA04F4 3881C04E A8AFAD4D

01101111 00011101 01110010 01111011

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

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

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

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

01000110 10011111 11010101 10111111

994757F8 E7C8C4E8 AA6E86C8 4FE1F0FD

090A8A8E A694A045 0575E4CF B9A2FB76

01100000 10000111 00010101 10000001

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

10011010 00010011 01010101 10010000

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

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.