Expression Blend . Silverlight

Microsoft x Adobe . É possível mudar paradigmas?

2010-07-25T19:43:00.000-07:00

Olá Pessoal,

Demorou muito tempo, mas a Microsoft começou a investir na área de Design Gráfico, muitos pode pensar que a qualidade de seus softwares ainda tem aquele velho preconceito do Windows 3.1 que dava aquela tela azul e não tinha cristo pra ajudar a voltar o sistema.

Pois bem, a MS não parou no tempo, e agora vem pra competir com seus produtos na linha do Expression Studio, aliás, utilizo o Expression Web todos os dias, desde seu lançamento em 2007, já são quase 3 anos, e as evoluções do produto mostram que eles vieram para ficar, acredito até que o produto seja bem melhor que o Dreamweaver. Além disso o custo para compra de licenças são insignificantes perto da Adobe, se quer ficar legalizado, vale apena conferir os produtos.

Expression Web

Web Design XHTML/CSS

Foi se o tempo que Microsoft tentava impor suas regras com a W3C, o programa é voltado para quem faz a interface do usuário em Web Standards, a ligação entre o código e as imagens é muito interessante o programa tem uma organização fantástica e não deixa nenhum de seus concorrentes para trás.

Expression Design
Design Gráfico

Sistema de Vetores + "Presets"
Com uma biblioteca mais extensa em design gráfico o Expression Design facilita o desenvolvimento das criações para designers.

Exportação para XAML. É possível exportar o design gráfico elaborado para XAML já vetorizado,
junto com as idéias visuais também é exportada todo o conjunto de
pastas do projeto.

Imagens
Imagens referenciadas no XAML.
Efeitos bitmap, fractal entreoutras técnicas, Qualidade de 96 dpi preservado.

O uso da ferramenta é simples, hoje já existem vários patterns, texturas e etc... que facilitam a vida do designer gráfico e do web designer.

Expression BlendFerramenta de desenvolvimento de novas interfaces da Microsoft

Sistema de Vetores
Usando os "planos cartezianos", Expression Blend administra gráficos nos eixos x, y e z.

Animação

Um sistema diferenciado de animação em relação ao Flash, baseado em story board, não existe move clips e nem Behaviors.

Programação
Interage com todos os objetos criados no XAML, aceita XML e hoje conta com Ria Services para comunicação com Banco de Dados. Integração total com designers, animadores e programadores.

Silverlight
Tecnologia da Microsoft para facilitar o desenvolviemnto entre Designers e Developers, com uma linguagem fácil e de marcação (XAML) a comunicação entre estas duas profissões melhorou e muito.

WPF
Seria um Silverlight para Desktop, perfeito para quem tem interesse no desenvolvimento de Clients, como o Sobees ou um TweetDeck. Concorrente do Adobe Air

XAML
Linguagem de marcação baseado em XML desenvolvido para facilitar a integração entre developers e designers.

Ahh o Photoshop, se me perguntarem se abandonaria o nosso amigo?? Não!! é minha resposta, mas quem sabe um dia teremos um "Pohtoshop" melhorado da Microsoft, e muito mais barato?

Para quem quizer saber mais sobre a linha Expression da Microsoft.
http://www.microsoft.com/expresion

Obrigado,

Daniel Skroski
http://www.duplod.com.br

2. Como desenhar vetores e trabalhar com composições no Expression Blend

2010-06-22T19:50:00.001-07:00

O que é o Xaml?
Linguagem de marcação baseado em XML desenvolvido para facilitar a integração entre developers e designers.

É tarefa do Designer entender o XAML?

Esta é uma pergunta que eu não sei responder, depende de cada um, eu gosto muito do formato de escrita e não posso falar pelos outros, mas acredito que posso compreender uma parte do código fonte e ainda fazer um bom trabalho no FrontEnd.

Se você é um programador, não se assuste se o Designer não quizer nem olhar para o código fonte, ai entramos com o Blend, para dar suporte para nossos amigos Designers gráficos, sim! Eles agora vão ter que ser seus amigos!

Pois o Silverlight foi feito, na minha opinião, para os profissionais da área gráfica e o programador se vê com bilhões de oportunidades na sua frente, mas sem usabilidade e acessibilidade e outros conceitos, os projetos RIA podem ir por água abaixo.

O Expression Blend e o XAML pode ser feito com simples códigos milhares de possibilidades de desenho, pois na verdade é simples, design começa em sua essência, linha, circulo, triangulo, retângulo e assim por diante.

Eu prefiro no momento nem comentar os Shapes como; Elipse, Rectangle e outros... vamos unir estes no futuro e formar nossos layouts, é o suficiente!

Abaixo entenda como desenhar em Xaml, eu posso até chamar de meu design "open source", que não deixa de ter uma certa ironia.

Tipos de Desenho em Xaml
Hoje no Expression Blend 4 já encontramos uma biblioteca extensa de desenhos como estrelas, balões, e muitas outras formas úteis que podem ser misturada com outros objetos.

Mas entenda abaixo como funciona os Paths, e como são editados através do XAML.

Veja o que cada comando define um PATCH, que é o que precisamos para desenhar qualquer coisa em nosso XAML.

F n - Define FillRule, 0 = EvenOdd e 1 NonZero

M x,y - Inicia uma Nova PathFigure e define StarPoint como (x,y). Isto deve constar antes no código do que os outros comandos exceto F
O M significa mover.

Z - Encerra uma PathFigure e define IsClosed como true.
É possível começar qualquer PathFigure independente depois disso com um comando M ou usar um comando diferente para iniciar uma nova PathFigure a partir do ponto atual.

Caso não queira fechar a PathFigure, poderá omitir todo o comando Z.

PathSegments

L x,y Cria um LineSegment para(x,y)

A rx,ry d f1 f2 x,y - Cria um ArcSegment para (x,y) baseado em uma elipse com raios rx e ry, com rotação de d graus. Os flags f1 e f2 podem ser definido com 0 (false) ou como 1(true) para controlarem duas das propriedades ArcSegment: IsLargeArc e Clockwise, respectivamente.
C xy,y1 x2,y2 x,y - Cria um BezierSegment para (x,y) usando pontos de controle (x1,y1) e (x2,y2). O C significa curva de Bezier cúbica.

Q x1,y1 x,y- Cria um QuadraticBezierSegment para (x,y) usando ponto de controle (x1,y1)

Atalhos Adicionais

Hx - Cria um LineSegment para(x,y) onde o y é retirado do ponto atual. O H significa uma linha horizontal.

Vx - Cria um LineSegment para(x,y) onde o y é retirado do ponto atual. O H significa uma linha vertical.

S x2,y2 x,y - Cria um BezierSegment para(x,y) usando pontos de controle (x1,y1) e (x2,y2), onde x1 e y1 são automaticamente calculados para garantir suavidade (esse pode ser o segundo ponto de controle do segmento anterior ou o ponto atual, caso o segmento anterior não seja um BezierSegment). O S significa curvade Bézier cúbica suave.

Pode se utilizar letras maiúsculas ou minúsculas para estes comandos de seu PATCH.
Você também pode ignorar os espaços em brancos e as vírgulas, mas para os parâmetros é necessário as vírgulas para diferenciar, mas ficaria muito confuso talvez.

M 0,0 L 0,100 L100,100 Z

Os designers só podem estar pensando, "esse cara só pode estar maluco que eu vou ter que aprender para poder desenhar meu layout..." na realidade nem eu sou louco suficiênte para decorar tudo isto, mas pode ser muito útil este post quando estiver desenhando uma logomarca ou uma ilustração mais complexa.

E com certeza os programadores pensam, isto é tarefa de designer, e ponto final.

Pois bem, pensando pelo lado do programador, acredito que ele só pode ta certo, como ele vai fazer o design gráfico do sistema?

