Ir para conteúdo


Foto

Sistema de Controle de Vendas com tema ExtJS personalizado


  • Por favor, faça o login para responder
22 respostas neste tópico

#1 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 14 November 2012 - 17:58

Olá pessoal,

  Muitas vezes ficamos cansados do tema padrão do ExtJS e queremos algo novo. Como até hoje os tão prometidos temas da versão 4 não saíram dos primeiros passos, somos obrigados muitas vezes a fazer alterações no CSS das classes básicas do ExtJS, mas isso se torna menos difícil utilizando ferramentas como o Chrome Developer ou Firebug. Eis aqui o resultado de uma dessas investidas, construímos um sistema de suporte ao processo de vendas (Mais simples que um CRM, e mais produtivo também) com um tema customizado:

Imagem Postada

Abraço a todos.

Otávio Fernandes
CTO - Net On Soluções Tecnológicas
otavio@netonsolucoes.com.br
www.netonsolucoes.com.br
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#2 Leidson Dias

Leidson Dias

    Member Avançado

  • Membros
  • PipPipPip
  • 75 posts
  • LocationJoão Pessoa

Postado 26 November 2012 - 11:27

Aonde tem um Like aqui? kkkk Ficou muito bom...

Há algum tempo temos cansado do tema do Ext e estávamos utilizando HTML dentro de panels para dar uma visualização diferente, pelo que entendi vocês modificaram o CSS base. Para mim o  resultado foi muito satisfatório, já pensava em aderir a idéia ao invés de dar load em html porém o tempo/custo não era/é muito favorável no momento, mais já serve de CASE para demonstração aqui na empresa.

Por curiosidade, quanto tempo foi necessário para término desse projeto e quantas pessoas foram alocadas?

Parabéns.

#3 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 26 November 2012 - 11:48

Olá Leidson,

  Muito obrigado. Realmente utilizar o carregamento de HTML não é nada produtivo, além de quebrar a idéia principal dos componentes do Ext e a praticidade que eles nos oferecem. O que fizemos foi criar um script CSS adicional para o projeto, que é incluído após a inclusão do ext-all.css. Nesse novo script, sobrescrevemos o comportamento e estilo das classes css padrão do Ext, para isso utilizamos os recursos de inspeção do Google Developer Toolbar. Como esse projeto é uma startup (lean) não pudemos alocar mais programadores na equipe, então tive que desenvolver tudo sozinho nas horas vagas e noturnas, gastamos 4 meses para ter esse resultado final.

Mais uma vez obrigado, se precisar de alguma ajuda ou orientação em seu projeto, entre em contato conosco.

Tudo de bom.
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#4 Loiane

Loiane

    Member Avançado

  • Expert User
  • 1013 posts
  • LocationSão Paulo - SP

Postado 26 November 2012 - 12:37

Ficou bem bacana.

Uma pergunta de curiosidade: pq não usaram o sass/compass para criar o novo tema? Teria economizado um bom tempo nisso (teria um tema novo em questão de horas)!

Autora dos livros:

Mastering Ext JS 5 http://bit.ly/1HWeHXh
Mastering Ext JS 4 http://bit.ly/14NZkxg

Ext JS 4: First Look http://bit.ly/o1IP1w
Sencha Architect http://bit.ly/19FVBGs
Curso ExtJS 4 Gratuito http://bit.ly/s5S0Oj (conceitos valem pro Ext 5 e 6 tb)


#5 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 26 November 2012 - 12:46

Olá Loiane,

  Realmente, a idéia por trás desse mecanismo de criação de temas do Ext é muito interessante. No entanto, a documentação não é tão completa quanto a do próprio framework e os exemplos são muito básicos. Você conhece algum material mais detalhado?

Obrigado.
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#6 ReapeR

ReapeR

    Member Avançado

  • Expert User
  • 854 posts
  • LocationBlumenau - SC

Postado 26 November 2012 - 12:55

1+ applaud :)

