Criar o design de um site eficiente está longe de apenas elaborar elementos bonitos. Interfaces precisam ser cada vez mais fáceis de usar e também atingir os objetivos desejados pelo cliente. Durante a apresentação, você aprenderá conceitos básicos, diversas dicas que aprendi durante minha carreira e o que fazer ou evitar na hora de criar o design de um site.
Princípios básicos para estruturação de um projeto de web site.
Breve história do surgimento da internet
Como funciona a internet
Parâmentros
Mercado
Planejar
Mapa do Site
Domínio
DNS
Hospedagem
Tecnologia
Código Fonte
Estatísticas
Wireframe
Tamanhos: Layout Fluído e/ou Responsivo
Criar o design de um site eficiente está longe de apenas elaborar elementos bonitos. Interfaces precisam ser cada vez mais fáceis de usar e também atingir os objetivos desejados pelo cliente. Durante a apresentação, você aprenderá conceitos básicos, diversas dicas que aprendi durante minha carreira e o que fazer ou evitar na hora de criar o design de um site.
Princípios básicos para estruturação de um projeto de web site.
Breve história do surgimento da internet
Como funciona a internet
Parâmentros
Mercado
Planejar
Mapa do Site
Domínio
DNS
Hospedagem
Tecnologia
Código Fonte
Estatísticas
Wireframe
Tamanhos: Layout Fluído e/ou Responsivo
Esta aula, assim como as outras, são para pessoas que nunca usaram o programa Photoshop. Nesta aula, de uma forma bem simples, é mostrado como abrir o programa e dar início ao tratamento da imagem. Ver as aulas seguintes a continuação do tratamento com o uso de algumas ferramentas básicas e mais usadas no Photoshop.
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
Conheça estas duas áreas, fique por dentro de sua importância, aplicabilidade, áreas de atuação e o que realmente fazem os profissionais de UX e UI. Um contraste com as duas áreas, suas diferenças, semelhanças e como trabalham em conjunto.
Slides para apoiar as aulas de introdução a Interação Humano-Computador sobre design e processo de design de interfaces com métodos e artefatos que odem ser utilizados
Slides do curso técnico de informática do IFPE - Campus Garanhuns. Disciplina de linguagens de programação para a web. Apresenta uma introdução sobre o desenvolvimento para esta área e introduz o HTML.
Fazes do planejamento de sites e projetos Web. Elaborei este documento para guiar os novos Web Designers em seus projetos de Freelancer.
O documento não tem o intuito de limitar as fazes, mas de forma clara e objetiva, resume as principais fazes de um projeto de Desenvolvimento de Sites.
Esta aula, assim como as outras, são para pessoas que nunca usaram o programa Photoshop. Nesta aula, de uma forma bem simples, é mostrado como abrir o programa e dar início ao tratamento da imagem. Ver as aulas seguintes a continuação do tratamento com o uso de algumas ferramentas básicas e mais usadas no Photoshop.
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
Conheça estas duas áreas, fique por dentro de sua importância, aplicabilidade, áreas de atuação e o que realmente fazem os profissionais de UX e UI. Um contraste com as duas áreas, suas diferenças, semelhanças e como trabalham em conjunto.
Slides para apoiar as aulas de introdução a Interação Humano-Computador sobre design e processo de design de interfaces com métodos e artefatos que odem ser utilizados
Slides do curso técnico de informática do IFPE - Campus Garanhuns. Disciplina de linguagens de programação para a web. Apresenta uma introdução sobre o desenvolvimento para esta área e introduz o HTML.
Fazes do planejamento de sites e projetos Web. Elaborei este documento para guiar os novos Web Designers em seus projetos de Freelancer.
O documento não tem o intuito de limitar as fazes, mas de forma clara e objetiva, resume as principais fazes de um projeto de Desenvolvimento de Sites.
Содержание:
1. КАКИЕ ЕСТЬ ИНСТРУМЕНТЫ РИСОВАНИЯ в WINDOWS и MS OFFICE?
2. Диаграмма.
3. Виды диаграмм.
4. Алгоритм создания диаграммы.
5. Задание 1: Создать диаграмму «МЕДАЛЬНЫЙ ЗАЧЁТ олимпиады»
6. Задание 2 Создать круговую диаграмму.
7. Задание 3 построить график.
Ensinando a programar através do Python turtle graphicsGuilherme Medeiros
Slides da palestra apresentada no XI encontro da comunidade pernambucana de Python.
Essa palestra fala um pouco do módulo Turtle da linguagem de programação Python. Módulo que é baseado no Turtle Graphics da linguagem educacional LOGO.
A palestra mostra como é fácil utilizar o módulo Turtle e como usá-lo para ensinar QUALQUER PESSOA a programar.
Dicas para montar excelentes apresentações de slides no power pointBruno Oliveira
Veja como criar boas apresentações de Slides no Power Point para não fazer feio na hora de apresentar qualquer trabalho, crie slides com bom conteúdo e design agradável e muitas outras dicas!
Slide prontos para o uso e inserção de informações, podemos configurar a apresentação ao seu gosto inserindo diversas formas de highlights destacando sua apresentação das demais. Tudo no slide pode ser re-configurado: cor, letra, formas e highlihts. APRESENTAÇÃO DISPONÍVEL É SÓ BAIXAR
Introdução a programação com Python (para jornalistas)Álvaro Justen
Slides do mini-curso de introdução a programação utilizando a linguagem Python, focado em jornalistas.
Esse mini-curso foi ministrado durante o 12o Congresso da ABRAJI (1 de julho de 2017).
1. LÓGICA DE PROGRAMAÇÃO COM KTURTLE
“A forma mais dinâmica de simular o funcionamento lógico do cérebro na Educação.”
2. Kturtle- Lógica de programação na Educação
Clean Rodrigo Costa
E-mail:cleanoiq@gmail.com/clean.costa@unifra.br/
clean.costa@maristas.org.br
Essa iniciativa em Santa Maria /RS só é concretizada graças ao esforço das seguintes instituições:
Motivadores:
3. Histórico
• Desenvolvida nos anos 60 por Seymour Papert e seu grupo de pesquisa no
-Massachusetts Institute of Technology (MIT)Cambridge, Massachusetts (MA),
Estados Unidos.
• Significado do termo LOGO: pensamento, raciocínio, discurso
4. O que é LOGO
• Linguagem de programação que serve para nos comunicarmos com o computador.
• Permite a interatividade entre o usuário e a Máquina.
• Utiliza tartaruga gráfica para responder os comandos.
• Linguagem simples e poderosa e fácil aprendizagem.
5. LOGO e educação
Existe um consenso entre os pesquisadores do uso da informática em educação que a adoção das novas tecnologias
deve ser feita de forma crítica e significativa no ambito educacional. Neste contexto a linguagem Logo propicia ao aluno
uma relação de maior dominio sobre o computador. Ao programar o computador para que ele realize uma determinada
tarefa o aluno está exercitando sua capacidade em resolver problemas.
Por ser uma linguagem procedural o Logo torna a tarefa de programar o computador uma experiência produtiva e
extremamente prazerosa para o aluno, pois o instiga a encontrar caminhos diferentes para solucionar uma determinada
questão. A linguagem Logo foi criada por Seymor Papert e Wally Feurzeig final dos anos 60. Paper havia estudado com o
pedagogo Jean Piaget entre 1958 e 1963 e incorporou a linguagem conceitos do construtivismo. Com base no
construtivistmo, Papert propos uma nova forma de aprendizagem conhecida como construcionismo. Essa teoria parte da
visão de que só conseguimos absorver o conhecimento quando participamos efetivamento do processo e não quando
somos meros “expectadores” dele. Neste ponto a teoria de Papert vai de encontro ao pensamento de Paulo Freire, de que
não há aprendizado quando a chamada “Educação Bancária” é utilizada em sala de aula, e sim quando o aluno participa
e se torna consciente de sua importância neste processo.
O NIED – Núcle de Informática Aplicada a Educação da Unicamp traduziu para o português do Brasil uma versão da
linguagem Logo chamada SuperLogo.. O aluno (“inteligente”) diz o que a tartaruga (“burra”) tem que fazer.
6. Softwares que utilizama linguagem LOGO
• Kturtle
• SuperLogo
• FMSLogo
• xLogo
• Megalogo
• Micromundos
8. Como instalar no GNU/LINUX
Vá em APLICAÇÕES, em seguida clique em “Central de Programas”
Digite “kturtle” na barra de pesquisa e instale a opção Kturtle com a
Turtle verde
9. Alterando o Idioma de execução do código:
Vá em SISTEMA e abra o aplicativo: “Gerenciador de
pacotes Synaptic”, em seguida no botão “search” ou
“buscar”, digite: kde pt br ; e instale o pacote de idiomas
PT-BR para a plataforma KDE
12. Ambiente de ProgramaçãoKturtle
Editor doKturtle. Aqui se
digita os códigos ou
comandos que movem
a tartaruga.
Barra de Menus e Barra
de Ferramentas.
+
Ambiente de Movimento doKturtle.
Aqui a tartaruga se movimenta de
acordo com os comandos editados
pelo programador.
Barra de Status: mostra qual linguagem do
script, nº de linha e colunas.
+
13. Conhecendo a interface de programação LOGO -Kturtle
• Barra de Menus
• Arquivo:
• Novo(Ctrl+N):
• Abrir(Ctrl+O):
• AbrirExemplos:
• Salvar(Ctrl+S):
• Salvar Como...:
• Exportar para HTML:
• Imprimir(Ctrl+P):
• Sair(Ctrl+Q):
14. Conhecendo a interface de programação LOGO-Kturtle
• Editar:oferecem opções de edição no documento.
• Desfazer(Ctrl+Z):
• Refazer(Ctrl+Shift+Z):
• Recortar(Ctrl+X):
• Copiar(Ctrl+C):
• Colar(Ctrl+V):
• Selecionar Tudo (Ctrl+A):
• Localizar(Ctrl+F):
• Localizar Próximo (F3):
• Localizar Anterior (Shift+F3):
15. Conhecendo a interface de programação LOGO -Kturtle
• Tela:mostra opções de edição de tela.
• Exportar para imagem (PNG):
• Exportar para desenho (SUG):
• ImprimirTela:
16. Conhecendo a interface de programação LOGO-Kturtle
• Executar:exibem opções de como executar os comandos doKturtle.
• Executar(F5):
• Pausar(F6):
• Cancelar(F7):
• Velocidadede
Execução:
17. Conhecendo a interface de programaçãoLOGO-Kturtle
• Ferramentas:oferecem opções que auxiliam o usuário nos comandos e nas cores.
• Seletor de Direções:
• Seletor de Cores:
18. Conhecendo a interface de programação LOGO - Kturtle
• Configurações:o usuário pode fazer alterações na tela inicial do Kturtle.
• Linguagem dos scripts:
• Exibir Editor (Ctrl+E):
• Exibir Inspetor (Ctrl+I):
• Exibir erros:
• Exibir número de linhas(F11):
• Exibir barras de ferramentas:
• Exibir barra de status:
• Configurar Barra de Ferramentas:
19. Comandos LOGO
• Comandos Básicos :
Comandos Para Mover a
Tartaruga
Comando em Português Sigla Comando em Inglês Sigla Função
parafrente pf forward fw desloca a tartaruga para frente X pixels
paratrás pt backward bw desloca a tartaruga para trás X pixels
paradireita pd turnright tr vira a tartaruga para a direita x pixels
paraesquerda pe turnleft tl vira a tartaruga para a esquerda X pixels
direção dir direction dir direção da tartaruga para um ângulo de X graus a contar do zero
centralize center move a tartaruga para o centro da área de desenho.
vápara x,y gox,y manda a tartaruga ir para um determinado local da área de desenho
váparax X gox a Tartaruga irá mover-se X pontos a partir da esquerda da área de desenho
váparayY goy a tartaruga irá mover-se Y pixels a partir do topo da área de desenho
20. Comandos LOGO
comandos para controlar o
traço
Comando em Português Sigla Comando em Inglês Sigla Função
usenada um penup pu levanta o traço da área de desenho
uselápis ul pendown pd pressiona o traço para baixo na área de desenho
cordolápis cl pencolor pc configura a cor do traço
Comandos para controlar a
área de desenho
tamanhodatela tt canvassize cs altera o tamanho da área de desenho
cordofundor cf canvascolor cc define a cor da área de desenho (RGB)
21. Comandos LOGO
Comandos para limpar
Comando em Português Sigla Comando em Inglês Sigl
a
Função
limpetela lt clear cr limpar todos os desenhos da área de desenho
apague reset limpa tudo de forma mais abrangente
Outros comandos
Comando em Português Sigla Comando em Inglês Sigl
a
Função
apareça ap show ss torna a tartaruga visível de novo depois de ter ficado escondida.
desapareça da hide sh esconde a tartaruga. Isto pode ser usado se a tartaruga não couber no seu desenho
mostre print escrever algo na área de desenho
tamanhodafonte fontsize configura o tamanho da letra que é usado peloprint
mensagem X inputwindow X
pergunte X
Comandos matemáticos
Comando em Português Sigla Comando em Inglês Sigl
a
Função
24. LOGO e educação
• O ponto forte da linguagem é a sua capacidade gráfica, mais um dos aspectos mais interessantes
do LOGO é sua proposta pedagógica, onde o aluno passa de objeto a ser estudado a sujeito de
sua própria aprendizagem, tornando-o um pensador ativo e critico
25. Referências
• PAPERT, S.LOGO: Computadores e Educação. São Paulo, Brasiliense, 1985.
• http://docs.kde.org/stable/pt_BR/kdeedu/kturtle/commands.html Acessado em 15 de outubro de
2011
• http://pan.nied.unicamp.br/equipe/equipe_detalhes.php?id=30. Acessado em 15 de outubro de
2011
• CRÉDITOS:
• Aos bolsistas do PIBID: Josivan Gomes da Cruz, Renata Tavares Nascimento, Wanderson Lucena
de Lima
• Universidade federal de Tocantins – Campus Porto Nacional
26. Fim
• “Apesar de a razão não ser tudo e que a paixão e os interesses e a fé são igualmente importantes, mesmo assim a razão é uma
força do bem, e quantas mais pessoas forem capazes de pensar de forma racional e criticar, melhor será o mundo”
Seymour Papert
27. Kturtle- Lógica de programação na Educação
Clean Rodrigo Costa
E-mail:cleanoiq@gmail.com/clean.costa@unifra.br/
clean.costa@maristas.org.br
Essa iniciativa em Santa Maria /RS só é concretizada graças ao esforço das seguintes instituições:
Motivadores: