!!!! PRESIDÊNCIA DA REPÚBLICA SECRETARIA-GERAL Secretaria-Executiva. de postagens. Local e data: Brasília/DF, de de 2014

Tamanho: px
Começar a partir da página:

Download "!!!! PRESIDÊNCIA DA REPÚBLICA SECRETARIA-GERAL Secretaria-Executiva. de postagens. Local e data: Brasília/DF, ------- de ------------------ de 2014"

Transcrição

1 PRESIDÊNCIA DA REPÚBLICA SECRETARIA-GERAL Secretaria-Executiva Projeto PNUD BRA/12/018 Documento com os exemplos do kit mídias para o aplicativo de consulta contendo definições, orientações e códigos; e compilado das propostas de conteúdos a serem produzidos durante a utilização do aplicativo de consulta, contendo orientações e exemplos Consultor (a): Fabiano Rangel Cidade Contrato no.: 2013/ Produto / nº : 06 Assinatura do Consultor de postagens. Local e data: Brasília/DF, de de 2014 Assinatura do Consultor: Aprovação do Supervisor Atesto que os serviços foram prestados conforme estabelecido no Contrato de Consultoria. Local e data: Brasília/DF, de de 2014 Assinatura e Carimbo:

2 Sumário 1. INTRODUÇÃO 3 2. DESENVOLVIMENTO Documento com exemplo do Kit mídia para o aplicativo de consulta Definição do Aplicativo de Consulta Pública Orientação do Aplicativo Exemplo de Códigos Compilado das propostas de conteúdo durante a utilização do aplicativo de consulta Orientação para votação Exemplo de Postagem Uso do kit de mídias para disseminação Resultado da Consulta CONCLUSÃO 70 BIBLIOGRAFIA 71

3 1. Introdução O Participa.br ou Portal Federal de Participação Social se baseia no princípio das comunidades e rede social para a participação. Nesse aspecto existe uma preocupação que as estratégias e metodologias abordem não somente a realização da consulta ou oportunidade de participação propriamente dita, mas que possam estar baseadas na lógica da linguagem e mobilização em redes sociais e blogs. Dentro da necessidade de captação de opinião da sociedade de forma rápida e massificada para alguns processos, se fez necessária a criação de uma ferramenta para coletar dados e opiniões dos usuários da rede. Partindo do princípio de que é responsabilidade dos gestores da consulta pública mobilizar o máximo possível para a participação, o objeto desse produto atinge justamente esse ponto: quais são os instrumentos para essa mobilização e os exemplos utilizados na consulta pública do NETmundial. Esta solução foi implementada e utilizada em uma consulta pública aberta pela Secretaria Geral da Presidência da República (SG-PR) e foi lançada durante um bate-papo virtual sobre o tema. O secretário de Política de Informática do Ministério da Ciência, Tecnologia e Inovação (MCTI), Virgilio Almeida e o Diretor de Participação Social, Pedro Pontual, participaram do encontro de lançamento da consulta pública, que ocorreu no Anexo do Palácio do Planalto e reuniu blogueiros, jornalistas, especialistas em internet, músicos e representantes do governo brasileiro. As questões escolhidas durante a consulta pública fizeram parte de uma carta proposta que foi entregue aos coordenadores e participantes da conferência NETmundial, que ocorreu em São Paulo, nos dias 23 e 24 de abril. Capa do resultado da Consulta Pública Ato de entrega do relatório para a presidenta Dilma no evento ARENA NETmundial 3

4 O resultado da consulta pública será divulgado durante o evento NETmundial, atividade aberta ao público que ocorrerá em paralelo a conferência, no Centro Cultural São Paulo, entre 22 e 24 de abril. No espaço haverá mesas livres de debates entre representantes do governo brasileiro e a sociedade civil, atividades culturais, mobilização e comunicação digital. A programação será transmitida pela internet através de Streaming (transmissão ao vivo). 2. Desenvolvimento O desenvolvimento da solução de consulta pública foi realizado com base em uma plataforma disponível ao público através do projeto All Our Ideas (allourideas.org) e sendo que esta já foi utilizada por outro consultor PNUD anteriormente no Rio grande do Sul. O trabalho realizado foi uma adaptação visual e funcional do sistema, com a finalidade de atender as necessidades da consulta para captar as ideias e colaborações dos usuários participantes do portal de participação social. Para esta adaptação, foi utilizado o software Adobe Photoshop que se caracteriza como editor de imagens bidimensionais do tipo raster desenvolvido pela Adobe Systems. A versão utilizada foi a Adobe Photoshop CC (Creative Cloud), que corresponde a décima quarta edição do software. O sistema utilizado foi Mac OS X Mavericks, mas o programa pode ser instalado em Windows e Linux (através da camada de compatibilidade Wine). A fim de facilitar a identificação do público com os portais ligados ao governo federal, a equipe de desenvolvimento web do Participa.br equilibrou a estrutura visual da solução de consulta pública de acordo com o padrão estabelecido e as peculiaridades da Secretaria-Geral da Presidência da República. Sempre com o foco no público, a padronização foi intencional para que o cidadão não tenha dificuldade em conseguir informações ao acessar as informações e participar da votação. Além da facilidade de acesso, acredita-se que a solução, pode ser implantado em diversos órgãos, sites e blogs através de códigos de incorporação. Segundo o Decreto de Lei no 5.296, de 2004, que torna obrigatória a implementação dos critérios de acessibilidade em portais para atender as pessoas com deficiência, o Participa.br implantou, na página principal, um local destinado a acessibilidade, que permite inserir esse público às ações desenvolvidas e trabalhadas pelo governo federal. A solução de consulta pública foi criada com uma estrutura reutilizável, ou seja, pode ser aplicada novamente no site, blogs, sites e orgãos. Dessa forma não é preciso investir em uma nova arquitetura e criação, podendo reaproveitar as ferramentas já organizadas e pré-formatadas. Para impulsionar as contribuições, uma campanha de divulgação no Facebook e Blogs parceiros do governo com a finalidade de massificar as contribuições da consulta pública foi criada. Essa campanha teve resultados bem positivos embora tenha tido apenas três dias de veiculação. Obtivemos mais de 14 milhões de impactos, 50 mil cliques e mais de 22 mil acessos à página. O 4

5 Facebook foi nosso principal veículo nessa campanha de divulgação e entregou o maior número de cliques e acessos. As artes de divulgação da campanha foram criadas pelo consultor de design web do Participa e validadas pela SECOM - Secretaria-Geral da Presidência da República. Nestas artes foi necessário seguir o padrão estabelecido pela ferramenta de divulgação do Facebook onde criamos 3 imagens de divulgação da consulta pública com textos de chamada de até 90 caracteres, título com 25 caracteres e a imagem com as dimensões de 1200x627 pixels com até 20% de texto no interior. Para calcular o tamanho de 20% de texto, utilizou-se a ferramenta oferecida pelo próprio Facebook https://www.facebook.com/ads/tools/text_overlay. Anúncios com mais de 20% de texto na imagem não são aprovados para veiculação no Feed de notícias do Facebook. O excesso de texto pode parecer spam e fazer com que as pessoas acreditem que seu anúncio seja de baixa qualidade. Deve-se certificar-se de usar o título e o corpo do seu anúncio para fornecer às pessoas mais informações sobre o propósito do anúncio e que ação deseja que elas realizem. Nos demais blogs e sites parceiros, criamos 2 banners com tamanhos diferentes, sendo um com as dimensões de 300x250 pixels e outro de 728x90 pixels com peso de imagem de até 100kb com até 12 segundo de animação. Outras artes foram concebidas com a finalidade de divulgação da consulta pública, tais como imagens com o tamanho de 808x808 pixels, 404x404 pixels para publicação de posts de convite para participação e contribuição. Algumas artes de capa para o Facebook foram concebidas para enfatizar a possibilidade de contribuições, sendo essas imagens no tamanho de 851x315 pixels. Para obter a máxima rapidez de carregamento da Fanpage do Participa.br, o peso da imagens foi menor que 100kb, no formato srgb onde inserimos uma pequena frase de chamada enviada pelas consultoras de jornalismo da equipe Participa.br. 5

