!!!! 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

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

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

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

Como Criar uma Aula? Na página inicial do Portal do Professor, acesse ESPAÇO DA AULA: Ao entrar no ESPAÇO DA AULA, clique no ícone Criar Aula :

Como Criar uma Aula? Na página inicial do Portal do Professor, acesse ESPAÇO DA AULA: Ao entrar no ESPAÇO DA AULA, clique no ícone Criar Aula : Como Criar uma Aula? Para criar uma sugestão de aula é necessário que você já tenha se cadastrado no Portal do Professor. Para se cadastrar clique em Inscreva-se, localizado na primeira página do Portal.

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

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

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço

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

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

Baidu Spark Browser. Documento de Especificação de Requisitos de Software

Baidu Spark Browser. Documento de Especificação de Requisitos de Software Baidu Spark Browser Documento de Especificação de Requisitos de Software Campus Party Brasil 2014 Desafio Baidu Quero um estágio na China Autor: Thiago Pinheiro Silva E-mail: eu@thiageek.com.br Índice

Leia mais

O Blog do Conhecimento (http://blog.df.sebrae.com.br/ugc), desenvolvido pela UGC, é uma

O Blog do Conhecimento (http://blog.df.sebrae.com.br/ugc), desenvolvido pela UGC, é uma MANUAL DE UTILIZAÇÃO DO BLOG DO CONHECIMENTO APRESENTAÇÃO O Blog do Conhecimento (http://blog.df.sebrae.com.br/ugc), desenvolvido pela UGC, é uma ferramenta de COLABORAÇÃO que tem como objetivo facilitar

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

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

Manual do Usuário Layout Novo CMS WordPress Versão atual: 3.5.1

Manual do Usuário Layout Novo CMS WordPress Versão atual: 3.5.1 UNIVERSIDADE FEDERAL DE JUIZ DE FORA UFJF Secretaria de Sistemas de Informação SSI Centro de Gestão do Conhecimento Organizacional CGCO Equipe de Desenvolvimento de Sites Manual do Usuário Layout Novo

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

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

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

Sumário. 1 Tutorial: Blogs no Clickideia

Sumário. 1 Tutorial: Blogs no Clickideia 1 Tutorial: Blogs no Clickideia Sumário Introdução... 2 Objetivos... 2 Instruções para utilização do Tutorial... 2 Acesso ao Portal e a Home Blog... 3 Página Inicial da área do Blog... 4 Apresentação da

Leia mais

Manual. Pedido Eletrônico

Manual. Pedido Eletrônico Manual Pedido Eletrônico ÍNDICE 1. Download... 3 2. Instalação... 4 3. Sistema de Digitação SantaCruz... 8 3.1. Configuração... 8 4. Utilização do Sistema Digitação SantaCruz... 11 4.1. Atualizar cadastros...11

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

/*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

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

Asset Inventory Service (AIS)

Asset Inventory Service (AIS) Asset Inventory Service (AIS) Última revisão feita em 02 de Setembro de 2008. Objetivo Neste artigo veremos detalhes sobre o Asset Inventory Service (AIS), um serviço disponível através do System Center

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

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

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

Estamos muito felizes por compartilhar com você este novo serviço educacional do Centro Universitário de Patos de Minas.

Estamos muito felizes por compartilhar com você este novo serviço educacional do Centro Universitário de Patos de Minas. PALAVRA DO COORDENADOR Estimado, aluno(a): Seja muito bem-vindo aos Cursos Livres do UNIPAM. Estamos muito felizes por compartilhar com você este novo serviço educacional do Centro Universitário de Patos

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

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

TAW Tópicos de Ambiente Web

TAW Tópicos de Ambiente Web TAW Tópicos de Ambiente Web Teste rveras@unip.br Aula 11 Agenda Usabilidade Compatibilidade Validação Resolução de tela Velocidade de carregação Acessibilidade Testes Nesta etapa do projeto do web site

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

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

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

Tudo que você precisa saber para desenvolver uma página criativa que destaque sua empresa no facebook.

Tudo que você precisa saber para desenvolver uma página criativa que destaque sua empresa no facebook. Tudo que você precisa saber para desenvolver uma página criativa que destaque sua empresa no facebook. 29 de fevereiro de 2012: Nesta data todos os administradores de página receberam a notícia de que

Leia mais

O conjunto é composto por duas seções: o App Inventor Designer e o App Inventor Blocks Editor, cada uma com uma função específica.

O conjunto é composto por duas seções: o App Inventor Designer e o App Inventor Blocks Editor, cada uma com uma função específica. Google App Inventor: o criador de apps para Android para quem não sabe programar Por Alexandre Guiss Fonte: www.tecmundo.com.br/11458-google-app-inventor-o-criador-de-apps-para-android-para-quem-naosabe-programar.htm

Leia mais

Mostraremos neste artigo um exemplo de como realizar o cadastro de uma Issue em um projeto existente no portal Java.net.

Mostraremos neste artigo um exemplo de como realizar o cadastro de uma Issue em um projeto existente no portal Java.net. Introdução Página 1 de 7 Mostraremos neste artigo um exemplo de como realizar o cadastro de uma Issue em um projeto existente no portal Java.net. Para iniciar este trabalho, estou considerando que você

Leia mais

Manual de Instalação. SafeNet Authentication Client 8.2 SP1. (Para MAC OS 10.7)

Manual de Instalação. SafeNet Authentication Client 8.2 SP1. (Para MAC OS 10.7) SafeNet Authentication Client 8.2 SP1 (Para MAC OS 10.7) 2/28 Sumário 1 Introdução... 3 2 Pré-Requisitos Para Instalação... 3 3 Ambientes Homologados... 4 4 Tokens Homologados... 4 5 Instruções de Instalação...

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

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

Manual de Apoio à Assinatura Eletrônica DISO

Manual de Apoio à Assinatura Eletrônica DISO Manual de Apoio à Assinatura Eletrônica DISO Índice Hyperlinks Descanse o mouse na frase, aperte sem largar o botão Ctrl do seu teclado e click com o botão esquerdo do mouse para confirmar. Introdução

Leia mais

Manual de Uso Wordpress

Manual de Uso Wordpress Manual de Uso Wordpress Olá! Seja bem vindo ao igual. Agora você pode transmitir todas as notícias importantes da sua comunidade de forma mais simples e eficiente. Mas para que isso aconteça, primeiro

Leia mais

REGULAMENTO DO CONCURSO DIA DA INTERNET SEGURA 2013. "Direitos e deveres online: conecte-se com respeito!

REGULAMENTO DO CONCURSO DIA DA INTERNET SEGURA 2013. Direitos e deveres online: conecte-se com respeito! REGULAMENTO DO CONCURSO DIA DA INTERNET SEGURA 2013 "Direitos e deveres online: conecte-se com respeito! REALIZAÇÃO: APOIO: 1. DESCRIÇÃO O CONCURSO do Dia Mundial da Internet Segura 2013 organizado pela

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

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

WordPress Institucional UFPel Guia Rápido

WordPress Institucional UFPel Guia Rápido GABINETE DO REITOR COORDENAÇÃO DE TECNOLOGIA DA INFORMAÇÃO NÚCLEO DE SISTEMAS DE INFORMAÇÃO SEÇÃO DE TECNOLOGIAS PARA WEBSITES WordPress Institucional UFPel Guia Rápido Versão 2.0.1 Março de 2015 Introdução

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

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

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

Manual de instrução. www.andifes.org.br

Manual de instrução. www.andifes.org.br Manual de instrução www.andifes.org.br Inserindo Postagem em Andifes, Nas IFES, Entrevistas, Na Mídia, Concursos, Artigos ou Editora Univ. 1. Localize no menu lateral esquerdo a opção ANDIFES, Nas IFES,

Leia mais

Manual do Aluno Moodle

Manual do Aluno Moodle Manual do Aluno Moodle Site: Moodle PUCRS Pontifícia Universidade Católica do Rio Grande do Sul Curso: Moodle PUCRS Pontifícia Universidade Católica do Rio Grande do Sul Livro: Manual do Aluno Moodle Impresso

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

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

Manual 2010 Webmaster

Manual 2010 Webmaster Manual 2010 Webmaster Menu 1. Acesso ao sistema 2. Campanhas 2.1 Ver Campanhas Disponíveis 2.2 Minhas Campanhas 3. Formatos 3.1 Banners Automáticos 3.2 Banners Manuais 3.3 E-mail Marketing 3.4 Vitrines

Leia mais

MANUAL DE INSTALAÇÃO 1) ORACLE VIRTUALBOX ; 2) MICROSOFT WINDOWS ; 3) SUMÁRIOS GENEPLUS.

MANUAL DE INSTALAÇÃO 1) ORACLE VIRTUALBOX ; 2) MICROSOFT WINDOWS ; 3) SUMÁRIOS GENEPLUS. PROGRAMA EMBRAPA DE MELHORAMENTO DE GADO DE CORTE MANUAL DE INSTALAÇÃO 1) ORACLE VIRTUALBOX ; 2) MICROSOFT WINDOWS ; 3) SUMÁRIOS GENEPLUS. MANUAL DE INSTALAÇÃO: 1) ORACLE VIRTUALBOX ; 2) MICROSOFT WINDOWS

Leia mais

Manual de Uso. Intranet

Manual de Uso. Intranet Manual de Uso Intranet última atualização: setembro de 2013 1 2 Sumário 1- Acesso 04 2- Gerenciamento de páginas 04 3- Gerenciamento de layout e aparência das páginas 3.1- Layout 3.3- Aparência 07 07 08

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 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

Copyright 2013 Academia NED. Todos os Direitos Reservados. AcademiaNED.com.br

Copyright 2013 Academia NED. Todos os Direitos Reservados. AcademiaNED.com.br Copyright 2013 Academia NED Todos os Direitos Reservados AcademiaNED.com.br CONTEÚDO Introdução... 4 1 - Certifique-se de que sua FanPage é atraente... 5 a. Foto de Capa... 5 b. Foto de Perfil... 5 c.

Leia mais

TUTORIAL PARA O MÉDICO PROJETO DE INTERVENÇÃO PROVAB 2014

TUTORIAL PARA O MÉDICO PROJETO DE INTERVENÇÃO PROVAB 2014 PROGRAMA DE VALORIZAÇÃO DO PROFISSIONAL DA ATENÇÃO BÁSICA TUTORIAL PARA O MÉDICO PROJETO DE INTERVENÇÃO PROVAB 2014 Brasília/DF, 17 de setembro de 2014. 1 APRESENTAÇÃO Senhor (a) Médico (a) participante

Leia mais

O Webconference é uma ferramenta para realizar reuniões online.

O Webconference é uma ferramenta para realizar reuniões online. Webconference Wittel O Webconference é uma ferramenta para realizar reuniões online. Com ele você poderá fazer vídeoconferência, compartilhar arquivos, aplicativos e conteúdo do desktop, além de realizar

Leia mais

CAPA Área de utilização para ilustração MANUAL w-vpn

CAPA Área de utilização para ilustração MANUAL w-vpn ...6 CAPA Área de utilização para ilustração MANUAL w-vpn 20/01/2012 Versão 1.4 Sumário 1.0 Pré Requisitos de instalação do w-vpn...2 2.0 Instalação do Serviço...2 3.0 Dicas...8 4.0 Suporte...11 1 1.0

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

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

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

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 DO BLOG. Blog IBS

MANUAL DO BLOG. Blog IBS MANUAL DO BLOG Blog IBS Seja bem vindo! O Blog é um website dinâmico, um espaço virtual que usa a internet para compartilhar informações. Por meio do blog você pode publicar textos, opiniões, notícias,

Leia mais

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.

Vamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova. 3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao

Leia mais

Dicas para o uso do template

Dicas para o uso do template Dicas para o uso do template Prof. Alexandre R. Graeml ÍNDICE 1. Utilização de um documento mestre (Apenas para templates compostos de vários documentos)...2 2. Atualização dos índices do template (sumário,

Leia mais

Manual de Utilização do Sistema GRServer Cam on-line (Gerenciamento de Câmeras On-line)

Manual de Utilização do Sistema GRServer Cam on-line (Gerenciamento de Câmeras On-line) Manual de Utilização do Sistema GRServer Cam on-line (Gerenciamento de Câmeras On-line) Criamos, desenvolvemos e aperfeiçoamos ferramentas que tragam a nossos parceiros e clientes grandes oportunidades

Leia mais

Como colocar material no blog da turma?

Como colocar material no blog da turma? Como colocar material no blog da turma? O que é um blog? CICLO A palavra blog é uma abreviação de weblog um log na web. Um notebook online ou uma log de viagem. Um blog pode ser descrito como um fluxo

Leia mais

ADOBE FLASH PLAYER 10.3 Gerenciador de configurações locais

ADOBE FLASH PLAYER 10.3 Gerenciador de configurações locais ADOBE FLASH PLAYER 10.3 Gerenciador de configurações locais PRERELEASE 03/07/2011 Avisos legais Avisos legais Para consultar avisos legais, acesse o site http://help.adobe.com/pt_br/legalnotices/index.html.

Leia mais

IMPORTANTE: O sistema Off-line Dr.Micro é compatível com os navegadores Mozilla Firefox e Internet Explorer.

IMPORTANTE: O sistema Off-line Dr.Micro é compatível com os navegadores Mozilla Firefox e Internet Explorer. CONFIGURANDO O SISTEMA OFFLINE DR.MICRO IMPORTANTE: O sistema Off-line Dr.Micro é compatível com os navegadores Mozilla Firefox e Internet Explorer. 1- Ao acessar a plataforma online a opção Minha Escola

Leia mais

Principais Característic

Principais Característic Principais Característic Características as Software para agendamento e controle de consultas e cadastros de pacientes. Oferece ainda, geração de etiquetas, modelos de correspondência e de cartões. Quando

Leia mais

Companhia de Tecnologia da Informação do Estado de Minas Gerais - Prodemge. Manual do Usuário. Versão 1.2. ExpressoMG

Companhia de Tecnologia da Informação do Estado de Minas Gerais - Prodemge. Manual do Usuário. Versão 1.2. ExpressoMG Companhia de Tecnologia da Informação do Estado de Minas Gerais - Prodemge Manual do Usuário Versão 1.2 ExpressoMG 16/12/2015 Sumário 1. Apresentação... 4 1.1 Objetivos do Manual... 4 1.2 Público Alvo...

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

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes

Leia mais

Instalação Cliente Notes 6.5

Instalação Cliente Notes 6.5 Instalação Cliente Notes 6.5 1/1 Instalação Cliente Notes 6.5 LCC.008.2005 Versão 1.0 Versão Autor ou Responsável Data 1.0 Fabiana J. Santos 18/11/2005 RESUMO Este documento apresenta um roteiro de instalação

Leia mais

Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena!

Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena! Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena! É engraçado como temos receio do novo. Me acostumei a desenvolver sites do zero, desde a primeira linha de código. Achava estranho

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

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

FAQ Perguntas Frequentes

FAQ Perguntas Frequentes FAQ Perguntas Frequentes 1. COMO ACESSO A PLATAFORMA DE ENSINO?... 2 2. NÃO CONSIGO REALIZAR O MEU CADASTRO NO AMBIENTE VIRTUAL DO MMA.... 4 3. FIZ MEU CADASTRO NO SITE E NÃO RECEBI O E-MAIL DE CONFIRMAÇÃO

Leia mais

CONHECENDO O AMBIENTE VIRTUAL DE APRENDIZAGEM Moodle - Learning Management System Versão 1.3

CONHECENDO O AMBIENTE VIRTUAL DE APRENDIZAGEM Moodle - Learning Management System Versão 1.3 CONHECENDO O AMBIENTE VIRTUAL DE APRENDIZAGEM Moodle - Learning Management System Versão 1.3 Este tutorial não tem como finalidade esgotar todas as funcionalidades do Ambiente, ele aborda de forma prática

Leia mais

http://cartilha.cert.br/

http://cartilha.cert.br/ http://cartilha.cert.br/ Quanto mais informações você disponibiliza na Internet, mais difícil se torna preservar a sua privacidade Nada impede que você abra mão de sua privacidade e, de livre e espontânea

Leia mais

SILVA MATTOS & Cia. Ltda. BANCO DE IMAGENS. Manual de Utilização. Banco de Imagens. 2009 Silva Mattos & Cia. Ltda.

SILVA MATTOS & Cia. Ltda. BANCO DE IMAGENS. Manual de Utilização. Banco de Imagens. 2009 Silva Mattos & Cia. Ltda. Manual de Utilização Banco de Imagens Introdução O que é o Banco de Imagens? Uma biblioteca completa de logotipos, fotos de imagens e produtos em alta resolução - prontas para download instantâneo. Este

Leia mais

Manual do Painel Administrativo

Manual do Painel Administrativo Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência...

Leia mais

Instalação: permite baixar o pacote de instalação do agente de coleta do sistema.

Instalação: permite baixar o pacote de instalação do agente de coleta do sistema. O que é o projeto O PROINFODATA - programa de coleta de dados do projeto ProInfo/MEC de inclusão digital nas escolas públicas brasileiras tem como objetivo acompanhar o estado de funcionamento dos laboratórios

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

1 REQUISITOS BÁSICOS PARA INSTALAR O SMS PC REMOTO

1 REQUISITOS BÁSICOS PARA INSTALAR O SMS PC REMOTO 1 ÍNDICE 1 REQUISITOS BÁSICOS PARA INSTALAR O SMS PC REMOTO... 3 1.1 REQUISITOS BASICOS DE SOFTWARE... 3 1.2 REQUISITOS BASICOS DE HARDWARE... 3 2 EXECUTANDO O INSTALADOR... 3 2.1 PASSO 01... 3 2.2 PASSO

Leia mais

MANUAL DE ADMINISTRAÇÃO DO SOFTWARE E COMUNIDADES DO PORTAL DO SOFTWARE PÚBLICO BRASILEIRO. Em construção

MANUAL DE ADMINISTRAÇÃO DO SOFTWARE E COMUNIDADES DO PORTAL DO SOFTWARE PÚBLICO BRASILEIRO. Em construção MANUAL DE ADMINISTRAÇÃO DO SOFTWARE E COMUNIDADES DO PORTAL DO SOFTWARE PÚBLICO BRASILEIRO Em construção Índice 1. Introdução 2. Cadastrar e Logar no Portal 3. Plataforma de redes Sociais Noosfero 3.1.

Leia mais

Polycom RealPresence Content Sharing Suite Guia rápido do usuário

Polycom RealPresence Content Sharing Suite Guia rápido do usuário Polycom RealPresence Content Sharing Suite Guia rápido do usuário Versão 1.4 3725-03261-003 Rev.A Dezembro de 2014 Neste guia, você aprenderá a compartilhar e visualizar conteúdo durante uma conferência

Leia mais

MANUAL DO PRESTADOR FATURAMENTO WEB

MANUAL DO PRESTADOR FATURAMENTO WEB MANUAL DO PRESTADOR FATURAMENTO WEB 0 Sumário Introdução... 2 Funcionalidades... 2 Requisitos Necessários... 2 Faturamento Web... 3 Faturamento Simplificado... 4 Faturamento Detalhado... 9 Faturamento

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

Click to Full Screen Última atualização 22 de Agosto, 2014

Click to Full Screen Última atualização 22 de Agosto, 2014 Click to Full Screen Última atualização 22 de Agosto, 2014 Política de Veiculação de Anúncios Toda criação deve cumprir com os requisitos da MSA Creative Acceptance Policy Especificações de Anúncios Âncora

Leia mais

MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA

MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA MANUAL DE IDENTIDADE VISUAL DOS SITES DO GOVERNO DO ESTADO DA BAHIA Índice 1. Introdução 03 2. Elementos Padronizados 2.1. Topo 2.2. Rodapé 2.3. Menu 2.4. Cores e Fontes 2.5. Títulos 2.6. Banners 04 04

Leia mais

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania Sumário Objetivos do Blog... 2 Log-in... 3 Esqueci minha senha... 4 Utilizando o Blog... 5 Encontrando seu Blog... 5 Conhecendo o

Leia mais