O fato é que o desenho é código e vice-versa, é muito novo para o designer copiar um código fonte e colar uma logomarca, mas é muito melhor desta forma do que nos outros programas, que você não tem a mínima noção do que ocorre por "baixo dos panos" do visual!

Veja abaixo um exemplo do que descrevi acima e repare o código e o desenho:

Combinando objetos

É muito simples combinar objetos no Blend, e também muito útil, a idéia é compor vetoriais e formar desenhos com maior facilidade veja abaixo as opções que temos para unir os nossos vetoriais do projeto.

Unite - Faz a união dos objetos selecionados, transformando em um path editável.

Divide- Faz a combinação dos objetos, porém separa em linhas as intersecções.

Intersect - Combina o objeto mantendo somente a sobreposição das vetores.

Subtract - Faz o oposto ao Intersect mantem a parte oposta da sobreposição dos vetores

Exclude Overlap - Exclui a sobreposição e mantém o restante do patch.

Para executar os comandos basta selecionar 2 ou mais objetos e clicar com o botão direito e procurar por Combine, conforme a imagem abaixo:

Confira o resultado do Unite, o restante das ações você pode experimentar no Expression Blend.

Convertendo em Path

Deu para perceber o quanto os paths são importantes dentro do XAML, por este motivo nós podemos criar os shapes nativos do Blend e converter em path, isto pode ser muito útil com elipses e com retângulos com bordas arredondas, para desenvolver outros desenhos não seria necessário fazer tudo do zero com a ferramenta Pen por exemplo.

Confira abaixo na figura como converter em path os seu vetor:

Veja o que pode ser feito com esta conversão no exemplo abaixo:

Vou ficando por aqui, somente lembrando que este post, assim como todos os outros não são definitivos, eu posso acrescentar algumas coisas importantes, principalmente depois dos milhões :) de comentários.

Na próxima pretendo falar de Brushes e Resources.

1. Conhecendo as Ferramentas de Trabalho

2010-06-15T16:15:00.000-07:00

Conheça a Toolbox

É possível utilizar o Expression Blend para criar seus objetos na "Área do Projeto", para isto é importante conhecer nossas ferramentas, vamos discutir conforme o gráfico do próprio Help do Expression Blend.

As ferramentas discutidas são para trabalhar com o WPF, existe uma quantidade menor de opções para o Silverlight.

Acompanhe abaixo:

1. Ferramentas de Seleção

Ferramenta para Paths.

Atalho: (V) = Selection
Seleciona objetos e arrasta na Area de Trabalho.

Atalho: (A) = Direct Selection
Seleciona paths e edita posicionamento e curvatura.

2. Ferramentas de Visualização

Atalho: (H) = Pan
Movimenta a tela com seus objetos.

Atalho: (Z) = Zoom
Aumenta ou diminui o zoom da tela com seus objetos.

Atalho: (C) = Camera Orbital

3. Ferramentas de Preenchimento

Atalho: (I) = Eyedropper
Atalho: (F) = Paint Bucket

Atalho: (G) Gradient Tool (Ferramentas de Gradiente)
Atalho (B): Brush Transform

4. Ferramentas de Objetos

4.1 - Ferramentas para paths:

Atalho: (P) Pen (Caneta)
Atalho:(Y) Pencil (Pincel)

4.2 - Ferramentas de shape:

Atalho: (M) Retangulo
Atalho:(L) Elipse
Atalho(\): Linha

4.3 - Painéis de Layout:

Utilize Control + G para agrupar seus elementos:

Grid
Canvas
StackPanel
WrapPanel
DockPanel
ScrollViewer
Border
UniformGrid
Viewbox

Obs.: Nos projetos Silverlight são aceiotos somente o Grid, Canvas, StackPanel, ScrollViewer e Border.

4.4 - Ferramentas de Texto

Atalho:(T)

TextBox
RichTextBox
TextBlock
PasswordBox
Label
FlowDocumentScrollViewer

Obs.: Nos projetos Silverlight estão disponíveis somente o TextBox, TextBlock e PasswordBox.

