Nesta vídeo aula vamos começar a aprender a trabalhar com Business application Silverlight e WCF RIA SERVICE.
Conteúdo:
Introdução ao WCF RIA SERVICE
Primeira Aplicação em Silverlight Business application
Ado. Entity Data Model
Abraços
Flávia Moreira
Nos dias 16 e 17 a Microsoft reuniu alguns MVPs e influenciadores da comunidade em um rancho no interior de São Paulo com atividades de integração e de direcionamento. Esta reunião se chama Community Zone. Para alguns é um momento de lazer com os amigos da “internet”, mas para muitos é uma grande oportunidade de trocar informações e discutir determinados assuntos.
Foi isto que aconteceu na madrugada do Community Zone. Mais de 30 pessoas estavam presente para discutir Silverlight 4 x XHTML5? Assunto quente e polêmico que você confere neste mega podcast, com participações de Kelps, Giovanni Bassi, Rodrigo Kono, Victor Cavalcante, Igor Abade, Mauricio Alegretti, Gustavo Malheiros, Márcio Sete e vários outros. (ps.:não temos os nomes de todos, se você estava presente comente este post).
Html5 versus Silverlight no Community Zone
Qual a sua opinião?
Comente, compartilhe conosco.
PS.: Não consegui colocar um player de audio no post por causa de problemas com o Blogger. Estou procurando uma solução para isso.
A Revista .net Magazine de número 77 já está disponível, colaborei com o artigo Windows Phone 7 e Silverlight 4, que escrevi com o Robson Fernandes, neste artigo você conhecerá os principais fundamentos do Windows Phone 7, seus recursos e arquitetura.
Link para o artigo: Windows Phone 7 e Silverlight 4
Link para a revista: .net Magazine Edição 77
Olá pessoal,
Hoje vou compartilhar com vocês uma técnica muito útil de comunicação entre a aplicação Silverlight e os controles presentes na página ASPX onde esta aplicação está contida.
A idéia central deste tutorial é, basicamente, recuperar e editar o valor de um textbox contido numa página ASPX via Silverlight utilizando as classes HtmlDocument e HtmlElement.
Vamos lá, arregacem as mangas e mãos à obra.
1. Primeiramente, vamos criar o TextBox que será utilizado no ASPX para a transferência dos dados entre as tecnologias. Para isso, copie e cole a linha de código abaixo para dentro da tag <form> da sua página.
<asp:TextBox ID="TextBox_ASPX" runat="server" Text="..." style="text-align: center" />
Exemplo (AcessandoElementosASPXviaSLTestPage.aspx)
2. Agora vamos criar os componentes necessários para a comunicação do lado da aplicação Silverlight. Copie o código XAML abaixo para dentro do LayoutRoot da sua aplicação:
<TextBlock FontSize="18" HorizontalAlignment="Center" Margin="50,31,45,0" Name="textBlock1" Text="Aplicação Silverlight" VerticalAlignment="Top" Width="305" TextAlignment="Center" />
<Button x:Name="btnAlteraValor" Width="100" HorizontalAlignment="Center" Content="Atribuir valor" Click="btnAlteraValor_Click" Margin="12,105,288,0" Height="50" VerticalAlignment="Top" />
<TextBox x:Name="txtEntradaDados" Width="200" HorizontalAlignment="Center" Text="Olá Mundo" TextAlignment="Center" FontSize="18" Margin="133,112,67,0" Height="37" VerticalAlignment="Top" />
<Button x:Name="btnRecebeValor" Width="100" HorizontalAlignment="Center" Content="Recuperar valor" Click="btnRecebeValor_Click" Margin="0,0,0,60" Height="50" VerticalAlignment="Bottom" />
<TextBlock x:Name="txbRecebeValor" Text="..." VerticalAlignment="Bottom" TextAlignment="Left" FontSize="18" Margin="0,0,0,20" HorizontalAlignment="Center" />
Sua aplicação deverá ficar parecida com o exemplo abaixo:
Exemplo (MainPage.xaml – Design)
3. Ok, já preparamos o cenário necessário para a realização da nossa demonstração, vamos agora implementar os eventos dos controles Silverlight com a lógica da comunicação entre as tecnologias.
Copie o código abaixo e cole no code-behind do seu UserControl (ou Page):
//evento responsável por alterar o valor contido no TextBox_ASPX
private void btnAlteraValor_Click(object sender, RoutedEventArgs e)
{
HtmlDocument hd = HtmlPage.Document;
HtmlElement he = hd.GetElementById("TextBox_ASPX"); //recupera o textbox da página ASPX
he.SetAttribute("value", txtEntradaDados.Text); //atribui o valor de txtEntradaDados ao TextBox_ASPX
hd.Submit(); //envia as modificações
}
//evento responsável por recuperar o valor contido no TextBox_ASPX
private void btnRecebeValor_Click(object sender, RoutedEventArgs e)
{
HtmlDocument hd = HtmlPage.Document;
HtmlElement he = hd.GetElementById("TextBox_ASPX"); //recupera o textbox da página ASPX
txbRecebeValor.Text = he.GetAttribute("value"); //atribui o valor do TextBox_ASPX no textblock chamado txbRecebeValor
}
Exemplo (MainPage.xaml.cs)
4. Execute a aplicação. Ela terá mais ou menos essa aparência:
Ao clicar em Atribuir valor, o texto contido na textbox da aplicação Silverlight (txtEntradaDados) será enviado para a textbox da página ASPX (TextBox_ASPX), como no exemplo abaixo:
E ao clicar em Recuperar valor, o texto contido na textbox da página ASPX (TextBox_ASPX) será enviado para o textblock da aplicação Silverlight (txbRecebeValor), segue um exemplo:
Caso tenha dúvidas, fique à vontade para publicá-las via comentário.
Espero ter ajudado.
Um forte abraço.
Fabriccio (@fabricciocb)
Posts relacionados:
Acessando funções Javascript com Silverlight
Recuperando valores passados por QueryString em Silverlight
Olá pessoal,
Hoje vou compartilhar com vocês uma técnica muito útil de comunicação entre a aplicação Silverlight e os controles presentes na página ASPX onde esta aplicação está contida.
A idéia central deste tutorial é, basicamente, recuperar e editar o valor de um textbox contido numa página ASPX via Silverlight utilizando as classes HtmlDocument e HtmlElement.
Vamos lá, arregacem as mangas e mãos à obra.
1. Primeiramente, vamos criar o TextBox que será utilizado no ASPX para a transferência dos dados entre as tecnologias. Para isso, copie e cole a linha de código abaixo para dentro da tag <form> da sua página.
<asp:TextBox ID="TextBox_ASPX" runat="server" Text="..." style="text-align: center" />
Exemplo (AcessandoElementosASPXviaSLTestPage.aspx)
2. Agora vamos criar os componentes necessários para a comunicação do lado da aplicação Silverlight. Copie o código XAML abaixo para dentro do LayoutRoot da sua aplicação:
<TextBlock FontSize="18" HorizontalAlignment="Center" Margin="50,31,45,0" Name="textBlock1" Text="Aplicação Silverlight" VerticalAlignment="Top" Width="305" TextAlignment="Center" />
<Button x:Name="btnAlteraValor" Width="100" HorizontalAlignment="Center" Content="Atribuir valor" Click="btnAlteraValor_Click" Margin="12,105,288,0" Height="50" VerticalAlignment="Top" />
<TextBox x:Name="txtEntradaDados" Width="200" HorizontalAlignment="Center" Text="Olá Mundo" TextAlignment="Center" FontSize="18" Margin="133,112,67,0" Height="37" VerticalAlignment="Top" />
<Button x:Name="btnRecebeValor" Width="100" HorizontalAlignment="Center" Content="Recuperar valor" Click="btnRecebeValor_Click" Margin="0,0,0,60" Height="50" VerticalAlignment="Bottom" />
<TextBlock x:Name="txbRecebeValor" Text="..." VerticalAlignment="Bottom" TextAlignment="Left" FontSize="18" Margin="0,0,0,20" HorizontalAlignment="Center" />
Sua aplicação deverá ficar parecida com o exemplo abaixo:
Exemplo (MainPage.xaml – Design)
3. Ok, já preparamos o cenário necessário para a realização da nossa demonstração, vamos agora implementar os eventos dos controles Silverlight com a lógica da comunicação entre as tecnologias.
Copie o código abaixo e cole no code-behind do seu UserControl (ou Page):
//evento responsável por alterar o valor contido no TextBox_ASPX
private void btnAlteraValor_Click(object sender, RoutedEventArgs e)
{
HtmlDocument hd = HtmlPage.Document;
HtmlElement he = hd.GetElementById("TextBox_ASPX"); //recupera o textbox da página ASPX
he.SetAttribute("value", txtEntradaDados.Text); //atribui o valor de txtEntradaDados ao TextBox_ASPX
hd.Submit(); //envia as modificações
}
//evento responsável por recuperar o valor contido no TextBox_ASPX
private void btnRecebeValor_Click(object sender, RoutedEventArgs e)
{
HtmlDocument hd = HtmlPage.Document;
HtmlElement he = hd.GetElementById("TextBox_ASPX"); //recupera o textbox da página ASPX
txbRecebeValor.Text = he.GetAttribute("value"); //atribui o valor do TextBox_ASPX no textblock chamado txbRecebeValor
}
Exemplo (MainPage.xaml.cs)
4. Execute a aplicação. Ela terá mais ou menos essa aparência:
Ao clicar em Atribuir valor, o texto contido na textbox da aplicação Silverlight (txtEntradaDados) será enviado para a textbox da página ASPX (TextBox_ASPX), como no exemplo abaixo:
E ao clicar em Recuperar valor, o texto contido na textbox da página ASPX (TextBox_ASPX) será enviado para o textblock da aplicação Silverlight (txbRecebeValor), segue um exemplo:
Caso tenha dúvidas, fique à vontade para publicá-las via comentário.
Espero ter ajudado.
Um forte abraço.
Fabriccio (@fabricciocb)
Posts relacionados:
Acessando funções Javascript com Silverlight
Recuperando valores passados por QueryString em Silverlight
Saudações pessoal, segue um tutorial de como acessar uma função javascript através da sua aplicação Silverlight:
Para esse tutorial, eu utilizei o Visual Studio 2010 e o Silverlight 4, porém o processo é exatamente o mesmo para versões anteriores da tecnologia.
Vamos lá.
1. Crie um novo projeto no Visual Studio:
2. Selecione um projeto do tipo Silverlight Application:
3. Marque a opção Host the Silverlight application in a new Web site para que seja criada um novo projeto ASP.NET contendo a aplicação Silverlight automaticamente:
4. Agora, com nosso projeto criado, vamos criar a nossa função Javascript que será executada pelo Silverlight.
Ela ficará na página ASPX onde o Silverlight está contido, no meu caso, no web form chamado AcessandoJavascriptComSilverlightTestPage.aspx. Abra a página para edição:
?5. Com o código da página aberto, vamos inserir o seguinte trecho de código entre as tags <head> e </head> do web form:
<script type="text/javascript">
function Alerta() {
alert("Olá Mundo!");
}
</script>
Obs.: Esta pequena função javascript é responsável por exibir uma mensagem de alerta na tela do usuário.
Exemplo (AcessandoJavascriptComSilverlightTestPage.aspx):
6. Agora, acesse o código XAML da sua MainPage para criarmos o botão que acionará a chamada à função javascript.
7. Insira o seguinte trecho de código dentro do LayoutRoot do seu UserControl:
<Button x:Name="btnAlerta" Content="Alerta" Height="100" Width="100" Click="btnAlerta_Click" />
Exemplo (MainPage.xaml – Design):
Exemplo (MainPage.xaml - XAML):
8. Agora abra o code-behind da MainPage para inserirmos a chamada à função javascript.
10. Insira, na classe, o seguinte trecho de código:
private void btnAlerta_Click(object sender, RoutedEventArgs e)
{
HtmlPage.Window.Invoke("Alerta");
}
11. Agora execute a aplicação (tecla F5) e veja o resultado:
Obs.: Caso queira passar parâmetros para as funções javascript, você poderá utilizar o mesmo método, veja:
1. Função javascript parametrizada:
<script type="text/javascript">
function Alerta(mensagem) {
alert(mensagem);
}
</script>
Exemplo (AcessandoJavascriptComSilverlightTestPage.aspx):
2. Passando valores para funções javascript parametrizadas via code-behind:
private void btnAlerta_Click(object sender, RoutedEventArgs e)
{
HtmlPage.Window.Invoke("Alerta", "Olá Mundo via parâmetro.");
}
Exemplo (MainPage.xaml.cs):
Espero que este tutorial tenha sido útil.
Qualquer dúvida, basta deixar um comentário.
Um forte abraço.
Fabriccio.
Olá amigos!
Fui convidada a colocar os vídeos sobre Silverlight no MSDN :
Abraços,
Flávia Moreira
Olá pessoal!
Gostaria de compartilhar com vocês a minha felicidade!
Recentemente recebi um convite para participar pela Community Zone.
Para quem não conhece o Community Zone é um evento que a Microsoft organiza com todos aqueles que contribuíram com a comunidade técnologica, seja gerando vídeos, artigos, palestrando e compartilhando conhecimento.
É o meu primeiro convite, e nem sei como é direito, porém só tenho uma pequena ideia.
Queria agradecer a todos que visitam meu blog!
Abraços
Flávia Moreira
A lista de palestras do TechEd Brasil 2010 foi alterada ontem devido à ajustes na grade e 2 das minhas palestras mudaram de dia e de horário. Se você já havia montado a sua agenda, vá ao site e atualize.
Segue abaixo a grade que montei para mim com as minhas 3 palestras destacadas (as minhas que mudaram de horário estão marcadas abaixo com um * )
segunda-feira, 13/09/2010
terça-feira, 14/09/2010
quarta-feira, 15/09/2010
Infelizmente não será possível assistir a todas a palestras que eu gostaria. Espero que as palestras sejam gravadas esse ano para que possamos assistir depois as palestras que perdermos ao vivo.
Vejo vocês lá!
O Silverlight 4 permite acessar objetos COM (Component Object Model), com esse recurso se tornou possível interagir com o Microsoft Office, nesta dica, vou mostrar como abrir um arquivo com extensão rtf no Microsoft Word.
Abra o Visual Studio 2010, crie um projeto Silverlight e arraste um botão, no evento Click do botão vamos codificar para abrir o documento no Word.
Para conseguir acessar o Microsoft Word, a aplicação deverá rodar fora do Browser (OOB), clique com o botão direito do mouse em seu projeto, e em seguida clique nas propriedades (Properties).
Na aba Silverlight, marque o checkbox “Enable running application out of the browser” e em seguida clique no botão “Out-of-Browser Setting…”.
Marque a opção “Require elevated trust when running outside the browser”, assim sua aplicação poderá acessar o Microsoft Word através de COM Interop.
//Verifica se o objeto COM está disponível, é confiável //e se executando em modo OOB(Out-Of-Browser) if (AutomationFactory.IsAvailable && Application.Current.HasElevatedPermissions && Application.Current.IsRunningOutOfBrowser) { //Criando um objeto COM com acesso ao Word dynamic word = AutomationFactory.CreateObject("Word.Application"); //Caminho do arquivo rtf object fileName; fileName = "c:\alexandre\artigoX.rtf"; object missing = System.Reflection.Missing.Value; object readOnly = true; object isVisible = true; //Abre o Documento word.Documents.Open(ref fileName, ref missing, ref readOnly, ref missing, ref missing, ref missing, ref missing, ref missing, ref missing, ref missing, ref missing, ref isVisible); //Mostra no Word word.Visible = true; }
