eu.NET Artigos de tecnologia

ASP.NET Ajax e VS 2008

noreply@blogger.com (ROND) — Wed, 07 Oct 2009 13:00:16 PDT

Tive alguns problemas a um tempo atrás com aplicações que utilizam o ASP.NET Ajax no Visual Studio 2008, onde mostrava um problema de compilação exibindo que não conseguia encontrar a DLL System.Web.Extensions, então numa busca na Internet encontrei uma solução proposta pela Microsoft de rodar um script para que o VS ao compilar retire a checagem dessa DLL, segue o endereço do script.

http://go.microsoft.com/fwlink/?linkid=95792

Referência: Telerik

Chamada Ajax com jQuery

noreply@blogger.com (ROND) — Wed, 07 Oct 2009 07:49:34 PDT

Com o nascimento da Web 2.0 e com elas as aplicações ricas em recursos e funcionalidades. Uma das grandes ferramentas que facilitam muito o desenvolvimento de tais aplicações é o Ajax que é uma chamada assíncrona para o servidor, assim não tendo a necessidade de recarregar toda a página. Nesta hora o jQuery se torna nosso grande aliado pois este nos facilita muito com chamadas Ajax. Segue abaixo um exemplo prático de como se fazer uma chamada Ajax utilizando jQuery.

jQuery.ajax({
type: 'GET',
url: 'script.php',
success: function(data){
alert(data);//em caso de sucesso realiza um alert do retorno
}
});

Muito fácil não?! é para ser assim mesmo...

Referência:http://docs.jquery.com/Ajax

Seletores jQuery

noreply@blogger.com (ROND) — Tue, 06 Oct 2009 06:06:37 PDT

Uma das grandes facilidades deste excelente framework são os seus seletores, vou aprensentar aqui alguns muito úteis, por classe e por id do elemento.

Vamos supor que quero recuperar o elemento pelo seu Id, podemos escrever o código da seguinte maneira:

<span id="element_id">meu texto aqui</span>

var element = jQuery('#element_id');

Onde o símbolo que representa o get por ID é o símbolo #.

Agora vamos supor que necessito recuperar vários elementos do código HTML, então posso fazer isso através do seletor de classes como segue no exemplo:

<span class="myclass">meu texto aqui</span>
<span class="myclass">meu texto aqui2</span>
<span class="myclass">meu texto aqui3</span>

Para recuperar todos os elementos que contém esta classe posso escrever:

jQuery('.myclass').each(function(){
var element = jQuery(this);
});

Onde cada item do laço representa um elemento HTML e o símbolo que representa o get por classes é o ".".

Referência: http://docs.jquery.com/Selectors

A USB de cara nova

noreply@blogger.com (ROND) — Fri, 18 Sep 2009 10:31:32 PDT

Chamado comercialmente por USB SuperSpeed, por ser dez vezes mais rápido que o antecessor, o USB 3.0 chega mantendo praticamente a mesma arquitetura e a mesma facilidade de uso do USB 2.0. Seu diferencial vem com otimizações relacionadas ao consumo de energia e à eficiência do protocolo.

A velocidade de transferência da nova versão é de 4,8 Gb/s, enquanto o USB 2.0 oferece 480 Mb/s. Ambos os tipos continuarão compatíveis, apesar da nova variante ter transmissão de dados bidirecional.

Referência: Olhar Digital

Revista Veja Online

noreply@blogger.com (ROND) — Thu, 17 Sep 2009 20:10:23 PDT

Reviva quarenta anos de história através da Revista Veja que ganhou um acervo digital para todas as suas edições em forma de revista eletrônica, vale a pena conferir e relembrar esses preciosos 40 anos história do Brasil e do mundo.

http://veja.abril.com.br/acervodigital/

A nova era da TV

noreply@blogger.com (ROND) — Thu, 17 Sep 2009 20:03:51 PDT