4.5 - Atalho de Recursos:

Button
CheckBox
ComboBox
ListBox
RadioButton
ScrollBar
Slider
TabControl
GridSplitter

5. - Assets

Ferramentas Extras

Como aprender Silverlight e Expression Blend? Existe uma seqüencia lógica de aprendizado?

2010-04-01T18:51:00.001-07:00

Hoje muitos que estão estudando Expression Blend estão se perguntando, como aprender de maneira correta e seqüencial?

Na realidade estamos falando de duas coisas diferentes. Uma seria a parte técnica "Silverlight" e outra a parte de interface de usuário (Expression Blend) , e em se tratando de design de interface, é necessário pessoas que tenham o mínimo de conhecimento para criar novas experiências na web e em aplicativos.

Sobre como inovar, criar e desenhar vou deixar por conta de cada um.

Porém podemos estudar nossa ferramenta, o Expression Blend, e isto podemos discutir abertamente e gostaria de auxiliar a todos a ter um novo entendimento, vou tentar resumir este e os próximos posts.

Veja abaixo meus próximos posts para estudos do Expression Blend.

Todos os "posts" ou "capítulos" vou fazer um exemplo com o XAML.

Entendendo a Barra de Ferramentas e Atalhos
- Conheça a sua Toolbox
- Atalhos e Dicas

Como desenhar vetores e trabalhar com composições no Expression Blend
- O que é o Xaml?
- Tipos de Desenho em Xaml
- Combinando objetos
- Convertendo em Path
Conhecendo Brushes, Resources, Styles e Templates
- Reutilização com Resources
- Crie estilos rápidos com Styles
- Padronize todas as ações do seu controle, utilize Templates
Compondo layouts com Panels, conheça cada um deles.
- Trabalhando com grids
- Separando o layout de desenvolvimento, Design, Xaml ou Split
- Grid
- StackPanel
- Canvas
- ScrollViewer
- Border
- ViewBox
Como trabalhar com as layers e entender a guia Objects and Timeline
- Separe seus objetos em layers
- União de layers, organizando o projeto
Conhecendo melhor States e Behaviors
- Conheça a sua Toolbox
- Atalhos e Dicas
Trabalhando com StoryBoards e Animações
- Cada objeto um layer e uma timeline
- Suavizando a animação
- Iniciando o projeto com uma animação
- Auto Reverse
Reconhecendo Controles na guia Assets
- Controles
- Conheça melhor a Asset Library
Fabricando Controls (Controles) e UserControls (Controles de Usuário)
- Transforme seus gráficos em controles
- Seus layers visuais agrupados em um .xaml diferente
Desenvolvendo com dados Dinâmicos
- Preencha seu controle com uma estrutura de dados pronta
- Trabalhando com web services
- Ria Services, conexão de dados de forma estruturada
Integrando C# com o Front-End
- Interagindo com controles e gráficos
- Alterando estados da interface
- Trabalhando com animações

Conheçam mais sobre o .toolbox da Microsoft

2010-03-24T06:18:00.000-07:00

Esta é a verdadeira universidade de Silverlight, e aqui o conteúdo é pesado e feito pelos melhores profissionais da Microsoft. Acredito ser interessante não somente para os designers e sim também para todos os profissionais que querem entender um pouco melhor sobre esta nova tecnologia da Microsoft.

O .toolbox é dividido em algumas etapas

Cadastre-se no site http://www.microsoft.com/design/toolbox/
Baixe os módulos para estudos com os arquivos para utilização no Blend e também os Vídeos
Serão mais ou menos 6 vídeos por módulos
Entre no site e vá até School e faça depois seus exames.
Ganhe pontos e seja um profissional Ria Microsoft

Guia de Desenvolvimento Silverlight x Blend

2010-02-07T15:54:00.000-08:00

O Objetivo deste post é fazer um roteiro para o início do desenvolvimento com Silverlight e o Design de Interação no Blend.