6 2.1 Documento com exemplo do Kit mídia para o aplicativo de consulta Apresentação visual da ferramenta de Consulta Pública Descritivo de cada opção de funcionalidade da ferramenta: 1. No bloco apresenta-se o número da pergunta e título da pergunta em consulta pública; 2. Esta seta apresenta a funcionalidade de efeito sanfona, isto é, o usuário pode clicar na seta para expandir ou minimizar o seu conteúdo. Esta opção foi implementada pois na capa do site Participa.br se fez necessária a visualização de 3 perguntas em paralelo. 3. A aba Votação onde a pessoa poderá clicar nas opções para participar e contribuir com a consulta; 4. A aba Ver Resultados permite os usuários o acompanhamento das participações, onde pode-se visualizar as opções mais votadas e menos votadas; 5. A aba Sobre a votação é um texto informativo sobre a pergunta em questão; 6

7 6. Pergunta da consulta pública; 7. Texto de apoio a consulta, sendo uma orientação aos usuários; 8. Texto descritivo da opção de votação; 9. Botão de link para votar na opção desejada; 10. Apresentação visual quando o usuário coloca o mouse sobre a opção, isto é, a apresentação visual muda para dar foco na opção de seleção do usuário; 11. O botão Não consigo decidir é utilizado quando o usuário não tem certeza de qual opção selecionar. No momento em que o usuário clica nesta opção, as duas opções que podiam ser escolhidas mudam, isto é, novas opções são disponibilizadas; 12. Neste campo o usuário pode sugerir um texto novo, sendo que todas as contribuições são avaliadas pelos gestores responsáveis pelo projeto e 13. Botão para enviar a sugestão de ideia. Observações sobre o Design Para a apresentação de todo o conteúdo das novas funcionalidades do Participa.br, somente duas fontes são utilizadas. São elas: Open Sans & Arial 7

8 Open Sans (Google Fonts) Link para baixar a fonte Open sans: Arial Fonte padrão de computadores. 8

9 A decisão pela escolha das duas fontes foi tomada a fim de trazer harmonia, padronização, conforto na leitura e acessibilidade. Enquanto a Open Sans tem um desenho mais suave, com um desenho mais aberto e com hastes que afinam nas junções, a Arial tem um desenho mais pesado, com menor desproporção entre hastes verticais e horizontais e com letras mais fechadas. As duas fontes são classificadas como sem serifa. Este conjunto de tipos possui caracteres com hastes simples, sem nenhum tipo de ornamento. Exemplos de tipos: Helvetica, Arial, Futura, Gill Sans, Univers, Frutiger e outras. Paleta de cores Para apresentar a imagem do Governo Federal a partir de uma identidade única e fornecer maior articulação aos órgãos, foi desenvolvida uma paleta de cores derivadas de signos nacionais, tais como a Bandeira Nacional, os brasões, insígnias, entre outros. A seguir serão dispostos os discos cromáticos (paletas de cores), com suas derivações, complementos e recomendações. A cor exerce um papel fundamental ao exprimir a atmosfera do Governo Federal. Ela contém, subjetivamente, um código 9

10 cultural, que ressalta a importância dos signos brasileiros. A paleta foi desenvolvida sob os parâmetros de acessibilidade expostos no e-mag. As variações e combinações propostas podem ser intercaladas e usadas de diferentes formas, desde que estejam sempre de acordo com as instruções de acessibilidade do manual. A percepção de cor depende não apenas da pigmentação das superfícies em si, como também da intensidade e do tipo de tom aplicados a ela. Esses fatores são determinantes no uso de degradês e contrastes. Dessa forma, sugere-se aplicar sempre o maior contraste possível sem que se perca a riqueza cromática da paleta. O disco principal possui as quatro cores da bandeira, sem ordem de prioridade nem escala de uso. Ela deve ser usada como principal referência na hora de escolher o tema a ser utilizado. É possível combinar as quatro cores entre si. No entanto, sugere-se que não sejam usadas sempre juntas, possibilitando assim uma maior aderência e discernimento dentro do portal. Para facilitar a escolha, foi selecionado um conjunto de duas cores complementares para cada matiz. Elas podem ser seguidas nessa orientação, ou invertidas quando necessário. 10

11 Para fins de efeitos de profundidade, luminância, ornamentações e combinações, as graduações das cores da paleta podem ser alteradas em sua claridade, intensidade e saturação, conforme exemplos abaixo. 11

12 12

13 Exemplos de aplicação. 13

14 Download de imagens vetorizadas A imagens vetorizadas da ferramenta de consulta pública estão disponíveis para download através do link Dropbox https://www.dropbox.com/sh/xb5z6kldvszolju/aacm- IaavN9L2n8w7yS5aQB-a e anexo em CD no produto. 2.2 Definição do Aplicativo de Consulta Pública A Secretaria-Geral da Presidência da República realizou consulta pública para saber o que a sociedade acha importante sobre o futuro da internet. Do dia 20 de março ao dia 17 de abril, qualquer pessoa pôde votar. O resultado, serviu de base para definir direitos e princípios fundamentais para garantir o futuro democrático e orientar a governança na internet, debatidos na conferência NETmundial Durante a consulta, que contou com três perguntas, as pessoas puderam escolher a que mais se identifica ou votar em todas, não houve limite de votos. Bastava clicar na questão e um par de propostas estava disponível para escolha. Além disso, os participantes também puderam elaborar e enviar novas propostas. As questões escolhidas durante a consulta fizeram parte de uma Carta Proposta. O documento, elaborado pela sociedade brasileira será entregue aos coordenadores e participantes do NET mundial para que incorporem as sugestões da população. Os autores das 15 ideias priorizadas pela votação participaram do NETmundial - maior evento mundial sobre governança da internet, em São Paulo, dias 23 e 24 de abril - através do espaço HUB Brasil, para discutir suas ideias com especialistas internacionais. Links rápidos para os resultados: 1) Que internet você quer? 2) Quais direitos você considera fundamentais para garantir o futuro democrático da Internet? 3) Quais princípios devem orientar a governança da Internet? 2.3 Orientação do Aplicativo Diversas questões foram consideradas na escolha da metodologia para a consulta. Com o desafio de massificar o máximo possível as participações, foi necessário pensar tanto o design da ferramenta quanto o kit de mobilização de forma a atender esses objetivos. 14

15 Para a construção da Interface visual, isto é, a ilustração abaixo instrui os desenvolvedores para estruturar a codificação Cascading Style Sheets (ou simplesmente CSS) que é uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento. Com a necessidade de apresentação de 3 perguntas na consulta pública, a implementação de uma funcionalidade de efeito sanfona se fez necessária. Na barra amarela na figura abaixo, existe em forma de link na área completa, seguida de um ícone de seta no canto direito, onde controla-se a funcionalidade de minimizar os dados e maximizar as informações da consulta. Com um simples clique, os visitantes pode apresentar ou esconder as informações de cada pergunta. Caso o usuário clique em uma pergunta na cor verde por exemplo, a pergunta fica selecionada na cor amarela e a pergunta anteriormente selecionada muda para a cor verde. Uma única pergunta pode ficar selecionada e exibindo as informações, com isso as outras perguntas ficam escondidas com a cor verde, ou seja, desmarcadas para leitura de seu conteúdo. 15

