Portuguese, Brazilian subtitles

← 05-32 Juntando Tudo

sem descrição

Get Embed Code
4 Languages

Showing Revision 3 created 09/08/2013 by Luan Naufal.

  1. Eu vou continuar e adicionar esta função
    ao nosso programa aqui.
  2. Na verdade, essa funciona literalmente
    como no teste.
  3. Agora, se atribuirmos-lhe uma lista de pontos,
    isso retornará a URL para a imagem.
    Vamos continuar e usá-la.
  4. Se tivermos algumas coordenadas,
    faremos uma imagem URL.
  5. Já implementamos essa função. Vamos
    continuar e mover nossos comentários.
  6. Agora, só precisamos mostrar
    a imagem URL.
  7. Na realidade, precisamos fazer uma
    pequena mudança aqui --
    "img_url = None".
  8. Se não existir por padrão e se na verdade
    tivermos alguns pontos, podemos
    estabelecer isso para outra coisa.
  9. Então, temos apenas que passar "imgurl"
    para nosso modelo--"imgurl = img_url".
  10. Agora, temos apenas que atualizar nosso
    modelo e vamos inserir a nossa imagem.
  11. Lembrem-se: este é o nosso modelo.
    Eu tive vários CSS.
  12. Lembrem-se que eu expliquei que isso
    controla o layout das coisas.
  13. Assim, temos todos os nossos HTML.
    Aqui está nosso formulário ("form").
  14. Queremos mostrar isso à direita
    de nosso formato.
  15. Eu vou fazer algo que vocês nunca viram
    antes sobre como fazer com que isso
    seja mostrado corretamente,
  16. mas, primeiro, vamos colocar a imagem aqui.
  17. Se "img_url"-- então basicamente isso
    não é "None"--incluímos a nossa imagem.
  18. É assim que fazemos isso na linguagem
    do template Jinja.
  19. Eu sei que não estudamos isso nesta aula,
    mas é bem simples.
  20. Você tem apenas algum texto
    e pequenas saídas para, de fato,
    rodar o código Python.
  21. Se a URL está lá, inclua a imagem.
    Vamos recarregar isso.
  22. Eu recarreguei a página e você pode ver que
    abaixo do formulário temos uma imagem
    com uma marca.
  23. Legal, né? Vamos exibir a nossa
    imagem à direita.
  24. Vou apenas continuar e fazer isso.
    Explicarei rapidamente como fazer.
  25. Movi a imagem para cá.
    Vou mostrar rapidamente como fiz isso.
  26. Adicionei uma classe ao mapa, então
    posso recorrer a isso em meu CSS.
  27. Você pode usar esta noção de
    posição absoluta,
  28. o que o permite posicionar algo
    em qualquer lugar da página.
  29. Eu posicionei o mapa a zero pixels
    da direita e 112 pixels do topo--
  30. zero da direita, 112 do topo.
    Se encaixa perfeitamente..
  31. Obviamente, eu já conhecia de antemão o tamanho
    da imagem quando trabalhamos a URL.
  32. Vamos ver se nosso programa funciona.
    Lembrem-se que temos este corte aqui
    forçando nosso IP.
  33. Teremos que--provavelmente se
    vamos desenvolver isso a longo prazo,
  34. talvez quando isso estiver em modo
    debug isso escolherá IPs aleatórios
    ou algo do tipo
  35. mas quando fizermos isso funcionar,
    ele usará o IP real.
  36. Agora, vamos apenas codificar
    alguns IPs, assim isso
    funcionará no demo.
  37. Vou continuar e incluir o IP do escritório
    do Udacity's e vamos enviar
    alguma arte ASCII.
  38. Teremos este IP e vamos nos certificar
    que as coisas funcionam.
  39. Vamos adicionar a foto de um coelho.
  40. Vamos colá-la ou arrastá-la, faça
    o que for mais rápido para você.
  41. E enviamos!
  42. Levou um tempo maior para enviar
    porque tivemos que olhar o IP,
  43. mas agora podemos ver que usamos
    o nosso IP do escritório, que está
    aqui abaixo em Palo Alto.
  44. Temos nosso antigo IP do outro IP
    que falsificamos, que fica aqui
    no Colorado,
  45. e podemos ver o nosso coelho
    e nosso gato. Nosso camelo não
    teve uma localização.
  46. O ASCII Chan é, atualmente,
    bem mais mundial.
  47. Vou colocar isso online no asciichan.com
    e todos vocês podem enviar toda a arte ASCII
    que você gosta de fazer.
  48. Vamos ver como ficou esse mapa.
    Isso é tudo para essa aula.
  49. Espero que você tenha aprendido
    um pouco sobre como
  50. interagir com outros websites.
    Boa sorte com a tarefa de casa.