Nos últimos dias estou estudando para fazer uma seqüencia lógica de estudos com a tecnologia:

1. Desenhado sua aplicação através do Sketch Flow

Parte 1

Parte 2

2. Projetando o desenvolvimento com Ria Services (por Tim Heuer)

3. Visualizando o Ria Services com mais detalhes (por Tim Heuer)

4. Conheça mais sobre o compnente DataForm do Silverlight (por Mike Taulty)

5.Veja o Entity Framework 4.0 com detalhes (Luciano Condé)

http://blogs.msdn.com/conde/archive/2010/02/05/publica-o-das-demostra-es-do-msdn-webcast-programa-o-em-camadas-com-o-entity-framework-4.aspx

Photosynth 100% . Show

2008-08-24T03:17:00.000-07:00

Este produto promete revolucionar as mídias digitais, mostrar um ambiente ou um produto em 3 dimensões está mais simples... Hoje com o Photosync é possível brincar com galerias de fotos sincronizando em um ambiente comum em 3 dimensões.

Expression Design

2008-08-23T17:23:00.000-07:00

Expression Design

Design Gráfico

Sistema de Vetores + "Presets"
Com uma biblioteca mais extensa em design gráfico o Expression Design facilita o desenvolvimento das criações para designers.

Exportação para XAML. É
possível exportar o design gráfico elaborado para XAML já vetorizado,

junto com as idéias visuais também é exportada todo o conjunto de

pastas do projeto.

Imagens
Imagens referenciadas no XAML.
Efeitos bitmap, fractal entreoutras técnicas, Qualidade de 96 dpi preservado.

O uso da ferramenta é simples, hoje já existem vários patterns, texturas e etc... que facilitam a vida do designer gráfico e do web designer.

Expression Blend Ferramenta de desenvolvimento de novas interfaces da Microsoft

Sistema de Vetores
Usando os "planos cartezianos", Expression Blend administra gráficos nos eixos x, y e z.

Animação

Um sistema diferenciado de animação em relação ao Flash, baseado em story board, não existe move clips e nem Behaviors.

Programação
Interage com todos os objetos criados no XAML, aceita XML e hoje conta com Ria Services para comunicação com Banco de Dados. Integração total com designers, animadores e programadores.

Silverlight
Tecnologia da Microsoft para facilitar o desenvolviemnto entre Designers e Developers, com uma linguagem fácil e de marcação (XAML) a comunicação entre estas duas profissões melhorou e muito.

WPF
Seria um Silverlight para Desktop, perfeito para quem tem interesse no desenvolvimento de Clients, como o Sobees ou um TweetDeck. Concorrente do Adobe Air

XAML
Linguagem de marcação baseado em XML desenvolvido para facilitar a integração entre developers e designers.

Ahh o Photoshop, se me perguntarem se abandonaria o nosso amigo?? Não!! é minha resposta, mas quem sabe um dia teremos um "Pohtoshop" melhorado da Microsoft, e muito mais barato?

Para quem quizer saber mais sobre a linha Expression da Microsoft.
http://www.microsoft.com/expresion

Obrigado,

Daniel Skroski
http://www.duplod.com.br

Deep Zoom

2008-08-23T17:15:00.000-07:00

Estou iniciando algumas experiências com o Deep Zoom, achei bem interessante mas ainda falta tempo para testar melhor.

Las Vegas . MIX 2008 . Silverlight

2008-03-20T10:53:00.000-07:00

Para quem nunca saiu do Brasil, ir para Las Vegas em um dos maiores eventos da Microsoft foi realmente fantástico.

Vai ser difícil ter uma experiência destas depois do que vi.

Em meu primeiro dia de viagem pude ver como nós temos que caminhar muito para chegar no nível norte americano em relação a respeito e infra-estrutura. Hotéis imensos, luzes que poderiam talvez alimentar um estado inteiro aqui no Brasil, costumes diferentes e quanta diferença para o que temos aqui no Brasil.

