InfoAjuda

Exibir posts

Esta seção lhe permite ver todos os posts deste membro. Note que você só pode ver os posts de seções às quais você tem acesso.


Posts - DiegoB.

Páginas: [1]
1
Desafios / Desafio Algoritimos
« Online: Outubro 17, 2017, 02:43:32 pm »
segue alguns algoritmos do desafio criado por nosso amigo Wanderson.
conforme for terminando outros estarei atualizando, caso alguém consiga terminar tbem pode ir postando para atualizarmos a lista.

os desafios serão postados na ordem da lista proposta no zap.

Desafio n° 1
Código: [Selecionar]
algoritmo "desafio1"
// Data : 17/10/2017
// Seção de Declarações
var
 a, b, temp :inteiro
inicio
// Seção de Comandos
   a := 10
   b := 20
   temp := 20
   
   escreval ("a variavel a = ", a)
   escreval ("a variavel b = ", b)
   
   
   escreval ("")
   escreval ("Alterando Variaveis.")
   escreval ("Processando.")
   escreval ("Processando...")
   escreval ("Processando.....")
   escreval ("Processando........")
   escreval ("Processando..........")
   escreval ("")
   
   b := a
   a := temp
   
   escreval ("a variavel a = ", a)
   escreval ("a variavel b = ", b)
   
fimalgoritmo

Desafio n°2
Código: [Selecionar]
algoritmo "desafio2"
// Data : 17/10/2017
// Seção de Declarações
var
 valor :real
inicio
// Seção de Comandos
   escreval ("Digite um valor qualquer")
   leia (valor)
   escreval ("O numero anterior ao valor escolhido é ", valor-1)
   escreval ("O numero posterior ao valor escolhido é ", valor+1)

fimalgoritmo

2
Tutoriais / [video] VideoAula de Logica de Programação
« Online: Outubro 11, 2017, 10:47:19 pm »

3
Geral / Atualizações/Manutenções do Forum
« Online: Outubro 11, 2017, 05:40:26 pm »
Todas as alterações, atualizações e correções do forum serão informadas por meio deste tópico.

18/10/2017 - + ChatBox, + Organização das Seçoes.
  • Adicionado Chat no forum
  • Adicionado botão do whats app
  • Atualização de versão dos arquivos do forum
  • Organização do layout das seções (seguindo o padrão do AVA)


11/10/2017 - Adicionado Video do Youtube\Facebook e logins usando redes sociais.
  • Agora é possível inserir videos do youtube\facebook apenas colocando um link no tópico, o fórum identifica automaticamente o vídeo e insere um player
  • Agora é possível fazer login usando Facebook ou uma conta do Google

10/10/2017 - Adicionado Sistema de TAGS
  • Com esse sistema melhora a organização e localização de post com o assunto desejado


4
Módulo de Web Design / Projeto 6 Bootstrap (exemplo de pagina)
« Online: Agosto 31, 2017, 09:41:50 pm »
segue exemplo de pagina criada utilizando a tecnologia bootstrap.

Creditos Wanderson Dantas por fornecer o codigo.
Versão Online

Código: [Selecionar]
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap Template Para o Projeto</title>

    <!-- Bootstrap -->
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  </head>
  <body>

    <nav class="navbar navbar-default">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Wanderson Dantas</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Item Menu 1</a></li>
            <li><a href="#">Item Menu 2</a></li>
            <li><a href="#">Item Menu 3</a></li>
            <li><a href="#">Item Menu 4</a></li>
            <li><a href="#">Item Menu 5</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>

    <div class="container">
      <div class="jumbotron">
        <h1>Página de Exemplo!</h1>
        <p>Essa é a página de exemplo solicitada no projeto 6 do curso Técnico em Informática, EAD.</p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Link legal!</a></p>
      </div>

      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">Painel com Formulário</h3>
        </div>
        <div class="panel-body">
          <form>
            <div class="form-group">
              <label for="exampleInputEmail1">Login</label>
              <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Login">
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">Senha</label>
              <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Senha">
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox"> Salvar senha?
              </label>
            </div>
            <button type="submit" class="btn btn-default">Enviar</button>
          </form>
        </div>
      </div>

      <table class="table table-hover">
        <thead>
          <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row">1</th>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
          </tr>
          <tr>
            <th scope="row">2</th>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
          </tr>
          <tr>
            <th scope="row">3</th>
            <td>Larry</td>
            <td>the Bird</td><td>@twitter</td>
          </tr>
        </tbody>
      </table>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!--<script src="js/bootstrap.min.js"></script>-->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
      </body>
      </html>

5
Módulo de Web Design / Exemplo Animação JQuery (projeto5)
« Online: Agosto 29, 2017, 06:00:10 pm »
Segue aexemplo de animação JQuery:


exemplo com animação encadeada:
Código: [Selecionar]
$("#ret1").fadeOut(3000, function(){
$(this).show(500).hide(500).show(500).fadeTo(3000, 0.1).fadeTo(1000, 1);
});

Nesse exemplo todas as animações sao iniciadas em sequencia, as animações são concatenadas usando o ponto final "." apos o comando anterior;



