Recentemente a Microsoft inovou e liberou o acesso a ferramenta Cloud do Team Foundation Service. Nesse serviço podemos utilizar até 5 usuário de forma gratuita, além de podermos criar projetos gratuitamente.

O link para acesso é http://tfs.visualstudio.com/.

Abaixo temos algumas dos recursos que esta ferramenta possui.

Aqui foi falado de apenas algumas das funcionalidades dessa excelente ferramenta de ALM. Vamos a um exemplo de como começar a desenvolver e utilizar alguns dos recursos citados acima.

Primeiramente temos que fazer o login no site da Microsoft. Para isso, podemos utilizar uma conta Hotmail, Live, Outlook ou qualquer conta do serviço Microsoft. Caso não tenha nenhum e-mail Microsoft, basta criar.

Após logar, basta clicar no botão azul “New Team Project”, como se vê na figura abaixo.

Figura 1: Criando um novo projeto

Vai aparecer a tela abaixo para cadastro das informações do projeto que está sendo criado.

Figura 2: Definindo as informações do novo projeto

Para exemplo utililzaremos o template do Scrum (podemos usar outro template para desenvolvimento ágil) e o próprio versionamento do TFS (pode ser usado o GIT). Não entraremos em detalhes sobre essas opções neste post.

Pronto, projeto criado. Agora vamos navegar para dentro do projeto e ver as opções/recursos que temos a nossa disposição. Basta clicar em Browser e selecionar o projeto criado. Repare que aqui há outros projetos como exemplo.

Figura 3: Lista de projetos já criados

Se você chegou na tela abaixo, seu projeto foi criado com sucesso e já podemos começar a trabalhar.

Figura 4: Tela de gerenciamento do projeto ativo

Na tela principal temos o menu principal com varias opções. No momento vamos apenas falar do item home.

Home - um resumo do seu projeto, os sprints e os burndown, link para ver as tarefas, o quadro de boards e links para a parte de administração. Aqui é onde podemos gerenciar quem terá acesso ao projeto, por exemplo.

Abaixo um exemplo de como adicionar um usuário para ver este projeto. Caso você tenha uma equipe pequena, pode adicionar mais usuários e compartilhar seus códigos. Basta cada um mapear um diretório e fazer o checkout.

Figura 5: Adicionando um usuário ao projeto

Basta clicar em Manage all members/Add user e colocar o e-mail do Windows Live. Com isso o usuário já poderá acessar o repositório compartilhado.

Para conectar ao Visual Studio basta clicar em “Open new instance of Visual Studio”. Observe na imagem abaixo o Visual Studio aberto apontando para sua conta no TFS (na imagem, com uma marcação em vermelho para facilitar a visualização).

Figura 6: Integrando o projeto com o Visual Studio

Agora vamos criar um projeto e subir os fontes no novo team criado no TFS. Criaremos um projeto web vazio apenas para demonstração, mas embrando que poderia ser qualquer tipo de aplicação.

Devemos utilizar o menu File/New/Project. Neste exemplo também foi criada uma pasta no diretório de projetos dentro da pasta do Visual Studio 2012. Segue imagem abaixo:

Figura 7: Estrutura de arquivos do projeto

Agora basta clicar com o botão direito em cima de solution e escolher a opção “Add Solution to Source Control...”.

Vai aparecer a tela abaixo. Nesse momento, basta selecionar o team desejado. Aqui foi escolhido o Teste (team criado para este exemplo).

Figura 8: Adicionando a solução ao controle de versão

Nesse momento os nossos fontes são marcados como adicionados à nossa solução.

Figura 9: Processo de cópia dos arquivos

Repare que após acabar o processo, teremos um “+” do lado de cada arquivo da solução. Agora basta fazer o check-in para confirma o upload do nosso código, clicando com o botão direito na solução novamente e em “Check-in...”.

Abaixo segue imagem com a opção de check-in. Basta escrever o comentario para upload.

Figura 10: Realizando check-in do projeto

Após receber a mensagem de “successfully checked in.”, basta acessar o site novamente, ir no menu Code/Explorer e ver que sua aplicação já está na nuvem.

Figura 11: Arquivos da aplicação já nas nuvens