16 A metodologia utilizada para a consulta chama-se wiki-survey. A ferramenta foi desenvolvida na Universidade de Princeton com o intuito de trabalhar da melhor maneira a cultura da internet. A sua principal característica é a capacidade de articular votação e coleta de opiniões de forma eficiente. A votação em pares permite que somente duas propostas sejam avaliadas a cada interação na ferramenta, sorteadas de forma aleatória entre todas as opções disponíveis. A cada voto, uma proposta é priorizada em detrimento da outra, somando pontos em uma escala que pode variar de 0 a 100. A pontuação traduz a probabilidade de cada ideia vencer um embate aleatório na disputa de pares. Não há limite no número de votos por usuário já que a possibilidade de provocar desvios e manipular o resultado é irrelevante em face do sorteio. Se o participante não concordar com as duas propostas sorteadas ou não souber responder, ele pode pular para um próximo par, sem prejuízo. As ideias que vencem o maior número de turnos tomam o topo da lista, refletindo a média da opinião pública engajada no processo. A plataforma está disponível ao público através do projeto All Our Ideas (allourideas.org) e já foi utilizada em mais de 3,5 mil consultas em todo o mundo, incluindo Nova Iorque, Nações Unidas e o Governo do Estado do Rio grande do Sul. O processo de priorização de propostas é calculado a partir do score que cada proposta recebe a partir da votação. A metodologia é baseada na plataforma PairWise e All Our Ideias, cujas propostas iniciam com 50 pontos e podem chegar no máximo a 100 pontos (mais priorizada) e no mínimo a 0 pontos (menos priorizada). Mais detalhes sobre o método de escolha e votação podem ser conferidos em As propostas foram mediadas pela Secretaria-Geral da Presidência da República. O prazo de publicação de uma proposta é de, no máximo, 48h. Não foram validadas propostas que contivessem os seguintes conteúdos: a) conteúdo ofensivo, palavras de baixo calão; b) conteúdo proveniente de Spams ou correntes da internet sem referência ao tema consultado; c) propaganda que configure alguma relação político-partidária ou eleitoral; d) citações à empresas privadas ou qualquer marca que também configure propaganda. e) conteúdo preconceituoso (religião, gênero ou outros); f) que não se enquadrem dentro dos eixos temáticos da consulta pública. A depender da semelhança, as propostas enviadas poderiam ser agrupadas, preservando o texto da proposta mais antiga ou uma terceira redação será elaborada pela equipe de mediação da Secretaria- Geral da Presidência. Isso acabou não sendo feito pois o próprio desenrolar da consulta mostrou que a metodologia conseguiu cuidar eficientemente dessa mediação a partir dos próprios participantes da consulta. Contudo, o participante declara, desde já, ser de sua autoria as propostas enviadas. Também transfere para a Secretaria-Geral da Presidência da República os direitos de utilização, publicação e reprodução. 16

17 A participação na consulta ficou aberta a todos os nascidos no território brasileiro. Os participantes menores de 18 anos que tivessem suas propostas entre as mais priorizadas, teriam que comparecer acompanhados de seus pais ou responsável. 2.4 Exemplo de Códigos Código HTML <DOCTYPE html> <html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'> <head> <meta content='text/html;charset=utf-8' http-equiv='content-type' /> <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW"> <meta content='o que deve ter no ambiente do Participa.br até julho?' property='og:title' /> 17

18 <meta name="keywords" content="ideation, online suggestion box, open source suggestion box, crowdsourcing ideas, social suggestion, idea comparison, prioritize ideas, nonprofit, free idea management" /> <meta content='all Our Ideas is a platform that enables groups to collect and prioritize ideas in a transparent, democratic, and bottom-up way. It s a suggestion box for the digital age.' name='description' /> <meta content='all Our Ideas is a platform that enables groups to collect and prioritize ideas in a transparent, democratic, and bottom-up way. It s a suggestion box for the digital age.' property='og:description' /> <meta content='http://www.allourideas.org/images/favicon.png? ' property='og:image' / > <meta content='width=device-width, initial-scale=1.0' name='viewport' /> <meta property="og:site_name" content="all Our Ideas"/> <link href='http://www.allourideas.org/favicon.ico' rel='shortcut icon' /> <title>all Our Ideas - Uma Caixa de Sugestões para a Era Digital</title> <link href="/stylesheets/glyphicon.css? " media="screen" rel="stylesheet" type="text/ css" /> <link href="/stylesheets/flexslider/flexslider.css? " media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/styles.css? " media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/screen.css? " media="screen" rel="stylesheet" type="text/css" / > <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/themes/ui-lightness/ jquery-ui.css" type="text/css" media="all" /> <link href="/stylesheets/ui.theme.css? " media="all" rel="stylesheet" type="text/css" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></ script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/jquery-ui.min.js" type="text/ javascript"></script> <script src="/javascripts/jquery.corner.js? " type="text/javascript"></script> <script src="/javascripts/jquery.blockui.js? " type="text/javascript"></script> <script type='text/javascript'> $(document).ready(function() { $('#request_error').on('hide', function() { window.location.reload(false); }); // Test if we can set and read cookies. // If we can't, then the browser probably has 3rd party cookies disabled // unless the user has first navigated to the domain serving the iframe source. var cookievalue = "cookietest" + new Date().getTime(); document.cookie = "cookietest="+cookievalue; if (document.cookie.indexof("cookietest="+cookievalue) === -1) { var cookies_failed = document.getelementbyid('cookies-failed'); if (cookies_failed) { cookies_failed.style.display = 'block'; var img = new Image(); 18

19 img.src = '/cookies_blocked.gif? question_id=4325&session_id=a8e51339f4ff17fd8270c82688e247dd&referrer=' + encodeuricomponent(document.referrer); } } else { // cleanup test cookie document.cookie = 'cookietest=; expires=thu, 01 Jan :00:01 GMT;'; } $('.rounded').corner('5px'); $('.firsttime').fadein(2000) $('.firsttime, #close,.vote_cell').bind("click", function() { $(".firsttime").fadeout(500); }); var loadedtime = new Date(); var rootpath = "/"; handle_history_events = function(event){ var left_side_text = $('#left_side_text').val(); var right_side_text = $('#right_side_text').val(); // This only takes effect if the page is loaded from back or forward buttons if(left_side_text && left_side_text = "blank_history" && left_side_text = $('.leftside').html()){ $('.leftside').html(left_side_text) } if(right_side_text && right_side_text = "blank_history" && right_side_text = $ ('.rightside').html()){ $('.rightside').html(right_side_text) } } handle_history_events(); $('#the_add_box.new_idea_field').jqeasycounter({target: '#the_add_box.new_idea_counter'}); $('#the_add_box button').hide(); $('#the_add_box').on('focus', 'textarea', function(ev) { $('#the_add_box button').show(); $('#the_add_box.new_idea_counter').show(); }); $('#the_add_box').on('blur', 'textarea', function(ev) { if ($.trim($(ev.currenttarget).val()).length === 0) { $('#the_add_box button').fadeout(); } $('#the_add_box.new_idea_counter').fadeout(); }); // allow enter to add idea 19

20 $('#the_add_box').on('keypress', 'textarea', function(ev) { $('#the_add_box button').show(); if (ev.which == 13) { ev.preventdefault(); $('#the_add_box button').click(); } }); // handle submit on add new idea box $('#the_add_box').on('click', 'button', function(ev) { ev.preventdefault(); var button = $(ev.currenttarget); button.addclass('disabled'); var box = $(ev.delegatetarget); var new_idea = box.find('.new_idea_field').val(); var default_text = $('#default_text').val(); var question_id = button.data("question_id"); $('.example_notice').hide(); // verify new idea is not blank, default or longer than 140 characters if (new_idea == 'Add your own idea here...' new_idea == '' new_idea == default_text) { alert('desculpe, ideias em branco não são permitidas.'); return; } if (new_idea.length > 140) { alert('desculpe, a ideia precisa ter menos de 140 caracteres.'); return; } $('.tellmearea').html(''); var data = {authenticity_token : AUTH_TOKEN, new_idea: new_idea, appearance_lookup: $ ('#appearance_lookup').val()}; var url = rootpath + 'questions/' + question_id + '/add_idea.js?locale=pt'; $.post(url, data, function(data){ button.removeclass('disabled'); // keypress is for counter $('#new_idea_field').val('').show().keypress().blur(); var responsetext = ''; if (data['choice_status'] == 'active') { responsetext = 'Obrigado Sua ideia foi adicionada. Por favor, adicione mais algumas.'; current_item_count = $('#item_count').html(); $('#item_count').html(increment(current_item_count)); } else { responsetext = 'Sua idéia foi apresentada para a revisão. Ele aparecerá em breve.'; } 20

21 box.find('.idea-success p').html(responsetext); box.find('.idea-success').show(); settimeout(function() { box.find('.idea-success').hide(300); }, 5 * 1000); }, "json").fail(function() { $('#request_error').modal('show'); }); }); // creates new idea vote buttons and slide them in, while // sliding out the old idea vote buttons function loadnewprompts(data) { var oldleftdiv = $('.leftside.btn-vote-idea').closest('div'); var oldrightdiv = $('.rightside.btn-vote-idea').closest('div'); var newleftdiv = oldleftdiv.clone(true).hide(); var newrightdiv = oldrightdiv.clone(true).hide(); var newleft = newleftdiv.find('.btn-vote-idea'); var newright = newrightdiv.find('.btn-vote-idea'); var bothnew = newleft.add(newright); bothnew.addclass('btn-primary').removeclass('btn-success').removeclass('disabled'); newleft.html(data.newleft); newright.html(data.newright); newleft.data('choice_id', data.left_choice_id); newleft.data('choice_url', data.left_choice_url); newright.data('choice_id', data.right_choice_id); newright.data('choice_url', data.right_choice_url); newleftdiv.insertbefore(oldleftdiv); newrightdiv.insertbefore(oldrightdiv); // update can't decide options $('.cd_options.leftside em').html(data.newleft); $('.cd_options.rightside em').html(data.newright); //used for fraud detection / back button behavior fixing $('#left_side_text').val(data.newleft); $('#right_side_text').val(data.newright); // animation for sliding in / out choices newleftdiv.add(newrightdiv).slidedown(); oldleftdiv.add(oldrightdiv).slideup(function() { $(this).remove(); }); 21