Exemplo com animação em CallBack:
Código: [Selecionar]
$("#ret1").fadeOut(3000, function(){
       $(this).fadeIn(3000, function(){
$(this).fadeTo(3000, 0.1);
});
});
Nesse exemplo cada codigo é executado após o termino do codigo anterior, no modo callback pode ser executado outras funções que não sejam animações.


6
Tutoriais / Mini Curso da CodeCademy - Jquery
« Online: Agosto 25, 2017, 06:47:30 pm »
segue link, curso interativo muito bom para melhorar o aprendizado e fixar melhor a sintaxe do JQuery.

Aula JQuery

7
segue projeto ultilizado na competência 2.

Link para visualização online
Calendario

abaixo codigo do sistema:
<html>
Código: [Selecionar]
<!DOCTYPE html>
<html>
<head>
<style>
#retangulo {width: 610px; margin:auto; border: 1px solid black; padding: 10px;
background-color: #999; text-align: center; }
table {width:100%; margin:auto;}
th, td {width: 50px; height: 50px; border: 1px solid black; background-color: white; }
th {background-color:orange;}
</style>
<script src="atividade.js"></script>
</head>
<body>
<div id="retangulo" class="linha">
<div id="titulo" class="dentro">
<h3 id="nome">Nome do Aluno</h3>
<p id="data">Dia mês e ano do nascimento do aluno</p>
</div>
<table id="calendario">
<tr id="cabecalho">
<th>domingo</th><th>segunda</th><th>terça</th><th>quarta</th><th>quinta</th><th>sexta</th><th>sábado</th>
</tr>
<tr id="exemplo">
<td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>
</tr>

</table>
<div id="controle" class="linha"><p><button id="acao" onclick="executar()">Ação</button></p></div>
</div>

</body>
</html>


<Javascript>
Código: [Selecionar]
function executar() {

var $aluno = "..Diego Barbosa dos Santos.."; //Nome do Aluno =)
var $data = new Date();
$data.setFullYear(1988, 6, 26); // ANO, MêS e Dia (data de nascimento)
var $meses = ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"];
var $pega_mes = $data.getMonth();
var $mes_prox = $pega_mes+1;
var $mes_ant = $pega_mes -1;
var $ano = $data.getFullYear();
var $calendario ="";
var $dia_i = 1;



var $prox_data = new Date($mes_prox +' 1 ,'+$ano);
var $dia_semana= $prox_data.getDay();
var $dia_semana2 = $dia_semana;

while ($dia_semana>0){
$calendario += "<td></td>";
$dia_semana--;
}

while ($dia_i <= 31){
if ($dia_semana2 > 6){
$dia_semana2 = 0;
$calendario += "</tr><tr>";
}
$calendario +="<td>"+$dia_i+"</td>";
$dia_semana2++;
$dia_i++;
}
 
var $montar_calendario = "<table><th>domingo</th><th>segunda</th><th>terça</th><th>quarta</th><th>quinta</th><th>sexta</th><th>sábado</th>";
$montar_calendario += "<tr>";
$montar_calendario += $calendario;
$montar_calendario += "</tr></table>";

// escreve o nome do aluno no HTML
document.getElementById("nome").innerHTML = $aluno;

// Escreve a data de nascimento no HTML
document.getElementById("data").innerHTML = $data.getDate() + " de "  + $meses[$data.getMonth()] + " de " + $data.getFullYear() ;

//Monta o Calendario na div HTML
document.getElementById("calendario").innerHTML=$montar_calendario;




}

8
Introdução a Web Design (INF) 2017.1
Projeto 2



Esqueleto para estudos relacionados ao projeto da 2 competencia, paginas linkadas com menus.

ps: projeto está somente o esqueleto sem conteudo.

Bons estudos.

segue link para download
Download

abaixo todos os codigos:

index.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto</title>
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div>
 <h2><br>Titulo da pagina</h2>
 <p>inserir conteudo bla bla bla bla. </p>
 </div>

 </body>

</html>

form.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 <h2><br>Contato</h2>
 <form action="#" method="POST">
 
 <p> Nome:<br />
 <input type="text" name="nome">
 </p>
 
 <p> Email:<br />
 <input type="email" name="email">
 </p>
 
 <p>Menssagem:<br>
 <textarea rows="10" cols="32" /></textarea>
 </p>
 
 <p>
 <input type="submit" name="Enviar" value="Enviar">
 </p>
 </div>

 </body>

</html>

lista.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 <h2><br>Lista Nao ordenada</h2>
 <ul>
 <li>Item 1</li>
 <li>Item 2</li>
 <li>Item 3</li>
 </ul>
 
 
 
 
 <h2><br>Lista ordenada</h2>
 
 <ol>
 <li>Item 1</li>
 
 <li>Item 2</li>
 
 </ol>
 
 
 </div>

 </body>

</html>

tabela.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 
 <h2><br>Titulo</h2>
 
 <table border="1" >
 
 <tr>
 <td>conteudo1   </td>
 <td> conteudo2</td>
 <td> conteudo3 </td>
 </tr>

 

 </table>
 
 </div>

 </body>

</html>

9
Geral / Bem Vindo!!!
« Online: Agosto 24, 2017, 09:30:24 pm »
Tópico de exemplo... :-*

Páginas: [1]