Ferramenta de desenvolvimento colaborativo em tempo real

Motivação

Com a ajuda de sistemas de controle de versões como Git, o trabalho em equipe dos programadores, mesmo quando estes estão distantes fisicamente ou se possuem horários disponíveis distintos, se tornou possível atráves dos repositórios, nos quais os usuários podem submeter a sua modificação do código para este ou baixar os códigos existentes nele. Entretanto, mesmo que estes sistemas possuam funcionalidades que detectem os possíveis erros quando dois programadores submetem as suas próprias versões de modificação do código, não é garantido que as funcionalidades implentadas nelas são compatíveis entre si enquanto não são feitos os devidos testes. A fim de fornecer uma possível solução à este tipo de problema, surgem as ferramentas de desenvolvimento colaborativo em tempo real tais como Atom Teletype ou Visual Studio Live Share.

Essas permitem que dois programadores editem o código ao mesmo tempo em dois computadores diferentes, mantendo configurações distintas do editor e cursores separados, porém com a possibilidade de iniciar chamadas de voz, compartilhar sessões de depuração de código e compartilhar terminal, de modo a prover uma comunicação muito senelhante a um desenvolvimento presencial. Neste tutorial daremos destaque à instalação e uso do Visual Studio Live Share e outras aplicações semelhantes para desenvolvimento simultâneo de código.

Visual Studio Live Share

O Visual Studio Live Share já é inicialmente no Incluído no Visual Studio 2022, porém este atualmente só suporta o sistema operacional Windows. A seguir focaremos na sua instalação a base do Visual Studio Code, o qual suporta Windows, macOS e Linux.

Uma vez instalado o Visual Studio Code em sua máquina, pode-se instalar o Live Share pelo comando do site do Marketplace do editor de código-fonte. É preciso que tanto o proprietário do código quanto os convidados tenham o Visual Studio Code e o Live Share instalados para realizar a colaboração em tempo real.

Copie o comando

ext install MS-vsliveshare.vsliveshare

e, no Visual Studio Code, cole o comando no Quick Open (Ctrl+P). Após o fim do download, "Live Share" aparecerá na barra de status, o que indica o sucesso da instalação.

Como usar

Após a instalação, pode-se iniciar o compartilhamento de código clicando no "Live Share" na barra de status e, em seguida, realizando o login em sua conta do GitHub ou da Microsoft. Após o login, o código de compartilhamento é automaticamente copiado para a área de transferência. Uma vez que alguém receba o código e entre no projeto, você receberá uma notificação e verá o cursor do convidado no arquivo aberto.

Mais recursos podem ser acessados clicando no ícone do Live Share na barra de atividades no lado esquerdo da tela e em Session Details. Aqui, podemos convidar e seguir participantes, compartilhar terminal e compartilhar servidores Localhost, além de acessar o chat.

CodeTogether Live

O CodeTogether Live é outra ferramenta de colaboração em tempo real. Diferentemente de outras ferramentas com o mesmo objetivo, esta pode ser usada em diferentes IDEs:

• IDEs Eclipse
• IDEs JetBrains IntelliJ
• Visual Studio Code

A lista de IDEs compatíveis inclui algumas como MyEclipse, PyCharm and Android Studio.

O CodeTogether Live pode ser instalado a partir do Marketplace das respectivas IDEs ou por meio de um arquivos.

No Visual Studio Code, pode-se instalar por meio de um arquivo VSIX baixado a partir do site oficial, clicando no painel Extensões e, nos três pontos (...), instalar do VSIX.

No Eclipse, podemos instalar por meio do site de updates:

https://www.codetogether.com/updates/ci/

No JetBrains podemos baixar o plugin do CodeTogether Live a partir do site, depois instalando na IDE em Configurações e Plugins.

Como usar

Como no caso do Live Share, podemos verificar o sucesso da instalação do CodeTogether Live no VS Code por meio da barra de status e da barra de atividades. Clicando em seu ícone, podemos ver as opções apresentadas: iniciar nova sessão ou entrar em uma já criada. Podemos utilizar o CodeTogether Live normalmente com pequenos grupos (até 3 convidados) e por curtos períodos (até 60 minutos) gratuitamente, mas para grupos maiores e compartilhamentos longos é necessário entrar com uma conta Pro ou Teams, esta última oferecendo também outras funcionalidades úteis para grupos.

Ao iniciar uma nova sessão, o CodeTogether pergunta como será o compartilhamento: se a autorização de um convidado é automática ou não, como se comportam os cursores, se os convidados podem editar o código e quem pode inicar um teste de código. Clicando em "Start", o código é copiado para a área de transferência e pode ser compartilhado.

Por fim, em Session podemos ver os convidados, os cursores, os terminais compartilhados e os servidores compartilhados. Ao clicar no botão com o desenho de um fone de ouvido, somos direcionados a uma página no navegador que nos permite compartilhar áudio e vídeo.

Outras ferramentas

Existem outras ferramentas de colaboração em tempo real, como o CodeSandbox Live, o CodeAnywhere, o CodePen e o AWS Cloud9. Porém, essas ferramentas estão associadas a softwares pagos ou possuem IDEs próprias cujo plano é pago. Podem ser ferramentas úteis para empresas, mas para uso por estudantes recomendamos os primeiros, uma vez que funcionam bem com IDEs conhecidas.