26FD9AC0 D1B06DD9 6EDB1B33 8CA64067

5C82CA36 3F3B88DE EC5C771F 1D6B459C

00100101 11010101 10011000 11110100

24D25778 6A55148A 0B09148B 9FA6A3FD

10001100 00001000 00010010 00001111

00010011 10001111 00110010 11111111

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

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

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

EB5FAD13 986A0CAF 00FB94E7 D0756491

CEA57CA2 AA86F4F0 2803E698 E8C076D4

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

00100110 00101011 00001000 01110110

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

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

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

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

01011001 00100001 11000111 11001010

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

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

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

7144D073 322468BA 6A76A652 90244190

01011010 01011101 00011000 01001111

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

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

00010011 10110101 10001110 10001101

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

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

10101111 10010110 11100111 00001111

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

2C5C480D 4B7D9487 34DB1CA7 32637C9B

B427A31B F0DF78D5 7AA1867C 1B61E522

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

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

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

10100111 10000001 11100101 00000000

B9E89861 751EFD8F 00547599 2D6FCCB0

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

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

536FF84F B2A791D6 76BF1F2E 78012978

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

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

4B7B9AA7 C2A5712F 847F7A1B 6F15A053

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

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

F8F78AD3 0E7407D5 F3C1C20A A69182B6

10010000 11100001 00110010 01111100

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

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

10110101 00101111 01110001 10001001

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

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

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

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

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

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

6E2DCE1A 3794CA92 4968C021 20499CBD

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

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

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

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

01011010 01000011 11100100 01110110

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

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

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

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

56DAF0C6 54F5541B 3D7B627E DD0E1F69

01101111 10101000 00111100 00110010

10111111 1001000

11001011 00010111 00111011 11000101

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

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

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

F1F66E22 BC6F18C5 66C31656 3266D9D1

3B089217 05FBEA18 BE60D701 419863F4

10100110 10011111 00010001 01011101

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

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

459178A7 41D6B655 39DE327B 306F2A90

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

DF706524 FA464E0A EA39B39E BEA14D5D

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

01010100 00101010 01001011 01101011

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

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

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

:

71292EF1 6B9A6A0C 3DD2044E 30E7DECD

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

B49565C9 475EB58E 59929954 BDB09346

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

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.