Para finalizar este post, vamos falar de um ponto que pode ser considerado negativo. No início, sempre saímos criando vários exemplos, testando, criando teams e vários projetos. E quando vamos começar a trabalhar, queremos organizar tudo. Aí vem o problema, o TFS não tem nenhuma ferramenta visual para fazer a exclusão de projetos.

Para isso temos que ir pelo prompt e usar o comando: TFSDeleteProject/force/collection:[endereço do tfs] [nome do projeto]

Abaixo vemos uma imagem de exemplo.

Figura 12: Excluindo um projeto

Nesse caso, bem que a Microsoft poderia facilitar e colocar um botão para fazer essa exclusão por dentro do site, na parte de administração.

Neste post falamos um pouco sobre os recursos do TFS, criamos o team, vimos como gerenciar usuários, criamos uma aplicação e subimos pro nosso servidor na nuvem.

.modalBackground

{

      background-color: Yellow;

      filter: alpha(opacity=60);

      opacity: 0.6;

}

.modalPopup

{

      background-color:#ffffdd;

      border-width:3px;

      border-style:solid;

      border-color:Gray;

      padding:5px;

      width: 350px;

      height:300px;

}

Fonte: http://blog.crucial.com.br/post/Alteracao-de-tabela-nao-permitida-no-SQL-Server-2008.aspx

• SkinStyle: estilo da borda do gráfico

4)ChartArea

• ChartArea: local para adicionar areas ao gráfico e customizar a exibição dos dados
• Area3DSyle: customização para a area do gráfico ser exibida em 3d
• AxisY: customização para o eixo Y do gráfico
• AxixX: customização para o eixo X do gráfico

Após estas customizações temos o seguinte controle na página:

<asp:Chart ID="Chart1" runat="server">
<Titles>
    <asp:Title ShadowColor="32, 0, 0, 0"
    Font="Trebuchet MS, 14.25pt, style=Bold" ShadowOffset="3"
    Text="Acessos ao Site" ForeColor="26, 59, 105">
    </asp:Title>
</Titles>
<Legends>
    <asp:Legend Enabled="false" >
    </asp:Legend>
</Legends>
<BorderSkin SkinStyle="Emboss"></BorderSkin>
<ChartAreas>
    <asp:ChartArea Name="ChartArea1"
    BorderColor="64, 64, 64, 64" BackSecondaryColor="Transparent"
    BackColor="64, 165, 191, 228" ShadowColor="Transparent"
    BackGradientStyle="TopBottom">
        <Area3DStyle Rotation="10" Perspective="10"
         Enable3D="True" Inclination="15" IsRightAngleAxes="False"
            WallWidth="0" IsClustered="False" />
        <AxisY LineColor="64, 64, 64, 64">
            <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
            <MajorGrid LineColor="64, 64, 64, 64" />
        </AxisY>
        <AxisX LineColor="64, 64, 64, 64">
            <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
            <MajorGrid LineColor="64, 64, 64, 64" />
        </AxisX>
    </asp:ChartArea>
</ChartAreas>
</asp:Chart>

Com a estrutura do controle montada podemos adicionar Séries de dados (Series) com os valores em cada uma (Points). Lembrando que isso pode ser feito na página, e também, como nesse exemplo adicionado dinamicamente.

Neste exemplo vou adicionar os dados a partir de uma coleção de Acessos.

Series series = new Series();
series.ChartArea = "ChartArea1";
series.Name = "Series1";
series.Color = System.Drawing.ColorTranslator.FromHtml("#4B6C9E");
series.BorderColor = System.Drawing.ColorTranslator.FromHtml("#3A4F63");

foreach (var item in acessos)
{
    series.Points.Add(new DataPoint {
        YValues = new double[] { item.valor },
        ToolTip = item.data,
        AxisLabel = item.data });
}
Chart1.Series.Add(series);

Como resultado do exemplo teremos um grafico


Este post teve como finalidade apresentar um pouco do .NET Chart Controls, todos os recursos e possibilidades do Chart Controls pode ser encontrado em:

http://code.msdn.microsoft.com/mschart


Fonte: http://www.rodolfofadino.com.br/2011/08/asp-net-4-0-microsoft-chart-controls/

Caso esteja trabalhando em ambiente WEB tem outra opção: https://developers.google.com/chart/?hl=pt-BR

Se for em ambiente Desktop: http://www.codeproject.com/Articles/5431/A-flexible-charting-library-for-NET