WindevBrasil - Fórum Windev, Webdev e WindevMobile

Dúvidas e soluções => Windev, WebDev e WindevMobile => Tópico iniciado por: jcesar em MARçO 12, 2014, 03:40:38 pm

Título: Interfaces avançadas no windev
Enviado por: jcesar em MARçO 12, 2014, 03:40:38 pm
Alguém já conseguiu criar interfaces como as que a pc soft exibe em seus anuncios do windev ? Como na imagem abaixo:



http://www.windev.com/windev/img/screenshot-version-17/source-files/windev-application.jpg (http://www.windev.com/windev/img/screenshot-version-17/source-files/windev-application.jpg)
Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em MARçO 12, 2014, 05:12:03 pm
Tudo é uma questão de criatividade, nesse ponto!
Título: Re:Interfaces avançadas no windev
Enviado por: jcesar em MARçO 12, 2014, 09:07:26 pm
Concordo.

Mas bem que a pcsoft poderia disponibilizar mais exemplos com interfaces semelhantes a esta, no windev existem apenas dois exemplos parecidos, mas mesmo assim a qualidade não é tão boa quanto a da imagem. Pra mim, a maior dificuldade é criar estas imagens que esão sendo utilizadas nas bordas e no fundo dos controles.
Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em MARçO 12, 2014, 10:48:26 pm
Para isso você precisa do photoshop - pode parecer besteira - mas, um PNG bem feito dá um efeito muito bom!

Infelizmente não tenho o Windev para opinar, porém, com o WEBDEV é a mesma coisa, não há um exemplo com um designer bem feito, para que se possa explorar mais ainda da riquíssima ferramenta!

Me doi olhar alguns site feito com webdev que se parecem site feito em na época de 1998!