Os canais de TV começaram a invadir a Web com seu conteúdo que antes restrito apenas aos assinantes do canal, agora podem ser assistidos na web. Este vídeo do programa Olhar Digital mostra como estes sites têm feitos suas programações online.

Configurando SMTP no Web.config

noreply@blogger.com (ROND) — Thu, 17 Sep 2009 08:27:34 PDT

Segue uma maneira de se configurar os servidores SMTP diretamente no web.config, torna-se muito útil pela sua facilidade de alteração.

<configuration>
<system.net>
<mailSettings>
<smtp>
<network
host="smtp.gmail.com"
userName="user"
password="password" />
</smtp>
</mailSettings>
</system.net>
<system.web>
...
</system.web>
</configuration>

Layout gratuito para asp.net MVC

noreply@blogger.com (ROND) — Wed, 16 Sep 2009 21:10:01 PDT

Um canal novo que a Microsoft disponibilizou no portal ASP.NET dentro do canal MVC é a possibilidade de baixar layouts prontos para adaptar em sua aplicação ASP.NET MVC e também fazer upload de um layout para compartilhar na web. Segue o endereço do canal:

http://www.asp.net/mvc/gallery/default.aspx?supportsjs=true

Desenvolvimento web ágil com jQuery

noreply@blogger.com (ROND) — Wed, 16 Sep 2009 20:47:23 PDT

A pergunta que nunca "quer calar": Quem nunca perdeu tempo com desenvolvimento de JavaScript?, acredito que todos já devem ter passado por essa etapa... porém nos dias de hoje contamos com grandes Frameworks de JavaScript que nos facilitam e muito a vida para criar aplicações Web que necessitam de JavaScript, um dos mais famosos e completos Frameworks é o Jquery que contém uma infinidade de recursos e plugins que podem ser acoplados para turbinar ainda mais o Framework, um exemplo básico que o Jquery nos "quebra um galho" muito grande é o suporte as requisições Ajax e manipulação de Json. Vale a pena conferir este excelente Framework para JavaScript.

http://jquery.com

Deixe seus menus com cara de MAC

noreply@blogger.com (ROND) — Mon, 14 Sep 2009 21:20:53 PDT

Um software bastante eficiente e bonito e que deixa seus menus com cara de um MAC é o RocketDoc, trata-se de uma barra de menus semelhante a que se encontra no MAC que é muito eficiente e acaba "quebrando um galho" muitas vezes ajudando a manter a área de trabalho organizada. Vale a pena conferir este software. Segue ai o link para o mesmo:
http://rocketdock.com/

Criando html helpers customizados em asp.net mvc

noreply@blogger.com (ROND) — Tue, 25 Aug 2009 07:59:00 PDT

Como demonstrei no artigo anterior: Utilizando html helpers, neste artigo demonstro como criar html helpers customizados, podendo esse ser totalmente customizado.
Neste exemplo vou demonstrar como criar um controle que exibe um label customizado.
1º Passo: Crie uma pasta chamada Helpers na raiz do seu projeto asp.net mvc.
2º Passo: Crie uma classe dentro desta pasta, o nome é de sua escolha, a minha chamei de CustomHtmlHelpers.vb.
3º Passo: Criar o método que retorna um label de acordo com minhas configurações.
Para isso crio um método que retorna uma string que é o html gerado pela minha nova label;

Public Class CustomHtmlHelper
Public Shared Function Label(ByVal target As String, ByVal text As String) As String
Return String.Format("<label for='{0}'>{1}</label>", target, text)
End Function
End Class

4º Passo: Agora meu custom html helper já está pronto para ser utilizado, para utilizá-lo você necessita ir até a view onde deseja utilizá-lo e importar o namespace como no exemplo:

<%@ Import Namespace="Seu namespace aqui" %>

Para invocar o html helper basta invocá-lo pelo nome do método:

<%=CustomHtmlHelper.Label("txt1", "Meu label customizado")%>

Referência: http://www.asp.net/learn/mvc/tutorial-09-vb.aspx

