11111001 01011100 01011111 11000000

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

5F7AACA2 DACA2D7D D6DC5EA6 6D4B16C2

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

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

F9D42187 41F8DB06 82450E74 AFCE2ED8

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

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

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

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

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

01111000 10000100 10010110 11001001

7575FC9D CD3EB546 EE5780AC 7B5AAEB0

10101011 10111001 10101010 00001100

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

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

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

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

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

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

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

7C9BDAE8 A64D3DCA 1F484817 47361515

11111101 10111010 10101110 10110111

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

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

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

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

7F50B87C 668C560A 5B5DD085 939BAD5C

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

CF2FE54A D5C3460B F13A03D7 EC151391

02010457 641EBAB0 5846B87C 16818C55

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

C3167596 F27C9C01 1476A24A 38F569BD

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

EFEB2B5D 1177B18F 992EE039 2C6E2E08

11011000 11111010 11100100 00110011

5E668E5C 19BC10AF B8270BFF 6

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

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

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

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

7A0776B3 402F041C 44E02EFD E0C35FC8

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

00101000 10110110 01010101 00010000

EE89A3C5 3136EDC6 1EA7DD82 4A6D42CB

CA4433DB 6D3E1750 2BE79119 C9A0631E

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

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

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

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

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

10100000 01010011 10111111 10110100

01100111 00111111 10110111 10100001

00001000 10010010 11111000 01101010

E90ECEAC 67AF4542

41D454F9 2D714EF5 2D198483 7F1A3AFE

01001001 00100001 01101111 10101101

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

11000010 11001101 11010111 01101001

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

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

DC5CD1B4 FEA15841 4B3736D3 8A8BE47E

CC734989 6E648C65 6A16C990 2E02D654

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

A4238537 1563EF38 13518D44 26E0C641

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

10100010 11011011 00000110 11001011

2631FD3B 85A42153 BE72063B E18C9DB4

4AADA055 97FC2782 C00BF63A AFB6E3F0

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

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

0C53C467 4EFA1CD4 C848F315 04658505

42C37998 6DEE363C 160DCE72 61587235

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

9E0A0122 FD6B0A8E E5CA170D C5710FBB

01101100 01010100 00111101 00000001

01000001 01010010 01000001 11010111

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

01110100 10010110 11100110 10001000

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

EBA6DCA4 A9F64AF0 4D2CEC1E D8213279

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

A79011B1 A51FB63D E2AC55C0 FBBA5178

@;*@@==

00111011 10000000 11100001 00010001

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

4F555209 7A80967C CFCEA9F4 433F33EC

FAD2ABFD 7190F721 2899F947 35462CD8

00111001 01001111 11011000 11111110

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

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

10011000 01011010 10010100 11000010

11010001 10110011 10101001 10101010

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

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

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

01010001 00011100 11001010 11100011

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.