Ficou muito boa a customização. Alterar o estilo da aplicação deixa ela muito mais completa xD
Estamos modelando algumas coisas também para redesenhar os componentes do Ext, mas estamos bem no começo ainda ^^

Parabéns e sucesso no projeto.

Abs.

#7 javaman

javaman

    Member Avançado

  • Membros
  • PipPipPip
  • 595 posts

Postado 26 November 2012 - 13:17

Ficou muito bom.

Só um comentário, vc não precisa (e nem deve) criar um arquivo css a mais.

Basta usar SASS e configurar seu ambiente, escrevendo o que vc precisa.

Aliás, vc pode até não usar o ext-all.css, usando apenas o que vc precisar

[]s

#8 Loiane

Loiane

    Member Avançado

  • Expert User
  • 1013 posts
  • LocationSão Paulo - SP

Postado 26 November 2012 - 15:38

Olá Loiane,

  Realmente, a idéia por trás desse mecanismo de criação de temas do Ext é muito interessante. No entanto, a documentação não é tão completa quanto a do próprio framework e os exemplos são muito básicos. Você conhece algum material mais detalhado?

Obrigado.


Precisa conhecer um pouco de sass e compass apenas (e css é claro).
Na documentação tem o nome das variáveis que cada componente usa.
Aí basta ir nos arquivos compass do extjs4 - que já são nomeados de acordo com o componente - é auto explicativo.

E quanto a material no meu livro tem um capítulo apenas sobre isso ensinando o passo a passo.

Autora dos livros:

Mastering Ext JS 5 http://bit.ly/1HWeHXh
Mastering Ext JS 4 http://bit.ly/14NZkxg

Ext JS 4: First Look http://bit.ly/o1IP1w
Sencha Architect http://bit.ly/19FVBGs
Curso ExtJS 4 Gratuito http://bit.ly/s5S0Oj (conceitos valem pro Ext 5 e 6 tb)


#9 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 26 November 2012 - 15:44


Olá Loiane,

  Realmente, a idéia por trás desse mecanismo de criação de temas do Ext é muito interessante. No entanto, a documentação não é tão completa quanto a do próprio framework e os exemplos são muito básicos. Você conhece algum material mais detalhado?

Obrigado.


Precisa conhecer um pouco de sass e compass apenas (e css é claro).
Na documentação tem o nome das variáveis que cada componente usa.
Aí basta ir nos arquivos compass do extjs4 - que já são nomeados de acordo com o componente - é auto explicativo.

E quanto a material no meu livro tem um capítulo apenas sobre isso ensinando o passo a passo.


Valeu Loiane, já tinha feito alguns testes iniciais nesse mecanismo com sass e compass mas nada aprofundado (somente troca de cores de botões) vou dar uma estudada mais detalhada, vou ver se adquiro seu livro também.

Até mais.
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#10 Wemerson Januario

Wemerson Januario

    Administrador Ext JS Brasil

  • Administrators
  • 857 posts
  • LocationGoiânia - GO

Postado 27 November 2012 - 21:09

Ficou ótimo, parabéns!

Wemerson Januario
http://wemersonjanuario.com.br
Twitter: @januariocoder

 

Treinamento e Consultoria Ext JS. Qualifique-se já!


#11 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3497 posts
  • LocationBelo Horizonte

Postado 27 November 2012 - 21:14

oaugustyus, meus parabéns o layout ficou fino d+.

"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)


#12 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 28 November 2012 - 00:23

Ficou ótimo, parabéns!


Valeu Wemerson.
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#13 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 28 November 2012 - 00:24

oaugustyus, meus parabéns o layout ficou fino d+.


Valeu legolas
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#14 jhonatan.morais

jhonatan.morais

    Iniciante

  • Membros
  • Pip
  • 5 posts

Postado 30 November 2012 - 10:56

ficou ótimo. obrigado por mostrar mais essa possibilidade. mandou muito bem.

#15 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 30 November 2012 - 11:23