Caracteres especiais em html

noreply@blogger.com (ROND) — Tue, 25 Aug 2009 07:11:50 PDT

Uma coisa muito trivial em html mas que algumas vezes nos toma tempo procurando como faz são os caracteres especiais em html, por isso lanço aqui uma tabela com a maioria dos caracteres especiais utilizados no html.

Á .............. Á

á ............... á

Â ................. Â

â ................ â

À ............... À

à ............... à

Å ................. Å

å ................ å

Ã ................ Ã

ã ............... ã

Ä .................. Ä

ä ................. ä

Æ ................. Æ

æ .................. æ

É ................ É

é ............... é

Ê ................. Ê

ê ................ ê

È ................ È

è ............... è

Ë .................. Ë

ë ................. ë

Ð ................... Ð

ð .................. ð

Í ................ Í

í ............... í

Î ................. Î

î ................ î

Ì ................ Ì

ì ............... ì

Ï .................. Ï

ï ................. ï

Ó ........... Ó

ó .............. ó

Ô ................ Ô

ô ................. ô

Ò .............. Ò

ò ............... ò

Ø ................ Ø

ø ............... ø

Õ ................ Õ

õ ............... õ

Ö .................. Ö

ö ................. ö

Ú .............. Ú

ú ............... ú

Û ................ Û

û ................ û

Ù ............. Ù

ù .............. ù

Ü ................. Ü

ü ................. ü

Ç ............... Ç

ç ............... ç

Ñ ............... Ñ

ñ ............... ñ

< ................. <

> ................. >

& ................ &

" ................. "

® .................. ®

© ............... ©

Ý ............ Ý

ý ............ ý

Þ .............. Þ

þ ................ þ

ß ................ ß

Utilizando html helpers em asp.net mvc

noreply@blogger.com (ROND) — Tue, 25 Aug 2009 06:44:10 PDT

Uma facilidade muito interessante que foi embutida no asp.net mvc são os html helpers, são uma espécie pequenos "geradores" de códigos html como por exemplo: textbox, labels, forms e etc. Sendo estes totalmente customizáveis e podem ser extendidos.

No exemplo abaixo demonstro como criar um textbox rapidamente utilizando um html helper.

A tag html que desejo criar segue a seguinte proposta em html:

<input type="text" id="txt1" style="background:yellow;color:red" value="my text" />

Para criar esse campo utilizando um html helper segue o seguinte código:

<%=Html.TextBox("txt1", "my text", New With {.style = "background:yellow;color:red"})%>

Existe esse entre muitos outros html helpers que podem ser utilizados como label, form, imagens e etc.

Referência: http://www.asp.net/learn/mvc/tutorial-09-vb.aspx

Criando rotas customizadas em asp.net mvc

noreply@blogger.com (ROND) — Mon, 24 Aug 2009 11:20:45 PDT

Uma das grandes facilidades embutidas no asp.net mvc é a criação de rotas customizadas que nos permite criar urls amigáveis para web sites, no exemplo abaixo exemplifico como criar rotas customizadas utilizando vb.net.

Para criar essas rotas devemos utilizar o arquivo Global.asax, podemos ver que no arquivo por Default existe a seguinte rota:

routes.MapRoute( _
"Default", _
"{controller}/{action}/{id}", _
New With {.controller = "Home", .action = "Index", .id = ""} _
)

Para criar uma rota devemos suprir os seguintes parâmetros na sequência:
Nome, Url a ser exibida, e caminho da action responsável.

No exemplo quero criar uma url para meu site que facilite o entendimento do usuário e facilite os buscadores a indexar meu site.

A url que desejo é: http://meusite.com/produto/cadastrar

A rota dever ser configurada da seguinte maneira:

routes.MapRoute( _
"Cadastro", _
"produto/cadastrar", _
New With {.controller = "Produto", .action = "cadastro"} _
)