Em um serviço que fiz (clique aqui (http://sistemaelite.arsistemas.com.br) - este em ambiente de produção), a agência de comunicação do cliente que me passou um layout e fiz perfil do site de acordo com arquivo PSD.

Foi só assim pra dar um UP, geralmente tem gente que é atraída pelo visual e pela praticidade, quando os dois estão juntos... ai já viu!
Título: Re:Interfaces avançadas no windev
Enviado por: jcesar em MARçO 13, 2014, 08:55:06 am
Parei de usar o webdev por esse motivo, os sites pareciam ter sido feitos por crianças, e as coisas raramente funcionavam como deveriam. Chequei a conclusão que se fosse para sofrer com algo caro como o webdev, melhor seria desenvolver no braço mesmo.

Mas seu está bem legal, deve ter dado bastante trabalho para chegar àquele resultado.
Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em MARçO 13, 2014, 09:37:25 am
Para sites de "apresentação" o Webdev é ruim, mas, para fazer um sistema de folha de pagamento, é uma mão na roda!
Título: Re:Interfaces avançadas no windev
Enviado por: PauloViana em MARçO 13, 2014, 10:30:15 am
JCesar,

tenho um sistema com +- 500 tabelas todo no webdev
e posso te garantir que meus problemas são quase zero

meu sistema é composto de aproximadamente 900 formulários, fora os relatórios.

estou super satisfeito com o resultado oferecido pelo webdev

tudo que necessitei até o momento a ferramenta me correspondeu a altura

att

Paulo Viana
Título: Re:Interfaces avançadas no windev
Enviado por: jcesar em MARçO 13, 2014, 01:24:58 pm
Não tenho o que reclamar do HFSQL, é muito rápido e robusto, tenho um sistema gerencial feito no windev com muitas telas,tabelas e relatórios, tem funcionado muito bem por enquanto. Também tenho um força de vendas criado com WM funcionando perfeitamente.

Na verdade o que estou procurando são exemplos que ajudem a melhorar as minhas interfaces, já que os que acompanham o windev não são grande coisa.
Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em MARçO 13, 2014, 01:49:54 pm
Não tenho o que reclamar do HFSQL, é muito rápido e robusto, tenho um sistema gerencial feito no windev com muitas telas,tabelas e relatórios, tem funcionado muito bem por enquanto. Também tenho um força de vendas criado com WM funcionando perfeitamente.

Na verdade o que estou procurando são exemplos que ajudem a melhorar as minhas interfaces, já que os que acompanham o windev não são grande coisa.

Há muito conteúdo que pode ser explorado, como disse anteriormente, o trabalho só dá um UP quando você tem uma layout a seguir, fica mais simples.
Título: Re:Interfaces avançadas no windev
Enviado por: PauloViana em MARçO 13, 2014, 03:12:36 pm
Julio,

a montagem dos formulários/paginas dependem muito do seu gosto pessoal
tem empresas que contratam designers para realizar este tipo de tarefá,
o windev vem com uma série de skins que mudam bastante a aparência dos nosso aplicativos,
o ideal no seu caso é definir uma padrão e criar seu próprio skin/template personalizando assim os seus aplicativos.
no meu caso eu crio um skin, defino as cores dos formulários, características dos componentes, etc e aplico isto a todos os projetos,
não gosto de ficar restrito aos skins da ferramenta, gosto de dar uma cara própria aos meus sistemas, infelizmente estas customizações levam
tempo e investimento, e mesmo assim acaba não agradando a todos.
 
Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em MARçO 13, 2014, 04:47:15 pm
Acho que nesse link aqui (http://www.zapsolution.com/DW/US/windev.html) ele pode ter uma base
Título: Re:Interfaces avançadas no windev
Enviado por: Marcelo Cruz em MARçO 13, 2014, 05:39:56 pm
Para sites de "apresentação" o Webdev é ruim, mas, para fazer um sistema de folha de pagamento, é uma mão na roda!

Não acho que o Webdev seja ruím para sites institucionais, sem dados, muito pelo contrário.
Para se fazer um site com um "visual profissional", em qualquer ferramenta de desenvolvimento, você precisa fazer um PhotoShop ou Fireworks do site, feito por um profissional bom nesta área;
Não dá para querer fazer tudo... esta é a questão... e se você resolver fazer com suas próprias limitações, não vai ficar como deveria.

Não é minha praia, mas venho tentando melhorar nesta área de design há algum tempo, que diga-se de passagem, precisa de muitas horas de prática para se ter uma boa técnica, assim como na programação; o que quero dizer, é, que não adianta você fazer um site hoje e outro daqui a 3 meses, porque você não vai melhorar o que precisa neste ritmo, seja qual for a ferramenta.
Acredito que 10.000 horas de prática seria algo para se alcançar a excelência nesta área, ou para quem não tem este tempo, contrate um design para fazer seu layout.

O Webdev é fantástico para sistemas onde o foco são os dados.
O Webdev é excelente para sites comuns, porém estes não dependem apenas de um programador/analista, mas também de um design.

Abraço
Título: Re:Interfaces avançadas no windev
Enviado por: PauloViana em MARçO 13, 2014, 10:40:07 pm
Minha opinião é exatamente igual a do Marcelo,
no meu caso tenho experiência como programador e não diagramador,
para desenvolver formulários com este nível de requinte tenho que contratar  um especialista em diagramação
e no meu ponto de vista eu não tenho criatividade suficiente para designer

att

Paulo Viana
Título: Re:Interfaces avançadas no windev
Enviado por: ajritta em MARçO 15, 2014, 05:51:46 pm
Esse foi o meu questionamento em outro tópico também.
Como melhorar a interface, com skins ou algo do gênero. O pessoal me falou sobre uma revista do Windev (em francês), que eles mandam algumas coisas bem interessantes de interface. Mas aí tem que assinar a revista e tal. Queria achar algo gratuito, ter acesso a modelos de interfaces para melhorar a qualidade visual de meus projetos. Se alguém tiver alguma coisa para compartilhar, dicas, por favor, vamos trocar ideias para modernizar nossos projetos.
Título: Re:Interfaces avançadas no windev
Enviado por: maddog_pa em MARçO 18, 2014, 09:21:50 am
É como disse Paul e os amigos ae tem que ter alguem para fazer a arte. Mesma coisa com web sites, vc tem o cara que faz o backgrund e toda a estrutura e vc tem o cara que cuida tao somente do visual, como botoes, logomarcas, fotos, imagens... A mesma coisa acontece com sistemas, vc pode criar diversos tipos de botoes e imagens e usar nos sistemas.


Flow
Título: Re:Interfaces avançadas no windev
Enviado por: jcesar em MARçO 19, 2014, 06:02:39 pm
Já que estamos falando em interfaces, gostaria da opinião de vocês.

Qual dos quatro layouts de cadastro vocês preferem ?

http://www.pdasoftware.com.br/telas/cadastro.png (http://www.pdasoftware.com.br/telas/cadastro.png)
Título: Re:Interfaces avançadas no windev
Enviado por: juniorschroder em MARçO 20, 2014, 10:28:58 am
Bom dia amigos!
***  jcesar: quanto a suas interfaces, na minha opinião a melhor, mais apresentável é a 2ª da esquerda para a direita ;)

Quanto as ferramentas: WD, WM e WB.

Posso dizer que tenho alguma experiencia com windev, comecei a utilizar em 2005 na versão 8. Desde então o Windev é uma ferramenta incrível! Tanto na velocidade de desenvolvimento quanto a criar as UI para os usuários. Também trabalho com C# e fazer em windows forms a mesma coisa q se faz no windev... em windows forms - C# temos de trabalhar e quebrar bem mais a cabeça. Sem contar que o Windev tem função pra praticamente tudo, são poucas as exceções, uma que tive por exemplo, foi realizar a assinatura digital em XML de NF-e, o windev não tem até hj função pra isso, mas como posso utilizar o .Net framework nele, criei um componente pra resolver o problema, componente inclusive disponível aqui: http://repository.windev.com/resource.awp?file_id=40;assinaxml (http://repository.windev.com/resource.awp?file_id=40;assinaxml)

Continua ....
Título: Re:Interfaces avançadas no windev
Enviado por: juniorschroder em MARçO 20, 2014, 10:31:43 am
Outra ferramenta muito boa em minha opinião é o Windev Mobile... como é fácil e rápido desenvolver para Android e iOS! Desenvolvimento para android já estudei muito, testei de tudo, pra não falar tudo, só não testei o NDK (Native Dev. Kit [C++]), utilizando o SDK em Java, utilizando tanto Eclipse quanto o Android Studio do google você faz o que quiser... porém é muito "trabalhoso", ainda mais o desenvolvimento de UI... as Views, são todas compostas por XML e mesmo com interface visual, arastar e soltar... e complicado fazer algo sofisticado! Como tenho bastante experiencia com C# testei também o Mono for Android da Xamarin, mas segue a mesma linha do Android SDK, apenas sai o Java, entra o C#. O Windev Mobile Simplifica e acelera muito o desenvolvimento!

A criação de "Interfaces Avançadas" vai muito da criatividade! e como por lei a maioria dos programadores não é um bom designer, temos de nos "virar nos 30", então como sugestão:
 - Procurem imagens de royalties free no Google Images, icones e imagens legais podem ser encontrados em sites como: http://www.iconspedia.com (http://www.iconspedia.com)
 - PCSoft LST: é uma revista da PCSoft, algo como Informe do Suporte técnico, se não me engano sai uma edição a cada 3 meses, e junto a revista acompanha um DVD, neste DVD temos alguns exemplos de codigos, componentes, projetos e tambem algumas novas skins. A parte um pouco quanto "ruim" é que a revista é em frances... mas valem a pena o conteúdo dos DVDs. Muita gente lá fora, que assina a revista, coloca o conteúdo dos DVD na web para download. é só procurar por LST em: http://forum.acam.ca/display_forum_topics.asp?ForumID=18 (http://forum.acam.ca/display_forum_topics.asp?ForumID=18)

CONTINUA....
Título: Re:Interfaces avançadas no windev
Enviado por: juniorschroder em MARçO 20, 2014, 10:33:36 am
O WEBDEV:
 AAAAAaaaaaa o Webdev, não é uma ferramenta que utilizei muito por já ter experiencia com desenvolvimento Web. Fiz alguns testes com ele, e em minha opinião é uma excelente ferramenta pra quem vai começar a desenvolver para Web. É simples, é intuitivo e funcional.
Porém, a primeira coisa que me perguntei quando abri ele pela primeira vez foi: "CARA! CADÊ MEU HTML?".
Hoje em dia, o desenvolvimento web é um universo gigantesco, e cada vez mais temos sistemas Web e Mobile para trabalharem juntos, precisamos pensar na cominucação entre os 2 etc. então aprofundando o universo web começamos a trabalhar com vários termos como REST, RIA, JSON e por aí vai...
Hoje em dia, para desenvolvimento web utilizo o Asp.Net, C#, arquitetura MVC. Pra criar interfaces ricas para o usuário tenho que ter acesso ao HTML, escrever javascript, usar frameworks como Bootstrap ou ExtJS da Sencha. E infelizmente no Webdev não consigo fazer isso.
Inclusive algumas boas praticas do desenvolvimento web, como Tableless http://pt.wikipedia.org/wiki/Tableless (http://pt.wikipedia.org/wiki/Tableless) onde devemos usar DIV no html em vez de TABLE para organizar nosso layout, fiz algumas semanas atraz um teste no Webdev 18, criando um projeto PHP, criei uma template de pagina... dividi ela em slices, ai criei algumas paginas usando essa template quando rodei minha app no browser, fui ver o HTML gerado e a estrutura criada pelo Webdev estava em TABLE.
Novamente, não que o Webdev seje ruim, mas penso que pra aplicações mais complexas do cenário atual pode não ser a melhor escolha, agora para aplicações de um menor porte, com foco em dados possibilita o desenvolvimento facil e rapido de um produto funcional.
Título: Re:Interfaces avançadas no windev
Enviado por: juniorschroder em MARçO 20, 2014, 10:35:39 am
Bom amigos, essa era a contribuição que eu queria dar ao tópico, peço desculpas pelo tamanho do post (Tive que dividir em 3 postagens), e aproveitando, estou pensando em criar alguns mini cursos sobre windev e windev mobile, penso em disponibilizar em algum site de cursos por um valor simbolico. Gostaria da opinião de vocês sobre criar esses minicursos, e, se acharem válida a ideia favor enviarem sugestões de topicos para abordar nestes minicursos.

Obrigado

Abraço!
Título: Re:Interfaces avançadas no windev
Enviado por: jcesar em MARçO 20, 2014, 11:10:10 am
Bom dia amigos!
***  jcesar: quanto a suas interfaces, na minha opinião a melhor, mais apresentável é a 2ª da esquerda para a direita ;)


Obrigado pela sua opinião. Por coincidência, estou utilizando este layout no meu projeto.
Título: Re:Interfaces avançadas no windev
Enviado por: Alexandre Thees em MARçO 21, 2014, 10:05:09 am
Arlindo,

Vi no site do seu link que os rótulos (labels/Caption) dos seus campos de edição estão acima da área destinada ao preenchimento.

Uma dúvida: você colocou o campo Edit/Combo etc. e depois um text em cima do campo com o rótulo, ou tem alguma forma de configurar o WebDev para colocar os captions nessa possição aproveitando as configurações feitas na análise?

Antecipadamente grato por sua resposta,


Att.,


Alexandre Thees
Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em MARçO 21, 2014, 08:06:51 pm
Arlindo,

Vi no site do seu link que os rótulos (labels/Caption) dos seus campos de edição estão acima da área destinada ao preenchimento.

Uma dúvida: você colocou o campo Edit/Combo etc. e depois um text em cima do campo com o rótulo, ou tem alguma forma de configurar o WebDev para colocar os captions nessa possição aproveitando as configurações feitas na análise?

Antecipadamente grato por sua resposta,


Att.,


Alexandre Thees


Só consegui da seguinte for: um caption em cima e em baixo um campo Edit!
Título: Re:Interfaces avançadas no windev
Enviado por: Marcelo Braga em MARçO 26, 2014, 11:32:13 pm
Pessoal deem uma olhada nesses sites/sistemas feitos com as ferramentas da pcsoft.
http://pt.invoicexpress.com/
http://www.igest.pt/igest/
http://pt.phcfx.com/phc-fx/

Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em MARçO 28, 2014, 11:15:41 am
Pessoal deem uma olhada nesses sites/sistemas feitos com as ferramentas da pcsoft.
http://pt.invoicexpress.com/
http://www.igest.pt/igest/
http://pt.phcfx.com/phc-fx/

O PhC Fx é muito bom, lembra o Omiexperience do Marcelo Lombardo!
Título: Re:Interfaces avançadas no windev
Enviado por: Silfar em Junho 04, 2014, 10:04:34 pm
Arlindo, para montar o label em cima do edit, vc usou algum recurso como criar um template, ou agrupar os componentes, para facilitar na criação de outos, ou vc simplesmente foi criando 1 a 1 ?
Título: Re:Interfaces avançadas no windev
Enviado por: Arlindo Reis em Junho 05, 2014, 01:01:33 am
Um a um!