Em 2010 eu inicie um projetinho na faculdade que era um sistema simples de gerenciamente do imóveis. Basicamente é um dashboard onde o cliente insere informações e na outra ponta, o cliente consegue visualizar as informações, imagens, valor, etc...

A primeira versão foi feita em ASP, SQL Server, CSS, JS Puro... No dashboard eu usei EXTJS pra construir o layout e os componentes. Além disso eu implementei um sistema bem TOSCO de notificação em tempo real. O sisteminha fica chegando de N em N segundos se tem algum registro novo no banco e emit um alerta pra todo mundo.

Bom, são 8 anos que se passaram e até agora nenhum cliente reclamou, mas eu tenho uma mania que querer deixar meus projetos sempre atualizados, então esse ano eu decidi refazer a porra toda.

A principio eu escolhi pelas seguintes tecnologias:

  • ANGULAR 5 tanto no front do website, quanto no dashboard administrativo;
  • MongoDB como banco de dados - Eu ia escolher firebase, mas essa parada de não ter 1 mínimo relacionamento descente é foda, eu sofri pra caramba num projeto que eu tive que fazer os relacionamentos na mão;
  • Bootstrap como framework de layouts e componentes;
  • E o sistema de notificação usando Socket.

Basicamente é isso, eu estou começando hoje dia 30/01/2018 e vamos ver quanto tempo eu vou levar pra finalizar esse projetinho.

Tarefas pra fazer no novo sio

  1. combobox de tipos, subtipos, zonas
  2. combobox de selecao de proprietarios
  3. combobox de selecao de loja
  4. maskaras de valor
  5. combox de selecao de corretores
  6. historico de acoes
  7. upload de imagens
  8. pegar cep automaticamente
  9. mapa do google
  10. grid com paginacao e filtros

 

26/11/2017 Products / Portfolio

Um dos projetinhos que eu mais tenho me concentrado é o da Odete - https://odete.com.br

A odete é um projeto para contratar diaristas e fiz ele usando angular 1 e recentemente como prova de estudo, eu comecei a migrá-lo para angular 5.

Pelo fato deu estar familiarizado com angular, o upgrade foi relativamente simples e eu gostei bastante da nova versão do angular, minha produtividade aumentou bastante, fazer um app simples usando angular5 é bem tranquilo.

Bom, na hora que eu fui gerar o pacote de produção, vi que o vendor.js tinha ido pra casa dos 3megas, e isso me assustou bastante. Ai comecei a pesquisar e vi que o próprio CLI do angular, tem um generator próprio de build, que é o ng build -prod

Gerado a versão de produção certinha, fiquei pensando como seria se eu fizesse em REACT?

Blz, comecei a fazer a versão em REACT usando o create-app-react

A principio, mesmo tenho uma noção de REACT, eu sempre apanho na hora de criar um projetinho usando ele, por mais que seja mais simples. Talvez seja porque eu esteja com angular na veia.

Fazer as importações dos pacotes, tem sempre uma pegadinha.Sem falar na porra do className, que tem que alterar a porra toda.

Mas por fim, acaba-se programando menos, por incrivel que pareça e o REACT força você programar bem.

No final, REACT acabou superando o ANGULAR5. Mas eu ainda prefiro angular ;-)

22/11/2017 Products / Portfolio

In my personal project Odete - https://odete.com.br, in first version i using angular 1 and now i update form angular 5.

The curve of knowlege of the angular 5 is easy, i had difficulty with the import libs, in more all easy!

The changes of ng-model from [ngModel] or [(ngModel)], ng-show to [hidden] or *ngIf, ng-disabled to [disabled], ng-* to (change) (submit), ng-repeat to *ngFor all easy

I think that more nice is decorators

@Input
@Component

and to create directives ;-) 

Is more easy to make Services using Observable and in components to use subscribe

I will go to change all my projects to angular 5

O projeto SIO - Sistema de Imobiliaria Online, está cada vez mais arrojado.

Essa semana eu arrumei a parte de web responsive dos detalhes dos imóveis e fiz uma parceria com a empresa ChatComercial que disponibilizará o sistema de atendimento online.

Vamo que vamo!

Essa semana realizei algumas modificações que como o Rei do camarote falou: Agregaram valor ao produto! rs

  1. Função de cadastrar e excluir novos tipos de imoveis;
  2. Função de cadastrar e excluir novos sub-tipos de imóveis;
  3. Função de cadastrar e excluir novas lojas;
  4. Inclusão do campo quantidade de banheiros;
  5. Melhoria no script de inclusão de imagens;
  6. Integração com o portal Viva Real;
  7. Melhorias nos relatórios;

