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

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

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

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

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

C514E5A8 67F9CED3 1E0BC109 122E21D8

11011110 11001100 11000101 01110001

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

8F38F592 E934B701 251D6985 330E180D

01001101 00001110 01001111 00000010

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

56606515 A9518912 09BD0B8D 8577126A

10000011 01001100 11010001 00010100

5B611ABF 573F8001 ACA6B961 2C77F6F5

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

00100000 11110010 11001000 00001100

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

10100111

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

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

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

0161C197 BAC6C652 82F2BDA2 49716101

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

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

10111010 01101000 01000111

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

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

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

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

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

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

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

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

00100101 11001100 00101100 10001110

C97F65DE C33575C9 294AF19F 5E1A9BEF

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

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

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

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

01000101 00001011 11010001 00000101

F9287029 36403E8F D2943B2B CE2847E4

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

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

01100100 11111110 01100001 11101011

10110011 10010011 10000000 01011000

8011005B 4A59CE33 CC0C1804 6769B927

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

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

6359613A 00A24940 8D0BCE20 D8D0C6BA

01011101 11011000 11011010 11001001

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

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

DC8A7874 951FFFD3 2511E727 8B5A7004

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

00001010 10001101 00010010 11110010

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

10100001 00100111 01011100 10110111

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

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

FB118C34 BFA05C5A 032BE883 78FA0F87

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

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

10011011 00000110 01011110 10010110

11011011 10001110 01001111 10101111

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

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

00110110 10110000 11011111 11010001

887D9B9E BECA5354 43B7BDE6 ACFA51AF

00010010 01111111 11001110 00010111

9F9EC71E CAD382D3 EC25FB81 985C4BD0

5F2AD0DE 73C5E068 1D3EEE0E A0C1F00E

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

63C12D5B 311433F1 0D5B5437 B14A194E

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

8BCE7D29 40BA6043 88598F29 4ECAA9EE

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

7A691EE0 432D407B 6F49A1AF 32D6562D

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

_,^;__^, ,#:;>_,_

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

01011110 01010001 11111011 00000110

00011100 00100011 11110010 01100000

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

AB0A414D 6DAB4FD8 F5E20F87 99EAC3DD

11011100 01001011 11000110 00111101

CBD2E45D 59692C60 1274D224 41BB4C56

004EED9E 06E2677E C9815A85 9503B39C

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

7F0C6748 0D3E7691 31B6244A B3A1E2A0

C7448413 B1E2B02E 7EAA3547 48D5FA6F

6B46D56D 9E67EABC 7B961E4E 615B76F7

01011101 10100110 11011000 01001100

33C0B0DC 30DC43D5 C71E3BA3 EFE35B29

01001001 00110101 00100100 11111000

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.