O MIX foi sem comentários, elegância, dignidade e valorização, foi o que percebi desde o primeiro dia de Evento, a Microsoft respeita muito a sua comunidade e por isso a receptividade foi maravilhosa, mesmo sem falar inglês as pessoas me trataram muito , mas muito bem no evento, tanto as pessoas que trabalhavam e os participantes, antes da ida achei que iria ser difícil um relacionamento com o pessoal mas foi muito pelo contrário.

União entre Designers, Desenvolvedores e Integradores, foi a grande questão do evento, para isso a MS criou a arma perfeita XAML, foi a tecnologia mais comentada durante a minha participação, entre as palestras encontrei somente 1 sobre Expression Web (XHTML e CSS) o que reforça a minha posição que haverá uma substituição de tecnologias em breve, talvez não tão breve no Brasil, mas vou forçar para que isto aconteça o quanto antes.

Como destaque do evento também vejo o lançamento do Expression Blend 2.5 uma ferramenta bem mais prática e eficiênte para a árdua tarefa de convencer os designers a iniciar o desenvolvimento de suas experiências neste novo formato. Após minha chegada dos Estados Unidos estou em contato com os principais representantes da Microsoft no estado do Paraná, já confirmada para daqui alguns dias minha primeira palestra Microsoft, já estou trabalhando nesta primeira postagem com exemplos TÉCNICOS para meu Blog e para as palestras que serão cada vez mais frequentes a partir de agora, já que estou estudando a técnologia desde o seu lançamento.

Em meu próximo Post já começo com nossa jornada técnica. Espero que a partir de agora vocês achem cada vez mais interessante os estudos passados por aqui.

A era dos Sites Dinâmicos . ASP E ASP.NET

2008-01-06T11:09:00.000-08:00

Após toda essa confusão de browsers, html, css e xhtml, os desenvolvedores web começam a ter que infrentar uma nova era da informação digital, os sites dinâmicos. Resumindo, um web site dinâmico, como o próprio nome já diz, tem como objetivo principal manter o site atualizado constantemente, quando iniciou o uso destas novas tecnologias, muitos desenvolvedores ainda não sabiam aplicar seus conhecimentos comercialmente. Como vender um site dinâmico? Passar os códigos fontes que você batalhou muito tempo para chegar ao padrão ideal? Desenvolver um painel de controle para que seus clientes possam atualizar a qualquer momento? Integrar layouts em um código que já está pronto?

Estas e muitas outras dúvidas, ainda não foram completamente solucionadas, cada empresa faz o que é mais lucrativo, ou o que traz mas agilidade ou até mesmo o que traz mais conhecimento. Mas a decisão principal deste momento era... Vamos desenvolver o site com Linux-PHP ou vamos desenvolver em Microsoft-ASP... decisão muito difícil e que muitos desenvolvedores, pelo menos aqui no Brasil acabaram ficando com o PHP que é uma linguagem gratuíta e que competia de frente com o ASP, as duas eram ou são scripts que rodam até hoje no ambiente do cliente... ou seja fica tudo dentro do código fonte HTML. Com o uso de JavaScript é possível desenvolver verdadeiros softwares on-line.

Tavez por ser do contra, ou por pura escolha imediata, decidi seguir os meus passos com o ASP, acredito que tenha ficado uns 3 anos sofrendo com esta linguagem... Sofrendo em todos os sentidos, como meu irmão também era desenvolvedor web e um excelente Designer Gráfico, ele que optou pelo PHP e eu optei pelas tecnologias Microsoft, as minhas discussões com ele rendiam horas e até mesmo nos encontros familiares nós dois passavamos como chatos que só falavam do que os outros não entendiam.