Próximo passo sem duvida é melhorar a parte de REST e usufluir de toda arquitetura MVC usando angular.

 

To Felizaço!!! Mais uma customização de layout, agora para brasilBrokers.

 

Hoje eu fiz uma alteração no Projeto SIO que eu considero de grande relevancia.

Coloquei um lazyload no carregamento das imagens, oque significa que o site deu um upgrade na velocidade do carregamento.

Estou muito satisfeito com o resultado.

http://sampaiosouto.com.br/

Obrigado Senhor, por me dar forças e fazer eu acreditar nesse projeto !!!!

 

20/08/2013 Products / Portfolio

Hoje coloquei no ar o site da minha empresa - http://www.hagility.com.br

Hagility

Hoje eu coloquei uma atualizacao no filtro de pesquisa que eu vinha pensando a muito tempo.

Como o intuito do filtro é "jamais frustrar" o usuário em suas pesquisas, eu tinha colocado um curral, para que o cliente fosse clicando e aparacendo as sub-categorias.

Mas isso é muito ruim, porque acaba que o cliente sempre tem que fazer um caminho. Ex: Clicar em comprar ou vender, depois Cidade, Bairro...etc...

E se o cliente quisesse ir direito pro Bairro? É exatamente isso que ele pode fazer agora e o curral ainda continua.

Obrigado senhor por me dar forças pra continuar esse projeto. 

imoveis.felipehuggler.com

 

Mais um sistema de imobilária colocado no ar. Trata-se da http://www.miriamcorretora.com.br

 

20/08/2013 Products / Portfolio

Estava passando um final de semana na casa dos meus tios, quando minha tia apresentou o novo site da escola. 

http://www.jensa.com.br/

Falou que o site não estava muito legal e me pediu algumas idéias.

Como eu estava mesmo de bobeira, decide fazer alguma coisa rápida usando o - http://www.layoutit.com/

O resultado esta aqui - http://felipehuggler.com/jensa/ - (em aproximadamente 30min)

 

20/08/2013 Products / MalaDireta

Hoje eu fiz mais uma atualização no meu sistema de mala direta. Enfim coloquei para os meus clientes utilizarem e uma funcionalidade que eu coloquei, foi a opção do cliente buscar a página que retorna o conteúdo que será enviado. E vou postar o código aqui, caso alguém precise um dia.

    $("#getUrl").on("click", function () {
        $.ajax({
            url: "server.asp",
            data: {'acao':'GETURL', 'url' : $("#url").val()},
            type: "POST",
            success: function (resp) {
    var oEditor = top.window.frames[0].FCKeditorAPI.GetInstance('mensagem'); //usa a api do fckeditor
oEditor.InsertHtml(resp);

            }
        });
    });

O código que retorna o html é esse:

function getHTML (strUrl)
    Set xmlHttp = Server.Createobject("MSXML2.ServerXMLHTTP")
    xmlHttp.Open "GET", strUrl, False
    xmlHttp.setRequestHeader "User-Agent", "asp httprequest"
    xmlHttp.setRequestHeader "content-type", "application/x-www-form-urlencoded"
    xmlHttp.Send
    getHTML = xmlHttp.responseText
    xmlHttp.abort()
    set xmlHttp = Nothing   
end function

 

Hoje eu estou muuuuuuuuuuito feliz comigo mesmo!

Cheguei a um nível muito satisfatório com o meu sistema de imóveis.

O sistema tem busca inteligente, nível de performance boa, web responsivo, enfim, acho que agora posso começar a pensar nas firulas que um sistema deve ter.

  • Indicar imóvel
  • Curtir facebook
  • Copiar url do imóvel
  • SEO dos imóveis

Próximo passo é mexer na área restrita.

 

 

 

Hoje eu comecei a testar a resolução do SIO em todos os browsers e todos os devices possíveis que eu tinha em mãos.

So que eu tinha um problema, não queria ficar enviando pro ftp, acessando a url e testando. Eu quero simular na minha maquina e nos devices mais comuns. Ipad, Iphone, Windows Phone.

Foi então que eu decidi usar o WebMatrix.

 

 

Hoje eu fiz uma atualização no SIO.

Além de aproveitar para estudar CSS, eu coloquei um novo layoult no sistema. Menu Esquerdo com conteúdo Fluido.

Eu particularmente gostei pra caramba, e acho que vou deixar como padrão.

Esse sistema usa um único template e toda a parte visual é controlada pela CSS.

http://imoveis.felipehuggler.com

Para visualizar os demais templates eu fiz um hash na url

http://imoveis.felipehuggler.com/index.asp?loadCss=true

Espero que eu aproveite!

 

 

Hoje eu fechei a versão 2.0 da ferramenta SIO.

Um projeto que começou na faculdade e eu fui lapidando com calma e paciência. Fazendo diversas alterações, utilizando vários recursos de javascript e o simples e clássico ASP 3.

Os próximos passos da aplicação é inserir as funcionalidades de:

  • Curtir facebook
  • Indicar amigo
  • Simulador financeiro
  • Lightbox de Imagens e Html
  • Salvar os imóveis visualizados em cache (localstorage)´
  • Fazer mais uns 4 ou 5 themas
  • Streamer de video

Basicamente é isso.

Obrigado meu Deus, por não deixar eu desistir desse projeto!

 

Hoje eu coloquei no ar algumas modificações que vinham sendo feitas no sistema.

  1. Filtro de pesquisa com a possibilidade de buscar mais de 1 item por vez;
  2. Sistema de template em javascript;
  3. Menu fica selecionado;
  4. Botão enter no código do Imóvel;
  5. Ordenação por referência;

 

Hoje implementei mais uma opção de layout no sistema. A opção vertical, acho que eu estava tão acostumado com o menu horizontal que eu achei que essa opção ficou muito melhor que a outra ;-)

 

Fechamos mais 2 contratos. Duas customizações foram realizadas essa semana, a aceitação do sistema tem feito eu ficar bastante motivado e seguir em frente, melhorando e adaptando cada vez mais os meus produtos.

Obrigado pela confiança!

 

Fechada mais uma parceria. Agora com a SampaioSouto. O Sistema entra no ar ainda essa semana. Boa Sorte Pessoal!!!

 

19/05/2012 Products / MalaDireta

Mais um dos meus projetos atualizados. Seguindo na linha de pensamento de atualizar todos os meus projetos, atualizei mais um sistema, o de gerenciamento de mala direta.

Como funciona?

É um sistema bem simples e objetivo.

  • Ele tem 3 níveis de acesso;
  • Cadastro de clientes;
  • Cadastro de campanhas por cliente;
  • Cadastrar os grupos de e-mails;
  • Visualização rápida do HTML da campanha antes de enviar;
  • Editor RichText para criar os Templates de campanha;
  • Relatórios para saber quantos e-mails foram abertos, clicados;
  • Aviso e exclusão de e-mails inválidos;
  • Envio dos e-mails sem ir como Spam;

Caso alguém tenha interesse em estar utilizando, é só me enviar um e-mail que eu envio um login e senha - felipe@felipehuggler.com / Sistema de Mala Direta 

 

30/04/2012 Products / Portfolio

Hoje foi pro ar a nova página do meu amigo Amarildo. Artista Plástico de Paraty - http://www.kb-arte.com.br

O site antigo era bem feinho e aproveitei pra dar um estudada em themas wordpress e acabei utilizando um thema de Photocrati.

 

22/04/2012 Products / Portfolio

 

Hoje eu subi pro ar o novo site da locadora de vídeos -  WallStreetVideo - http://www.wallstreetvideo.com.br

A ideia foi aumentar as fontes e as as imagens dos vídeos, mantendo o site em 100% de largura. Também aproveitei e dei uma reorganizada nos códigos. Essa reformulação usei um jQuery chamado coverflow e um menu chamado megamenu

É isso...foi pra conta!!!

 

04/04/2012 Products / Portfolio

Hoje foi publicado a versão beta do portal de busca ComplexodaMare.com.br

O Complexo da Maré é o mais completo, moderno e eficiente portal de classificados da Comunidade do Complexo da maré, com (oportunidades e negócios). O portal reúne em um só lugar interessados neste momento em vender ou localizar produtos e serviços. Esta iniciativa, do classificados online tem por objetivo alcançar, em curto espaço de tempo, a liderança na divulgação dentro da comunidade. Vários cadastros novos entram na base de dados todos os dias, por isso, existe uma preocupação constante em oferecer informações válidas e confiáveis. Portanto, políticas de qualidade estão sendo constantemente desenvolvidas para oferecer aos usuários e anunciantes o melhor serviço. Além do sistema de busca rápida e prática no site. Tudo com muita facilidade e agilidade, utilizando a mais alta tecnologia para que o usuário tenha uma ótima experiência ao navegar pelo site.

Neste projeto pude colocar em prática um esquema dos botões em Css3 que deixam o site bem elegante e um esquema de box que estudei do site da globo. O pessoal está muito empolgado e espero de coração que ajude a comunidade.

Apesar do site ser desenvolvido responsivavelmente, ou seja, funcionar em qualquer aplicativo, foi desenvolvido uma versão especifica para mobile - http://www.complexodamare.com.br/mobile/

 

 

 