Agora vamos supor que necessito passar um parâmetro na url para recuperar posteriormente por exemplo para consultar um produto como no exemplo abaixo:
http://meusite.com/produto/1

A rota deve ser configurada da seguinte maneira:

routes.MapRoute( _
"Cadastro", _
"produto/{id}", _
New With {.controller = "Produto", .action = "consultar"} _
)

OBS: No exemplo acima como o código do produto é variável, considero este como parâmetro na rota para que possa ser passado posteriormente no momento de montar a url.

Referência: http://www.asp.net/learn/mvc/tutorial-23-vb.aspx

FriendFeed conectando tudo a tudo

noreply@blogger.com (ROND) — Thu, 20 Aug 2009 10:03:39 PDT

Em minha primeria experiência com FriendFeed fiquei muito animado, apesar de não conhecê-lo anteriormente, descobri o mesmo através de uma notícia na qual relatava que o Facebook havia comprado o mesmo recentimente. Criei minha conta e vi que apesar de um sistema simples à vista do usuário, é um sistema que integra tudo a tudo, você pode publicar os posts do seu blog, suas fotos do flickr, seus links do delicious e seu perfil do facebook, seus tweets e etc. Vale a pena conferir mais esse hit da web.

http://friendfeed.com/

Descubra as pesquisas mundiais com Google Insights

noreply@blogger.com (ROND) — Wed, 16 Sep 2009 20:54:25 PDT

O Google disponibiliza uma ferramenta muito interesante chamada Google Insights for Search para webmasters e pessoas de negócios. É uma ferramenta que possibilita descobrir o que o mundo procura na Internet, podendo filtrar os resultados por diversos critérios como tempo, região, termos de pesquisa e etc.

Melhorando relevância do Adsense

noreply@blogger.com (ROND) — Tue, 28 Jul 2009 12:19:49 PDT

Um recurso que o google fornece em seu serviço Adsense para que os anúncios sejam mais relevantes ao assunto do seu web site é o tageamento do conteúdo do site, para que você possa restringir o conteúdo relevante para o Adsense. Esse tageamento delimita o conteúdo como no exemplo abaixo:

<html>
<body>

<h1>Meu conteúdo relevante <h1/>
...

</body>
</html>

Você também pode excluir conteúdo que não considera relevante para anúncios delimitando também por tags como segue no exemplo abaixo:

<html>
<body>

<h1>Meu conteúdo relevante <h1/>
...



Conteúdo pouco relevante

</body>
</html>

Referência:
https://www.google.com/adsense/support/bin/answer.py?hl=en&answer=23168

Instalando ASP.NET Mvc

noreply@blogger.com (ROND) — Thu, 23 Jul 2009 10:50:50 PDT

Um lançamento recente da Microsoft que tem feito sucesso entre os desenvolvedores é o pacote para desenvolvimento de projetos web utilizando o conceito MVC(Model, View and Controller), este cria uma estrutura de projeto pronta para o desenvolvimento. De uma maneira geral é organizado de maneira simples, possibilita o desenvolvimento rápido e eficiente de um projeto web no padrão MVC.

Para baixar o pacote do ASP.NET MVC no endereço: http://www.asp.net/mvc/download/.

A instalação do pacote acontece de maneira muito simples, sem configurações específicas.

Após a instalação do pacote, para a criação de um projeto MVC basta ir ao menu: File > New > Project > Web > ASP.NET MVC Web Application.

Após a criação do projeto será exibido a tela do projeto com a nova estrutura de arquivos e pastas. Tudo muito rápido e sem complicação!.

Você já pode debugar o projeto criado e conferir seu novo web site criado em MVC. Rápido e prático!

Tradutor instantâneo online da Microsoft

noreply@blogger.com (ROND) — Tue, 21 Jul 2009 11:03:55 PDT