Mas enfim, como o php depende de uma comunidade e o ASP dependia de uma empresa (Microsoft), depois de até um tempo considerável a MS cria o ASP.NET (versão 1.1), fui correndo para o site da microsoft e para a livraria para aprender o mais rápido possível, esta que poderia ser um novo padrão de desenvolvimento de Softwares On-Line, a corrida foi grande, desenvolvedores de softwares viram pela primeira vez a possibilidade de simular a estrutura de programação na web, detalhe é que poucos designers gráficos estavam atento a isto, portanto sempre olhava muita tecnologia mas o visual péssimo, temos exemplos até hoje de matérias mal diagramadas e sites com pouco atrativo visual mas muita tecnologia.

A partir deste momento vi que poderia unir tudo, neste período entendia bem de design gráfico e já tinha uma boa esperiência no desenvolvimento de banco de dados e programação Action Script e ASP, eu estava bem adaptado ao novo modelo de desenvolvimento da Microsoft, mas com um plus... o design.

Ainda assim o desenvolvimento destes softwares on-line custavam um bom tempo, principalmente estudando a nova linguagem da MS, a qual me dediquei quase todo meu tempo por 3 anos de 2002 a 2005.

Três anos depois da versão 1.1 a Microsoft continuou investindo em tecnologia e lançou a sua mais nova versão, o Framework 2.0. Esta versão com a qual até hoje eu desenvolvo 99% de todos os meus projetos, salvo os clientes que ainda me pedem site completamente animados, dai tenho que me render aos recursos do Flash, que aliás é uma excelente ferramenta de Design e animação, afinal foi lá que tudo começou para mim.

Concluindo, a versão ASP.NET 2.0 revolucionou o mercado de aplicativos on-line, a facilidade no desenvolvimento de verdadeiros softwares foi dissiminada na web, hoje quem foge deste padrão de desenvolvimento pode perder muito, sendo mais preciso, muito tempo. Hoje a Duplo D http://www.duplod.com.br/ conta com um excelente Gerenciador de Conteúdo para sites dinâmicos e que seus clientes podem atualizar todas as sessões de seus sites a partir desta ferramenta.

Sobre HTML

2008-01-06T10:38:00.000-08:00

Para quem leu minha história sabe que HTML nunca foi meu forte até 1999, quando a Macromedia, hoje Adobe, lançou a suíte de ferramentas que revolucionou uma época de muitos avanços tecnológicos, nesta suíte tinham o Dreamweaver 4 , Fireworks 4, Flash 5 e Freehand 8.

O que eu me interessava mesmo era o Flash 5, tanto que a Duplo D começou o desenvolvimento de sites animados somente, html era só para exportação dos arquivos swf, nesta mesma época comecei a abrir os olhos para o Dreamweaver, além do que os meus clientes pediam sites mais leves, sem flash, e ficava geralmente com aquela cara de não sei fazer.

Em pouco tempo comecei a me habituar com o HTML, principalmente por causa da principal função do FIREWORKS que era exportar os layouts já em html para facilitar a passagem do Designer Gráfico e o Desenvolvedor Web. Somente lembrando que nesta época o fireworks só exportava os layouts com TABELAS.

Era comum na época o desenvolvedor finalizar os sites com layouts tabulares, mesmo porque não se encontrava muitas dificuldades em adaptar o que o Designer produziu no código html, lembrando que designers e desenvolvedores não simpatizam um com o outro até hoje, tem suas exceções, mas a grande maioria acabam gerando intrigas entre essas duas profissões.

Outro assunto que nunca saiu das discussões era o Netscape e o Internet Explorer, sei que nessa época já se falava sobre w3c, eu acredito que nos padrões web a Netscape saiu na frente, mas a Microsoft estava anos luz a frente na parte comercial.

Foi uma guerra boa, e que o IE saiu na frente, a partir disto eu procurei me informar sobre as estatísticas de quais browsers os usuários utilizavam, e a absoluta maioria eram adeptos ao IE, o que me fez decidir a desenvolver sites somente para IE, geralmente eu ignorava o Netscape, quando alguém perguntava sobre algum site que desenvolvi e não funcionava no Netscape, simplismente eu desconversava e dizia que ninguém mais usava Netscape, algum tempo depois não ouvi mais falar de Netscape.

Após toda a confusão, continuei desenvolvendo site com tabelas e (CSS) até o final de 2007, mesmo porque sempre funcionou muito bem no IE, e também no Firefox, por incrivel que pareça, tinhamos alguns problemas pontuais, e quando o cliente reclamava faziamos os acertos.

A minha decisão de não me aprofundar com tableless era que os negócios iam muito bem obrigado somente com o IE, sendo o browser padrão da maioria dos usuários por um longo período, após os ataques de spywares, warez e pragas da internet, muita gente migrou para o Firefox, mas depois que surgiram as ferramentas anti-pragas parece que os usuários voltaram para o IE, mesmo porque todos os meus sites no início de 2007 tinham mais de 90% dos frequentadores usando o browser da Microsoft.

Minha História

2008-01-06T09:59:00.000-08:00

Em meu primeiro depoimento para início de nossos estudos neste novo programa elaborado pela Microsoft, vamos voltar no tempo, para falar sobre o futuro tecnológico, desenovolvimento de Softwares e Web Sites.

Vou abordar neste tópico um pouco da minha história como desenvolvedor, e fico aberto a críticas e sugestões... seja de quem for, ninguém está aqui para passar a mão na cabeça de quem estiver errado, mas meu objetivo maior é auxiliar quem tiver o interesse no desenvolvimento deste novo padrão para designers, desenvolvedores e implementadores.

O Início de tudo

Comecei meus estudos na web quando tinha 17 anos em 1997, nesta época estava estudando processamento de dados no segundo grau, foi a partir dai que comecei a ter o interesse pela web e por tecnologia, CorelDraw, Photoshop e 3D Studio eram a sensação do momento, já no início da divulgação destes softwares procurei ao máximo ficar informado sobre seus recursos e facilidades no desenvolvimento de Layouts, Fotos e Vídeos.

Em uma segunda etapa me apresentaram o Flash 3, a promessa era de animações super impactantes, e com arquivos pequenos, baseados em vetores e poucas imagens para que o usuário pudesse baixar estas apresentações (no meu caso eram meus sites), por incrivel que pareça meu conhecimento em HTML era quase 0, talvez soubesse o que o código de exportação do flash fazia naquele momento, nada mais que isto.

Após este primeiro contato com este software, que para época era muita tecnologia para as empresas, não estavam preparadas para absorver estes recursos, até mesmo porque as redes eram discadas no Brasil, o que dificulta até hoje o processo de ampliação da rede em nosso país.

Nesta mesma época participei de um concurso para o desenvolvimento do site do nosso colégio, que na época, ao invés de pensar em vestibular, ficava tentando absorver o flash de todas as maneiras.

No final das contas eu tirei em segundo lugar no concurso, o que me deixou bem frustrado na época, e fez com que eu nunca mais participasse de outro concurso até 2006, felizmente o segundo lugar me garantiu um emprego tão bom quanto desenvolver o site do meu colégio, lá comecei a aprender técnicas de animação bem avançadas e como era forçado a entregar os projetos, esta pressão foi a minha escola, sendo assim comecei além de desenvolver animações, ganhar conhecimento html com tabelas pixels e etc... tudo que um "web designer" teria que aprender.

Após isto prestei vestibular para o curso de Desenho Industrial (Programação Visual) na PUC-PR, passei na segunda chamada... mesmo porque português, história e geografia não eram o meu forte, sempre gostei de matemática, física e informática, após 9 meses decidi sair de meu emprego e começar o meu próprio negócio.

Hoje com a Duplo D, tenho prazer em desenvolver meus "milhares" de projeto, ~~acaba nem sobrando tempo para minha família que reclamam das noites em claro, tanto para estudos ( Aprendi a gostar de estudar) quanto para meu trabalho, que hoje gera todo o meu sustento.~~

Este post foi em 06/01/2008, hoje eu tenho a melhor qualidade de vida, estou praticando esportes e continuo com os meus "milhares" de projetos.

Afinal, temos que ser multifocais!