Hoje terminei mais 2 telas do SIO - O grid com as funções de cadastrar, editar, excluir e pesquisar e os formulários. Essa parte dos formulários é meio chata, porque a ação de cadastrar e editar tem que refletir em todas as abas.

Dai eu estou pensando em fazer um Observer pra cada instancia que abrir um grid e assim que editar ou cadastrar eu só chamo a função que foi adicionado no event handler da classe. É melhor do que ficar varrendo todas as abas e fazendo if isso, if aquilo!

Também terminei a parte de apresentação do sistema, agora é só terminar o resto das telas, dar aquela lapidada no front e boa. Força Felipão, vamo que vamo!


 

Oooooooooooow Jah!!!! Não há colonia no mundo que seja tão pacifica onde 1 ou 2 homens não queiram criar pequenos problema...Mas eu não me importo com 1 ou 2 homens, mas oque me preocupa é uma rebelião generalizada, devastadora, criada pelo povo!!! Mas que carga daguas isso tem a haver com esse post? Nada, rs...eu só estava escutando conecrewdiretoria.

Hoje eu dei mais um levante no sistema. Fiz as janelas Modals e criei a interface com os módulos. Esse lance de usar MVC é fooooooooooooda! Eu ainda não criei o modelo de assinatura de eventos, quando eu fizer essa bagaça ae fudeu mesmo. Quem quiser uma cópia do sistema só me mandar um email - felipe@felipehuggler.com - Em breve eu vou colocar no github e deixar um sistema opensource.

 

Dando continuidade aos meus estudos de performance e melhores práticas no desenvolvimento, resolvi deixar o projeto SIO em arquitetura MVC todo em Javascript. A ideial é simples. Tudo que é layout e contêm dados tem um Modelo, esse Modelo tem uma carcaça Html que é a View e essa carçaca recebe os dados através do Controller.

 

Continuando as atualizacoes no sistema, hoje dei inicio ao cssSprite. Realmente, alem do sistema ficar mais organizado, fica muuuuuuito, mas mto mais rapido mesmo.

Segue imagem de como ficou o exemplo.

 

Essa semana comecei as atualizacoes no meu projeto pessoal de gerenciamento de laudos Online.

Eis algumas mudancas:

  • Arquivos js e css carregam apenas na carga do sistema;
  • Banco de Dados Oracle;
  • Selects apenas com os campos necessarios;
  • Grid com opcao de 3 visualizaoes;
  • Filtros customizados, tipo ferramenta de BI, vou dar umas opcoes de Select, mas o ideial eh que o cliente saiba SQL;
  • Laudos por tipo mais detalhados;
  • Imagens cadastradas em formato binario, assim, naum precisa ficar salvando as imagens no servidor;
  • Envio de mala direta automatico, atraves de um servico instalado no servidor do cliente;
  • Banner randomico na pagina inicial;
  • Estatisticas de acesso mais detalhadas;
  • Terminar a integracao com o googleMaps;
  • Atualizar a integracao com WImoveis, Zap, usando Asp.Net;
  • Disponibilizar WebService pra parceiros, to pensando, deixo uma pagina que gera um XML, ou deixo um webservice que responde varios formatos?;
  • Deixar todas as imagens como CSS Sprite;

Bom, basicamente esses sao as prioridades, algumas coisa jah estao bem adiantadas, como, banco de dados, banners, selects.

Colocar uma imagem pra dar uma motivada! ;-)...Vai fundo meu brother huggler, depois eh soh disponibilizar pra galera e evoluir o projetinho!

 

22/07/2010 Products / Portfolio

Hoje eu estou colocando no ar, a nova versão do site da empresa actual learning.

Até ontem, eu estava meio pensativo, angustiado, por não ter tido a capacidade de criar uma identidade para o site, mas hoje de madrugada, eu acordei, fiz um copão de café com leite e comecei a brincadeira. O resultado não é algo tão surpreendente quanto seria de um profissional WebDesigner, mas pra um programador, acho que está bom neh! ;-)

 

Essa semana entrou no ar o site do meu novo cliente, HFB Imóveis. [http://www.hfbimoveis.com.br]

Este cliente foi fruto do meu projeto da faculdade, onde fiquei durante 2 anos desenvolvimento. Esse projeto, foi feito e refeito. Isso com a ajuda do próprio Cliente.

Meu objetivo era iniciar 2010 com esse sistema pronto e graças a Deus, terminei e agora é sé oferecer no mercado.

Obrigado Senhor por ter me dado forçaas pra ir até o final e ter feito da melhor maneira possível.