ficou ótimo. obrigado por mostrar mais essa possibilidade. mandou muito bem.


Obrigado jhonatan.
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#16 alanjhone

alanjhone

    Novato

  • Membros
  • PipPip
  • 25 posts
  • LocationSama City - ES

Postado 05 February 2013 - 17:07

Tem como liberar o app???

Olá pessoal,

  Muitas vezes ficamos cansados do tema padrão do ExtJS e queremos algo novo. Como até hoje os tão prometidos temas da versão 4 não saíram dos primeiros passos, somos obrigados muitas vezes a fazer alterações no CSS das classes básicas do ExtJS, mas isso se torna menos difícil utilizando ferramentas como o Chrome Developer ou Firebug. Eis aqui o resultado de uma dessas investidas, construímos um sistema de suporte ao processo de vendas (Mais simples que um CRM, e mais produtivo também) com um tema customizado:

Imagem Postada

Abraço a todos.

Otávio Fernandes
CTO - Net On Soluções Tecnológicas
otavio@netonsolucoes.com.br
www.netonsolucoes.com.br



#17 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 05 February 2013 - 17:09

Olá,

Basta acessar www.proposital.com.br e criar uma conta de testes gratuitamente.

[]s

Tem como liberar o app???


Olá pessoal,

  Muitas vezes ficamos cansados do tema padrão do ExtJS e queremos algo novo. Como até hoje os tão prometidos temas da versão 4 não saíram dos primeiros passos, somos obrigados muitas vezes a fazer alterações no CSS das classes básicas do ExtJS, mas isso se torna menos difícil utilizando ferramentas como o Chrome Developer ou Firebug. Eis aqui o resultado de uma dessas investidas, construímos um sistema de suporte ao processo de vendas (Mais simples que um CRM, e mais produtivo também) com um tema customizado:

Imagem Postada

Abraço a todos.

Otávio Fernandes
CTO - Net On Soluções Tecnológicas
otavio@netonsolucoes.com.br
www.netonsolucoes.com.br


Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868

#18 Fabio Jr. Policeno

Fabio Jr. Policeno

    Member Avançado

  • Expert User
  • 2933 posts
  • LocationCuritiba - PR

Postado 22 March 2013 - 12:57

@oaugustus, testei seu sistema, mas até hoje (mais de 1 mes) nao paro de receber emails dele de relatorios, acharia interessante uma opcao de cancelar o recebimento de email ou algo do tipo, enfim, vc pode tirar meu email de lá para eu parar de recebe-los?

Obrigado ;)
Produtos/Serviços Ext JS
Porque dEle, por Ele, para Ele são todas as coisas

#19 Leidson Dias

Leidson Dias

    Member Avançado

  • Membros
  • PipPipPip
  • 75 posts
  • LocationJoão Pessoa

Postado 27 March 2013 - 11:12

@oaugustus, testei seu sistema, mas até hoje (mais de 1 mes) nao paro de receber emails dele de relatorios, acharia interessante uma opcao de cancelar o recebimento de email ou algo do tipo, enfim, vc pode tirar meu email de lá para eu parar de recebe-los?

Obrigado ;)


Dois rs...

#20 oaugustus

oaugustus

    Member Avançado

  • Membros
  • PipPipPip
  • 56 posts

Postado 27 March 2013 - 11:48

@oaugustus, testei seu sistema, mas até hoje (mais de 1 mes) nao paro de receber emails dele de relatorios, acharia interessante uma opcao de cancelar o recebimento de email ou algo do tipo, enfim, vc pode tirar meu email de lá para eu parar de recebe-los?

Obrigado ;)


Olá Fábio, obrigado pela informação. O problema já foi solucionado, se receber qualquer outro e-mail, por favor me avise.
Otávio Augusto Rodrigues Fernandes
Net On Soluções Tecnológicas Ltda
www.netonsolucoes.com.br
otavio@netonsolucoes.com.br
(31) 3075-7868




0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos