https://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&feed=atom&action=historyCriação de interface web para o Netkit - Histórico de revisão2024-03-29T08:05:09ZHistórico de revisões para esta página neste wikiMediaWiki 1.35.9https://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=140868&oldid=prev127.0.0.1 em 18h43min de 23 de fevereiro de 20182018-02-23T18:43:20Z<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 18h43min de 23 de fevereiro de 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6" >Linha 6:</td>
<td colspan="2" class="diff-lineno">Linha 6:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Este TCC propõe criar uma interface web para execução remota de instâncias do Netkit. O trabalho envolve o controle e visualização de experimentos usando um navegador. Isso implica basicamente:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Este TCC propõe criar uma interface web para execução remota de instâncias do Netkit. O trabalho envolve o controle e visualização de experimentos usando um navegador. Isso implica basicamente:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (<del class="diffchange diffchange-inline">ex</del>: <del class="diffchange diffchange-inline">gnome-terminal ou xterm</del>).</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (<ins class="diffchange diffchange-inline">similar ao projeto [https</ins>:<ins class="diffchange diffchange-inline">//github.com/shellinabox/shellinabox shellinabox]</ins>).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Cronograma =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Cronograma =</div></td></tr>
</table>127.0.0.1https://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=140867&oldid=prev127.0.0.1 em 18h40min de 23 de fevereiro de 20182018-02-23T18:40:39Z<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 18h40min de 23 de fevereiro de 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Linha 1:</td>
<td colspan="2" class="diff-lineno">Linha 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>= Resumo <del class="diffchange diffchange-inline">estendido </del>=</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>= Resumo = </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">O Netkit2 é um aplicativo que possibilita criar e realizar experimentos com redes de computadores virtuais. Essas redes podem ser compostas de computadores, switches ethernet e roteadores, os quais são implementados com máquinas virtuais Linux. As funcionalidades de rede existentes no Linux, assim como os aplicativos de rede disponíveis nessa plataforma, podem ser utilizadas nos experimentos criados no Netkit2. Com isso, o Netkit2 se apresenta como um laboratório virtual criado para facilitar o estudo sobre redes de computadores.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Com a atual maneira de se utilizar a ferramenta Netkit2 tem a necessidade de estar utilizando sistema operacional Linux, e ter a ferramenta instalada, fazendo com que muitas vezes dificulte o usuário utilizar tal ferramenta. Em outros sistemas operacionais não é possível usar o Netkit2 diretamente. Como a ferramenta é um software que necessita de instalação na máquina local, o usuário se limita para dar continuidade ao experimento, pois todos os arquivos de configuração, estão somente naquela máquina. Tanto a ferramenta original Netkit quanto a ferramenta na qual o trabalho se baseia que é a Netkit2 são ferramentas de uso restrito para Linux, o que dificulta mais ainda a continuidade do experimento pois não são todos os lugares que você consegue ter acesso a uma máquina Linux.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Uma possível solução para superar as limitações é executar o Netkit2 remotamente em um ou mais servidores de aplicação. Desta maneira você conseguiria utilizar o Netkit2 em outros sistemas operacionais e desta maneira não precisando amarrar a ferramenta com o sistema operacional. Com o acesso remoto as informações não serão armazenadas localmente, pois nenhuma das informações será processada localmente, desta maneira resolveria o problema da continuidade dos experimentos iniciados em uma máquina local. Um outro uso para o Netkit2 seria na utilização de aulas pois conseguiria ter um acesso mais prático aos arquivos de configuração dos alunos, os professores poderiam estar disponibilizando alguns tipos de laboratórios e experimentos, de maneira mais pratica.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Atualmente foi estudada e desenvolvida uma infraestrutura para rodar em um servidor de aplicações, a qual foi o tema do [[Criação_de_uma_infraestrutura_para_execução_remota_do_Netkit|TCC de Ricardo Martins (''Criação de uma infraestrutura para execução remota do Netkit2'')]], defendido no final de 2014. Esse trabalho propôs "''uma extensão para o Netkit2 capaz de executar, controlar e oferecer uma interface de acesso remoto para experimentos com redes de computadores virtuais, denominadas instâncias do Netkit''", chamada de controlador de instâncias. Esse controlador tornou possível executar remotamente experimentos do Netkit2, visualizando-os como se estivessem sendo executados localmente. A interface de acesso ao controlador foi especificada como um serviço web no estilo REST, de forma que clientes interajam com o controlador por meio de requisições HTTP.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Baseado no trabalho do Ricardo e na interface RESTful, o objetivo deste trabalho é desenvolver uma interface web para acesso ao controlador de instâncias. Essa interface deve possibilitar o uso de um navegador web para enviar comandos ao controlador de instâncias, e acessar os terminais das máquinas virtuais que compõem uma rede virtual do Netkit2. Essa interface deve oferecer os mesmos recursos gráficos que o Netkit2 possui localmente, ou seja é necessário que possua além do terminal, widgets e apresentação da topologia da rede, reiniciar o laboratório dentre outras funções mais. Por fim, a interface web deve envolver tecnologias Ajax(Asynchronous Javascript and XML) e HTML5(HyperText Markup Language 5).</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">Ao concluir o trabalho se espera ter uma aplicação web com que seja possível utilização em qualquer tipo de navegador. Após todo o desenvolvimento do trabalho será possível realizar os experimentos através da ferramenta Netkit2 sem a instalação de seu software local, podendo assim ser utilizado em qualquer lugar e em qualquer sistema operacional.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">{{collapse top|Resumo original}}</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>O [[Netkit]] é uma ferramenta de experimentação com redes compostas por máquinas virtuais UML – User Mode Linux. Atualmente, a execução de uma rede virtual com o Netkit em um determinado computador implica a instalação do respectivo software. Existe um projeto para que a execução seja realizada em um servidor de aplicação, ou mesmo em nuvem, sendo o controle e visualização feitos em um computador via web. Isso evita a necessidade de instalação de software do Netkit e abre diversas possibilidade para os experimentos (ex: catálogo de experimentos, interligação de diferentes experimentos, criação de uma Internet virtual). A especificação e implementação da infraestrutura para execução remota de experimentos foi desenvolvida no [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC de Ricardo Martins]]. O acesso a essa infraestrutura foi especificado como um Web Service, por meio de uma [http://en.wikipedia.org/wiki/Representational_State_Transfer API RESTful]. Desta forma, falta implementar a interface web para o acesso a essa infraestrutura e execução dos experimentos.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>O [[Netkit]] é uma ferramenta de experimentação com redes compostas por máquinas virtuais UML – User Mode Linux. Atualmente, a execução de uma rede virtual com o Netkit em um determinado computador implica a instalação do respectivo software. Existe um projeto para que a execução seja realizada em um servidor de aplicação, ou mesmo em nuvem, sendo o controle e visualização feitos em um computador via web. Isso evita a necessidade de instalação de software do Netkit e abre diversas possibilidade para os experimentos (ex: catálogo de experimentos, interligação de diferentes experimentos, criação de uma Internet virtual). A especificação e implementação da infraestrutura para execução remota de experimentos foi desenvolvida no [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC de Ricardo Martins]]. O acesso a essa infraestrutura foi especificado como um Web Service, por meio de uma [http://en.wikipedia.org/wiki/Representational_State_Transfer API RESTful]. Desta forma, falta implementar a interface web para o acesso a essa infraestrutura e execução dos experimentos.</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21" >Linha 21:</td>
<td colspan="2" class="diff-lineno">Linha 7:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{collapse bottom}}</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== Cronograma ==</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== Referências bibliográficas ==</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">GNOME-NETKIT. Gnome-Netkit. Brasil, 2014. Acessado em 24-04-2015. Disponível em:<http://wiki.sj.ifsc.edu.br/index.php/Netkit2></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">NETKIT. Netkit. Itália, 2011. Acessado em 24-04-2015. Disponível em:<http://wiki.netkit.org/index.php>.</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del class="diffchange diffchange-inline">WEBBER, J.; PARASTATIDIS, S.; ROBINSON, I.REST In Practice. EUA: O’Reilly Media, Inc., 2010. 16–20 p.</del></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">= Cronograma =</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><!--</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l44" >Linha 44:</td>
<td colspan="2" class="diff-lineno">Linha 20:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://blog.killtheradio.net/how-tos/a-simple-but-long-winded-guide-to-rest-web-services/ A simple (but long-winded) guide to REST web services]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://blog.killtheradio.net/how-tos/a-simple-but-long-winded-guide-to-rest-web-services/ A simple (but long-winded) guide to REST web services]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm Architectural Styles and the Design of Network-based Software Architectures]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm Architectural Styles and the Design of Network-based Software Architectures]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">--></del></div></td><td colspan="2"> </td></tr>
<!-- diff cache key wiki:diff::1.12:old-140866:rev-140867 -->
</table>127.0.0.1https://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=140866&oldid=prev127.0.0.1: /* Cronograma */2018-02-23T18:39:00Z<p><span dir="auto"><span class="autocomment">Cronograma</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 18h39min de 23 de fevereiro de 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l24" >Linha 24:</td>
<td colspan="2" class="diff-lineno">Linha 24:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Cronograma ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Cronograma ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">[[imagem:TCC1-Cronograma-giovani.png|800px]]</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referências bibliográficas ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referências bibliográficas ==</div></td></tr>
</table>127.0.0.1https://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=140865&oldid=prev127.0.0.1: /* Resumo estendido */2018-02-23T18:38:22Z<p><span dir="auto"><span class="autocomment">Resumo estendido</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 18h38min de 23 de fevereiro de 2018</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l7" >Linha 7:</td>
<td colspan="2" class="diff-lineno">Linha 7:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Uma possível solução para superar as limitações é executar o Netkit2 remotamente em um ou mais servidores de aplicação. Desta maneira você conseguiria utilizar o Netkit2 em outros sistemas operacionais e desta maneira não precisando amarrar a ferramenta com o sistema operacional. Com o acesso remoto as informações não serão armazenadas localmente, pois nenhuma das informações será processada localmente, desta maneira resolveria o problema da continuidade dos experimentos iniciados em uma máquina local. Um outro uso para o Netkit2 seria na utilização de aulas pois conseguiria ter um acesso mais prático aos arquivos de configuração dos alunos, os professores poderiam estar disponibilizando alguns tipos de laboratórios e experimentos, de maneira mais pratica.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Uma possível solução para superar as limitações é executar o Netkit2 remotamente em um ou mais servidores de aplicação. Desta maneira você conseguiria utilizar o Netkit2 em outros sistemas operacionais e desta maneira não precisando amarrar a ferramenta com o sistema operacional. Com o acesso remoto as informações não serão armazenadas localmente, pois nenhuma das informações será processada localmente, desta maneira resolveria o problema da continuidade dos experimentos iniciados em uma máquina local. Um outro uso para o Netkit2 seria na utilização de aulas pois conseguiria ter um acesso mais prático aos arquivos de configuração dos alunos, os professores poderiam estar disponibilizando alguns tipos de laboratórios e experimentos, de maneira mais pratica.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Atualmente foi <del class="diffchange diffchange-inline">estudado </del>e <del class="diffchange diffchange-inline">desenvolvido </del>uma infraestrutura para rodar em um servidor de aplicações, <del class="diffchange diffchange-inline">no </del>qual foi o tema do [[Criação_de_uma_infraestrutura_para_execução_remota_do_Netkit|TCC de Ricardo Martins (''Criação de uma infraestrutura para execução remota do Netkit2'')]], defendido no final de 2014. Esse trabalho propôs "''uma extensão para o Netkit2 capaz de executar, controlar e oferecer uma interface de acesso remoto para experimentos com redes de computadores virtuais, denominadas instâncias do Netkit''", chamada de controlador de instâncias. Esse controlador tornou possível executar remotamente experimentos do Netkit2, visualizando-os como se estivessem sendo executados localmente. A interface de acesso ao controlador foi especificada como um serviço web no estilo REST, de forma que clientes interajam com o controlador por meio de requisições HTTP.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Atualmente foi <ins class="diffchange diffchange-inline">estudada </ins>e <ins class="diffchange diffchange-inline">desenvolvida </ins>uma infraestrutura para rodar em um servidor de aplicações, <ins class="diffchange diffchange-inline">a </ins>qual foi o tema do [[Criação_de_uma_infraestrutura_para_execução_remota_do_Netkit|TCC de Ricardo Martins (''Criação de uma infraestrutura para execução remota do Netkit2'')]], defendido no final de 2014. Esse trabalho propôs "''uma extensão para o Netkit2 capaz de executar, controlar e oferecer uma interface de acesso remoto para experimentos com redes de computadores virtuais, denominadas instâncias do Netkit''", chamada de controlador de instâncias. Esse controlador tornou possível executar remotamente experimentos do Netkit2, visualizando-os como se estivessem sendo executados localmente. A interface de acesso ao controlador foi especificada como um serviço web no estilo REST, de forma que clientes interajam com o controlador por meio de requisições HTTP.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Baseado no trabalho do Ricardo e na interface RESTful, o objetivo deste trabalho é desenvolver uma interface web para acesso ao controlador de instâncias. Essa interface deve possibilitar o uso de um navegador web para enviar comandos ao controlador de instâncias, e acessar os terminais das máquinas virtuais que compõem uma rede virtual do Netkit2. Essa interface deve oferecer os mesmos recursos gráficos que o Netkit2 possui localmente, ou seja é necessário que possua além do terminal, widgets e apresentação da topologia da rede, reiniciar o laboratório dentre outras funções mais. Por fim, a interface web deve envolver tecnologias Ajax(Asynchronous Javascript and XML) e HTML5(HyperText Markup Language 5).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Baseado no trabalho do Ricardo e na interface RESTful, o objetivo deste trabalho é desenvolver uma interface web para acesso ao controlador de instâncias. Essa interface deve possibilitar o uso de um navegador web para enviar comandos ao controlador de instâncias, e acessar os terminais das máquinas virtuais que compõem uma rede virtual do Netkit2. Essa interface deve oferecer os mesmos recursos gráficos que o Netkit2 possui localmente, ou seja é necessário que possua além do terminal, widgets e apresentação da topologia da rede, reiniciar o laboratório dentre outras funções mais. Por fim, a interface web deve envolver tecnologias Ajax(Asynchronous Javascript and XML) e HTML5(HyperText Markup Language 5).</div></td></tr>
<!-- diff cache key wiki:diff::1.12:old-88227:rev-140865 -->
</table>127.0.0.1https://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=88227&oldid=prevMsobral em 20h21min de 29 de abril de 20152015-04-29T20:21:47Z<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 20h21min de 29 de abril de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21" >Linha 21:</td>
<td colspan="2" class="diff-lineno">Linha 21:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{collapse bottom}</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{collapse bottom<ins class="diffchange diffchange-inline">}</ins>}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Cronograma ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Cronograma ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[imagem:TCC1-Cronograma-giovani.png]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[imagem:TCC1-Cronograma-giovani.png<ins class="diffchange diffchange-inline">|800px</ins>]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referências bibliográficas ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referências bibliográficas ==</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l35" >Linha 35:</td>
<td colspan="2" class="diff-lineno">Linha 35:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>WEBBER, J.; PARASTATIDIS, S.; ROBINSON, I.REST In Practice. EUA: O’Reilly Media, Inc., 2010. 16–20 p.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>WEBBER, J.; PARASTATIDIS, S.; ROBINSON, I.REST In Practice. EUA: O’Reilly Media, Inc., 2010. 16–20 p.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><!--</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l45" >Linha 45:</td>
<td colspan="2" class="diff-lineno">Linha 46:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://blog.killtheradio.net/how-tos/a-simple-but-long-winded-guide-to-rest-web-services/ A simple (but long-winded) guide to REST web services]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://blog.killtheradio.net/how-tos/a-simple-but-long-winded-guide-to-rest-web-services/ A simple (but long-winded) guide to REST web services]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm Architectural Styles and the Design of Network-based Software Architectures]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm Architectural Styles and the Design of Network-based Software Architectures]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">--></ins></div></td></tr>
</table>Msobralhttps://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=88226&oldid=prevMsobral: /* Resumo estendido */2015-04-29T20:20:12Z<p><span dir="auto"><span class="autocomment">Resumo estendido</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 20h20min de 29 de abril de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22" >Linha 22:</td>
<td colspan="2" class="diff-lineno">Linha 22:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{collapse bottom}</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{collapse bottom}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Cronograma ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[imagem:TCC1-Cronograma-giovani.png]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Referências bibliográficas ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">GNOME-NETKIT. Gnome-Netkit. Brasil, 2014. Acessado em 24-04-2015. Disponível em:<http://wiki.sj.ifsc.edu.br/index.php/Netkit2></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">NETKIT. Netkit. Itália, 2011. Acessado em 24-04-2015. Disponível em:<http://wiki.netkit.org/index.php>.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">WEBBER, J.; PARASTATIDIS, S.; ROBINSON, I.REST In Practice. EUA: O’Reilly Media, Inc., 2010. 16–20 p.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td></tr>
</table>Msobralhttps://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=87920&oldid=prevMsobral: /* Resumo */2015-04-24T12:29:26Z<p><span dir="auto"><span class="autocomment">Resumo</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 12h29min de 24 de abril de 2015</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Linha 1:</td>
<td colspan="2" class="diff-lineno">Linha 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>= Resumo =</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>= Resumo <ins class="diffchange diffchange-inline">estendido </ins>=</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">O Netkit2 é um aplicativo que possibilita criar e realizar experimentos com redes de computadores virtuais. Essas redes podem ser compostas de computadores, switches ethernet e roteadores, os quais são implementados com máquinas virtuais Linux. As funcionalidades de rede existentes no Linux, assim como os aplicativos de rede disponíveis nessa plataforma, podem ser utilizadas nos experimentos criados no Netkit2. Com isso, o Netkit2 se apresenta como um laboratório virtual criado para facilitar o estudo sobre redes de computadores.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Com a atual maneira de se utilizar a ferramenta Netkit2 tem a necessidade de estar utilizando sistema operacional Linux, e ter a ferramenta instalada, fazendo com que muitas vezes dificulte o usuário utilizar tal ferramenta. Em outros sistemas operacionais não é possível usar o Netkit2 diretamente. Como a ferramenta é um software que necessita de instalação na máquina local, o usuário se limita para dar continuidade ao experimento, pois todos os arquivos de configuração, estão somente naquela máquina. Tanto a ferramenta original Netkit quanto a ferramenta na qual o trabalho se baseia que é a Netkit2 são ferramentas de uso restrito para Linux, o que dificulta mais ainda a continuidade do experimento pois não são todos os lugares que você consegue ter acesso a uma máquina Linux.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Uma possível solução para superar as limitações é executar o Netkit2 remotamente em um ou mais servidores de aplicação. Desta maneira você conseguiria utilizar o Netkit2 em outros sistemas operacionais e desta maneira não precisando amarrar a ferramenta com o sistema operacional. Com o acesso remoto as informações não serão armazenadas localmente, pois nenhuma das informações será processada localmente, desta maneira resolveria o problema da continuidade dos experimentos iniciados em uma máquina local. Um outro uso para o Netkit2 seria na utilização de aulas pois conseguiria ter um acesso mais prático aos arquivos de configuração dos alunos, os professores poderiam estar disponibilizando alguns tipos de laboratórios e experimentos, de maneira mais pratica.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Atualmente foi estudado e desenvolvido uma infraestrutura para rodar em um servidor de aplicações, no qual foi o tema do [[Criação_de_uma_infraestrutura_para_execução_remota_do_Netkit|TCC de Ricardo Martins (''Criação de uma infraestrutura para execução remota do Netkit2'')]], defendido no final de 2014. Esse trabalho propôs "''uma extensão para o Netkit2 capaz de executar, controlar e oferecer uma interface de acesso remoto para experimentos com redes de computadores virtuais, denominadas instâncias do Netkit''", chamada de controlador de instâncias. Esse controlador tornou possível executar remotamente experimentos do Netkit2, visualizando-os como se estivessem sendo executados localmente. A interface de acesso ao controlador foi especificada como um serviço web no estilo REST, de forma que clientes interajam com o controlador por meio de requisições HTTP.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Baseado no trabalho do Ricardo e na interface RESTful, o objetivo deste trabalho é desenvolver uma interface web para acesso ao controlador de instâncias. Essa interface deve possibilitar o uso de um navegador web para enviar comandos ao controlador de instâncias, e acessar os terminais das máquinas virtuais que compõem uma rede virtual do Netkit2. Essa interface deve oferecer os mesmos recursos gráficos que o Netkit2 possui localmente, ou seja é necessário que possua além do terminal, widgets e apresentação da topologia da rede, reiniciar o laboratório dentre outras funções mais. Por fim, a interface web deve envolver tecnologias Ajax(Asynchronous Javascript and XML) e HTML5(HyperText Markup Language 5).</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Ao concluir o trabalho se espera ter uma aplicação web com que seja possível utilização em qualquer tipo de navegador. Após todo o desenvolvimento do trabalho será possível realizar os experimentos através da ferramenta Netkit2 sem a instalação de seu software local, podendo assim ser utilizado em qualquer lugar e em qualquer sistema operacional.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">{{collapse top|Resumo original}}</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>O [[Netkit]] é uma ferramenta de experimentação com redes compostas por máquinas virtuais UML – User Mode Linux. Atualmente, a execução de uma rede virtual com o Netkit em um determinado computador implica a instalação do respectivo software. Existe um projeto para que a execução seja realizada em um servidor de aplicação, ou mesmo em nuvem, sendo o controle e visualização feitos em um computador via web. Isso evita a necessidade de instalação de software do Netkit e abre diversas possibilidade para os experimentos (ex: catálogo de experimentos, interligação de diferentes experimentos, criação de uma Internet virtual). A especificação e implementação da infraestrutura para execução remota de experimentos foi desenvolvida no [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC de Ricardo Martins]]. O acesso a essa infraestrutura foi especificado como um Web Service, por meio de uma [http://en.wikipedia.org/wiki/Representational_State_Transfer API RESTful]. Desta forma, falta implementar a interface web para o acesso a essa infraestrutura e execução dos experimentos.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>O [[Netkit]] é uma ferramenta de experimentação com redes compostas por máquinas virtuais UML – User Mode Linux. Atualmente, a execução de uma rede virtual com o Netkit em um determinado computador implica a instalação do respectivo software. Existe um projeto para que a execução seja realizada em um servidor de aplicação, ou mesmo em nuvem, sendo o controle e visualização feitos em um computador via web. Isso evita a necessidade de instalação de software do Netkit e abre diversas possibilidade para os experimentos (ex: catálogo de experimentos, interligação de diferentes experimentos, criação de uma Internet virtual). A especificação e implementação da infraestrutura para execução remota de experimentos foi desenvolvida no [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC de Ricardo Martins]]. O acesso a essa infraestrutura foi especificado como um Web Service, por meio de uma [http://en.wikipedia.org/wiki/Representational_State_Transfer API RESTful]. Desta forma, falta implementar a interface web para o acesso a essa infraestrutura e execução dos experimentos.</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l7" >Linha 7:</td>
<td colspan="2" class="diff-lineno">Linha 21:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit por meio da API RESTful (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{{collapse bottom}</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Bibliografia =</div></td></tr>
</table>Msobralhttps://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=72227&oldid=prevMsobral: /* Resumo */2014-07-05T20:10:52Z<p><span dir="auto"><span class="autocomment">Resumo</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 20h10min de 5 de julho de 2014</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Linha 1:</td>
<td colspan="2" class="diff-lineno">Linha 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Resumo =</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Resumo =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>O [[Netkit]] é uma ferramenta de experimentação com redes compostas por máquinas virtuais UML – User Mode Linux. Atualmente, a execução de uma rede virtual com o Netkit em um determinado computador implica a instalação do respectivo software. Existe um projeto para que a execução seja realizada em um servidor de aplicação, ou mesmo em nuvem, sendo o controle e visualização feitos em um computador via web. Isso evita a necessidade de instalação de software do Netkit e abre diversas possibilidade para os experimentos (ex: catálogo de experimentos, interligação de diferentes experimentos, criação de uma Internet virtual). A especificação e implementação da infraestrutura para execução remota de experimentos foi desenvolvida no [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC de Ricardo Martins]]. Desta forma, falta implementar a interface web para o acesso a essa infraestrutura e execução dos experimentos.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>O [[Netkit]] é uma ferramenta de experimentação com redes compostas por máquinas virtuais UML – User Mode Linux. Atualmente, a execução de uma rede virtual com o Netkit em um determinado computador implica a instalação do respectivo software. Existe um projeto para que a execução seja realizada em um servidor de aplicação, ou mesmo em nuvem, sendo o controle e visualização feitos em um computador via web. Isso evita a necessidade de instalação de software do Netkit e abre diversas possibilidade para os experimentos (ex: catálogo de experimentos, interligação de diferentes experimentos, criação de uma Internet virtual). A especificação e implementação da infraestrutura para execução remota de experimentos foi desenvolvida no [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC de Ricardo Martins]<ins class="diffchange diffchange-inline">]. O acesso a essa infraestrutura foi especificado como um Web Service, por meio de uma [http://en.wikipedia.org/wiki/Representational_State_Transfer API RESTful</ins>]. Desta forma, falta implementar a interface web para o acesso a essa infraestrutura e execução dos experimentos.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Este TCC propõe criar uma interface web para execução remota de instâncias do Netkit. O trabalho envolve o controle e visualização de experimentos usando um navegador. Isso implica basicamente:</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Este TCC propõe criar uma interface web para execução remota de instâncias do Netkit. O trabalho envolve o controle e visualização de experimentos usando um navegador. Isso implica basicamente:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit (ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div># Desenvolver uma aplicação web a ser executada em um servidor, a qual deve ser acessada pelos navegadores. Essa aplicação é responsável por i) fornecer a interface web a ser executada nos navegadores, e ii) traduzir as ações enviadas a partir do navegador para chamadas ao controlador de instâncias do Netkit <ins class="diffchange diffchange-inline">por meio da API RESTful </ins>(ver [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit|TCC do Ricardo Martins]]).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div># Usar [http://en.wikipedia.org/wiki/Ajax_%28programming%29 Ajax] para implementar a interface visível no navegador. Essa interface deve oferecer os widgets (elementos gráficos) para controle de instâncias, e o terminal para acesso às máquinas virtuais do experimento em execução. Esse terminal deve ser funcionalmente similar a um terminal local (ex: gnome-terminal ou xterm).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<!-- diff cache key wiki:diff::1.12:old-72226:rev-72227 -->
</table>Msobralhttps://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=72226&oldid=prevMsobral: /* Bibliografia */2014-07-05T20:07:07Z<p><span dir="auto"><span class="autocomment">Bibliografia</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 20h07min de 5 de julho de 2014</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15" >Linha 15:</td>
<td colspan="2" class="diff-lineno">Linha 15:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://code.google.com/p/shellinabox/ Shellinabox: Web based AJAX terminal emulator]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://code.google.com/p/shellinabox/ Shellinabox: Web based AJAX terminal emulator]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.w3schools.com/ajax/default.ASP Ajax Tutorial (W3Schools)]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.w3schools.com/ajax/default.ASP Ajax Tutorial (W3Schools)]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [http://rest.elkstein.org/ Learn REST: A Tutorial]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [http://blog.killtheradio.net/how-tos/a-simple-but-long-winded-guide-to-rest-web-services/ A simple (but long-winded) guide to REST web services]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* [http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm Architectural Styles and the Design of Network-based Software Architectures]</ins></div></td></tr>
<!-- diff cache key wiki:diff::1.12:old-72225:rev-72226 -->
</table>Msobralhttps://wiki.sj.ifsc.edu.br/index.php?title=Cria%C3%A7%C3%A3o_de_interface_web_para_o_Netkit&diff=72225&oldid=prevMsobral em 20h03min de 5 de julho de 20142014-07-05T20:03:29Z<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 20h03min de 5 de julho de 2014</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11" >Linha 11:</td>
<td colspan="2" class="diff-lineno">Linha 11:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit]]: TCC desenvolvido por Ricardo Martins em 2014.2</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Cria%C3%A7%C3%A3o_de_uma_infraestrutura_para_execu%C3%A7%C3%A3o_remota_do_Netkit]]: TCC desenvolvido por Ricardo Martins em 2014.2</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== Bibliografia ==</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Netkit|Manual do gnome-netkit]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Netkit|Manual do gnome-netkit]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.gwtproject.org/doc/latest/tutorial/gettingstarted.html Google Web Toolkit (Ajax)]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://www.gwtproject.org/doc/latest/tutorial/gettingstarted.html Google Web Toolkit (Ajax)]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://code.google.com/p/shellinabox/ Shellinabox: Web based AJAX terminal emulator]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [http://code.google.com/p/shellinabox/ Shellinabox: Web based AJAX terminal emulator]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* [http://<del class="diffchange diffchange-inline">docs</del>.<del class="diffchange diffchange-inline">oracle</del>.com/<del class="diffchange diffchange-inline">javase</del>/<del class="diffchange diffchange-inline">tutorial/deployment/applet/ Java Applets </del>Tutorial]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* [http://<ins class="diffchange diffchange-inline">www</ins>.<ins class="diffchange diffchange-inline">w3schools</ins>.com/<ins class="diffchange diffchange-inline">ajax</ins>/<ins class="diffchange diffchange-inline">default.ASP Ajax </ins>Tutorial <ins class="diffchange diffchange-inline">(W3Schools)</ins>]</div></td></tr>
</table>Msobral