Projeto de Pagina de Login para Hotspot, Com informações sobre planos e suporte

[orionstation]

Bom dia pessoal,

Hoje comecei a construir uma pagina diferente para uso com hotspot, pois fiquei cansado daquela mesma pagina que vem desde a versão 2.9.

Posto abaixo uma foto de como esta ficando.

Estou construindo em HTML + JavaScript e vai ser totalmente compatível com o Mikrotik e quando estiver pronta vou disponibilizar aqui no forum!

Se alguem quiser dar uma dica estamos ai

[LulaVipNET]

Tá Ficando Show....concerteza terá nosso agradecimento por a iniciativa tomada^^ Flws

[angelangra]

Iniciativa boa.... Parabéns está ficando show...

[Tyallysson]

Expor seus conhecimentos e dedicar trabalho aos outros não é qualquer pessoa que faz isso..
Eu nao sei nem pra onde vai em criação de paginas, mas acho bonito sua iniciativa de dedicar seu trabalho em prol dos usuarios deste forum.

obrigado desde já... uso ppoe mas pretendo usar hotspot em uma rede separada também.. e pelo que ja testei de paginas disponibilizadas neste forum a sua é a mais completa e facilita a divulgação do provedor a partir de uma simples primeira conexão do usuario!!

[eumesmoleo]

esta ficando show essa pagina, Parabéns "

[JCnet]

olha a minha pagina de login ae, tbm contem paginas de planos, pagina de cadastro, tem ate o espaço para colocar propagandas, coloquei uma pagina de download direto no Hotspot.

[FernandodeDeus]

olha a minha pagina de login ae, tbm contem paginas de planos, pagina de cadastro, tem ate o espaço para colocar propagandas, coloquei uma pagina de download direto no Hotspot.

Vcs trabalham com rede aberta e sem criptografia para o cliente chegar até o hotspot?
Não gera trafego alto dentro das rbs?
Não tem problemas com esgotamento de ips no dhcp?

[JCnet]

Vcs trabalham com rede aberta e sem criptografia para o cliente chegar até o hotspot?
Não gera trafego alto dentro das rbs?
Não tem problemas com esgotamento de ips no dhcp?

bom eu sim a rede e aberta '' as rbs'' o controle todo e hotspot, nunca tive nenhum problema sobre trafego alto e neim de ips.

[FernandodeDeus]

Por exemplo vc não controla mac nem ip , qualquer pessoa que loga na sua rede recebe um ip do dhcp, logo muitos usuarios vom notebooks proximos a sua torre , até mesmo com sinal ruim pse conectam e aos desavisados e que nem tem muito conhecimento colocam o micro para logar automaticamente na sua rede .

Ai vc pega la uns 10 notebooks todos com sinal ruim e não prejudica sua rede?

[edcomrocha]

Por exemplo vc não controla mac nem ip , qualquer pessoa que loga na sua rede recebe um ip do dhcp, logo muitos usuarios vom notebooks proximos a sua torre , até mesmo com sinal ruim pse conectam e aos desavisados e que nem tem muito conhecimento colocam o micro para logar automaticamente na sua rede .

Ai vc pega la uns 10 notebooks todos com sinal ruim e não prejudica sua rede?

Aqui é o seguinte uso assim tbm, para os que estao com sinal ruim sao dropados pelo script que fizeram aqui no under, para pessoas que estao com ack alto, o dhcp pra quem é da minha rede é uma faixa de ip que esta cadastrado os mac dos clientes, pra quem nao é meu cliente é outra faixa de ip, entao tenho uma faixa para clientes e outra pra nao clientes, roda de boa no dhcp

Abraços

[lfaria]

Hoje comecei a construir uma pagina diferente para uso com hotspot, pois fiquei cansado daquela mesma pagina que vem desde a versão 2.9.
Posto abaixo uma foto de como esta ficando.
Estou construindo em HTML + JavaScript e vai ser totalmente compatível com o Mikrotik e quando estiver pronta vou disponibilizar aqui no forum!
Se alguem quiser dar uma dica estamos ai

Boa iniciativa. Minha sugestão é que documente bem o código da página com informações e exemplos para quem quiser usar suas idéias e acrescentar novas funcionalidades. Afinal o bom não é copiar e sim entender para alterar e fazer a sua própria página.

A comunidade agradece... :-)

[orionstation]

Estou andando com o projeto e já coloquei em testes !
Breve novas Atualizações

[muriloc4]

Provebuntu

eu tenho varias em flash..o que acham ???

[claudinho]

Ta ficando show, concordo com o amigo que falou para comentar o codigo, isso ira facilitar para futuras alterações por amigos do forun.

Abraço.

[orionstation]

Seguem imagens da pagina de status em construção!

Gostaria que alguém desse um palpite, ou uma contribuição falando se ficou ok ou se deve mudar algum item do design ou da construção!

[orionstation]

Estou comentando todo o código na medida do possível!
Vou postar parte dele da pagina de login para vocês darem uma olhada

<!-- INICIO DO SCRIPT DO HOTSPOT //-->
$(if chap-id)
	<form name="sendin" action="$(link-login-only)" method="post">
		<input type="hidden" name="username" />
		<input type="hidden" name="password" />
		<input type="hidden" name="dst" value="$(link-orig)" />
		<input type="hidden" name="popup" value="true" />
	</form>
 
	<script type="text/javascript" src="/md5.js"></script>
<script type="text/javascript">
	<!--
	    function doLogin() {
		document.sendin.username.value = document.login.username.value;
		document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value + '$(chap-challenge)');
		document.sendin.submit();
		return false;
	    }
	//-->
	</script>
$(endif)
<!-- FIMK DO SCRIPT DO HOTSPOT //-->
<div id="page">
  <div id="topbox">
    <table width="700" border="0" id="toptable">
      <tr>
        <td width="182"><img src="../hotspot/img/logobottom.png" width="180" height="60" alt="Tecnologia Utilizada"/></td>
        <td width="304">&nbsp;</td>
        <td width="200">&nbsp;</td>
      </tr>
    </table>
  </div>
  <div id="linkbar">
    <table width="700" border="0" class="links" id="linktab">
      <tr>
        <td width="118">Nosso Diferencial</td>
        <td width="88">Equipamento</td>
        <td width="79">Indices</td>
        <td width="95">Planos</td>
        <td width="95">Cobertura</td>
        <td width="95">Atendimento</td>
        <td width="100">Contato</td>
      </tr>
    </table>
  </div>
  <table width="700" border="0" id="logintable">
    <tr>
      <td width="488" valign="top"><img src="img/rj.jpg" width="488" height="292" alt="Rio de Janeiro" /></td>
      <td width="196" valign="top"><table width="196" border="0">
        <tr>
          <td width="50"class="fonte">Login<br /><br />Senha</td>
          <!-- INICIO DO CODIGO DE FORMULARIO PARA LOGIN -->
          <form name="login" action="$(link-login-only)" method="post"
					    $(if chap-id) onsubmit="return doLogin()" $(endif)>
            <input type="hidden" name="dst2" value="$(link-orig)" />
            <input type="hidden" name="popup2" value="true" />
            <!-- ESTA PRIMEIRA PARTE DEVE SER INSERIDA ANTES DA TABELA -->
            <td width="50" class="fonte"><input name="username" type="text" class="formlogin" style="width: 130px" value="$(username)"/><br /><br />
            <input name="password" type="password" class="formlogin" style="width: 92px"/> <input type="submit" class="formlogin" id="botao" value="OK"/></td>
          </form>
        </tr>
        <tr>
          <td colspan="2" >$(if error)<br />
            <div style="color: #FF8080; font-size: 9px">$(error)</div>
            $(endif)</td>
          </tr>
          <tr>
            <td colspan="2" id="manual">INSTRUÇÕES DE UTILIZAÇÃO:<br />
            <br />
            1)Insira o nome de usuário e senha e clique em ok.<br />
            <br />
            2)Seu codigo de acesso só podera ser acessado apartir do computador habilitado.<br />
            <br />
            3)Caso o erro insistir, anote o codigo do erro e entre em contato com o Suporte Técnico<br />
            <br />
            4)Aproveite e faça um bom uso.</td></tr>
      </table></td>
    </tr>
  </table>
  <div id="pagebody">Nosso sistema é interconectado a uma das melhores redes em alta velocidade, impedindo que haja saturação do acesso nos horarios de picos, deixando sua conexão sempre estável. Prestamos um serviço com seriedade e confiabilidade, tornando a nossa solução de conectividade uma das mais conceituadas entre as melhores operadoras de banda larga do Rio de Janeiro. Nos</div>
 </div>
<script type="text/javascript">
<!--
  document.login.username.focus();
//-->
</script>
</body>

[maxmelo]

Provebuntu

eu tenho varias em flash..o que acham ???

parece muito boa mas nao esta terminada, posta ai uma versao finalizada pros amigos modificarem

[muriloc4]

parece muito boa mas nao esta terminada, posta ai uma versao finalizada pros amigos modificarem

amigo a mofificação com seu dados ai é com vcs..
olha o link abaixo
https://under-linux.org/f133213-hots...uem#post447189

[346369]

[lang=iw]ספר הוראות יצרן של פיג'ו 306[/lang]

[maxmelo]

Sera q vc poderia postar as figuras q vc usou nesse script?