Top Banner
MatrUSP Bruno Endo José Rodrigues Rafael Verona Orientadores: José Coelho de Pina Junior Pedro Paulo Vezzá Campos
15

Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

Jul 19, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

MatrUSPBruno Endo

José RodriguesRafael Verona

Orientadores:José Coelho de Pina JuniorPedro Paulo Vezzá Campos

Page 2: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

O que é o MatrUSP

Page 3: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH
Page 4: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

2013

Um pouco de história

2000

GRAMA

2012 2014 2015 2016 2017

MatrUFSC MatrUSP(entrega do site)

MatrUSP(Pedro Vezzá)

Page 5: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

Motivação

● Sistema que atinge muitas pessoas

● Usabilidade

● Design defasado

● Novas funcionalidades

Page 6: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

Decisões de desenvolvimento

● Metodologia

● Reescrita do código

● Documentação (JSDoc)

● Objetos e classes (POO)

● Inspiração no framework Redux (JavaScript)

Page 7: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

Árvore de Estado

Page 8: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH
Page 9: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

Tecnologias

Page 10: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

JavaScript puro ou frameworks?

x

Page 11: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

SASS ou CSS puro?

X

Page 12: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

O novo MatrUSP

Page 13: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH
Page 14: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

Algumas funcionalidadesDemo

Page 15: Rafael Verona José Rodrigues Bruno Endo · BACKBONE.JS noek Breze NGULA S TypeScript mongoDB n de Estado + Campus + Semestre + Versão +0bjetosH M Planos + Combinações +0bjetosH

Obrigado!

Acesse: bcc.ime.usp.br/matruspFork us: github.com/matrusp/matrusp

E-mail: [email protected]

Perguntas?