A Microsoft lançou algumas ferramentas muito interessantes para tradução de textos. Um deles é um tradutor que foi acoplado ao novo Buscador da Microsoft chamado Bing, o interessante dessa ferramenta é que esta consegue identificar o texto a ser traduzido automaticamente e posteriormente traduz para o idioma escolhido pelo usuário. Vale a pena conferir.

http://www.microsofttranslator.com/Default.aspx

A outra ferramenta interessante para tradução de textos é um tradutor instantâneo que é acoplado ao Live Messenger da Microsoft e que funciona de maneira simples. O usuário simplismente precisa adicionar em sua lista de amigos o contato mtbot@hotmail.com basta o usuário enviar uma mensagem para esse contato que ele responderá perguntando para qual idioma o texto deve ser traduzido e pronto! você terá seu tradutor instantâneo funcionando.

Rodando seus programas no pen drive

noreply@blogger.com (ROND) — Wed, 15 Jul 2009 10:28:35 PDT

Você é um daqueles que usa vários computadores e sempre reclama que nunca têm seus programas "necessários" sempre à mão?! Então seus problemas acabaram ...rs.
O programa Potable Apps permite carregar diversos programas em versão que rodam no pen drive e existe diversas opções de programas e jogos. Existe várias opções como: Open Office, Firefox, Thunderbird... e por ae vai... segue o link para baixar:

http://portableapps.com/

Google Android para seu PC

noreply@blogger.com (ROND) — Tue, 14 Jul 2009 05:55:09 PDT

Que tal rodar o Google Android no seu pc?!, visto que você não têm nenhum dos aparelhos para experimentar este, o Google liberou uma versão do seu sistema batizada de Live Android que pode ser instalada ou virtualizada no seu pc segue o link:

http://code.google.com/p/live-android/

Google Api

noreply@blogger.com (ROND) — Mon, 13 Jul 2009 13:39:48 PDT

Agora você pode "brincar" com um dos melhores brinquedos do Google: o Google Playground!, trata-se de uma ferramenta onde você pode conferir tutoriais sobre quase todos os produtos do google e como usar sua API.
Você pode conferir por exemplo como usar o Google Maps no seu site ou como criar uma busca personalizada no buscador. Vale a pena conferir.

http://code.google.com/apis/ajax/playground/

Apostilas grátis no formato e-book

noreply@blogger.com (ROND) — Mon, 13 Jul 2009 13:30:06 PDT

Galera segue ao link para baixar algumas apostilas muito boas no formato e-book.

http://migre.me/3Bjv

Otimizando o Gmail

noreply@blogger.com (ROND) — Wed, 20 May 2009 12:26:51 PDT

Uma grande ferramenta do Gmail que fica "um tanto quanto escondida" dentro do Gmail é o Google Labs, trata-se de recursos densenvolvidos pela equipe do Gmail porém que ainda não são "definitivos". Porém trazem recursos muito interessantes tais como: Acesso offline do email, Google agenda, Bookmarks... Vale muito a pena dar uma olhada nestes recursos. Porém para habilitar estes recursos é necessário mudar o idioma padrão do email para o inglês, assim aparecerá no topo da janela um símbolo do Google Labs em forma de um "tubo de ensaio" por onde se pode entrar nos novos recursos e aproveitar tudo.

Referência:

Google Labs

Ferramentas para melhoria de SEO

noreply@blogger.com (ROND) — Tue, 19 May 2009 07:56:52 PDT

Existem hoje diversas ferramentas que nos auxiliam na melhoria de SEO (Search Engine Optimization). Foram utilizadas também neste blog para melhoria de SEO estas ferramentas que descrevo abaixo.

SEO Workers: Esta ferramenta analiza o SEO do seu site e dá dicas do que precisa ser melhorado para aumentar a relevância do seu site.

Meta Tag Analyzer: Também uma grande ferramenta como a SEO Workers que analiza as meta tags do seu site e dá dicas de alterações para melhoria.

Link Vendor: Esta é uma ferramenta que analiza a relevância do seu site nos diversos buscadores e mostra seu rank nos mesmos.