22 } $('.votebox').on('click', '.btn-vote-idea', function(event){ event.preventdefault(); var winninglink = $(event.currenttarget); // return early if disabled or not btn-primary if (winninglink.not('.disabled').is('.btn-primary')) { return; } var losinglink = winninglink.closest('.votebox').find('.btn-vote-idea').not(winninglink); var winningside = winninglink.data('side').replace('side', ''); winninglink.removeclass('btn-primary').addclass('btn-success').addclass('disabled'); losinglink.removeclass('btn-primary').addclass('disabled'); var currenttime = new Date(); var time_viewed = currenttime - loadedtime var the_locale = "pt" var question_id = winninglink.data("question_id"); var prompt_id = $('#prompt_id').val() var appearance_lookup = $('#appearance_lookup').val() $('.tellmearea').html(''); $.ajax({ type: "post", url: rootpath + 'questions/' + question_id + '/prompts/' + prompt_id + '/vote.js' + '?locale=' + the_locale, datatype: "json", timeout: 10000, data: { 'authenticity_token' : AUTH_TOKEN, 'time_viewed' : time_viewed, 'prompt_id': prompt_id, 'appearance_lookup': appearance_lookup, 'direction' : winningside }, error: function(request,error) { winninglink.addclass('btn-primary').removeclass('btn-success').removeclass('disabled'); losinglink.addclass('btn-primary').removeclass('disabled'); $('#request_error').modal('show'); loadedtime = new Date(); //reset loaded time }, success: function(data){ 22

23 loadnewprompts(data); $('#prompt_id').val(data["prompt_id"]); $('#appearance_lookup').val(data["appearance_lookup"]); current_vote_count = $('#votes_count').html(); $('#votes_count').html(increment(current_vote_count)); loadedtime = new Date(); //reset loaded time }// End success }); // End ajax method }); // handle can't decide click $('#cant_decide_options').on('click', 'button', function(ev) { ev.preventdefault(); var target = $(ev.currenttarget); var reason = target.data('reason'); var question_id = target.data("questionid"); if (reason question_id) { return; } $('.btn-vote-idea').addclass('disabled'); var time_viewed = (new Date()) - loadedtime var prompt_id = $('#prompt_id').val() var appearance_lookup = $('#appearance_lookup').val() $('.example_notice').hide(); $('.tellmearea').html(''); $.blockui({ message: null, fadein: 0, fadeout: 0, overlaycss: { backgroundcolor: '#000', opacity: 0.0 }}); var postdata = { 'authenticity_token' : AUTH_TOKEN, 'cant_decide_reason' : reason, 'time_viewed' : time_viewed, 'appearance_lookup': appearance_lookup }; var url = rootpath + 'questions/' + question_id + '/prompts/' + prompt_id + '/skip.js' + '? locale=pt'; $.post(url, postdata, function(data) { $.unblockui(); loadnewprompts(data); $('#prompt_id').val(data["prompt_id"]); $('#appearance_lookup').val(data["appearance_lookup"]); 23

24 //clear the radio buttons somehow? loadedtime = new Date() //reset loaded time },"json").fail(function() { $('#request_error').modal('show'); });; }); // handle flag inappropriate clicks // flag_side is used later on submit to determine which choice // is being marked as inappropriate var flag_side = null; $('.flag_link').click(function(ev) { ev.preventdefault(); flag_side = $(this).attr('id'); $('#flag_inappropriate textarea').val(''); }); $('#flag_inappropriate').on('click', 'button', function(ev) { var user_text = null; user_text = $('#flag_inappropriate textarea').val(); if (user_text) { alert("you must include an explanation"); return; } $('#flag_inappropriate').modal('hide'); var time_viewed = (new Date()) - loadedtime var prompt_id = $('#prompt_id').val(); var appearance_lookup = $('#appearance_lookup').val(); var question_id = $(ev.currenttarget).data('question_id'); $('.btn-vote-idea').addclass('disabled'); $('.example_notice').hide(); $('.tellmearea').html(''); $.blockui({ message: null, fadein: 0, fadeout: 0, overlaycss: { backgroundcolor: '#000', opacity: 0.0 }}); var url = rootpath + 'questions/' + question_id + '/prompts/' + prompt_id + '/flag.js'+ '?locale=pt'; var postdata = { 'authenticity_token' : AUTH_TOKEN, 'flag_reason' : user_text, 'time_viewed' : time_viewed, 'side': flag_side, 'appearance_lookup': appearance_lookup 24

Local e data: Brasília/DF, ------- de ------------------ de 2013. Assinatura do Consultor:

Local e data: Brasília/DF, ------- de ------------------ de 2013. Assinatura do Consultor: Projeto PNUD BRA/12/018 Documento com as propostas de wireframes, telas e userstories para o tema padrão do portal contendo definições, orientações e códigos. Consultor (a): Fabiano Rangel Cidade Contrato

Leia mais

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte MANUAL JOOMLA 2.5 PORTAL INTERNET Ministério do Esporte SUMÁRIO 1.0 - Módulo Administração... 1 2.0 Banner randômico... 2 2.1 Adicionar novo slide... 2 2.2 Excluir slide... 6 3.0 Artigos... 7 3.1 Adicionar

Leia mais

/*o elemento deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/

<head>/*o elemento <head> deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/ /*o declaração deve ser a primeira coisa em seu documento HTML, antes da tag . A declaração não é uma tag HTML; é uma instrução para o navegador da web sobre qual

Leia mais

Como criar e editar Blogs. Manual Básico do. Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz

Como criar e editar Blogs. Manual Básico do. Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz Como criar e editar Blogs Manual Básico do Mario Roberto Barro Jerino Queiroz Ferreira Profª Drª Salete Linhares Queiroz São Carlos Setembro / 2008 Sumário Introdução...3 Criando um Blog no Edublogs...4

Leia mais

Capítulo 4. Programação em ASP

Capítulo 4. Programação em ASP Índice: CAPÍTULO 4. PROGRAMAÇÃO EM ASP...2 4.1 REGISTRAR...2 4.1.1 Códigos para configuração do objeto...2 4.1.2 Formulário para transferir dados da impressão digital...3 4.1.3 Código Javascript para registro

Leia mais

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes

Desenvolvimento Web XHTML Formulários. Prof. Bruno E. G. Gomes Desenvolvimento Web XHTML Formulários Prof. Bruno E. G. Gomes 2014 Introdução Um recurso bastante utilizado no desenvolvimento Web é o envio de dados de uma página para o servidor quando fornecemos informações,

Leia mais

Tutorial para Configurar um site de Blog para o Facilitador do Curso Essencial On-line do Intel Educar

Tutorial para Configurar um site de Blog para o Facilitador do Curso Essencial On-line do Intel Educar Tutorial para Configurar um site de Blog para o Facilitador do do Intel Educar Este documento inclui os passos e sugestões para configurar um site de blog para o Curso Essencial On-line do Intel Educar

Leia mais

files, que devolve um objeto do tipo FileList.

files, que devolve um objeto do tipo FileList. WEB STORAGE 199 7.4.3 FILE API A File API foi introduzida para nos fornecer maior flexibilidade no acesso ao conteúdo de ficheiros a partir de uma página HTML. Por predefinição, o acesso a um ficheiro

Leia mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

Leia mais

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário

PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA. Sumário PROJETO DE ACESSIBILIDADE VIRTUAL DO IFRS Manual Rápido do NVDA Sumário O que são leitores de Tela?... 1 O NVDA - Non Visual Desktop Access... 1 Procedimentos para Download e Instalação do NVDA... 2 Iniciando

Leia mais

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Programação para Internet Rica 1 Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Objetivo: Capacitar o aluno para o trabalho com o framework JQuery. INTRODUÇÃO JQuery é uma biblioteca

Leia mais

MANUAL DO NVDA Novembro de 2013

MANUAL DO NVDA Novembro de 2013 MANUAL DO NVDA Novembro de 2013 PROJETO DE ACESSIBILIDADE VIRTUAL Núcleo IFRS Manual do NVDA Sumário O que são leitores de Tela?... 3 O NVDA - Non Visual Desktop Access... 3 Procedimentos para Download

Leia mais

Desenvolvimento de Aplicações para Internet

Desenvolvimento de Aplicações para Internet Desenvolvimento de Aplicações para Internet Aula 03 Celso Olivete Júnior olivete@fct.unesp.br Na aula de hoje... Javascript: introdução, operadores lógicos e matemáticos, comandos condicionais. Javascript:

Leia mais

Desenvolvimento de Aplicações para Internet Aula 11

Desenvolvimento de Aplicações para Internet Aula 11 Desenvolvimento de Aplicações para Internet Aula 11 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete jquery Na aula passada: Selecionando atributos Manipulando CSS Inserindo

Leia mais

Secretária-Geral da Presidência da República - SG/PR Programa das Nações Unidas para o Desenvolvimento PNUD

Secretária-Geral da Presidência da República - SG/PR Programa das Nações Unidas para o Desenvolvimento PNUD Secretária-Geral da Presidência da República - SG/PR Programa das Nações Unidas para o Desenvolvimento PNUD Projeto BRA/12/018 Desenvolvimento de Metodologias de Articulação e Gestão de Políticas Públicas

Leia mais

Completing your Participant Agreement Como preencher o Contrato de Participação

Completing your Participant Agreement Como preencher o Contrato de Participação Completing your Participant Agreement Como preencher o Contrato de Participação A quick-start guide for stock plan participants. Um guia rápido para participantes do plano de compra de ações. Your company

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

DWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico

DWEB. Design para Web. HTML5 - Marcação de formulário. Curso Superior de Tecnologia em Design Gráfico DWEB Design para Web Curso Superior de Tecnologia em Design Gráfico HTML5 - Marcação de formulário E não vos conformeis com este século, mas transformai-vos pela renovação da vossa mente, para que experimenteis

Leia mais

Plano de Trabalho Docente 2014. Ensino Técnico

Plano de Trabalho Docente 2014. Ensino Técnico Plano de Trabalho Docente 2014 Ensino Técnico ETEC PROF. MASSUYUKI KAWANO Código: 136 Município: TUPÃ Eixo Tecnológico: INFORMAÇÃO E COMUNICAÇÃO Habilitação Profissional: TÉCNICA DE NÍVEL MÉDIO DE TÉCNICO

Leia mais

Webdesign A tag HEAD e as Meta tags

Webdesign A tag HEAD e as Meta tags Webdesign A tag HEAD e as Meta tags Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net HEAD Como vimos anteriormente, o nosso documento HTML é

Leia mais

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

INTRODUÇÃO AO DESENVOLVIMENTO WEB INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Formulários Os formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Um formulário é uma área que

Leia mais

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br Desenvolvimento Web Saymon Yury C. Silva Analista de Sistemas http://www.saymonyury.com.br Vantagens Informação em qualquer hora e lugar; Rápidos resultados; Portabilidade absoluta; Manutenção facilitada

Leia mais

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets

Leia mais

Cabeçalho do documento

Cabeçalho do documento Cabeçalho do documento O cabeçalho de uma página HTML fica dentro das Tags e , e dentro dessas Tags podemos usar Tags , , , , e etc. A Tag TITLE Por exemplo

Leia mais

Identidade Digital Padrão de Governo

Identidade Digital Padrão de Governo Identidade Digital Padrão de Governo Participantes do Projeto Presidência da República Secretaria de Comunicação SECOM Diretoria de Tecnologia DITEC Ministério do Planejamento Secretaria de Logística e

Leia mais

CHECKLIST: PASSO A PASSO PARA PROMOVER LANDING PAGES E ATRAIR LEADS

CHECKLIST: PASSO A PASSO PARA PROMOVER LANDING PAGES E ATRAIR LEADS CHECKLIST: PASSO A PASSO PARA PROMOVER LANDING PAGES E ATRAIR LEADS Elaborar uma oferta e criar uma Landing Page para converter os visitantes do site em Leads é estratégia fundamental nas ações de marketing

Leia mais

foi desenvolvida... para criar animações, manipular eventos e desenvolver aplicações AJAX

foi desenvolvida... para criar animações, manipular eventos e desenvolver aplicações AJAX foi desenvolvida... para criar animações, manipular eventos e desenvolver aplicações AJAX é uma biblioteca Java Script crossbrowser desenvolvida para simplificar os scripts que interagem com a linguagem

Leia mais

1.- Introdução ------------------------------------------------------------------------------ 02

1.- Introdução ------------------------------------------------------------------------------ 02 1 Manual do Usuário para leitor Biblioteca Digital Cengage Indice: 1.- Introdução ------------------------------------------------------------------------------ 02 2.- O acesso à aplicação ------------------------------------------------------------------

Leia mais

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem

Leia mais

e-mag Checklist de Acessibilidade Manual para Deficientes Visuais

e-mag Checklist de Acessibilidade Manual para Deficientes Visuais Ministério do Planejamento, Orçamento e Gestão Secretaria de Logística e Tecnologia da Informação Departamento de Governo Eletrônico Ministério da Educação Secretaria de Educação Profissional e Tecnológica

Leia mais

Manual do Ambiente Virtual Moodle

Manual do Ambiente Virtual Moodle Manual do Ambiente Virtual Moodle versão 0.3 Prof. Cristiano Costa Argemon Vieira Prof. Hercules da Costa Sandim Outubro de 2010 Capítulo 1 Primeiros Passos 1.1 Acessando o Ambiente Acesse o Ambiente Virtual

Leia mais

Facebook Analytics: Como mensurar e otimizar a presença da sua empresa no Facebook

Facebook Analytics: Como mensurar e otimizar a presença da sua empresa no Facebook Marketing Digital de resultado para Médias e Pequenas Empresas Facebook Analytics: Como mensurar e otimizar a presença da sua empresa no Facebook Ferramentas e experimentos para conseguir melhores resultados

Leia mais

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS MANUAL DE E-PRODUCTS Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS Prezado Expositor, Conheça os principais benefícios de utilizar

Leia mais

Criar Newsletters. Guia rápido sobre...

Criar Newsletters. Guia rápido sobre... Guia rápido sobre... Criar Newsletters Neste guia... Saiba como criar atrativas newsletters em texto simples ou HTML para captar a atenção de seus contatos e ir ao encontro de seus interesses e expectativas.

Leia mais

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

Leia mais

Mini manual para editar as informações no Portal bibliotecas.uff

Mini manual para editar as informações no Portal bibliotecas.uff Mini manual para editar as informações no Portal bibliotecas.uff Sumário 1.Sobre o Drupal 2.Como se logar 3.Inserindo conteúdo 4.Editando conteúdo 5.Alterando as notícias 6.Incluindo um serviço 7.Criando

Leia mais

<!DOCTYPE html PUBLIC...> <html> <head> </head> <body> </body> </html> Estrutura de um documento criado com o Dreamweaver. (versão xhtml strict)

Leia mais

Criando Aulas Multimídia Interativa para Uso em Tablets

Criando Aulas Multimídia Interativa para Uso em Tablets Criando Aulas Multimídia Interativa para Uso em Tablets Celso Tatizana Diretor da Caltech Informática Ltda www.class.com.br class@class.com.br 018 3916-7800 Modelos para Criação de Aulas Multimídia Interativa

Leia mais

[SITE FÁCIL CDL MANUAL DO USUÁRIO]

[SITE FÁCIL CDL MANUAL DO USUÁRIO] Câmara de Dirigentes Lojistas [SITE FÁCIL CDL MANUAL DO USUÁRIO] Sumário 1. Controle de versão... 3 2. Objetivo... 4 3. Site fácil... 4 4. Acessando o sistema de gestão de conteúdo (SGC)... 5 5. Páginas

Leia mais

BRA/12/018 DESENVOLVIMENTO DE METODOLOGIAS DE ARTICULAÇÃO E GESTÃO DE POLÍTICAS PÚBLICAS PARA PROMOÇÃO DA DEMOCRACIA PARTICIPATIVA

BRA/12/018 DESENVOLVIMENTO DE METODOLOGIAS DE ARTICULAÇÃO E GESTÃO DE POLÍTICAS PÚBLICAS PARA PROMOÇÃO DA DEMOCRACIA PARTICIPATIVA PROJETO DE COOPERAÇÃO TÉCNICA INTERNACIONAL BRA/12/018 DESENVOLVIMENTO DE METODOLOGIAS DE ARTICULAÇÃO E GESTÃO DE POLÍTICAS PÚBLICAS PARA PROMOÇÃO DA DEMOCRACIA PARTICIPATIVA PROCESSO SELETIVO PARA CONTRATAÇÃO

Leia mais

Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail...

Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail... FACEBOOK Sumário Aspectos Básicos... 3 Como Empresas usam o Facebook... 3 Introdução ao Facebook... 4 Criando um Cadastro... 5 Confirmando E-mail... 8 Características do Facebook... 10 Postagens... 11

Leia mais

INSTITUTO BRASIL SOLIDÁRIO

INSTITUTO BRASIL SOLIDÁRIO INSTITUTO Programa de Desenvolvimento BRASIL da SOLIDÁRIO Educação - PDE BLOG IBS Postando Resultados Mas afinal, para que serve o Blog e as postagens? Entre as escolas; Para o IBS; Para relatórios e evolução

Leia mais

Tutorial App Inventor. Artur Galeno Tayná Gonçalves

Tutorial App Inventor. Artur Galeno Tayná Gonçalves Tutorial App Inventor Artur Galeno Tayná Gonçalves Instituto Federal de Educação, Ciência e Tecnologia do Maranhão Dezembro/2013 1. Introdução O objetivo deste tutorial é introduzir o leitor ao App Inventor

Leia mais

Boas Práticas de Desenvolvimento Seguro

Boas Práticas de Desenvolvimento Seguro Boas Práticas de Desenvolvimento Seguro Julho / 2.012 Histórico de Revisões Data Versão Descrição Autor 29/07/2012 1.0 Versão inicial Ricardo Kiyoshi Página 2 de 11 Conteúdo 1. SEGURANÇA DA INFORMAÇÃO

Leia mais

UNIVERSIDADE FEDERAL DO PELOTAS CENTRO DE LETRAS E COMUNICAÇÃO CURSO DE JORNALISMO TUTORIAL

UNIVERSIDADE FEDERAL DO PELOTAS CENTRO DE LETRAS E COMUNICAÇÃO CURSO DE JORNALISMO TUTORIAL UNIVERSIDADE FEDERAL DO PELOTAS CENTRO DE LETRAS E COMUNICAÇÃO CURSO DE JORNALISMO TUTORIAL http://pt.wordpress.com http://.wordpress.org Autor: Calvin da Silva Cousin Orientação: Profª Drª Sílvia Porto

Leia mais

Passo-a-Passo Curso do Sistema Eletrônico de Editoração de Revistas para Editor-Gerente

Passo-a-Passo Curso do Sistema Eletrônico de Editoração de Revistas para Editor-Gerente Passo-a-Passo Curso do Sistema Eletrônico de Editoração de Revistas para Editor-Gerente Versão do OJS/SEER 2.3.4 Universidade Federal de Goiás Sistema de Bibliotecas da UFG (SiBi) Gerência de Informação

Leia mais

COMO FUNCIONA UM FORMULÁRIO

COMO FUNCIONA UM FORMULÁRIO FORMULÁRIOS Constitui-se numa das formas de a máquina cliente enviar informações para que um programa no servidor receba estes dados, processe-os e devolva uma resposta ao usuário, por meio do navegador,

Leia mais

1. PRÊMIO MEU BLOG É UM SUCESSO 2014/2015 REGULAMENTO - 01 (11/02/2015) - PRAZOS DE INSCRIÇÕES E VOTAÇÃO.

1. PRÊMIO MEU BLOG É UM SUCESSO 2014/2015 REGULAMENTO - 01 (11/02/2015) - PRAZOS DE INSCRIÇÕES E VOTAÇÃO. 1. PRÊMIO MEU BLOG É UM SUCESSO 2014/2015 REGULAMENTO - 01 (11/02/2015) - PRAZOS DE INSCRIÇÕES E VOTAÇÃO. 1.1. Prêmio "Meu Blog é um Sucesso" - 1ª Edição ano 2014/2015 1.2. Categorias 1.3. Os Eleitos (Vencedores)

Leia mais

Proposta de Reformulação do Site do Conselho de Transparência da Administração Pública

Proposta de Reformulação do Site do Conselho de Transparência da Administração Pública Proposta de Reformulação do Site do Conselho de Transparência da Administração Pública Análise e propostas realizadas, levando-se em conta: arquitetura da informação, layout, navegabilidade e estruturação

Leia mais

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS MANUAL DE E-PRODUCTS Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS Prezado Expositor, Conheça os principais benefícios de utilizar

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y

R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y SI S TE MAS D IS TR I BUÍD O S E TO LERÂ NC IA A FA L HA S Ângelo Santos M 4189 André Elias M4272 ÍNDICE Arquitectura e funcionamento... 3 Ferramentas...

Leia mais

Pós-Graduação em Educação: Novos Paradigmas GUIA DO ALUNO

Pós-Graduação em Educação: Novos Paradigmas GUIA DO ALUNO GUIA DO ALUNO Prezado(a) Aluno(a), O Guia do Aluno é um instrumento normativo que descreve os padrões de qualidade dos processos acadêmicos e administrativos necessários ao desenvolvimento dos cursos de

Leia mais

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS MANUAL DE E-PRODUCTS Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS Prezado Expositor, Conheça os principais benefícios de utilizar

Leia mais

SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível

SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível SIEP / RENAPI Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Setembro de 2009 Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Cuidados em geral Separar adequadamente

Leia mais

Módulo 11 A Web e seus aplicativos

Módulo 11 A Web e seus aplicativos Módulo 11 A Web e seus aplicativos Até a década de 90, a internet era utilizada por acadêmicos, pesquisadores e estudantes universitários para a transferência de arquivos e o envio de correios eletrônicos.

Leia mais

b 1 Copyright 2008-2012 In9 Mídia Soluções Digitais Inc. All rights reserved.

b 1 Copyright 2008-2012 In9 Mídia Soluções Digitais Inc. All rights reserved. b 1 Conteúdo Capítulo 1... 3 Instalando o Neonews... 3 Neonews no Linux... 6 Capítulo 2... 7 Configurando o NeoNews... 7 Capítulo 3... 13 Teclas de Atalho do NeoNews Player... 13 2 Capítulo 1 Instalando

Leia mais

Documentação do Wordpress - Nova Escola

Documentação do Wordpress - Nova Escola Documentação do Wordpress - Nova Escola Outubro 2012 Página Inicial 2 Menu 3 Área do Aluno 6 Sistema Administrativo 7 Glossário 11 Anexos 17 Página 1 PÁGINA INICIAL Flash TV Educação Infantil Ensino Fundamental

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS

MANUAL DE E-PRODUCTS. Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS MANUAL DE E-PRODUCTS Aumente a exposição de sua marca Utilizando as mídias eletrônicas e redes sociais LÍDER MUNDIAL NA ORGANIZAÇÃO DE EVENTOS Prezado Expositor, Conheça os principais benefícios de utilizar

Leia mais

Integração com a Mídia Social

Integração com a Mídia Social Guia rápido sobre... Integração com a Mídia Social Neste guia... Vamos mostrar como integrar seu marketing com as mídias sociais para você tirar o maior proveito de todo esse burburinho online! Nós ajudamos

Leia mais

Conceitos básicos do Painel

Conceitos básicos do Painel Básico Wordpress Conceitos básicos do Painel Logando no Painel de Controle Para acessar o painel de controle do Wordpress do seu servidor siga o exemplo abaixo: http://www.seusite.com.br/wp-admin Entrando

Leia mais

PRESIDÊNCIA DA REPÚBLICA SECRETARIA DE POLÍTICAS PARA AS MULHERES

PRESIDÊNCIA DA REPÚBLICA SECRETARIA DE POLÍTICAS PARA AS MULHERES PRESIDÊNCIA DA REPÚBLICA SECRETARIA DE POLÍTICAS PARA AS MULHERES Via N1 Leste s/n, Pavilhão das Metas, Praça dos Três Poderes - Zona Cívico Administrativa - CEP: 70.150-908 Telefones: (061) 3411.4246

Leia mais

TSE TRIBUNAL SUPEIROR ELEITORAL Secretaria de Informática Coordenadoria de Sistemas Administrativos Setor de Apoio ao Usuário

TSE TRIBUNAL SUPEIROR ELEITORAL Secretaria de Informática Coordenadoria de Sistemas Administrativos Setor de Apoio ao Usuário TSE TRIBUNAL SUPEIROR ELEITORAL Secretaria de Informática Coordenadoria de Sistemas Administrativos Setor de Apoio ao Usuário (versão 1.0) 1 APRESENTAÇÃO O Tribunal Superior Eleitoral usando de suas atribuições

Leia mais

Prof. Edwar Saliba Júnior Como fazer uma apresentação utilizando o software Microsoft Power Point

Prof. Edwar Saliba Júnior Como fazer uma apresentação utilizando o software Microsoft Power Point Prof. Edwar Saliba Júnior Como fazer uma apresentação utilizando o software Microsoft Power Point - Conceitos Básicos - Faculdade de Tecnologia INED Julho de 2007 Responsável pela obra: Prof. Edwar Saliba

Leia mais

Customização de Interface - Página Inicial

Customização de Interface - Página Inicial Customização de Interface - Página Inicial Sumário 1. Logo... 4 1.1. Edição... 4 2. Inputs - formulários... 4 2.1. Busca... 4 2.2. Novidades... 4 3. Fontes... 5 3.1. Cores (color)... 5 3.2. Tamanho (font-size)...

Leia mais

Guia Rápido de Vodafone Conferencing

Guia Rápido de Vodafone Conferencing Guia de Utilizador Vodafone Guia Rápido de Vodafone Conferencing O seu pequeno manual para criar, participar e realizar reuniões de Vodafone Conferencing. Vodafone Conferencing Visão geral O que é uma

Leia mais

Manual de Procedimentos

Manual de Procedimentos Manual de Procedimentos Ly n ns O Rei dos Blogs Crescendo empreendedores Sumário Propósito... 3 Estrutura do Manual... 4 1. Iniciando... 5 1.1. O que é o Portal LyonBlogs... 5 1.2. Qual é o Objetivo...

Leia mais

Tecnologias para Web Design

Tecnologias para Web Design Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo

Leia mais

Manual de Usuário do UnB Webmail Destinado aos usuários de e-mail da Universidade de Brasília MODO DINÂMICO

Manual de Usuário do UnB Webmail Destinado aos usuários de e-mail da Universidade de Brasília MODO DINÂMICO Destinado aos usuários de e-mail da Universidade de Brasília MODO DINÂMICO Elaboração: Equipe de Suporte Avançado do CPD SA/SRS/CPD/UnB suporte@unb.br Universidade de Brasília Brasília / 2014 Resumo A

Leia mais

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário

Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...

Leia mais

Como Usar o DriverMax

Como Usar o DriverMax Como Usar o DriverMax Este programa é uma mão na roda para proteger os drivers dos componentes de um computador. Veja porquê. O DriverMax é uma ferramenta que faz cópias de segurança de todos os drivers

Leia mais

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004 DHTML tópicos Hamilton Lima - 2002-2004 Conteúdo 1. meu primeiro script... 2 2. DOM Document Object Model...2 3. tipo de execução de scripts...2 4. resposta a um evento... 3 5. tipos de dados, variaveis

Leia mais

NOVO COMPONENTE ASSINADOR ESEC

NOVO COMPONENTE ASSINADOR ESEC NOTAS FISCAIS DE SERVIÇO ELETRÔNICAS PREFEITURA DE JUIZ DE FORA COMPLEMENTO AO SUPORTE A ATENDIMENTO NÍVEL 1 1.0 Autor: Juiz de Fora, Fevereiro 2015. PÁGINA 1 DE 38 SUMÁRIO 1REQUISITOS MÍNIMOS CONFIGURAÇÕES

Leia mais

DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN

DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN DESENVOLVIMENTO DE SOFTWARE DE VOTAÇÃO WEB UTILIZANDO TECNOLOGIA TOUCHSCREEN José Agostinho Petry Filho 1 ; Rodrigo de Moraes 2 ; Silvio Regis da Silva Junior 3 ; Yuri Jean Fabris 4 ; Fernando Augusto

Leia mais

1ª Edição Outubro de 2007

1ª Edição Outubro de 2007 1 Ficha Técnica Título: Manual de utilização da ELGG - Aluno Autoria: Célia Tavares Direcção Pedagógica e Técnica: Paula Peres Copyright: Projecto de Apoio On-line 1ª Edição Outubro de 2007 O Manual de

Leia mais

Checklist para ações de E-mail Marketing

Checklist para ações de E-mail Marketing Checklist para ações de E-mail Marketing Os tópicos abordados neste checklist são úteis antes de começar e depois de concluir o desenvolvimento de uma mensagem de email marketing, pois abrange desde os

Leia mais

PROGRAMA CIDADES SUSTENTÁVEIS

PROGRAMA CIDADES SUSTENTÁVEIS PROGRAMA CIDADES SUSTENTÁVEIS 2014 1 Índice 1. Contexto... 3 2. O Programa Cidades Sustentáveis (PCS)... 3 3. Iniciativas para 2014... 5 4. Recursos Financeiros... 9 5. Contrapartidas... 9 2 1. Contexto

Leia mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

PROGRAMAÇÃO WEB DO LADO DO CLIENTE PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,

Leia mais

Projeto BRA/12/018 - Desenvolvimento de Metodologias de Articulação e Gestão de Políticas Públicas para Promoção da Democracia Participativa

Projeto BRA/12/018 - Desenvolvimento de Metodologias de Articulação e Gestão de Políticas Públicas para Promoção da Democracia Participativa Projeto BRA/12/018 - Desenvolvimento de Metodologias de Articulação e Gestão de Políticas Públicas para Promoção da Democracia Participativa Produto 06 - Aplicativos de agregação de conteúdos das redes

Leia mais

2ª Série (parte técnica)

2ª Série (parte técnica) PROPOSTA CURRICULAR DO ENSINO MÉDIO INTEGRADO COM INFORMÁTICA DO CENTRO PAULA SOUZA E MATRIZ CURRICULAR 2ª Série (parte técnica) LÓGICA DE PROGRAMAÇÃO 1. Introdução à Lógica de Programação: conceitos básicos;

Leia mais

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios Encontrar Blogs Crie o seu blog de graça Ganhe prêmios English Português Cel: +55 (21) 7417-9918 E-mail: erick@lithic.com.br Inserindo dados no banco em PHP + Ajax + jquery + Mysql + Validação (/pt-br/blog/tutoriais

Leia mais

MEGAFREE MANUAL DO USUÁRIO

MEGAFREE MANUAL DO USUÁRIO MEGAFREE MANUAL DO USUÁRIO VERSÃO: Julho, 2013. DIREITOS DE USO: Publicação de uso exclusivo, classificada quanto ao nível de sigilo como RESERVADA. A presente documentação é propriedade da Tellfree Brasil

Leia mais

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web

Manual do Publicador. Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Manual do Publicador Wordpress FATEA Sistema de Gerenciamento de Conteúdo Web Sumário Painel de Administração... 3 1 - Inserção de post... 5 2 Publicação de post com notícia na área headline (galeria de

Leia mais

Universidade Da Beira Interior

Universidade Da Beira Interior 1 Universidade Da Beira Interior Sistemas Distribuídos e Tolerância a Falhas Estudo da Tecnologia jquery Tiago Simões m3965 João Pereira m3873 12 De Março de 2011 2 Conteúdo 1. Apresentação da tecnologia...

Leia mais

OFICINAS DE MÍDIA-EDUCAÇÃO LEITURA CRÍTICA, PRODUÇÃO E REMIX DE CONTEÚDO DIGITAL. Módulo 1 - Texto e foto Atividade 1.1 - Uso de ferramentas web 2.

OFICINAS DE MÍDIA-EDUCAÇÃO LEITURA CRÍTICA, PRODUÇÃO E REMIX DE CONTEÚDO DIGITAL. Módulo 1 - Texto e foto Atividade 1.1 - Uso de ferramentas web 2. OFICINAS DE MÍDIA-EDUCAÇÃO LEITURA CRÍTICA, PRODUÇÃO E REMIX DE CONTEÚDO DIGITAL Módulo 1 - Texto e foto Atividade 1.1 - Uso de ferramentas web 2.0 Este curso é financiado com recursos da Coordenação de

Leia mais

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br

Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Moodle FTEC Versão 2.0 Manual do Usuário Acesse a área de LOGIN do site da FTEC www.ftec.com.br Índice Como acessar o Moodle Editando seu PERFIL Editando o curso / disciplina no Moodle Incluindo Recursos

Leia mais

Vamos criar nosso formulário, vou utilizar aqui como exemplo cinco campos para upload:

Vamos criar nosso formulário, vou utilizar aqui como exemplo cinco campos para upload: Upload de vários arquivos com PHP 22.856 visualizações 2 1 Fala pessoal, hoje irei ensinar a fazer upload de vários arquivos de uma vez, ou seja, ao invés de criar apenas um campo para o usuário selecionar

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

Guia do Utilizador 31.12.2014

Guia do Utilizador 31.12.2014 Guia do Utilizador 31.12.2014 Para aceder ao site, basta apenas escrever no browser plantarte.pt Para aceder ao backoffice do site, basta escrever no browser plantarte.pt/wp-admin e inserir as seguintes

Leia mais

Certidão Online Manual do Usuário

Certidão Online Manual do Usuário JUNTA COMERCIAL DO ESTADO DO RIO DE JANEIRO Certidão Online Manual do Usuário Versão 3.1 Lista de Tópicos - Navegação Rápida CADASTRANDO O USUÁRIO... 3 ACESSANDO O SISTEMA... 5 CERTIDAO SIMPLIFICADA NADA

Leia mais

A barra de menu a direita possibilita efetuar login/logout do sistema e também voltar para a página principal.

A barra de menu a direita possibilita efetuar login/logout do sistema e também voltar para a página principal. MANUAL DO SISCOOP Sumário 1 Menu de Navegação... 3 2 Gerenciar País... 5 3- Gerenciamento de Registro... 8 3.1 Adicionar um registro... 8 3.2 Editar um registro... 10 3.3 Excluir um registro... 11 3.4

Leia mais

Sumário. Capítulo 2 Iniciando o TR4... 8 2.1 Como efetuar o login... 8

Sumário. Capítulo 2 Iniciando o TR4... 8 2.1 Como efetuar o login... 8 1 Sumário Capítulo 1 Introdução ao TR4... 4 1.1 Requisitos Mínimos... 4 1.2 Layout do Sistema... 5 1.3 Legenda... 5 1.4 Visão geral das funcionalidades... 6 1.4.1 O Menu Administração... 6 1.4.2 O Menu

Leia mais

Plano de Trabalho Docente 2014. Ensino Técnico

Plano de Trabalho Docente 2014. Ensino Técnico Plano de Trabalho Docente 2014 Ensino Técnico Etec Etec: Dr. José Luiz Viana Coutinho Código: 073 Município: Jales Eixo Tecnológico: Informação e Comunicação Habilitação Profissional: Habilitação Profissional

Leia mais