далее указываем  путь до сервера (CATALINA_HOME – папка bin от tomcat).

Выбираем последнюю доступную версию. После этого eclipse загрузит файл vaadin-6.1.5.jar

package com.example.testvaadin;

import com.vaadin.Application;
import com.vaadin.ui.*;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.Button.ClickListener;

public class TestvaadinApplication extends Application {
@Override
public void init() {
final Label hello = new Label("Hello, %username%");
hello.setVisible(false);
Window mainWindow = new Window("My new web 2.0 application with vaadin");
Panel rootPanel = new Panel("<h1 align='center'>My First Vaadin Application</h1>");
rootPanel.setSizeFull();
Button clickMe = new Button("Say, Hello world!");
clickMe.addListener(new ClickListener()
{
public void buttonClick(ClickEvent event)
{
hello.setVisible(!hello.isVisible());
}
});
rootPanel.setSizeFull();
rootPanel.setContent(new VerticalLayout());
rootPanel.addComponent(hello);
rootPanel.addComponent(clickMe);
mainWindow.addComponent(rootPanel);
setMainWindow(mainWindow);
}

}

* This source code was highlighted with Source Code Highlighter.

нажимаем run on server и видим следующую картинку:

Вот так.  Сами поэкспериментируйте с виджетами, но учтите, что нужно постоянно чистить кеши tomcat`a, иначе будут сложности (сделать это можно в свойствах сервера “Clean Tomcat Work Directory”).

Daew pessoal…. estou devolta!!!^^

Bem…. no post anterior nós começamos um projeto cujo escopo é montar uma calculadora porreta! hehehe

Montamos a parte do design dela e agora iremos trabalhar um pouquinho com o CSS para deixa-la mais bunitinha aos olhos de quem utiliza-la.

Só uma coisinha…. antes de começarmos com o CSS temos que alterar uma coisa no nosso código…

Prestem atenção, se executarem a calculadora e clicarem no TextInput da calculadora você poderá escrever qualquer informação naquele espaço… isso é inaceitável para uma calculadora, correto?!?! E o que fazer? é muito simples…

Existe uma tag chamada “editable” que irá resolver isso. Ela informa se determinado campo é ou não editável. Então, você só precisa acrescentar no TextInput a tag | editable=”false” |, se estivece true em vez de false o textInput seria editável…

O código ficará assim, sendo que a parte vermelha é a tag que acrescentamos no código ok?!

<mx:TextInput x="10" y="10" width="221" fontSize="20" editable="false"/>

  blz… feito isso agora vamos continuar! \o/

CSS - Cascading Style Sheets

Para quem ja programou com CSS atravéz do html não terá problema algum em entender como funciona no Flex.

O CSS cria a “folha de estilo” e atravéz dele iremos definir padrões visuais para nosso componentes.

Um exemplo de CSS seria…

Button
{
     color: blue;
}

Nesse exemplo estou informando, atravéz de CSS, que o componente Button terá a cor de seu texto azul(blue), se colocarmos isso no código será que irá funcionar?

E como introduzir o  CSS na nossa aplicação?

Existem duas formas práticas de trabalhar com CSS. Falarei das duas:

1. Introduzir no próprimo mxml atravéz da tag <mx:Style…/> : Essa forma é simples, rapida e não mt aconcelhável. Você não perderá em execução, mas seu código irá ficar poluido e isso não é legal.
2. Criar um arquivo .css e lincar o mesmo ao arquivo mxml: Continua sendo fácil, mas não tão prático pois é certo que vc perde um pouco mais de tempo arrumando os campos, passando de um arquivo para outro e blablabla. Mas existem ‘n’ vantagens que eu poderia citar do pq usar um arquivo CSS do que introduzir direto ao código mxml, mas isso não vem ao caso. Vou mostrar das duas formas e uma outra hora irei postar um post sobre a importância da organização de pastas, arquivos e código.

Faremos da primeira forma, irei explicar o que pretendo utilizando dessa forma e por fim mostro da 2ª forma e terminaremos deixando nossa calculadora o bixo! hehe

Escrevam no seu arquivo index.mxml o seguinte “<mx:Style >” , quando fechar essa tag “>” será acrescentado logo abaixo uma tag assim “</mx:Style>” mostrando que até ali você poderá acrescentar suas configurações de CSS.

dentro dessas duas tags escrevam o código que coloquei acima do Button e visualizem no Design… o que aconteceu??? Letrinha azul correto??? =)

É muito fácil! \o/

vejam o código abaixo como base…

 Alright by Ria

2009 (2 tracks, 6:50)

pop

Lindsay, Ann and Alison joined me here at Clasheen for a full days workshop on Saturday.  Even without bearing in mind that everyone had only felted once before the work produced was truly amazing!

A flock of sheep waiting to be felted!

I am going to let the pictures speak for themselves today, check out more images from the workshop on Flickr. 

Tomorrow I will post about the rug I made following Ria’s instructions in Dutch Felt, a lot of hard work but an interesting result.  Till then ……..

According to a third-quarter report issued by the Robotic Industries Association (RIA), robot orders rose in two manufacturing categories: life sciences and food & consumer goods.  The increase shows 14% more sales with life sciences customers, and a 12% increase with food & consumer goods customers.

The RIA reports  that some 192,000 robots are now used in the United States, placing the United States second only to Japan in overall robot use. It’s estimated that more than one million robots are being used worldwide.

FLEXICELL, INC.
Flexicell, Inc. is a robotic system integrator for end-of-line automation solutions including: packing, palletizing, and material handling.  Applications include case packing, assembly, vision inspecting, collating, machine loading/unloading, conveying, palletizing/depalletizing, and automatic guided vehicles.  Since 1992, Flexicell has installed robotic automation systems throughout North America in food & beverage, pharmaceutical & medical, electronics, automotive, and household industries.  For more information, visit www.flexicell.com

Pentru viitorul site, echipa WebSmiths a trebuit sa aleaga o tehnologie care sa fie free in primul rand, si care sa fie cat mai ofertanta in development (cat mai rapid si usor) de aplicatii cat mai “glossy” de web. Am ales astfel JavaFX (fara sa stim prea multe detalii) ca si platforma RIA, din urmatoarele motive:

• JavaFX ruleaza pe orice calculator si in orice browser care are instalat Java Runtime Environment
• Fiind familiari cu Java, si cu IDE-urile NetBeans si Eclipse, am considerat ca ne-ar ajuta in invatarea acestei noi tehnologii
• Este o tehnologie noua (aparuta prima data in 2008 si actualizata in iulie 2009) de realizare de aplicatii interactive web si desktop, care concureaza cu Flash si Silverlight
• Exista multe sample codes consistente cat si tutoriale pe site-ul de la Sun JavaFX, cat sa-ti faca pofta sa inveti o noua tehnologie

Dupa o experienta de a realiza cateva tutoriale de pe site-ul oficial, si “Pet-ul” (care este momentan o celula draggable, si customizabila ca si culoare) de pe site-ul nostru(care este momentan beta) , am putea enunta cateva plusuri si minusuri pentru tehnologia aleasa:

Pros:

• Mediul de dezvoltare este foarte prietenos (Netbeans) si usor de folosit : se pot realiza functii grafice, precum rotatie, umbra, glow , cat si adaugare de componente (shape-uri, componente de interfatare) din cateva click-uri.
• Limbajul este intuitiv in descrierea de animatie si grafica (scripting)
• Sample-urile ce vin cu Netbeans, cat si cele de pe site, sunt cat se poate de relevante : prelucrari de imagini, slideshow, animatii, jocul pong implementat, draggable object
• Se poate instala pachetul Production Suite, care faciliteaza lucrul intre programator si grafician/desenator, prin instalarea de plugin-uri in Adobe Photoshop si Illustrator, care convertesc un fisier Adobe (de genul psd), layered, intr-un fisier .fxd JavaFX, script ce descrie fiecare layer si ce imagine trebuie inserata in acestea
• Aplicatiile JavaFX pot fi setate ca fiind Draggable, ceea ce inseamna ca un astfel de content poate fi tras din browser, si pus pe Desktop, el ruland independent
• Se poate integra cod java fara probleme, mai ales daca nu stii cum sa implementezi ceva cu JavaFX Script
• Are suport HttpRequest, ceea ce ne-a ajutat in lucrul cu serverul
• Se poate integra lucrul cu baze de date, prin jdbc
• Este o alternativa pentru Ajax

Cons:

• Fiind o tehnologie noua, nu exista raspuns la orice problema pe Google , nici macar pe forumurile de pe site-ul oficial
• O aplicatie JavaFX consta in 3 fisiere, unul jar, si doua jnlp, care trebuie modificate manual pentru a seta calea jar-ului. Ne-am confruntat cu aceasta problema cand am urcat prima data o aplicatie JavaFX pe site si aceasta nu rula, pentru ca nu lua calea corect.
• Nu are o “masa de lucru” grafica, pentru a modifica amplasarea obiectelor grafice cu mouse-ul, asa cum are Adobe Flash, ci totul este descris prin cod
• Aplicatia “Pet”-ului de pe site, desi are doar 40K, se incarca destul de greu

In concluzie, JavaFX este o tehnologie demna de incercat macar, avand capabilitati sa inlocuiasca cu brio (si e inca la inceput) aplicatiile Flash, ceea ce nu s-a reusit mult timp.

În seara asta 5 manageri de echipe ne-am strâns pentru a discuta despre tehnologiile folosite de fiecare în cadrul proiectului.

Sesiunea a durat cam 2 ore și fiecare am abordat câte o tehnologie importanta în următoarea ordine:

1) Andrei – JavaScript

• a punctat foarte bine caracteristicile acestui limbaj de scripting client-side
• am discutat apoi despre utilitatea acestui limbaj
• am amintit de Firebug ca si aplicatie pentru debugging-ul codului
• Sergiu a amintit de framework-uri precum JQuery și YUI

2) Eu – PHP (bineînțeles)

• limbaj de scripting server-side
• foarte bine documentat, fiind baza pentru foarte multe site-uri din prezent
• weak typing
• PHP ca limbaj orientat obiect

3) Tibi – AJAX

• Asynchronous JavaScript and XML
• nu este un limbaj propriu-zis, folosind JavaScript pentru partea de codare și XML pentru formatul raspunsurilor. Raspunsurile pot fi și în format JSON sau plain text.
• ne-a dat un exemplu cu o apllicație cu chat și a subliniat importanta metodei asincrone de comunicare

4) Mircea – JavaFX

• RIA (Rich Internet Application)
• http://javafx.com/samples/ – pentru exemple
• un bun inlocuitor pentru Silverlight sau Flash
• foarte bun pentru dezvoltarea unui joc online, browser based

5) Sergiu – CMS-uri (WordPress)

• Content Management Systems
• ”CMS-urile sunt o serie de programe, scrise de obicei într-un limbaj server site(PHP de exemplu dar nu numai) care folosesc HTML, CSS, AJAX și altele pentru a facilita afisarea și editarea de continut într-un mod facil”
• am discutat și despre diferențele dintre CMS-uri și Framework-urile PHP și despre folosire CMS sau scriere cod de la zero.

Mai multe găsiți și pe pagina asociată transcript-ului asociat chat-ului nostru.

Olá pessoal gente boa!! ^^

Quero começar um tutorial porreta! hehehe

Vou mostrar em 4 post uma aplicação completa… início, meio e fim! ^^

Vamos aprender funcionalidades simples e avançadas do Flex. Vamos trabalhar com .mxml, .as e .css, montando assim, uma vasta quantidade de informações e tornando esse tutorial um manual completo de como fazer “TAL COISA” no Flex! hehehehe

Bem…. Pretendo expor poucas imagens e bastante código e ja adianto e digo, se sua intenção é aprender mesmo o Flex esquece que existe o Crtl+C/Crtl+V … esses dois comandinhos nos deixam burros! hehehehe Mas sério, para melhor fixação de informação, nada melhor do que escrever o código… evitem usar o Design do Flex Builder, vamos praticar e aprender realmente blz?!

…

Então vamos lá…

Vamos começar pelo escopo do nosso Projeto…. o que iremos fazer?????

Alguma idéia???? =P

Bem…. o Flex é um Framework para aplicações ricas via web (RIA) então vamos criar……. hummm……. vamos fazer uma Calculadora =D~~~~~~

O que acham???

Deve ter passado na cabeça….”CALCULADORA??? =O~~”, “SERÁ Q CHOVE HOJE???? =O~~~~~~”, “2+2 = 22 …. =D ~” hehehehehe

Mas assim pessoal…. nossa intenção aqui é aprender certo? Então nada melhor do que criarmos algo que é conhecido por todos….

E enganado é aquele que pensa que uma calculadora é coisa simples…. vamos fazer uma SUPER calculadora! hehehe

…..

Decidido o nosso Projeto pensemos nas funcionalidades de nossa Calculadora…

• Somar/Subtrair/Multiplicar/Dividir

Simples não?! hehehe, mas ja digo… se leres todos os Post não irá se arrepender!

…..

Afff… chega de enrolação!!!! Vamos começar logo esse projeto e as explicação vão vindo aos poucos! hehe

Então abram o FlexBuilder e Criem um novo projeto com o nome “Calculadora”. (quem não sabe criar um projeto novo leiam antes o Post Conhecendo o Flex)

o projeto inicial irá ficar assim…

Feito isso comecemos agora pelo layout… depois de montado nossa calculadora vamos criar um estilo (CSS) para nossa aplicação e só depois vamos dar vida a isso tudo! ^^

Então…. o que tem uma calculadora???????? =P

façamos o seguinte…. vamos uzar esse modelo abaixo OK?!

Então o que iremos usar de componentes? Só será necessário 3 tipos diferentes de componentes que são:

• Panel
• TextInput
• Button

Com esses 3 componentes está prontinho a nossa calculadora!!! ^^ Facil não!? =D~

Vejam como fica…

Parecido não?! 8D

Mas vamos deixa-lo mais parecido com o nosso modelo… tenham calma! ^^

Como podem ver especifiquei por cores e uma legenda o que é o que na nossa calculadora! ^^

Para montar essa Calculadora eu usei o Design do FlexBuilder… como eu disse, prefiram não usar… mas também não é o fim do mundo facilitar a sua vida não?! hehehe

O código… no momento está assim…

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="555" height="461">
    <mx:Panel x="149" y="63" width="261" height="317" layout="absolute" title="Calculadora">
        <mx:TextInput x="10" y="10" width="221" fontSize="20"/>
        <mx:Button x="10" y="53" label="7" fontSize="30" width="47"/>
        <mx:Button x="65" y="53" label="8" fontSize="30" width="47"/>
        <mx:Button x="120" y="53" label="9" fontSize="30" width="47"/>
        <mx:Button x="10" y="107" label="4" fontSize="30" width="47"/>
        <mx:Button x="65" y="107" label="5" fontSize="30" width="47"/>
        <mx:Button x="120" y="107" label="6" fontSize="30" width="47"/>
        <mx:Button x="10" y="161" label="1" fontSize="30" width="47"/>
        <mx:Button x="65" y="161" label="2" fontSize="30" width="47"/>
        <mx:Button x="120" y="161" label="3" fontSize="30" width="47"/>
        <mx:Button x="10" y="215" label="0" fontSize="30" width="47"/>
        <mx:Button x="65" y="215" label="." fontSize="30" width="47"/>
        <mx:Button x="120" y="215" label="=" fontSize="30" width="47"/>
        <mx:Button x="188" y="53" label="C" fontSize="20" width="42"/>
        <mx:Button x="188" y="96" label="/" fontSize="20" width="43"/>
        <mx:Button x="188" y="139" label="X" fontSize="20" width="43"/>
        <mx:Button x="188" y="182" label="-" fontSize="20" width="43"/>
        <mx:Button x="188" y="224" label="+" fontSize="20" width="43"/>
    </mx:Panel>

</mx:Application>

Você pode usar esse código como base para montar a sua calculadora, mas ja sabem né?! SEM Copiar/Colar! hehehe

Aaaa… favor não mecher nas propriedades de cores e formatos dos componentes… isso nós vamos fazer depois no CSS ok?!

O que foi feito no código acima????

Se forem analizar o código acima a primeira coisa que vemos é que o Flex é um código de hierarquias, ou seja, vemos que existe uma “<mx:Panel … >”  com suas especificações e tal, e depois de algum código encontramos o “</mx:Panel>” que significa que a Panel foi finalizada ^^ Mas e pq os Buttons e o TextInput estão intre essas duas tags da Panel? Simplismente pq esses componentes estão incluidos dentro da Panel, concluindo que esses componentes se tornam filhos do componente Pai (Panel), dessa forma a leitura esse código fica muito facil não é?!

Essa é a maior caracteristica do mxml (variação do XML).

Bem…. existem os atributos de cada componente que estão aparecendo no código:

• “x” e “y”: É onde vc especifica a posição do componente;
• “width”: Especifica a largura do componente. Existe também o “heigth” que especifica a altura do componente;
• “label”: Especifica o texto que irá aparecer no componente; (nem todos os componentes tem a propriedade label, um caso é o TextInput. Caso você queira que algo apareça no TextInput existe a propriedade “text”)
• “fontSize”: Aturbuimos o tamanho da fonte do texto daquele componente;
• “layout”: Define que tipo de layout aquele componente terá. Essa propriedade só existe em componentes do tipo Conteiners, ou seja, aqueles que suportam outros componentes dentro dele;
• “title”: Define um titulo para algum componente. Também só presente em componentes do tipo Conteiners.

Ufa… cabo! hehehe é tanta coisa!! ^^ Tem ainda umas propriedades no “<Application …>” mas isso não vou explicar pois no outro post ja dei uma explicadinha!! ^^

Bem…. assim ja da para ter uma pequena noção de como se trabalhar no Flex não é?! =)~

Depois disso tudo pronto, tente executar o seu Projeto para ver como esta! Clique com o botão direito no index.mxml e vá em Run As > Flex Application e prontinho!

Bem pessoal… essa é a primeira parte do nosso tutorial… agora na segunda parte vamos mecher no CSS… vou mostrar como montar um layout a partir de um CSS e introduzi-lo em nossa aplicação blz?! ^^

Por enquanto é isso… um abraço e até mais!

“Estudo és tudo!” hehehehe

Flw \o/

some weeks ago i was assuming what to expect from google chrome OS. yesterday it went live at the google chrome event in mountain view and pretty much met my assumptions from my previous post. please find a summary of the meeting on techcrunch or http://chrome.blogspot.com/
for the ones that still cant imagine what it is about, please check out the video below.

Olá pessoal…. tudo + ou – ???? hehehe

Bem… quero começar o Blog com algo simples porém util para quem está começando…

Vou mostrar passo-a-passo como criar um projeto Flex e ensinar um pequeno exemplo no Flex para quem está começando!

Vamos lá então…

Pergunta: O que eu uso pra programar em Flex?

Resposta: www.google.com.br ! hehehehe brincadeira, hoje existe uma ferramenta chamada Flex Builder 3 da Adobe que resolve esse seu problema. Essa ferramenta é paga mas você pode baixa-la e usa-la por 60 dias de gratis! Se você for um estudante, pode mandar um comprovante de matricula para a Adobe e eles lhe mandam um serial válido para estudo legalizando, assim, a ferramenta. É claro que dai você só pode utilizar essa ferramenta para fins de estudo, caso queira vender seus sistemas Flex, deve comprar a licença blz?! ^^

Então vá em www.adobe.com.br e baixe o Flex Buider 3 (enquanto escrevo esse post ja foi lançado a versão beta do Flex 4… mas vamos trabalhar com o Flex 3 ok?! =P )

Bem… para instalar você pode utilizar da tecnica de Next>Next>Next>Finish! hehehe

Vamos ao que intereça…

Depois de aberto o Flex Builder  clique em “File > New > Flex Project” e abrirá uma tela…

Aqui você ira falar para o Flex qual pasta ficará os arquivos finais, os executáveis do sistema. Por Default vamos deixar como está, “bin-debug”.

Aperte novamente em Next…

Essa é a parte final de configuração para a criação do seu Projeto Flex.

Em Source path vc pode adicionar pastas com componentes para utilizar em seu projeto… para agora iremos ignorar isso pois as bibliotecas do Flex tem tudo o que precisamos de inicio.

Em “Main source folder” será a pasta onde ficarão todos os seus pacotes e arquivos mxml, as, css, etc… ou seja, será onde iremos programar literalmente, é o coração do Projeto! Por padrão deixaremos “src”

Em “Main application file” será exibido o nome do arquivo inicial do projeto, é o executável! Bem… aqui vamos mudar o nome desse arquivo de “ShowFlex.mxml” para “index.mxml” ! Pq isso? Pois depois quando formos executar o projeto o Flex irá criar um arquivo index.html dentro do path bin-debug… depois quando formos por no ar nosso sistema, em vez te colocar http://www.dominio.com.br/ShowFlex.html irei colocar http://www.dominio.com.br =D Legal né?! hehehehe

Bem… feito isso agora é só apertar em Finish e está pronto a base do projeto “ShowFlex”… =D

Facil não é?! É simples… quando treinar mais um pouco não tem como esquecer! =)

Vemos então que no canto esquerdo foi criado um projeto com o nome ShowFlex e com os seguintes pacotes e arquivos…

e na parte central/direita aparece…

Se observarem bem irão ver que existe duas opções nessa parte:

• Source: Nessa parte iremos, literalmente, programar nosso código;
• Design: Nessa parte iremos montar o nosso layout;

Vamos observar primeiro na visão Source…

Vemos que o Flex acrescentou algum código já no arquivo index.mxml

o “<mx:Application…” aparece só no arquivo principal do projeto, confirmando, assim, que esse arquivo será executado por primeiro e será a base de tudo. Dentro dele temos uma tag xmlns:mx=”http://www.adobe.com/2006/mxml” de faz a ligação do Projeto com os componentes do Flex… sem essa tag você não iria conceguir mostrar nada no seu layout, caso você não tenha criado seus próprios componentes, maaaaassss como esse tutorial é mt básico, acredito que vc ter seus próprios componentes, agora, é algo meio crazy!! hehehehehe

Bem…. continuando… deixe aquela tag lá e pronto! hieiheiheihei

Temos também a tag layout=”absolute” que irá tornar o layout da aplicação livre, ou seja, você poderá colocar seus componentes onde você quiser!

Vamos agora para o Design…

Aqui o esquema de abas é o seguinte:

• Components (esquerdo/inferior): Aqui iremos encontrar todos os componentes padrões do Flex…. para você poder utilizar desses componentes só precisa apertar com o mouse em cima do componente que você quiser, arrastar e soltar no centro da área de Design, na posição que melhor lhe agradar e assim montar seu layout;
• Flex Properties(direito): Aqui você poderá configurar as propriedades de cada componente, ações, cores, tamanhos, etc.
• States(direito/superior): Aqui você poderá criar states onde cada state terá alguns componentes sendo que em outros terá outros componentes, ou então propriedades diferentes para um determinado componente… mas isso veremos em outro post… não se preocupe! ^^

Então vamos fazer o seguinte… Procure na aba Components um componente chamado Button. Segure ele e arraste até o centro da aplicação…

Vamos agora na perspectiva Source e veja o que aconteceu… foi acrescentado o seguinte código

<mx:Button x="259" y="236" label="Button"/>

Esse código está ai pois acrescentamos ele ao index.mxml quando arrastamos o Button até o centro da nossa aplicação. O “x” e o “y” são as tags de posição do componente, talvez até seus valores sejam um pouco diferentes dos meus pois você pode ter colocado em outra posição o Button, e a tag “label” é o que fica escrito no Button…

faça o seguinte… modifique o conteúdo desse label de “Button” para “Botão”!

Agora vá para a perspectiva Design……. o que aconteceu???? hehehe

Éééééééé…. limpa a boca ai!!! o Flex é facil sim!! iheiheihie

O Flex ganhou um espaço muito grande não só por suas facilidades de compatibilidades e acessos via web, mas com essa ferramenta Flex Builder, ficou bem mais facil montar seus Layouts sem muito trabalho…………..blablablablabla….

^^

Mas chega de ladainha….

Faça o seguinte…. copie esse código e cole em seu index.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Button x="142.5" y="66" label="Pesquisar" width="94"/>
    <mx:Button x="244.5" y="66" label="Gravar" width="94"/>
    <mx:Button x="346.5" y="66" label="Excluir" width="94"/>
    <mx:Label x="252" y="10" text="Escreva aqui:"/>
    <mx:TextInput x="142.5" y="36" width="196"/>
    <mx:DateField x="346.5" y="36" width="94"/>

</mx:Application>

Fez o que eu mandei??? hiehieiheiheihie

Se quiser ver olhe no Design o que foi adicionado no index e analize o código para entender o que significa cada tag… assim você ira fixas bem mais as coisas mais básicas do Flex.

Mas então…. eu quero poder ir montando minha aplicação e ir executando para ver como está ficando, testar as funções que criei, etc…. como iremos executar a nossa aplicação?

Se tomar a atenção no arquivo index.mxml

verás que ele tem uma bolinha azul. Essa bolinha significa que esse arquivo é o arquivo de execução do Projeto então clique com o botão direito nele e vá em “Run As > Flex Application” e prontinho…. seu navegador irá abrir e sua aplicação irá aparecer em tempo de execução para você!!!

Bem pessoal…. Esse tutorial é o primeiro post que faço aqui no Blog e fiz simples assim para ir gradativamente aumentando os níveis de tutoriais e assim cada pessoa que for acompanhar terá um avanço junto com os exemplos… assim será de melhor entendimento para quem está começando, e para quem ja sabe, não custa dar uma relembrada certo, por mais que seja algo bem simples!

Mas é isso ai pessoa…. qualquer duvida ou correção de alguma besteira que eu disse, favor entrar em contato Ok?!

Até mais e bons estudos. 8D

Olá Pessoal…

Então é isso…. sou desenvolvedor de sistemas RIAs com Flex e Java.

A minha intenção começando esse Blog é expor alguns tutoriais, tirar duvidas, expor novidades, em fim, esmiuças toda a vida do Flex e Java! hehehe

O Blog será separado em categorias ”Notícias - Java/Flex – Java – Flex” deixando mais fácil a procura de alguma informação.

Acho que é isso pessoal… qualquer coisa que eu falar uma besteira me avizem blz!? hehehehe

Abraços e bom proveito!

Att. GuiSjlender

Oh yes – announced at PDC yesterday.

• Silverlight 4 Beta – announced as NOW AVAILABLE!!!!!!! at http://silverlight.net/getstarted/silverlight-4-beta/ and see http://channel9.msdn.com/learn include (what’s new)
• Silverlight 4 RC – No Date
• Silverlight 4 Final Release – No Date

I think perhaps March 22nd with VS 2010 fir the RC or final at a squeeze.  According to Scott Guthrie, the RC may have more hardware accelerateion.

Silverlight 4 features:

• Webcam & Microphone on the machine (including raw access); multi-cast streaming; offline DRM support
• Printing; rich text; clipboard access; right click; mouse wheel; implicit styles; drag/drop; bidi & rtl; html hosting (including content as brush); commanding/mvvm; additional controls (including rich text)
• Compile once, use in both SL and .NET 4; UDP multicast (p2p); rest protocol enhancements; improved WCF support (inc. TCP channel support); RIA Services; works better with OData (Astoria)
• Offline features include: Windowing APIs; Notification popups; HTML hosting; Drop Target
• New offline ‘elevated’ features include: Custom Windows Chrome, Local File System, Cross-Site Network; Keyboard in Full Screen Mode; Hardware Device Access; COM Automation of local objects (and location APIs).
• Twice as fast; 30% faster startup; new profiling support
• Support for Google Chrome.
• Under 5MB to install.
• Will ship the Silverlight 4 Facebook-integration demo as reference sample
• 70% of voted-for Silverlight 4 features (including 9 of top 10) included

Visual Studio 2010 Silverlight support: WYSIWYG Design Surface (not news), XAML IntelliSense Improvements; Improvements for Data Binding, Layout & Styles; WCF RIA Services Integration

Check out the PDC sessions (video showing up in the near future) on Silverlight 4:

• Microsoft Silverlight 4 Overview
• Building Line of Business Applications with Microsoft Silverlight 4
• Improving and Extending the Sandbox with Microsoft Silverlight 4
• Building Extensible Rich Internet Applications with the Managed Extensibility Framework

Check out further PDC coverage

Get the full Ruby on Rails experience with Skills Matter’s own Ruby workshop — run by the exceptional David Black.

Author, conference speaker and trainer, David is a respected Ruby programmer and will leadusers through 3 days intensive learning.  You will learn the basics of the Ruby programming language, and then extend your knowledge to the Ruby object model, built-in classes, string and text handling, sockets and network programming, code testing, metaprogramming, and many more subtopics.

You will then have a ‘day off’ from the Ruby course, so that you can attend the annual RoR eXchange 2009, a London Ruby conference, where you can join 125 fellow ruby enthusiasts to hear about the latest developments and ideas from 6 expert speakers.

Places are going fast — book now and make sure you don’t miss out on your chance to attend!  For more information, visit the Skills Matter site.

Silverlight – “Loading Please wait” was my search in google i was not able to find any useful information. I thought how come nobody thought about the loading wait time and started to code using my little knowledge , then came across a great post by dan – http://www.davidpoll.com/2009/09/14/update-2-displaying-background-activity-in-a-silverlight-ria-application/ i added the activity to my DomainDataSource that calls a sybase database not Entity framework. Remember to use the new acitivy dll from dan’s blog not in RIA template.

First the pictures come out now a video damn Ricky…

50 Cent was in Las Vegas and visited the champ Floyd along with Tia Kemp, Rick Ross’ son and Diddy

I am in the process of learning RIA with Silverlight. I like the Entity Framework but it wont work for my sybase. At last i found an article  http://msmvps.com/blogs/deborahk/archive/2009/11/05/silverlight-ria-services-and-your-business-objects.aspx

that helped me to create domain objects and connect directly to database. The change i made mainly in domain layer

public static List<SomeData> GetData()
        {
            DataSet dsSome;
            List<SomeData> SomeList = new List<SomeData>();
            try
            {
  //using Entlib you can use any database
                DAL.Database db = DAL.DatabaseFactory.CreateDatabase(“Use Connection String”);              
                dsSome= db.ExecuteDataSet(CommandType.StoredProcedure, “Query’”);
                foreach (DataRow SomeRow in dsSome.[1].Rows)
                {
                    SomeData s = new SomeData ();
                    s.Name = SomeRow ["Name"].ToString();
                    s.Age = SomeRow ["Age"].ToString();
                    SomeList.Add(SomeData);
                }
            }
            catch (Exception ex)
            {
                throw ex;
            }

         
            return SomeList;
        }

public class SomeData
    {
        [System.ComponentModel.DataAnnotations.Key()]
        public string Name{ get; set; }    
        public string Age{ get; set; }               
    }

In Service Layer
public IEnumerable<SomeData> GetSomeData()
        {
            return Customers.GetData();
        }

In Main.XAML add another grid to display the value

Retirement Planning Meets Real Estate (And Really Hit it Off) You are never too young to start saving for retirement. On the other hand, only your specific life circumstances determine if you’re too old. Although earlier is best when it comes to retirement planning, later is still better than never. Whenever you choose to start, it is important to know your options and limitations.

It is difficult to find an employer that offers a consistent pension plan.  Those approaching retirement rely primarily on IRAs to assist in saving for retirement. However, most people never take control of their retirement accounts and passivity can be costly for your nest egg. The majority of IRA money in our country is invested in stocks, bonds and mutual funds. According to MSNMoney.com, about 97 percent of IRA money is dedicated to these traditional investments. That means only 3 percent of our IRA money is dedicated to alternative investments, such as real estate, that have the ability to produce higher returns.

The rules governing allowable investments by IRAs only exclude three classes of investments: collectibles (such as artwork, gems, antiques and most coins), life-insurance and S corporations. All other types of investments are permitted, which makes for seemingly endless investment options. One trend that is beginning to gain popularity is using IRA money to invest in real estate.

Investing in real estate through an IRA widens the range of alternative investments available for individuals planning their retirement. Introducing real estate into your retirement portfolio has obvious benefits. For one, it can act as a means to diversify your portfolio, which can help to hedge against the volatility in the stock market or government-backed investments. Also, for those who are experienced in real-estate investing, or those who seek help from a professional who is, real-estate investments have the potential to protect against principal loss. Real estate can also generate better-than-market-rate returns through income production and capital gains. With the help of a Registered Investment Advisor, your income and capital gains could also be stuffed back into your IRA either tax-deferred (as with a traditional IRA) or tax-free (as with a Roth IRA).

Arguably, the easiest way to incorporate real estate into your retirement plans is to have your IRA purchase the asset and you treat it strictly as an investment. This means you cannot use the property for personal reasons, which excludes the options of purchasing and frequenting a vacation home or purchasing property from relatives. There are no complex issues involved when you treat the asset only as an investment as long as your IRA pays cash for it. But, this is not a feasible option for everyone.

If you have to leverage a mortgage, things get a bit more complicated. For instance, you cannot personally guarantee a loan for your IRA. Also, your IRA will pay tax on something called Unrelated Debt Financed Income, which is the income that can be attributed to the leveraged portion of the loan. If you are not well-versed in real-estate investing, you can run into some major tax complications when trying to use your retirement accounts to purchase real estate. I highly recommend seeking the help of a professional for two specific reasons. First, a professional helps eliminate headaches and complexity. Second, he or she can help to ensure that your retirement account has the best chance to bloom and remain fruitful throughout your entire retirement.

To help simplify the complex process of introducing real-estate investments into your retirement plans, I have uploaded an e-book that you can download for free at www.ThePowellPerspective.com. Inside the “Real Estate Risk and Retirement Planning Pt. 1” e-book you will find:

- How to decide if real-estate investments are right for you right now

- Helpful guidance for introducing real-estate investments into your retirement plans

- How to navigate the different options you have when it comes to real-estate investing

- The importance of holding a diversified retirement portfolio

- How to use real-estate investments as a hedge against inflation 

I have compiled information from a variety of sources to create an e-book that can help readers take the unknown out of a complex topic. It is my hope with this two-part e-book, that readers will find the information they need to take control of their retirement planning and stop putting it off. Retirement can be filled with relaxation, travel and free time to complete a number of your life goals. There is no reason to be worried about your finances later on in life when you can easily take the right steps toward financial security today.

All My Best,

Thomas J. Powell

For the free eBook, please visit www.ThePowellPerspective.com