Out box - Fórum de Filosofia by marcel ribeiro

INSTITUTO TÉCNICO DE BARUERI PROFª MARIA SILVYA CHALUPPE MELLO

CLAUDIR CAETANO CARVALHO DANILO MACEDO DE SOUZA EDSON APARECIDO DA ROCHA JUNIOR FLAVIO WILLIAN BARROS GUEDES PEREIRA HENRIQUE DOS SANTOS CÂNDIDO MARCELO RIBEIRO DO NASCIMENTO

Out Box Fórum sobre Filosofia

BARUERI 2011

CLAUDIR CAETANO CARVALHO DANILO MACEDO DE SOUZA EDSON APARECIDO DA ROCHA JUNIOR FLAVIO WILLIAN BARROS GUEDES PEREIRA HENRIQUE DOS SANTOS CÂNDIDO MARCELO RIBEIRO DO NASCIMENTO

Out Box Fórum sobre Filosofia

Monografia apresentada ao Instituo Técnico de Barueri Profª Maria Sylvia Chaluppe Mello, como parte dos requisitos para a obtenção do título de Técnico de Nível Médio em Informática para internet.

BARUERI 2011

CLAUDIR CAETANO CARVALHO DANILO MACEDO DE SOUZA EDSON APARECIDO DA ROCHA JUNIOR FLAVIO WILLIAN BARROS GUEDES PEREIRA HENRIQUE DOS SANTOS CÂNDIDO MARCELO RIBEIRO DO NASCIMENTO

Comissão Examinadora ________________________________ ________________________________ ________________________________

Barueri, 14 de outubro de 2011

Decidamos esse projeto a todos os colegas de classe e amigos, pelo apoio não só durante a elaboração desse projeto, mas durante os três anos curso, e aos professores, especialmente ao Prof. Daniel Bassi, pelo apoio e paciência.

AGRADECIMENTOS

A todos que nos ajudaram na elaboração desse projeto, aos colegas de classe, técnicos e aos professores.

RESUMO

Este projeto tem por objetivo o desenvolvimento de um fórum sobre filosofia, que tenha como objetivo a disseminação da filosofia não só entre os bacharéis, mestres e doutores em filosofia, mas entre qualquer pessoa que tenha interesse no assunto. Além de fornecer um ambiente para troca de ideias, e reflexões, o fórum também pode ser um lugar onde o usuário se sinta a vontade para sanar suas dúvidas sobre filosofia. O fórum vai fornecer um espaço para que os usuários discutam sobre estética, metafísica, filosofia da ciência, lógica e ética. Já que esses são as áreas de estudo mais populares da filosofia. A filosofia está se tornando um assunto que muitas pessoas reverenciam, mas não sabe que na realidade a filosofia é simples, tão simples quanto pensar. Um fórum simples, mas eficaz, torna muito mais fácil para quem ama ou simplesmente tem um leve interesse em filosofia, possa conversar mais sobre esse tema que muitas vezes é tido como “chato” ou “entediante”, simplesmente porque as pessoas não têm contato com ele.

Palavras-chave: web social, fórum online, filosofia.

ABSTRACT

This Project has like the development of a forum about philosophy, the point of this is the propagation of philosophy, not only between the bachelors, masters and doctors of philosophy, but between any people who have interest in philosophy. Further supply a place for share ideas, the internet forum can be one place for the users answer the questions of others users. The forum will supply a space for the users talk about aesthetics, metaphysics, philosophy of science, logic and ethics. Since these are the most popular branches of philosophy. The philosophy is begging to be a subject the lot of people worship, but doesn’t really know that philosophy is simple, as simple as think. A simple internet forum, but effective makes easier to who loves or just like of philosophy, can talk about philosophy who also like of philosophy, this subject that so many times is classified as “boring”, only because people doesn’t really know about it.

Keywords: web social, internet forum, philosophy.

SUMÁRIO

1. Introdução............................................................................................................................................ 1 2. Meios de comunicação, internet e textualidade .................................................................................. 3 2.1 A evolução dos meios de comunicação ............................................................................................ 3 2.2 Multimídia, hipertexto e hipermídia ................................................................................................... 4 2.3 As fases da internet ........................................................................................................................... 7 2.3.1 Web 1.0 ...................................................................................................................................... 7 2.3.2 Web 2.0 ...................................................................................................................................... 8 2.3.3 Web 3.0 .................................................................................................................................... 10 2.3 Web social ....................................................................................................................................... 10 2.3.1 Web social “offline” ................................................................................................................... 11 2.4 Fatores de textualidade ................................................................................................................... 12 2.4.1 Fatores linguísticos .................................................................................................................. 13 2.4.2 Fatores pragmáticos ................................................................................................................. 13 2.4.3 Aplicação desses conceitos em um site .................................................................................. 14 3. Mídias sociais e fóruns de discussões .............................................................................................. 16 3.1 Principais diferenças das mídias tradicionais e das mídias sociais ................................................ 17 3.2 Mudanças com as mídias sociais ................................................................................................... 18 3.3 Impacto social ................................................................................................................................. 19 3.3.1 Televisão .................................................................................................................................. 20 3.3.2 Jornalismo ................................................................................................................................ 21 3.3.3 Marketing .................................................................................................................................. 21 3.4 Os usuários e as mídias sociais ...................................................................................................... 22 3.5 Mudanças nas mídias sociais ......................................................................................................... 24 3.6 Fóruns de discussão ....................................................................................................................... 25 4. Metodologia ....................................................................................................................................... 28 4.1 Pesquisa .......................................................................................................................................... 28 4.1.1 – Portal Brasileiro da Filosofia.................................................................................................. 29 4.1.2 Só filosofia ................................................................................................................................ 30 4.1.3 Filosofia.com.pt ........................................................................................................................ 31 4.2 Recursos utilizados ......................................................................................................................... 32 4.2.1 HTML ........................................................................................................................................ 32 4.2.2 PHP .......................................................................................................................................... 32 3.2.3 Javascript ................................................................................................................................. 32 4.2.4 CSS .......................................................................................................................................... 33 4.2.5 MySQL.......................................................................................................................................... 33 4.3 Wireframe ........................................................................................................................................ 33 4.3.1 Home ........................................................................................................................................ 34 4.3.2 Teses ........................................................................................................................................ 35 4.3.3 Perfil ......................................................................................................................................... 36 4.3.4 Login ......................................................................................................................................... 37 4.4 Modelagens do banco de dados ..................................................................................................... 38 4.4.1 Modelagem do banco de dados ............................................................................................... 38 4.4.2 Dicionário de dados.................................................................................................................. 39 5. Considerações finais ......................................................................................................................... 43 Referências bibliográficas ..................................................................................................................... 44 Anexos ................................................................................................................................................... 45 A. Códigos ............................................................................................................................................. 45

1. Introdução

Esse projeto tem como tema um fórum online. Um fórum de Filosofia, onde os usuários poderão postar dúvidas e reflexões sobre assuntos. Um lugar para falar sobre as áreas de estudo da filosofia (ética, arte, lógica etc.), e sobre os principais filósofos e suas obras. O site também disponibilizará documentários, filmes ou livros sobre os quais os usuários poderão falar no fórum. Existe, ainda, uma área do fórum destinada a dicas de filmes e livros, já que o usuário que gosta de filosofia gosta também de ler. As postagens serão chamadas de “proposições”, o nome é meramente, ilustrativo pois também poderão ser postadas dúvidas no site. Os problemas formulados para a realização desse projeto foram: 1) como um fórum sobre Filosofia pode transmitir credibilidade para o usuário, que compreende, também, a internet como possível fonte de conteúdo duvidoso; 2) de que modo é possível associar credibilidade à estética do site? 3) é possível utilizar um sistema de rotulação diferenciado sem prejudicar a navegabilidade? Diante dos problemas expostos, elaboramos hipóteses que podem ajudam a sanar os problemas da construção desse fórum: 1) as postagens devem ser regularmente monitoradas por moderadores, que poderão excluir postagens, tópicos e, até mesmo, bloquear usuários; 2) a estética do site deve buscar uma relação harmônica entre os elementos que compõem as páginas, utilizando poucas cores e tipologias simples; 3) por se tratar de um fórum especializado, as rotulações padrão podem ser substituídas por termos próprios da Filosofia, desde que não interfira na navegabilidade do site.

Atualmente, não são existem muitos sites com o objetivo de encorajar debates de pessoas com ideias divergentes. Assim, temos como foco estimular debates filosóficos, seja ele feito por especialistas no assunto ou por pessoas meramente interessadas em expor seu modo de pensar, resumindo temos como objetivo estimular a boa argumentação. Ainda que a natureza humana seja individualista, a natureza humana também quer interagir com pessoas com interesses afins, assim é necessário um site de filosofia que dê mais que noticias sobre o assunto, um site que promova interatividade.

2. Meios de comunicação, internet e textualidade

Quando a internet surgiu nos laboratórios do CERN1 , ela era completamente diferente da que conhecemos. A internet surgiu durante a Guerra Fria, como uma “pequena” rede, para os que cientistas pudessem se comunicar. Ela não era multimídia, era apenar uma tela preta com letras verdes, mas essa “pequena” rede se tornou uma rede mundial em que todas as pessoas teriam acesso a ela. A internet, com o passar do tempo, avançou tanto que parece uma coisa distinta do que era há cinqüenta anos. Hoje é sinônimo de interatividade, comunicação. Mas, se pararmos para pensar, a internet hoje é algo distinto até do que ela era há dez anos, o que ela representa mudou. Para muitas pessoas, é uma espécie de “medidor social”, mas há uns sete anos atrás, era ao contrário: internet era coisa de pessoas “anti-sociais”. Um jeito ótimo e seguro de definirmos o que é a internet é como uma “metamorfose ambulante”, mas os especialistas a definem como “meio de comunicação em massa”.

2.1 A evolução dos meios de comunicação Há cem anos, o telefone era a novidade que revolucionou a comunicação, já que, antes, o único meio de comunicação que as pessoas disponibilizavam eram cartas, que, na época, demoravam semanas para chegar. O telefone proporcionou, pela primeira vez, uma comunicação de longa distância e em tempo real. Após do telefone, na década de 30, o rádio popularizou um meio de comunicação diferente 1

A Organização Europeia para a Pesquisa Nuclear, conhecida como CERN (em francês: Conseil Européen pour la Recherche

Nucléaire), é o maior laboratório de física de partículas do mundo.

do telefone, pois não proporcionava às pessoas um “meio” de se comunicar. Era algo diferente, trazia notícias, novelas (rádio novelas), humor e claro, música para as pessoas, algo como um meio de comunicação de “mão única” e, pela primeira vez, o mundo viu um meio de comunicação em massa. Também criada no inicio do século XX, a televisão só veio a ficar popular na segunda metade do século, e o conceito “meio de comunicação de massa” ganhou um exemplo que praticamente se autoexplica. No site Portal do Marketing2, encontramos a seguinte definição de meio de comunicação de massa: “Os meios de comunicação de massa são veículos, sistemas de comunicação num único sentido”. Apesar de poder ter um retorno através, audiência, cartas dos leitores, emails a televisão e o rádio são meios de via única de comunicação, eles fornecem programas variados para o telespectador (ou ouvinte no caso do rádio), mas se o telespectador quiser mandar uma crítica, elogio ou sugestão, ele tem que recorrer a meios pouco eficientes para isso, como cartas ou emails e, por isso mesmo, muitas empresas preferem fazer propaganda via internet, já que além de ser mais barato, essas empresas podem ter a resposta do público quase instantaneamente. Meios de comunicação em massa são meios de “via única de comunicação”, que atingem uma grande quantidade de pessoas, como televisão, radio, jornal, revista 3. Alguns especialistas do assunto consideram os livros como o primeiro meio de comunicação em massa, já que, desde a invenção da imprensa durante do Renascimento, os livros conseguem atingir uma grande quantidade de pessoas e propagar suas idéias e ideologias com eles.

2.2 Multimídia, hipertexto e hipermídia Meios de comunicação em massa são meios de via única de comunicação, e que atingem uma grande quantidade de pessoas, enquanto meio de comunicação 2

http://www.portaldomarketing.com.br/

Esse tipo de meio de comunicação é popularmente conhecido como mídia, que apesar de ser sinônimo de

meio de comunicação em massa, não é a mesma coisa.

são os que promovem a interação entre duas pessoas como o telefone e as cartas. Já a internet pode ser usada para promover a interação entre pessoas e também como veículo de propagação de informações, um veículo de via única de informação. Assim, a internet é como se fosse um pouco de cada veículo de comunicação já citado. Hoje, podemos encontrar todos os veículos de comunicação na internet; jornais, rádios, redes de tv, livros, cartas, telefone. É como se a internet englobasse tudo já criado, texto, imagem, som, vídeo e, por isso, a internet é “classificada” como multimídia. Multimídia, como o próprio nome já diz, é mais de uma mídia, um veículo que engloba duas mídias já é considerado multimídia, mas com a internet, o termo multimídia mudou e, ao invés de simplesmente se referir a mais de uma mídia, ele se refere a várias mídias. O hipertexto é a forma de leitura multi-hierarquizada e multi-linear, e toda a internet da era web 1.0 se constrói em cima desse conceito. Nós navegamos por páginas, e essa navegação é feita através de “nós”, ou melhor dizendo, links, e é através dessas conexões que podemos navegar na internet, pulando de página em página. Essas páginas são formatadas em HTML, essa é a parte simples, mas o “não-simples” é que esse método de navegar por páginas conectadas por links, proporcionou à internet o que chamamos de “multi-linearidade”. Podemos definir multi-linearidade como leitura multi-linear e multi- hierarquizada de vários textos de forma instantânea. Por exemplo, em um jornal, olha-se a primeira página, vê-se a página do assunto que se quer ler e vai-se direto até essa página, sem ler todas as páginas entre a capa e o conteúdo desejado. Em certo aspecto, a internet é parecida com um jornal, principalmente na home do site, só que, na internet, a multilinearidade está em todas as páginas. O usuário está em uma página, lendo sobre determinado assunto, e se depara com um conceito que não conhece. Então ele pode abrir outra guia, procurar o sentido dessa palavra e voltar para página antiga. navegar por página selecionando o que se quer ler, pulando para outra página para ver textos correlatos, é como pegar um livro e o ler de forma intercala, lendo só os tópicos que interessa. A linearidade segue o sentido de leitura ocidental, do canto superior esquerdo para inferior direito: 5

Já a multi-linearidade forma uma espécie de rede, onde não há um sentido determinado de leitura, pois cada um segue seu próprio “sentido de leitura”:

Sabendo o que são multimídia e hipertexto, podemos entender o que é hipermídia. O conceito de hipermídia foi criado por Theodor Nelson (que também criou o conceito de hipertexto) na década de 60, baseado na própria experiência de Nelson com computadores. Segundo o livro “Roteiro para as novas mídias: do game à TV interativa” de Vicente Gosciola publicado em 2008, hipermídia é “o conjunto de meios que permite acesso simultâneo a textos, imagens e sons de modo interativo e 6

não linear” a definição hipermídia pode ser confundida com hipertexto e multimídia porque a hipermídia é uma “fusão” dos dois.

2.3 As fases da internet A internet muda, ela hoje é diferente do que foi há dez anos e do que será em vinte. Essa constante mudança da internet fez com que sua historia fosse dividida em fases, principalmente depois de criado o conceito de web 2.0. isso fez com que especialistas classificassem um primeiro momento como Web 1.0 e, mesmo que não tenha acabado ainda, eles já classificam a próxima fase da internet como Web 3.0. Cada uma dessas fases tem suas características, seu estilo de site, seu publico, por que, hoje, a internet não tem público alvo, mas, quando surgiu, era coisa para os “nichos” de mercado. A internet já é responsável por uma crise nas gravadoras americanas, e cada uma dessas coisas são marcas da internet. Por isso, é interessante saber um pouco sobre cada fase dela.

2.3.1 Web 1.0 Embora difícil de definir se realmente existiu, porque não houve nenhuma evolução tecnológica em termos de linguagens de programação, e porque muitos sites ditos como “símbolos” da web 2.0 foram criados na década de 1990, embora só popularizados em na década de 2000, quando as pessoas se referem à web 1.0, elas falam da fase da internet durante a década de 90, antes da internet se tornar um meio que promove a interação. As principais características desse período da internet e as que mais diferenciam esse período 1.0 da web 2.0 são: - sites estáticos: eles contêm informações que podem até ser úteis, mas não são atualizados então uma vez que o usuário já viu as informações de um site não tem motivo para voltar a visitá-lo. - sites não são interativos: os sites não promoviam a interação entre usuários, e a interface (interação entre usuário e máquina) também era complicada por falta de uma “metodologia“ na hora de desenvolver um layout. 7

2.3.2 Web 2.0 No começo do milênio, aconteceu um salto na popularidade da internet. Esse salto foi devido ao fenômeno de sites como o Napster 4, e Amazon5, e também com a criação das wiki’s. O termo wiki é a sigla da frase “what I know is”, uma possível tradução para o português seria “o que eu sei é” e se refere a sites de conteúdo colaborativos onde cada usuário escreve o que sabe. O Wikipédia é o site mais popular do gênero, e logo depois, com a criação das primeiras redes sociais, a internet se transformou em uma espécie de medidor de status. O termo Web 2.0 foi criado pela empresa O’Reilly Media e ele não diz respeito a uma inovação propriamente dita, pois ele se refere a uma mudança na forma como a internet é encarada por usuários e desenvolvedores. É nessa fase da internet que surgem os sites que conhecemos, os softwares que conhecemos e, principalmente, a interatividade como a conhecemos. Tim O’Reilly criador do conceito de Web 2.0, em 2003, o definiu como:

Web 2.0 é a mudança para uma internet como plataforma, e um entendimento das regras para obter sucesso nesta nova plataforma. Entre outras, a regra mais importante é desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores quanto mais são usados pelas pessoas, aproveitando a inteligência coletiva

Uma das grandes mudanças nesse momento foi que, com a web 2.0, o usuário comum pode virar um formador de opinião, basta ele comentar os assuntos mais “badalados” e, logo, encontrará pessoas que concordam com ele, de modo que o usuário que comenta passa a ser visto como um verdadeiro jornalista, pelo fato de ele postar comentários de caráter avaliativo em blogs e outros formatos, que permitem a participação ativa do usuário. Como consequência disso, o jornalismo 4

Rede de compartilhamento de músicas, que foi fechada devido a processos das grandes gravadoras

americanas. 5

Site de compras muito popular no muito inteiro, aberto até hoje

teve que se adaptar a esse meio de comunicação, em que de repente, todo mundo vira um jornalista, um crítico de vários assuntos, como futebol, cinema, lazer, política. Com isso, surgiu o Jornalismo Open-Source, que pode ser definido como um jornalismo feito com a colaboração dos leitores. Outra área que sofreu uma “reviravolta” por conta da Web 2.0 foram o marketing e propaganda, e por advento da internet, surgiu o marketing de performance, em que as empresas só pagam pelos resultados e não só para serem divulgadas na rede. Elas querem resultado no “mundo offline”, mas o marketing não saiu prejudicado com a Web 2.0, muito pelo contrário agora ficou fácil fazer propaganda diretamente para seu público alvo e se comunicar com nichos de mercado. Além do marketing, outra forma de lucrar na Web 2.0 é com a técnica chamada de Long Tail (calda longa), que é basicamente ter uma loja com um grande acervo online de produtos que não “valem a pena” se ter em uma loja física e, justamente por ser difícil de achar, esses produtos em lojas na internet eles vendem. Apesar de muitas coisas que são ditas da web 2.0 já existirem na época da web 1.0 e, por isso, alguns especialistas não concordarem em diferenciar web 1.0 da 2.0, algumas outras coisas são os diferenciais da web 2.0 e acabaram se tornando sinônimos de web 2.0, tais como: - Ajax: um pacote amplo de tecnologias usado a fim de criar aplicativos interativos para a web. - blog: baixo custo para publicação na web, disponível para milhões de usuários, os blogs estão entre as primeiras e mais populares ferramentas da web 2.0. - rss: abreviação de "really simple syndication" (distribuição realmente simples) é uma maneira de se manter atualizado sem precisar ficar visitando os sites, pois eles mandam as novidades até você por email.

2.3.3 Web 3.0 Web 3.0 ou web semântica ainda é só uma especulação, mas essa especulação já existe há algum tempo. O diferencial entre a web 2.0 e a 3.0 estaria nos sites de busca, eles levariam em consideração seu histórico de pesquisa na hora de mostrar os resultados de uma busca. Na web semântica, os sites de buscas levariam em consideração o “contexto” (histórico de busca, e sites visitados) na hora de exibir resultados. Por exemplo, se o usuário tem fascínio por submarinos, ele visita sites sobre submarinos, pesquisa imagens de submarinos então ao pesquisar submarino não apareceria à loja virtual submarino e sim sites correlatos ao que ele já buscou ou visitou. A Web 3.0 organizará e agrupará essas páginas, por temas, assuntos e interesses previamente expressos pelo usuário.

2.3 Web social Web social é o conjunto de relações sociais que ligam pessoas na web. Essa é uma definição bem simples e clara de web social. Os sites de web social são os sites usados como meios para os usuários se comunicarem, como as redes sociais, fóruns de discussões, chats, etc. Para que esses sites funcionem, eles precisam oferecer uma boa interação entre os usuários além é claro de uma boa interface. No dicionário Aurélio a definição de interação é a seguinte: “influência recíproca: a interação da teoria e da prática”. quando se cria um site, se faz tudo para que ele fique interativo com uma boa interface visual, e que promova a os usuários a possibilidade de interação, mas a interação na internet não é algo novo e exclusivo da Web 2.0. Tim Berners-Lee, britânico que foi um dos criadores do World Wide Web, no livro “Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web” diz que uma das “funções” da internet seria ajudar a interação entre pessoas: “A Web é mais uma criação social do que tecnológica. Eu a projetei para um efeito social - ajudar as pessoas a trabalhar em conjunto - e não como um brinquedo técnico. O objetivo

final da Web é apoiar e melhorar a nossa existência na web como no mundo. agrupar-nos em famílias, associações e empresas, desenvolver a confiança através das milhas e desconfiança em torno do canto. O que nós acreditamos endossar concorda, e depende é representável e, cada vez mais, representada na Web”

Na Web 2.0, interação é exatamente isso: os sites têm que oferecer uma boa interação entre usuário e máquina (uma boa interface), e também entre usuário e usuário. Por isso, a web social ficou tão popular, a possibilidade de falar com outras pessoas, se identificar, expor sua opinião é algo que o ser humano necessita para poder se sentir “realizado” e, com a internet, as pessoas encontraram um meio de poderem sentir essa “realização”. A possibilidade de interação com outros usuários surgiu junto com a internet praticamente. O e-mail (ou correio eletrônico) é popular desde a criação do WWW. O correio eletrônico é uma espécie de fusão entre correio comum e telefone e foi uma das primeiras ferramentas da internet a derrubar as barreiras do mundo físico. A possibilidade de interação entre usuários ficou mais popular com os fóruns de discussões durante a década de 1990 e as redes sociais em 2000. A rápida popularização dessas ferramentas é uma prova de que tudo que uma pessoa quer na vida real (se identificar com outros, se sentir importante, expor ideias), ela também quer na internet.

2.3.1 Web social “offline” O atual presidente dos Estados Unidos, durante sua campanha política, auxiliado por marketeiros, usou o Twitter6 como forma de se aproximar do seu eleitorado e, com isso, a popularidade do ainda candidato a presidência cresceu consideravelmente e levou os eleitores mais jovens a urna. Já que, nos EUA, o voto é facultativo e, muitas vezes, os jovens se ausentam nas urnas por desinteresse nos

Rede social que permite aos usuários enviar e receber atualizações pessoais de outros contatos em

textos de até 140 caracteres,

candidatos, através de uma rede social, o candidato Barack Obama conseguiu levar o eleitorado mais jovem às urnas e ao ser favor. Outro exemplo da influência da web social da sociedade são protestos realizados por pessoas com interesses afins que se conhecem na web e marcam data e local e para se unirem em protesto a algo de acham importante. Dois exemplos importantes de “protestos” que começaram na web são a brincadeira que aconteceu no Twitter, pedindo a aposentadoria do narrador Galvão Bueno, o #calabocagalvao. Manifestação que começou no Twitter e, mais tarde, não era difícil encontrar nos estádios placas com a mensagem “Cala a boca Galvão”. O outro exemplo mais recente foi um protesto que aconteceu no inicio do ano de 2011, organizado por feministas através principalmente de blogs: era um protesto contra a “coisificação” da mulher, o fato de que ainda hoje ela ainda é vista como um objeto sexual dos homens. O movimento foi marcado pela internet e elas organizaram a “Marcha das Vadias”, onde, no meio dos protestos, até humoristas do programa CQC foram citados, pois, em diversas oportunidades, fazem piadas machistas sobre o lugar da mulher na sociedade.

2.4 Fatores de textualidade Para promover a interação entre usuários, primeiro, o site deve ter uma boa interface visual e entender que um texto não são só palavras torna esse processo mais simples e bem sucedido. Um texto não são só palavras, frases, parágrafos. Um texto pode ser considerado qualquer unidade de sentido (verbal ou não), mas como podemos organizar elementos da linguagem não-verbal e verbal sem que o usuário fique “perdido” no site? Como deixar um site “navegável”? Na internet, a primeira impressão conta, e muito. Se o usuário não gostar do visual do seu site, ele nunca mais vai visitá-lo. Alguns especialistas dizem que os primeiros oito segundos em um site são essenciais para o usuário, e são nesses oito segundos de ouro que o usuário decide se vai ficar no site ou simplesmente fechar a guia. Os fatores de textualidade são critérios analíticos que podem ser divididos em duas categorias: os fatores lingüísticos e os fatores pragmáticos. 12

2.4.1 Fatores linguísticos Os fatores linguísticos são os fatores que levam em consideração o domínio do idioma, e da linguagem formal para seu entendimento, fatores que todo texto devem ter para ser considerado um texto, e não um amontoado de palavras e frases juntas. - coerência: um texto para ser coerente depende do conhecimento da língua e de mundo e do grau de compartilhamento desse conhecimento entre produtor e receptor. Se o receptor de um texto não conhecer bem a língua ou a realidade da qual o texto fala, provavelmente ele vai julgar o texto (no nosso caso o site) como ruim. - coesão: a coesão é responsável pela ligação dos sentidos isolados para evidenciar a estruturação da seqüência do texto, não perdendo de vista o todo e a intenção com que se produz esse todo, para constituir finalmente um texto.

2.4.2 Fatores pragmáticos Os fatores pragmáticos levam em conta a “experiência prática”. Um fator pragmático expressa um sentido prático para a atividade e também um fator operacional, congrega procedimentos e métodos específicos em torno da execução dessa prática. - intencionalidade: revela o esforço feito pelo produtor para estabelecer um discurso coerente e coeso a fim de cumprir o seu objetivo comunicativo em função do receptor. - aceitabilidade: é a parte do leitor, que analisa e avalia o grau de coerência, coesão, utilidade e relevância do texto capaz de levá-lo a alargar os seus conhecimentos ou de aceitar a intenção do produtor. - situcionalidade: responsável pela adequação do texto ao contexto sociocomunicativo, basicamente a adequação do texto com a situação. 13

- informatividade: suficiência de dados no texto, e também o grau de previsibilidade nas ocorrências no plano conceitual e no formal. - intertextualidade: Mostra a interdependência de textos entre si, tendo em vista que um texto só faz sentido quando é entendido em relação a outro texto.

2.4.3 Aplicação desses conceitos em um site A internet é uma hipermídia e, como tal, é multi-linear e multimídia (une texto, imagens e em alguns casos até vídeos e sons), por isso a elaboração de uma página para web deve levar em consideração os fatores de textualidade, para que ela não fique uma página confusa e de navegabilidade precária. Os fatores de textualidade para auxiliarem a criação de um site podem ser entendidos da seguinte maneira: - coerência: o tema do site e sua identidade visual têm que estar “conversando”. - coesão: as cores, que fazem parte da identidade visual do site, e na estruturação dos links de um site. - intencionalidade: o uso de coisas que atraiam o publico alvo (perfil de usuário) do seu site. - aceitabilidade: depende do conhecimento do seu usuário, não faça o visual do site divergir do que seu perfil de usuário gosta ou aceita. - situacionalidade: adequação entre o texto e a estrutura do site. - informatividade: não sobrecarregar as páginas do site de informações, mas também não deixar as páginas do site “vazias”. - intertextualidade: o usuário tem que associar o design do site com algo do tema.

3. Mídias sociais e fóruns de discussões

O termo “mídia social” vem do inglês “social media” e se refere ao uso meio eletrônico para a interação de pessoas. Assim, a ferramenta eletrônica vira o mediador da interação entre duas pessoas. Essa mediação é feita através de sistemas

online projetados

para permitir a interação social a

partir

compartilhamento e da criação colaborativa de informação, nos mais diversos formatos e, praticamente, a custo zero, o que ameaçou o monopólio dos grandes veículos de comunicação (emissoras de televisão e jornais) que até pouco tempo eram os únicos formadores de opinião da sociedade. A mídia social trata da produção de conteúdos de forma descentralizada e sem o controle editorial de grandes grupos. Significa a produção de muitos para muitos. O termo existe já há algum tempo e, com o aumento dos blogs, podcasts, vlogs e redes sociais, o termo entrou em evidência. Uma boa maneira de explicar o que é mídia social é com uma metáfora feita pelo Lee Lefevre, do site Common Craft7. A metáfora de Lefever para explicar as mídias sociais é a seguinte: em uma cidade, existe uma fábrica de sorvetes e essa fábrica de sorvetes vende três sabores, morango, chocolate, baunilha e todos os moradores estavam felizes com isso. Até que, um dia, chegou nessa cidade uma máquina de fazer sorvetes, e com isso, todo mundo podia fazer seus próprios sorvetes, dos sabores que desejassem. E isso mudou a forma das pessoas verem os “sorvetes”, eles não precisavam vir de uma fábrica, podiam ser feitos pelos seus 7

Site que faz vídeos educativos de conceitos de comunicação, para ajudar o aprendizado.

amigos ou vizinhos. O sorvete se tornou algo para compartilhar, algo que unia as pessoas, a fábrica de sorvetes ainda fazia o melhor sorvete da região, mas o que atraia os visitantes eram os sabores únicos feitos pelos moradores, mas como os visitantes saberiam quais dos milhares de sabores feitos pelos moradores eram os bons, os que eles identificariam? Então um dos moradores teve uma idéia: colocar um quadro negro no seu quintal, onde os visitantes poderiam avaliar seu sorvete, escrever comentários sobre ele, e deixar mensagens para os próximos clientes. Com isso, três coisas ficaram claras para os moradores: a primeira é que o sorvete podia ficar melhor, porque eles recebiam comentários feitos pelos próprios clientes, a segunda que a propaganda feita pelos próprios visitantes dava mais resultados do que anúncios caros, e terceiro que os quadros davam a possibilidade dos visitantes encontrarem o sorvete que gostariam com mais facilidade. Esse novo jeito de lidar com os visitantes fez com que os moradores se sentissem únicos e especiais. A metáfora é bem simples, essa é a historia do “sorvete social”, a fábrica de sorvete representa a mídia convencional (televisão, jornal, rádio) e os moradores que fazem os sorvetes com sabores únicos são os usuários da internet que criam blogs, podcasts, vlogs para expor sua opinião, sua forma de interpretar notícias e de ver o mundo. Pode-se até considerar uma forma de jornalismo feita de usuários para usuários.

3.1 Principais diferenças das mídias tradicionais e das mídias sociais O professor Marcelo Coutinho, pesquisador da Fundação Getúlio Vargas, no livro “Do Broadcast ao Socialcast”, de 2009, fala sobre a relação entre mídias sociais e mídias tradicionais. As mídias sociais têm inúmeras características que as diferenciam das mídias tradicionais, tais como jornais, televisão, livros ou rádio. Primeiramente, as mídias sociais dependem da interação entre pessoas, é essa interação que constrói o conteúdo compartilhado, que dá sentido a criar um blog, ou frequentar um fórum. Também não existe como determinar ou controlar uma mídia social, a “audiência” de uma mídia social pode comentar seus tópicos, postagens, na hora que quiserem. 17

O conteúdo de uma mídia social, em texto, gráficos, fotos, áudio ou vídeos podem ser “misturados” por usuários, criando os mashups, sites com combinação de conteúdo, vindo de mais de uma fonte de dados e serem avisados de atualizações através de agregadores de feed 8. Mídia social significa um amplo aspecto de assuntos, com diversos sentidos. No marketing de internet, por exemplo, as mídias sociais se referem a grupos com diversas propriedades, sempre formados e alimentados pelos usuários, como fóruns, blogs, sites de compartilhamento de vídeos e sites de relacionamentos. As mídias sociais têm dois aspectos importantes. São os fatores que ainda podem ser melhorados em uma página, táticas que um webmaster pode usar para otimizar um site para a era da mídia social. Essas otimizações podem incluir adicionar ligações para serviços como o Digg9, para que as páginas possam ser facilmente salvas e compartilhadas. Marketing de mídias sociais, por outro lado, inclui a criação de conteúdo memorável, único e com potencial para virar notícia. Como, por exemplos, os vídeos de marketing viral do Youtube. O site Wikipédia tem uma definição sobre mídia social que se assemelha muito com web social, afinal são coisas bastante semelhantes, apesar de mídia social ser um termo mais “trabalhado” e especifico enquanto web social podemos dizer que é algo mais abstrato. A definição de mídia social da Wikipédia: Mídia social é sobre “SER SOCIAL”, e isso quer dizer se relacionar e se envolver com outras pessoas, blogs, fóruns e comunidades de nicho.

3.2 Mudanças com as mídias sociais As ferramentas de mídias sociais estão evoluindo. O blog, por exemplo, era um “diário” virtual, mas hoje é uma ótima plataforma de divulgação de seu trabalho. 8

Uma ferramenta que permite que o usuário de internet possa acompanhar os novos artigos e

conteúdos de um site ou blog sem que precise visitar o site em si. 9

Site norte-americano que reúne links para notícias, podcasts e videos enviados pelos

próprios usuários e avaliados pelos mesmos.

Até algumas empresas estão até criando blogs, ou páginas em redes sociais, para se promover e ter uma relação mais próxima dos consumidores. Outras não criam blogs, mas pagam para ter seus banners em blogs. Mas não são apenas os blogs que viraram plataforma comercial de algumas empresas, o Facebook, Twiter e até mesmo o Orkut estão sendo usados para empresas se promoverem e criarem um relação mais próxima do público, uma relação típica de mídia social. Por que as empresas querem ficar mais próximas dos consumidores? Nas mídias sociais, qualquer um pode influenciar a opinião pública, então, empresas precisam criar meios preservar (ou criar) uma boa imagem e ganhar a fidelidade do publico. Afinal, qualquer um pode criticar uma empresa e fazer uma legião de pessoas, de repente, não gostar dessa empresa ou fazerem piada dela. Isso significa uma mudança no poder social, pois, antes, a possibilidade de gerar conteúdo que influenciasse pessoas era exclusivamente de grandes grupos e empresas

com

muito capital.

Mas

com

as mídias

sociais,

isso mudou

completamente, porque qualquer pessoa pode escrever ou falar sobre o que ela quiser. Além de aumentar o numero de mídias sobre determinados assuntos, são criadas “mídias” quase que exclusivas para pequenos nichos, o que, antes, não valia à pena, pois investir em algo para um pequeno número de pessoas não retornaria um lucro significativo. Liberdade de comunicação, junto com a facilidade de uso das ferramentas. Para isso, a participação em redes sociais forma a base da receita, para que as plataformas de mídias sociais possam ser classificadas como uma das mais influentes formas de mídia até hoje criada. Na versão interativa da web, é possível fazer muito mais com muito menos, e isso causa uma fragmentação do poder, o que é algo muito ruim para empresas que mantinham seu monopólio com base na manipulação de dados e notícias.

3.3 Impacto social Com o sucesso das mídias sociais, alguns hábitos dos consumidores e das empresas mudaram, ou melhor, se adaptaram a esse novo tipo de mídia, essa mídia 19

de muitos para muitos. Mas nem tudo nas mídias sociais são melhorias, ou avanços. Nos Estados Unidos, por exemplo, um em cada cinco pedidos de divórcio traz a palavra “Facebook”. Para 81% dos advogados que trabalham com direito da família, esse número só tem aumentado nos últimos anos, e algumas empresas também pesquisam a página dos candidatos no Facebook ou Orkut para ver se ele se encaixa no perfil da empresa. Mas as principais mudanças aconteceram nas mídias tradicionais.

3.3.1 Televisão Em 2005, antes do lançamento do Youtube, não haviam muitos meios disponíveis para o compartilhamento de vides na internet. O YouTube tornou possível para qualquer um postar vídeos que milhões de pessoas poderiam ver em poucos minutos. A grande diversidade de tópicos no YouTube tornou o compartilhamento de vídeo uma das mais importantes partes do “ser social”. Porém, tamanha liberdade e expressividade proporcionadas pelo site não foram bem-vistas por alguns países que bloquearam o YouTube, por considerarem seu conteúdo impróprio. Inclusive o Brasil, por conta do processo da modelo Daniella Cicarelli contra o site, depois de um vídeo dela com seu namorado em uma praia na Espanha virou “febre” no site. Não é preciso dizer que a censura do Brasil ao Youtube não durou muito tempo. Para se enquadrarem, alguns programas de TV já começaram a exibir vídeos enviados por telespectadores, estimulando a participação e até mostrando vídeos que viraram sucesso no YouTube. Para o editor de imagens de uma das filiais da Rede Globo10, essa iniciativa é necessária para que as mídias tradicionais não tentem “rivalizar” com as mídias sociais e, sim, verem elas como uma ferramenta para se aproximar do seu público. A Rede Globo fez um acordo para que o Youtube pudesse exibir seus vídeos no site. A Rede Record também possui uma conta no 10

Fonte: http://www.midiasocial.com.br

Youtube e, através dela, divulga a sua programação e também disponibiliza no site as suas novelas e telejornais. 3.3.2 Jornalismo Algo comum no Twitter é postar notícias que estão circulando na imprensa e opiniões a respeito delas. O jornalismo anda mostrado bom uso dessa ferramenta, ao contrário de boatos que diziam quando o Twitter surgiu, alguns mais radicais chegaram a falar que era o fim do jornalismo. Mas empresas como New York Times e a CNN, nos Estados Unidos, e a Globo e o iG, no Brasil, já utilizam o Twitter para transmitir notícias. Muitos jornalistas dizem que o Twitter confere ao jornalismo e à comunicação um caráter de agilidade, devido à possibilidade de enviar e receber atualizações por dispositivos móveis e passar informações simultaneamente ao acontecimento. Apesar de ser visto como um aliado agora, as empresas de comunicação pedem cuidado para os jornalistas que usam o Twitter. Os principais pontos que os jornalistas devem se lembrar na hora de usar o Twitter são que as regras tradicionais da ética jornalística ainda se aplicam online. Assumir responsabilidade por tudo que escrever, tendo consciência que se tornará algo público uma vez postado, interagir com os leitores de forma profissional, não passar informações em primeira mão pelo Twitter, consciência que as redes sociais são ferramentas de trabalho não brinquedos, transparência, e não falar sobre assuntos internos da redação no Twitter.

3.3.3 Marketing Quando falamos em marketing nas mídias sociais, estamos falando de marketing feito em sites como Orkut, Twitter, Facebook, blogs etc. O marketing nas mídias sociais visa estreitar relações entre clientes ou potenciais clientes com uma marca ou empresa. Uma das coisas que estimulam o marketing nas mídias sociais são o baixo custo e o nível de abrangência, já que, em todo o mundo, milhares de pessoas têm acesso a eles. No Facebook e no Orkut, a principal vantagem é o nível 21

de abrangência; já no Twitter, a vantagem está da instantaneidade. A utilização das redes sociais está se tornando tão comum entre as pessoas e as empresas, que até mesmo o atual presidente da república dos EUA conseguiu uma legião de fãs e de eleitores através do Twitter e aqui no Brasil, durante as eleições presidenciais de 2010 a troca de provocações pelo Twitter, não foi pouca. O marketing nas mídias sociais exige planejamento e método. É necessário ter quem cuide quem crie e quem atualize as redes sociais, pois criar por criar não basta. É preciso ter algo novo, é preciso ser inovador, aliás, inovador é a palavra do marketing, onde é essencial inovar, ousar e certamente não é diferente dentro das redes sociais. Para se conseguir seguidores no Twitter, por exemplo, é preciso ter conteúdo e postar nele, algo que atraia, que chame à atenção dos usuários. No Orkut ou no Facebook, é preciso estar sempre alimentando o álbum de fotografias, é preciso ter conteúdo, seja literário ou imagens que falem por si só. Abaixo, os tipos de marketing presente nas mídias sociais: - marketing no Orkut: marketing social nas comunidades e entre os usuários interessados no seu negócio. - marketing em blogs: marketing social que gera o famoso "boca-a-boca". - marketing estratégico: é feito em mídias sociais com expressividade e grande volume de público.

3.4 Os usuários e as mídias sociais Tim Berners-Lee sempre viu a internet com o potencial de “ajudar” à convivência entre pessoas, a unir pessoas, a ajudar a vida. Ele sempre teve visão porque tudo que uma pessoa quer na vida real, no mundo físico, ela também quer no mundo virtual, e com os avanços tecnológicos, isso é possível, e é uma realidade, Mas, o que os usuários esperam conseguir nas mídias sociais? Doug Firebaugh, consultor na construção de estratégias de mídia social 11

, fez uma

Fonte: http://socialmediablogster.com

pesquisa interessante sobre isso, usando a psicologia para identificar o que o usuário de um blog, rede social, chat ou fórum deseja conseguir: - reconhecimento: tudo o que as pessoas querem e precisam é de reconhecimento, serem notadas e entendidas, mostrar que elas estão ali, participando do cenário social. - atenção: vem junto com o reconhecimento. Firebaugh até dá exemplos em sua pesquisa: uma resposta de um follow no Twitter, um comentário em um post do seu blog ou um pedido de amizade aceito no Facebook. - aprovação: é muito importante para o usuário ter a aprovação de outros membros do círculo social.

Ainda usando como exemplo o Twiiter a

aprovação na vida virtual, é quando pessoas começam a seguir outros usuários , retweetam; no Facebook, quando alguém “curte” comentários; em um fórum, quando alguém comenta sua postagem, concorda com você. - apreciação: ser apreciado pelo seu desempenho na vida das mídias sociais e receber contatos espontâneos, não necessariamente estimulados por uma conversação específica, que visam simplesmente elogiar posturas em determinada comunidade, rede ou site. - aclamação: é uma aglutinação da aprovação e da apreciação. Nesse conceito, a aclamação é mais coerente ou importante quando o aclamado é uma marca ou organização. Assim, medem-se os níveis de influência de uma marca nas mídias sociais. - garantias: as pessoas que compõem o universo das mídias sociais querem ter certeza de que estão fazendo as coisas certas, falando as coisas certas, sendo as pessoas certas. Por isso, é tão importante consentir com essas pessoas, mostrar que são parte do meio social e que são necessárias. - participação: os usuários querem se sentir incluídos. No fundo, todo mundo quer se sentir parte de algo, membro de uma comunidade. Esse cenário é tão valido para o mundo real quanto para o mundo virtual. 23

3.5 Mudanças nas mídias sociais Ravit Lichtenberg, fundadora e estrategista chefe do Ustrategy Consulting12, que, em suas próprias palavras, é uma “estrategista” e usa a psicologia para ajudar as empresas a manterem a coerência do novo mundo social, uma estrategista em mídia social, que usa a experiência do cliente social para transformar caos em ordem. No blog Read Write Web13, conversando com vários especialistas, ela tentou analisar e prever quais serão as mudanças que as mídias sociais ainda podem sofrer. Segundo ela, a principal mudança que ainda acontecerá é que o foco será nas pessoas, individualmente. Ao invés de serem tratadas como grupos ou comunidades, as pessoas vão ser tratadas “individualmente”. Isso, mais uma vez, provocará uma grande mudança no Marketing que poderá estreitar ainda mais a relação

com

consumidores,

já

que

poderá

atingir

cada

consumidor

individualmente, ao invés de através de grupos ou nichos. Assim, o velho jeito de fazer propaganda (propagandas que atingiam milhões de pessoas, mas somente uma pequena parte era o publico consumidor) vai ficar cada vez mais obsoleto, então, com essa segmentação ainda maior nas mídias sociais, o fundamental será ser criativo. Apesar da segmentação ainda maior, Lichtenberg também chegou à conclusão que as pessoas continuarão se organizando em nichos, elas vão continuar a criar comunidades e compartilhar conteúdo de acordo com aquilo que tem importância para elas, outra coisa também observada é que as mídias sociais precisaram se uma estratégia que “integre” as diversas ferramentas de mídias sociais. Os usuários vão continuar a buscar uma experiência que seja multiplataformas, cada vez mais querer acessar a internet através de celulares, iphones, androids, ao invés de apenas pelo computador, vão querer ferramentas de mídias sociais que agreguem plataformas. As redes sociais ficaram mais específicas, cada vez focando mais em nichos, afinal os usuários querem se relacionar com pessoas 12

Empresa que oferece consultoria a empresas que desejam melhorarem seu desempenho nas mídias sociais.

Grande blog americano, que tem versões em francês, chinês e português

com interesses afins. Por isso, uma palavra chave será “segmentação”. Não se conformar em atingir os “early adopters” (formadores de opinião) e sim em atingir a população inteira. Preparar mais profissionais para área de consultoria ou estratégia em mídias sociais, pois as empresas vão buscar pessoas que vão além de criar um perfil para empresa e atualizar seu blog. As empresas vão buscar pessoas que consigam pensar em estratégias para integrar vários meios e plataformas. E tudo isso vai fazer com que as mídias sociais abram um novo leque de possibilidade para se fazer dinheiro nessa área.

3.6 Fóruns de discussão A criação dos fóruns de discussões surgiu da idéia de “computadorizar” os quadros de avisos, muito comuns nos prédios dos Estados Unidos. Os quadros de avisos são quadros onde se cola uma folha “anunciando” alguma coisa. Por exemplo, “preciso de alguém que saiba fazer cheesecake” ou “Perdi meu celular” e etc. Por isso, quando surgiram, os fóruns de discussões eram chamados de bulletin board nos Estados Unidos (que significa literalmente quadro de aviso). O precursor dos fóruns de discussões foi o Community Memory, que foi, inicialmente, concebido como uma rede de troca de informações e compartilhamento de recursos, ligando organizações econômicas, educacionais entre si mesmas e o público. Mas o Community Memory, logo, foi generalizado para todos os públicos rapidamente. Uma vez que o sistema ficou disponível, os usuários demonstraram que ele poderia ser usado como um meio para qualquer tipo de comunicação e poderia ser usada para falar de qualquer assunto. Um fórum de discussão é um site destinado a discussões online, as discussões são feitas através de postagens. Um fórum pode ter a estrutura de uma “arvore”: um fórum contém um número de sub-fóruns, cada um dos quais pode ter vários temas. Dentro do tópico de um fórum, cada nova discussão é chamado de um “thread” e pode ser respondida por tantas pessoas quanto desejar.

A expressão “thread” vem do inglês: “linha” e se refere a uma “linha de discussão”, a partir da qual uma postagem pode ter respostas e essas respostas podem ter outras respostas, e assim uma postagem pode ter respostas e cada resposta pode criar uma própria linha de discussão, formado uma cadeia de tópicos, um conjunto de respostas subordinadas a postagem principal que é chamada de “thread de discussão”. Normalmente, uma thread se mantém no assunto da postagem principal, mas, quanto mais “ramificada” é uma thread, maior a possibilidade dela se tratar de assuntos secundários não tratados na postagem principal. Um exemplo de thread:

Grande parte dos fóruns possui suas próprias regras, mas algumas regras são comuns em todos, como proibição de perfis “fakes” (falsos), ou “posts” repetidos, tópicos inúteis, ressuscitar tópicos, spans. Quando o usuário desrespeita uma regra do fórum, normalmente, ele é punido com uma advertência ou é banido e, caso seja um usuário não cadastrado, o IP dele é bloqueado. Além das regras, muitos fóruns também têm o censor de palavras em comum. O censor de palavras pega as palavras de uma postagem e as substitui por outras palavras, por asteriscos ou por qualquer outra coisa. Geralmente é usado para censurar palavrões. 26

Dependendo das configurações do fórum, as postagens podem ser anônimas ou somente de usuários registrados no fórum e conectados. Mas, na maior parte dos fóruns, os usuários não têm que fazer login para ler as postagens.

4. Metodologia A Metodologia é a analise detalhada, de toda ação desenvolvida em um projeto. A metodologia refere-se a um conjunto de pressupostos, regras, ou metodos que fundamentam um projeto, no caso da informatica para internet, a metodologia é a uma explicação do tipo de projeto desenvolvido, da linguagem de programação utilizada, banco de dados, dos sites correlatos. Resumindo, tudo que foi utilizado para elaboração do projeto.

4.1 Pesquisa Para a realização desse projeto, foi realizada uma pesquisa, envolvendo três sites: Portal brasileiro da filosofia, Só filosofia e Filosofia.com.pt. Cada um desses sites foi analisado em dois aspectos: arquitetura/navegabilidade e design. Para a análise desses aspectos, foi utilizado como aparato teórico os Fatores de Textualidade, adaptado para a área de web design.

4.1.1 – Portal Brasileiro da Filosofia

O Portal Brasileiro da Filosofia é um portal vertical que está no ar há doze anos, o site tem um menu lateral que parece ser os links de todas as páginas do portal. Um dos destaques na home do portal é um “painel” com um retratos dos maiores pensadores da história humana e também em destaque na home temos alguns livros sobre filosofia. Na sidebar direita o portal disponibiliza alguns vídeos sobre assuntos que vão de Educação e trabalho ao Aborto. Apesar do menu lateral ser enorme os links estão divididos em categorias o que ajuda muito na navegação. A cor predominante no site é a cor vermelha provavelmente deve ser para passar otimismo, confiança e coragem, o tom de vermelho usado é um tom mais escuro puxado para o bordô para deixar o portal com uma cara mais seria e profissional. O site usa a fonte Verdana no tamanho x-small nos links e textos, esse tamanho de fonte é muito pequeno é dá pouca visibilidade aos links, e os textos apesar de também serem nesse mesmo tamanho de fonte são muito grandes, ainda que público do site goste de ler, os textos deveriam ser resumidos, pois há muito 29

excesso de informações neles. O painel presente na home do portal com retratos dos grandes pensadores da historia, é uma ótima aplicação de situacionalidade uma vez que a Estética é uma área de estudo tão popular da filosofia.

4.1.2 Só filosofia

O Só Filosofia é um site educacional sobre filosofia, além dos textos sobre filosofia também disponibiliza exercícios e as respostas comentadas dos exercícios. O site tem um menu lateral e u menu horizontal, no menu horizontal os links são botões, já no lateral os links são textos. Apesar de estar dividido em categorias os links são imprecisos, e isso deixa a navegabilidade um pouco difícil. Outro fato que deixa a navegabilidade um difícil é o fato de não ter nenhuma matéria, nenhum texto em destaque, nada que prenda o usuário. O visual do site ultrapassa o “clean” e passa certa monotonia, ao contrario do que deveria passar já que é um site educativo, deveria usar cores fortes para estimular o usuário, nenhum titulo tem relevância, a não ser, pelo “Bem vindo ao Só filosofia”

4.1.3 Filosofia.com.pt

O site Filosofia.com.pt é o projeto de um professor de filosofia que criou o site para “complementar” o conteúdo de suas aulas no site. O site tem um menu lateral e um horizontal, a navegabilidade do site é simples principalmente por causa da hierarquia dos links do menu lateral, é simples e objetivo, no menu horizontal a mesma coisa. O conteúdo postado no site fica em destaque na home. O visual o site é simples, mas bem trabalhado, a letra grega “phi” (primeira letra de filosofia em grego) está no banner junto com o nome do site, o quadriculado no fundo do site também remete ao contexto artístico do renascimento onde as proporções perfeitas eram buscadas, assim o visual do site une a estética uma área de estudo bastante popular da filosofia de da letra grega que representa a filosofia.

4.2 Recursos utilizados Quando se trabalha com computadores é necessário usar “recursos” para poder se “comunicar” com o computador, os recursos usados para essa comunicação são chamados

de: “linguagens” (existem

linguagens

programação, de marcação, de script, entre outras). Os computadores lêem essas linguagens através de sinais de ligado e desligado, zero e um. Essas linguagens são separadas em duas categorias: De alto nível, e de baixo nível. As linguagens de baixo nível são as que são “lidas” diretamente no computador, já as linguagens de alto nível são as que são lidas em um compilador. Na construção desse projeto foram usadas as linguagens HTML, PHP, Javascript, CSS.

4.2.1 HTML Desenvolvida junto com a internet nos laboratórios do CERN, o HTML (HyperText Markup Language, em português Linguagem de Marcação de Hipertexto) é a linguagem básica para construção de um site, os créditos para a criação do HTML se dá ao inglês Tim Berners-Lee. A estrutura do HTML é simples, são basicamente tags “duplas”, uma tag de abertura e outra para fechamento, por exemplo: <HTML> tag de abertura, </HTML> tag de fechamento.

4.2.2 PHP É uma linguagem de programação que é “interpretada” no compilador do servidor, e é retornada para o usuário como uma página HTML. O PHP tem uma estrutura similar com a o HTML e Javascript. É uma linguagem simples, mas com muitos recursos. Geralmente é usada para sites dinâmicos (com acesso a banco de dados), por isso é uma das linguagens mais usadas nos sites da “era da web 2.0”.

3.2.3 Javascript O Javascript é uma linguagem de script criada por volta de 1995, ela tem uma sintaxe bastante similar com a linguagem C, podendo suportar praticamente todos 32

os elementos dela serem atribuídos a variáveis ou retornados como qualquer outro objeto. Geralmente o Javascript é usado para criar funções dentro de um arquivo HTML, as funções em Javascript são baseadas em objetos que podem possuir propriedades e métodos, serem passados como argumentos.

4.2.4 CSS O CSS (Cascading Style Sheets, em portugueses Folhas de estilo em cascata) é uma linguagem de estilo usada para “formatar” páginas HTML. Uma página é CSS basicamente uma lista de “regras”. O CSS pode ter aplicado direto na página HTML dentro do da tag head ou dentro do body do mesmo. Mas a melhor forma de aplicar o CSS é fazendo uma página externa, e conectando-a a página HTML.

4.2.5 MySQL O MySQL é um sistema de gerenciamento de banco de dados, o nome “MySQL” vem da linguagem utilizada para fazer consultas no mesmo, a linguagem SQL (Structured Query Language, em português: Linguagem de Consulta estruturada). MySQL é um dos bancos de dados mais populares atualmente, ele é usado por varias empresas e instituições. Um dos motivos para a popularidade do MySQL é sua compatibilidade com quase todas as plataformas, ocupa pouco espaço no HD.

4.3 Wireframe Com base na pesquisa de sites correlatos elaborada, elaboramos o wireframe das páginas levando em consideração fatores como navegabilidade (links claros e organizados), design (um site simples, mas com informações bem distribuídas), aceitabilidade (não trabalhar com imagens ou símbolos que tenham um significado

divergente com a proposta do site), e adequamos a quantidade informações presente na Home do site para que o site não fique “vazio” ou “cansativo”.

4.3.1 Home

4.3.2 Teses

4.3.3 Perfil

4.3.4 Login

4.4 Modelagens do banco de dados Com base na pesquisa elaborada, e nos objetivos do projeto, estruturamos o banco de dados que permita a postagem de conteĂşdo tanto dos usuĂĄrios tanto quanto pelo prĂłprio administrador, e essa estrutura estĂĄ de acordo com o modelo apresentado abaixo.

4.4.1 Modelagem do banco de dados

4.4.2 Dicionário de dados Tabela Nome Adm Ano Anuncio Categorias_filmeslivros Categorias_teses Cidade Comentário Conteúdo Dia Filme Gênero Livro Mês Postagem Tema Termo

Comentário Tabela de administradores Tabela de ano de nascimento dos usuários Tabela de anúncios Tabela de categorias de filmes e livros Tabela de categorias de teses Tabela de cidades onde os usuários moram Tabela de comentários Tabela de conteúdo postado. Tabela de dia Tabela de filmes Tabela de gênero Tabela de livros Tabela de meses Tabela de postagens dos usuários Tabela de temas Tabela de termos de uso

Coluna(s) da Tabela "Adm" Nome Tipo de Dado

Null

Comentário

ID_ADM Email Senha

NOT NULL NOT NULL NOT NULL

ID (ou código) do administrador Email do administrador Senha do administrador

Coluna(s) da Tabela "Ano" Nome Tipo de Dado

Null

Comentário

ID_ANO Ano

NOT NULL NOT NULL

ID (ou código) do administrador Email do administrador

Coluna(s) da Tabela "Anuncio" Nome Tipo de Dado

Null

Comentário

ID_ANUNCIO Email_anuncio Texto_anuncio

NOT NULL NOT NULL NOT NULL

ID (ou código) do anuncio Email do anunciante Texto do anuncio

int Varchar(45) varchar(45)

int Varchar(45)

int Varchar(45) Varchar(45)

Coluna(s) da Tabela "Categorias_filmeslivros" Nome Tipo de Dado Null

Comentário

ID_CATEGORIA Categoria LINK

ID (ou código) da categoria Nome da categoria Link da categoria

int Varchar(45) Varchar(45)

NOT NULL NOT NULL NOT NULL

Coluna(s) da Tabela "Categorias_teses" Nome Tipo de Dado Null

Comentário

ID_CATEGORIA Categoria

ID (ou código) da categoria Nome da categoria

Int Varchar(45)

NOT NULL NOT NULL

Is PK Yes No No

Is FK

Is PK Yes No

Is FK No No

Is PK Yes No No

Is FK No No No

Is PK Yes No No

Is FK No No No

Is PK Yes No

Is FK No No

No No No

Link

Varchar(45)

NOT NULL

Link da categoria

Coluna(s) da Tabela "Cidade" Nome Tipo de Dado

Null

Comentário

ID_CIDADE UF Cidade

NOT NULL NOT NULL NOT NULL

ID (ou código) da cidade Estado da cidade Nome da cidade

Is PK Yes No No

Is FK No Yes No

Coluna(s) da Tabela "Comentario" Nome Tipo de Dado

Null

Comentário

ID_COMENTARIO ID_usuario ID_Postagem Texto

NOT NULL NOT NULL NOT NULL NOT NULL

ID (ou código) do comentario ID (ou código) do usuário ID (ou código) da postagem Texto do comentário

Is PK Yes No No No

Is FK No Yes No No

Coluna(s) da Tabela "Conteúdo" Nome Tipo de Dado

Null

Comentário

ID_CONTEUDO Titulo Imagem Texto

NOT NULL NOT NULL NOT NULL NOT NULL

ID (ou código) do conteúdo Título da postagem Imagem da postagem Conteúdo da postagem

Is PK Yes No No No

Is FK No No No No

Coluna(s) da Tabela "Dia" Nome Tipo de Dado

Null

Comentário

ID_DIA Dia

NOT NULL NOT NULL

ID (ou código) do dia Numero do dia

Is PK Yes No

Is FK No No

Coluna(s) da Tabela "Filme" Nome Tipo de Dado

Null

Comentário

ID_FILME Nome_filme Roterista_filme Ditetor_filme Sinipse_filme Imagem_filme ID_usuario

NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

ID (ou código) do filme Nome do filme Nome do roteirista do filme Nome do diretor do filme Sinopse do filme Imagem do filme ID (ou código) do usuário

Is PK Yes No No No No No No

Is FK No No No No No No No

Null

Comentário

ID_GENERO int Genero Varchar(45) Coluna(s) da Tabela "Livro" Nome Tipo de Dado

NOT NULL NOT NULL

ID (ou código) do genero Nome do gênero

Is PK Yes No

Is FK No No

Null

Comentário

ID_LIVRO Nome_livro

NOT NULL NOT NULL

ID (ou código) do livro Nome do livro

Is PK Yes No

Is FK No No

int Varchar(45) Varchar(45)

int Int Int Text

int Varchar(45) Varchar(45) Text

int Varchar(45)

int Varchar(45) Varchar(45) Varchar(45) Text Varchar Int

Coluna(s) da Tabela "Gênero" Nome Tipo de Dado

int Varchar(45)

Imagem_livro Escritor_livro ID_usuario

Varchar(45) Varchar(45) Int

NOT NULL NOT NULL NOT NULL

Imagem do livro Nome do escritor do livro ID (ou código) do usuário

No No No

Coluna(s) da Tabela "Mês" Nome Tipo de Dado

Null

Comentário

ID_MES Mes

NOT NULL NOT NULL

ID (ou código) do mês Nome do mês

Is PK Yes No

Is FK No No

Coluna(s) da Tabela "Postagem" Nome Tipo de Dado

Null

Comentário

ID_POSTAGEM ID_usuarip Titulo Imagem Texto

NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

ID (ou código) da postagem ID (ou código) do usuário Titulo da postagem Imagem da postagem Conteúdo da postagem

Is PK Yes No No No No

Is FK Yes Yes No No No

Coluna(s) da Tabela "Tema" Nome Tipo de Dado

Null

Comentário

ID_TEMA Tema

NOT NULL NOT NULL

ID (ou código) do tema Nome do tema

Is PK Yes No

Is FK No No

Coluna(s) da Tabela "Termo" Nome Tipo de Dado

Null

Comentário

ID_TERMO Termo

NOT NULL NOT NULL

ID (ou código) dos termos de uso Conteúdo do termo de uso

Is PK Yes No

Is FK No No

Coluna(s) da Tabela "Tese" Nome Tipo de Dado

Null

Comentário

ID_TESE Usuario_tese Titulo_tese Imagem_tese Texto_tese

NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

ID (ou código) da tese Usuário que postou a tese Título da tese Imagem da tese Conteúdo da tese

Is PK Yes No No No No

Is FK No Yes No No No

Coluna(s) da Tabela "Usuário" Nome Tipo de Dado

Null

Comentário

ID_USUARIO Nome_usuario Sobrenome_usuario Email_usuario Senha_usuario Genero_usuario Dia_usuario Mes_usuario Ano_usuario Descricao_usuario

NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL

ID (ou código) do usuário Nome do usuário Sobrenome do usuário Email do usuário Senha do usuário Gênero do usuário Dia do nascimento do usuario Mês do nascimento do usuário Ano do nascimento do usuário Descrição do usuário

Is PK Yes No No No No No No No No No

Is FK Yes No No No No No No No No No

int Varchar(45)

int Int Varchar(45) Varchar(45) Text

int Varchar(45)

int Varchar(45) Varchar(45) Varchar(45) Text

int Varchar(45) Varchar(45) Varchar(45) Varchar(45) Varchar(45) Varchar(45) Varchar(45) Varchar(45) Varchar(45)

Formacao_usuarioq Imagem_usuario

Varchar(45) Varchar(45)

NOT NULL NOT NULL

Formação do usuário Imagem do usuário

No No

5. Considerações finais

A elaboração desse projeto só foi possível, porque o grupo se manteve unido durante todo o tempo, em prol da realização desse projeto, apesar das dificuldades que surgiram durante a elaboração do mesmo, se no inicio o desenvolvimento de uma identidade visual para o projeto foi algo demorado, e complicado, o desenvolvimento do fórum e do modulo administrativo também se mostrou uma tarefa que querer calma, e paciência. Mas o grupo conseguiu vencer as dificuldades e concluir esse projeto. Os problemas que foram expostos no início do projeto acabaram por se “resolver” de acordo com o planejado, a “confiança” dos usuários vem em parte pela estética simplista, mas bem desenvolvida do site, e também conforme o usuário conhece o site e percebe que quem faz o conteúdo de um fórum é ele próprio, então, o principio da reciprocidade é algo que o usuário de um fórum deve sempre ter em mente. A navegalidade do site também foi desenvolvida de forma simples, poucos links no menu horizontal, e link bem nomeados, para que o usuário tenha facilidade na hora de navegar pelo site. Para o futuro, seria interessante a criação de rótulos secundários dentro dos já existentes (Metafisica, estética, ética, lógica), para facilitar a procura por conteúdo similar, e também uma área somente para dúvidas, já que atualmente dúvidas devem ser postadas de acordo com o tema da dúvida (por exemplo, dúvida sobre metafísica deve ser postada em metafísica), uma área só para dúvidas com certeza ajudaria a encorajar o usuário a postar suas dúvidas sabendo que ele não será zombado ou desrespeitado.

Referências bibliográficas

BARCELLOS, M. Do Broadcast ao Socialcast. Editora W3, 2009. Disponível em: <http://www.slideshare.net/idegasperi/do-broadcast-ao-socialcast-3009196>. BERNERS-LEE, T. Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web. Editora HarperSanFrancisco, 1999. CASTELLS, M. A galáxia da internet: uma reflexão sobre a internet, os negócios e a sociedade.

Rio

Janeiro:

Jorge

Zahar

Editora,

2003.

Disponível

em:

<http://books.google.com.br/books?id=nCKFFmWOnNYC&pg=PA7&dq=redes+socia is&source=gbs_toc_r&cad=4#v=onepage&q=redes%20sociais&f=false> FIREBAUGH, D. Social Media Marketing-The Psychology of Social Media-The 7 A’s. Disponível em: <http://socialmediablogster.com/social-media-marketing-the-psycholo gy-of-social-media-the-7-as/>. Acesso em 25 de julho de 2011. FOLHA DE SÃO PAULO. Entenda o que é Web 2.0, 2006. Disponível em: <http://www1.folha.uol.com.br/folha/informatica/ult124u20173.shtml >. Acesso em: 24 de julho de 2011. LEFEVRE, L. Mídias sociais em linguagem simples. Disponível em: <http://www. commoncraft.com/video/mídias-sociais-em-linguagem-simples> MARTIS, G. Youtube você vendo e fazendo. 2009. Disponível em: <http://www.midia social.com.br/home/youtube.asp>. Acesso em 25 de julho de 2011. SILVA,

que

interatividade.

[S.I.]:

SENAC.

Disponível

em:

<http://www.senac.br/informativo/BTS/242/boltec242d.htm.>. Acesso em: 05 de outubro de 2011. WIKIPÉDIA. Desenvolvido pela Wikimedia Foundation. Apresenta conteúdo enciclopédico. Disponivel em:

<http://wikipedia.org/w/index.php?title=Comunica%

C3%A7%C3%A3o_de_massa&oldid=5794777>. Acesso em: 25 Abr 2007> Acesso em 22 de julho de 2011. 44

Anexos A. C贸digos Index <?php require('../../arq/conexao.php');

session_start(); $id = $_SESSION['id']; $usu = $_SESSION['usuario'];

$usuario = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$id'"); $ola = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$id'"); $teses = mysql_query("SELECT * FROM TESE ORDER BY ID_TESE DESC"); $livros = mysql_query("SELECT * FROM LIVRO ORDER BY ID_LIVRO DESC"); $filmes = mysql_query("SELECT * FROM FILME ORDER BY ID_FILME DESC"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?php $title = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$id'");

while($nome = mysql_fetch_array($title)){ echo '<title>Outbox - ' . $nome['NOME_USUARIO'] . ' ' . $nome['SOBRENOME_USUARIO'] . '</title>'; } ?> <link href="../../css/modelo_css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('../../img/menu/home_click.png','../../img/menu/teses_click.png','../../img/menu/perfil_click.png','../../i mg/menu/filmeslivros_click.png')"> <div class="tudo"> <div class="topo"> <div class="logo"> <a href="index.php"><img src="../../img/logo.png" width="254" height="71" vspace="20" align="left" /></a></div> <div> <form action="../login.php" name="login" method="post"> <table border="0" align="right" class="login"> <tr> <td><a href="http://www.facebook.com/pages/Outbox/117850451643990"><img src="../../img/facebook.png" alt="" width="15" height="15" hspace="5" /></a><a href="http://twitter.com/outbox_real"><img src="../../img/twitter.png" alt="" width="15" height="15" hspace="5" /></a></td> <td colspan="2" align="right"> <?php $meses = array (1 => "Janeiro", 2 => "Fevereiro", 3 => "Marรงo", 4 => "Abril", 5 => "Maio", 6 => "Junho", 7 => "Julho", 8 => "Agosto", 9 => "Setembro", 10 => "Outubro", 11 => "Novembro", 12 => "Dezembro"); $diasdasemana = array (1 => "Segunda-Feira",2 => "Terรงa-Feira",3 => "Quarta-Feira",4 => "Quinta-Feira",5 => "Sexta-Feira",6 => "Sรกbado",0 => "Domingo"); $hoje = getdate(); $dia = $hoje["mday"]; $mes = $hoje["mon"]; $nomemes = $meses[$mes]; $ano = $hoje["year"]; $diadasemana = $hoje["wday"]; $nomediadasemana = $diasdasemana[$diadasemana]; echo "$nomediadasemana, $dia de $nomemes de $ano"; ?> </td> </tr> <tr> <td colspan="3" align="right"> <?php while($selNomeUsu = mysql_fetch_array($ola)){

echo 'Olá, ' . $selNomeUsu['NOME_USUARIO']; } ?> </td> </tr> <tr> <td colspan="3" align="right"><a href="../sair.php" class="sairLink">Sair</a></td> </tr> </table> </form> </div> </div> <div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../../img/menu/home_click.png',1)"><img src="../../img/menu/home.png" name="home" width="180" height="20" border="0" id="home" /></a> <a href="teses.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../../img/menu/teses_click.png',1)"><img src="../../img/menu/teses.png" name="Image5" width="180" height="20" border="0" id="Image5" /></a> <a href="perfil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('perfil','','../../img/menu/perfil_click.png',1)"><img src="../../img/menu/perfil.png" name="perfil" width="180" height="20" border="0" id="perfil" /></a> <a href="filmeslivros.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmeslivros','','../../img/menu/filmeslivros_click.png',1)"><img src="../../img/menu/filmeslivros.png" name="filmeslivros" width="180" height="20" border="0" id="filmeslivros" /></a> </div> <div class="conteudo"> <div class="esquerda"> <table border="0" width="680"> <tr> <td class="titulo_div" colspan="2">Proposições</td> </tr> <?php $t = 1; while($selTeses = mysql_fetch_array($teses) and $t <= 3){ echo '<tr>'; echo '<td rowspan="3" width="60"><img src="' . $selTeses['IMAGEM_TESE'] . '"/></td>'; echo '<td class="nome"><a href="tese.php?link=' . $selTeses['ID_TESE'] . '">' . $selTeses['TITULO_TESE'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>' . substr($selTeses['TEXTO_TESE'],0,200) . '...</td>'; echo '</tr>'; echo '<tr>'; echo '<td align="right" class="detalhes">Comentarios</td>'; echo '</tr>'; $t++;

} ?> </table> <br> <table border="0" width="680"> <tr> <td class="titulo_div" colspan="2">Livros</td> </tr> <?php $l = 1; while($selLivros = mysql_fetch_array($livros) and $l <= 3){ echo '<tr>'; echo '<td rowspan="3" width="60"><img src="' . $selLivros['IMAGEM_LIVRO'] . '"/></td>'; echo '<td class="nome"><a href="livro.php?link=' . $selLivros['ID_LIVRO'] . '">' . $selLivros['NOME_LIVRO'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>' . substr($selLivros['CRITICA_LIVRO'],0,200) . '...</td>'; echo '</tr>'; echo '<tr>'; echo '<td align="right" class="detalhes">Comentarios</td>'; echo '</tr>'; $l++; } ?> </table> <br> <table border="0" width="680"> <tr> <td class="titulo_div" colspan="2">Filmes</td> </tr> <?php $f = 1; while($selFilmes = mysql_fetch_array($filmes) and $f <= 2){ echo '<tr>'; echo '<td rowspan="3" width="60"><img src="' . $selFilmes['IMAGEM_FILME'] . '"/></td>'; echo '<td class="nome"><a href="filme.php?link=' . $selFilmes['ID_FILME'] . '">' . $selFilmes['NOME_FILME'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>' . substr($selFilmes['CRITICA_FILME'],0,200) . '...</td>'; echo '</tr>'; echo '<tr>'; echo '<td align="right" class="detalhes">Comentarios</td>'; echo '</tr>';

$f++; } ?> </table> <p>&nbsp;</p> </div> <div class="direita"> <form action="busca.php" name="formBusca"> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txtBusca" /></td> <td><input type="image" src="../../img/botao_buscar.png"></td> </tr> </table> </form> <p><object type="application/x-shockwave-flash" data="../../img/banner_lateral_02.swf" width="300" height="400"></object></p> </div> </div> <div class="rodape"> <p class="rodape"> <span class="footer">OutBox - Brasil (Português) <a href="../rodape_vis/anuncio.php">Anúncio</a>&nbsp; <a href="../rodape_vis/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="../rodape_vis/privacidade.php">Privacidade</a>&nbsp; <a href="../rodape_vis/sobre.php">Sobre</a>&nbsp; <a href="../rodape_vis/termos.php">Termos</a> </span> <br> <img src="../../img/logo_nobreak.png" width="80" height="20" /> </p> </div> </div> </body> </html>

Perfil <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox</title>

<form action="login.php" method="post" name="formLogin"> <center></center> <p>&nbsp;</p> <table border="0" align="center"> <tr> </td> </tr> <tr> <td>Login:</td> <td><input type="text" name="txtEmail" id="txt" class="txt"/></td> </tr> <tr> <td>Senha:</td> <td><input type="password" name="txtSenha" id="txt" class="txt" /></td> </tr> <tr> <td>&nbsp;</td> <td align="right"><input type="image" src="../img/botao_login.png" /></td> </tr>

</table>

<p><a href="esqueceu.php">Esqueceu sua senha?</a> | <a href="cadastro.php">Cadastrar-se</a></p> </form> </div> </div>

<div class="rodape"> <p class="rodape"> <span class="footer">OutBox - Brasil (Português) <a href="../rodape/anuncio.php">Anúncio</a>&nbsp; <a href="../rodape/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="../rodape/privacidade.php">Privacidade</a>&nbsp; <a href="../rodape/sobre.php">Sobre</a>&nbsp; <a href="../rodape/termos.php">Termos</a> </span> <br> <img src="../img/logo_nobreak.png" width="80" height="20" /></p> </div> </div>  </body> </html>

Livros e Filmes <?php require('../arq/conexao.php'); $link = $_REQUEST['link']; $livros = mysql_query("SELECT * FROM LIVRO WHERE CATEGORIA_LIVRO='$link' ORDER BY ID_LIVRO DESC"); $filmes = mysql_query("SELECT * FROM FILME WHERE CATEGORIA_FILME='$link' ORDER BY ID_FILME DESC"); $categoria = mysql_query("SELECT * FROM CATEGORIAS_FILMESLIVROS ORDER BY CATEGORIA ASC"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Outbox - Livros e filmes</title> <link href="../css/modelo_css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('../img/menu/home_click.png','../img/menu/teses_click.png','../img/menu/perfil_click.png','../img/me nu/filmeslivros_click.png')"> <div class="tudo"> <div class="topo"> <div class="logo"> <a href="../index.php"><img src="../img/logo.png" width="254" height="71" vspace="20" align="left" /></a></div> <div> <form action="login.php" name="login" method="post"> <table border="0" align="right" class="login"> <tr> <td>Login:</td>

<td colspan="2">Senha:</td> </tr> <tr> <td><input type="text" name="txtEmail" id="txt" class="txtLogin"/></td> <td><input type="password" name="txtSenha" id="txt" class="txtLogin"/></td> <td><input type="image" src="../img/botao_login.png"></td> </tr> <tr> <td colspan="5"><a href="esqueceu.php">Esqueceu sua senha?</a> | <a href="cadastro.php">Cadastre-se</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <a href="http://www.facebook.com/pages/Outbox/117850451643990"><img src="../img/facebook.png" width="15" height="15" /></a>&nbsp;&nbsp;<a href="http://twitter.com/outbox_real"><img src="../img/twitter.png" width="15" height="15" /></a></td> </tr> </table> </form> </div> </div> <div class="menu"> <a href="../index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../img/menu/home_click.png',1)"><img src="../img/menu/home.png" name="home" width="180" height="20" border="0" id="home" /></a> <a href="teses.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../img/menu/teses_click.png',1)"><img src="../img/menu/teses.png" name="Image5" width="180" height="20" border="0" id="Image5" /></a> <a href="perfil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('perfil','','../img/menu/perfil_click.png',1)"><img src="../img/menu/perfil.png" name="perfil" width="180" height="20" border="0" id="perfil" /></a> <a href="filmeslivros.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmeslivros','','../img/menu/filmeslivros_click.png',1)"><img src="../img/menu/filmeslivros.png" name="filmeslivros" width="180" height="20" border="0" id="filmeslivros" /></a> </div> <div class="conteudo"> <div class="esquerda"> <table border="0" width="700"> <tr> <td colspan="2" class="titulo_div">Livros</td> </tr> <?php $l = 1;

while($selLivros = mysql_fetch_array($livros) and $l <= 6){ echo '<tr>'; echo '<td rowspan="3" width="60"><img src="usuario/filmeslivros/' . $selLivros['IMAGEM_LIVRO'] . '"/></td>'; echo '<td class="nome"><a href="livro.php?link=' . $selLivros['ID_LIVRO'] . '">' . $selLivros['NOME_LIVRO'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>' . substr($selLivros['CRITICA_LIVRO'],0,200) . '...</td>'; echo '</tr>'; echo '<tr>'; echo '<td align="right" class="detalhes">Comentarios</td>'; echo '</tr>'; $l++; } ?> </table> <br> <table border="0" width="700"> <tr> <td colspan="2" class="titulo_div">Filmes</td> </tr> <?php $f = 1; while($selFilmes = mysql_fetch_array($filmes) and $f <= 4){ echo '<tr>'; echo '<td rowspan="3" width="60"><img src="usuario/filmeslivros/' . $selFilmes['IMAGEM_FILME'] . '"/></td>'; echo '<td class="nome"><a href="filme.php?link=' . $selFilmes['ID_FILME'] . '">' . $selFilmes['NOME_FILME'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>' . substr($selFilmes['CRITICA_FILME'],0,200) . '...</td>'; echo '</tr>'; echo '<tr>'; echo '<td align="right" class="detalhes">Comentarios</td>'; echo '</tr>'; $f++;

} ?> </table> <p>&nbsp;</p> </div> <div class="direita"> <form action="busca.php" name="formBusca"> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txtBusca" /></td> <td><input type="image" src="../img/botao_buscar.png"></td> </tr> </table> </form> <p> <table border="0" align="right"> <?php while($selCategoria = mysql_fetch_array($categoria)){ echo '<tr>'; echo '<td align="right"><a href="filmeslivros_cat.php?link=' . $selCategoria['LINK'] . '">' . $selCategoria['CATEGORIA'] . '</a></td>'; echo '</tr>'; } ?> <tr> <td>&nbsp;</td> </tr> </table> </p> <p><object type="application/x-shockwave-flash" data="../img/banner_lateral_02.swf" width="300" height="400"></object></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </div> </div>

<div class="rodape"> <p class="rodape"><span class="footer">OutBox - Brasil (Português) <a href="rodape_vis/anuncio.php">Anúncio</a>&nbsp; <a href="rodape_vis/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="rodape_vis/privacidade.php">Privacidade</a>&nbsp; <a href="rodape_vis/sobre.php">Sobre</a>&nbsp; <a href="rodape_vis/termos.php">Termos</a></span><br> <img src="../img/logo_nobreak.png" width="80" height="20" /> </p> </div> </div> </body> </html>

Proposições <?php require('../arq/conexao.php');

$teses = mysql_query("SELECT * FROM TESE ORDER BY ID_TESE DESC"); $categoria = mysql_query("SELECT * FROM CATEGORIAS_TESES ORDER BY CATEGORIA ASC"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Teses</title> <link href="../css/modelo_css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('../img/menu/home_click.png','../img/menu/teses_click.png','../img/menu/perfil_click.png','../img/me nu/filmeslivros_click.png')"> <div class="tudo"> <div class="topo"> <div class="logo"><a href="../index.php"><img src="../img/logo.png" width="254" height="71" vspace="20" align="left" /></a></div> <div> <form action="login.php" name="login" method="post"> <table border="0" align="right" class="login"> <tr> <td>Login:</td> <td colspan="2">Senha:</td> </tr> <tr> <td><input type="text" name="txtEmail" id="txt" class="txtLogin"/></td> <td><input type="password" name="txtSenha" id="txt" class="txtLogin"/></td> <td><input type="image" src="../img/botao_login.png"></td> </tr> <tr> <td colspan="5"><a href="esqueceu.php">Esqueceu sua senha?</a> | <a href="cadastro.php">Cadastre-se</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <a href="http://www.facebook.com/pages/Outbox/117850451643990"><img src="../img/facebook.png" width="15" height="15" /></a>&nbsp;&nbsp;<a href="http://twitter.com/outbox_real"><img src="../img/twitter.png" width="15" height="15" /></a></td> </tr> </table>

</form> </div> </div> <div class="menu"> <a href="../index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../img/menu/home_click.png',1)"><img src="../img/menu/home.png" name="home" width="180" height="20" border="0" id="home" /></a> <a href="teses.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../img/menu/teses_click.png',1)"><img src="../img/menu/teses.png" name="Image5" width="180" height="20" border="0" id="Image5" /></a> <a href="perfil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('perfil','','../img/menu/perfil_click.png',1)"><img src="../img/menu/perfil.png" name="perfil" width="180" height="20" border="0" id="perfil" /></a> <a href="filmeslivros.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmeslivros','','../img/menu/filmeslivros_click.png',1)"><img src="../img/menu/filmeslivros.png" name="filmeslivros" width="180" height="20" border="0" id="filmeslivros" /></a> </div> <div class="conteudo"> <div class="esquerda"> <table border="0" width="700"> <tr> <td colspan="2" class="titulo_div">Proposições</td> </tr> <?php $t = 1; while($selTeses = mysql_fetch_array($teses) and $t <= 10){ echo '<tr>'; echo '<td rowspan="3" width="60"><img src="usuario/teses/' . $selTeses['IMAGEM_TESE'] . '"/></td>'; echo '<td class="nome"><a href="tese.php?link=' . $selTeses['ID_TESE'] . '">' . $selTeses['TITULO_TESE'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>' . substr($selTeses['TEXTO_TESE'],0,200) . '...</td>'; echo '</tr>'; echo '<tr>'; echo '<td align="right" class="detalhes">Comentarios</td>'; echo '</tr>'; $t++; } ?>

</table> </div> <div class="direita"> <form action="busca.php" name="formBusca"> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txtBusca" /></td> <td><input type="image" src="../img/botao_buscar.png"></td> </tr> </table> </form> <p> <table border="0" align="right"> <?php while($selCategoria = mysql_fetch_array($categoria)){ echo '<tr>'; echo '<td align="right"><a href="teses_cat.php?link=' . $selCategoria['LINK'] . '">' . $selCategoria['CATEGORIA'] . '</a></td>'; echo '</tr>'; } ?> <tr> <td>&nbsp;</td> </tr> </table> </p> <p><object type="application/x-shockwave-flash" data="../img/banner_lateral_02.swf" width="300" height="400"></object></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </div> </div> <div class="rodape"> <p class="rodape"> <span class="footer">OutBox - Brasil (PortuguĂŞs)

<a href="rodape_vis/anuncio.php">AnĂşncio</a>&nbsp; <a href="rodape_vis/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="rodape_vis/privacidade.php">Privacidade</a>&nbsp; <a href="rodape_vis/sobre.php">Sobre</a>&nbsp; <a href="rodape_vis/termos.php">Termos</a> </span> <br> <img src="../img/logo_nobreak.png" width="80" height="20" /> </p> </div> </div> </body> </html>

Cadastro <?php require('../arq/conexao.php');

$genero = mysql_query("SELECT * FROM GENERO"); $dia = mysql_query("SELECT * FROM DIA"); $mes = mysql_query("SELECT * FROM MES"); $ano = mysql_query("SELECT * FROM ANO ORDER BY ID_ANO DESC");

$termos = mysql_query("SELECT * FROM TERMO"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Cadastro</title> <link href="../css/modelo_css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('../img/menu/home_click.png','../img/menu/teses_click.png','../img/menu/perfil_click.png')"> <div class="tudo"> <div class="topo"> <div class="logo"><img src="../img/logo.png" width="254" height="71" vspace="20" align="left" /></div> <form action="paginas/login.php" name="login" method="post"> <table border="0" align="right" class="login"> <tr> <td>Login:</td> <td colspan="2">Senha:</td> </tr> <tr> <td><input type="text" name="txtEmail" id="txt" class="txtLogin"/></td> <td><input type="password" name="txtSenha" id="txt" class="txtLogin"/></td> <td><input type="image" src="../img/botao_login.png"></td> </tr> <tr>

<td colspan="5"><a href="esqueceu.php">Esqueceu sua senha?</a> | <a href="cadastro.php">Cadastre-se</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.facebook.com/pages/Outbox/117850451643990"><img src="../img/facebook.png" width="15" height="15" /></a> &nbsp;&nbsp;<a href="http://twitter.com/outbox_real"><img src="../img/twitter.png" width="15" height="15" /></a></td> </tr> </table> </form> </div> </div> <div class="menu"> <a href="../index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../img/menu/home_click.png',1)"><img src="../img/menu/home.png" name="home" width="180" height="20" border="0" id="home" /></a> <a href="teses.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../img/menu/teses_click.png',1)"><img src="../img/menu/teses.png" name="Image5" width="180" height="20" border="0" id="Image5" /></a> <a href="perfil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('perfil','','../img/menu/perfil_click.png',1)"><img src="../img/menu/perfil.png" name="perfil" width="180" height="20" border="0" id="perfil" /></a> <a href="filmeslivros.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmeslivros','','../img/menu/filmeslivros_click.png',1)"><img src="../img/menu/filmeslivros.png" name="filmeslivros" width="180" height="20" border="0" id="filmeslivros" /></a> </div> <div class="conteudo"> <div class="esquerda"> <form action="cadastro_action.php" method="post" name="formCadastro"> <table border="0"> <tr> <td class="titulo_div" colspan="4" align="left">Criar conta</td> </tr> <tr> <td class="cadastro_font2" align="left">Nome:</td> <td colspan="3"><input type="text" name="txtNome" maxlength="25" class="txt" size="30"></td> </tr> <tr> <td class="cadastro_font2" align="left">Sobrenome:</td> <td colspan="3"><input type="text" name="txtSobrenome" maxlength="25" class="txt" size="30"></td>

</tr> <tr> <td class="cadastro_font2" align="left">E-Mail:</td> <td colspan="3"><input type="text" name="txtEmail" maxlength="60" class="txt" size="30"></td> </tr> <tr> <td class="cadastro_font2" align="left">Senha:</td> <td colspan="3"><input type="password" name="pasSenha" maxlength="15" class="txt" size="30"></td> </tr> <tr> <td class="cadastro_font2" align="left">Confirma&ccedil;&atilde;o de senha:</td> <td colspan="3"><input type="password" name="conSenha" maxlength="15" class="txt" size="30"></td> </tr> <tr> <td class="cadastro_font2" align="left">G&ecirc;nero:</td> <td colspan="3" align="left"><select name="selGenero" class="cadastro_sele"> <?php while($seleGenero = mysql_fetch_array($genero)){ echo "<option value=" . $seleGenero ['GENERO'] . ">" . $seleGenero ['GENERO'] . "</option>"; } ?> </select></td> </tr> <tr> <td class="cadastro_font2" align="left">Data de nascimento:</td> <td colspan="3" align="left"><select name="selDia"> <?php while($seleDia = mysql_fetch_array($dia)){ echo "<option value=" . $seleDia ['DIA'] . ">" . $seleDia ['DIA'] . "</option>"; } ?> </select> <select name="selMes"> <?php

while($seleMes = mysql_fetch_array($mes)){ echo "<option value=" . $seleMes ['MES'] . ">" . $seleMes ['MES'] . "</option>"; } ?> </select> <select name="selAno"> <?php while($seleAno = mysql_fetch_array($ano)){ echo "<option value=" . $seleAno ['ANO'] . ">" . $seleAno ['ANO'] . "</option>"; } ?> </select></td> </tr> <tr> <td colspan="4">&nbsp;</td> </tr> </table> <table align="left"> <tr> <td align="left"><textarea name="txtMsg" cols="52" rows="10" id="txtMsg" disabled> <?php while($varTermos = mysql_fetch_array($termos)){ echo 'TERMOS DE USO: ' . $varTermos['TERMO']; } ?> </textarea></td> </tr> <tr> <td colspan="3" align="left"><input name="checkbox" type="checkbox" id="checkbox" checked="checked"/>Li e aceito termos</td> </tr> <tr> <td colspan="3" align="left"><input type="image" src="../img/botao_cadastrar.png" align="right"></td> </tr> </table>

<p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </form> </div> <div class="direita"> <p><object type="application/x-shockwave-flash" data="../img/banner_lateral_02.swf" width="300" height="400"></object></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </div> </div> <div class="rodape"> <p class="rodape"> <span class="footer">OutBox - Brasil (PortuguĂŞs) <a href="rodape_vis/anuncio.php">AnĂşncio</a>&nbsp; <a href="rodape_vis/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="rodape_vis/privacidade.php">Privacidade</a>&nbsp; <a href="rodape_vis/sobre.php">Sobre</a>&nbsp; <a href="rodape_vis/termos.php">Termos</a> </span> <br> <img src="../img/logo_nobreak.png" width="80" height="20" /> </p> </div> </body> </html>

Esqueceu a senha <?php require('../arq/conexao.php');

?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Recuperação de senha</title> <link href="../css/modelo_css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('../img/menu/home_click.png','../img/menu/teses_click.png','../img/menu/perfil_click.png','../img/me nu/filmeslivros_click.png')"> <div class="tudo"> <div class="topo">

<div class="logo"> <a href="../index.php"><img src="../img/logo.png" width="254" height="71" vspace="20" align="left" /></a></div> <div> <form action="login.php" name="login" method="post"> <table border="0" align="right" class="login"> <tr> <td>Login:</td> <td colspan="2">Senha:</td> </tr> <tr> <td><input type="text" name="txtEmail" id="txt" class="txtLogin"/></td> <td><input type="password" name="txtSenha" id="txt" class="txtLogin"/></td> <td><input type="image" src="../img/botao_login.png"></td>

</tr> <tr> <td colspan="5"><a href="esqueceu.php">Esqueceu sua senha?</a> | <a href="cadastro.php">Cadastre-se</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <a href="http://www.facebook.com/pages/Outbox/117850451643990"><img src="../img/facebook.png" width="15" height="15" /></a>&nbsp;&nbsp;<a href="http://twitter.com/outbox_real"><img src="../img/twitter.png" width="15" height="15" /></a></td> </tr> </table> </form> </div> </div> <div class="menu"> <a href="../index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../img/menu/home_click.png',1)"><img src="../img/menu/home.png" name="home" width="180" height="20" border="0" id="home" /></a> <a href="teses.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../img/menu/teses_click.png',1)"><img src="../img/menu/teses.png" name="Image5" width="180" height="20" border="0" id="Image5" /></a> <a href="perfil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('perfil','','../img/menu/perfil_click.png',1)"><img src="../img/menu/perfil.png" name="perfil" width="180" height="20" border="0" id="perfil" /></a> <a href="filmeslivros.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmeslivros','','../img/menu/filmeslivros_click.png',1)"><img src="../img/menu/filmeslivros.png" name="filmeslivros" width="180" height="20" border="0" id="filmeslivros" /></a> </div> <div class="conteudo">

<div class="esquerda"> <form action="esqueceu_action.php" method="post"> <table width="700" border="0" cellpadding="3"> <tr> <td colspan="3" class="titulo_div">Esqueceu sua Senha?</td> </tr> <tr> <td width="104">E-Mail:</td> <td width="265"><input type="text" name="txtEmail" id="txt" class="txt" /></td> <td width="317"><input type="image" src="../img/botao_enviar.png" /></td> </tr> </table> </form> <p>Diante da perca da senha o processo de recuperação é muito simples, digite seu <br>e-mail acima e mandaremos em imediato sua senha.</p> <p>Obs: o e-mail deve ser o mesmo da sua conta, pois apenas com ele o sistema consiguirá recuperar sua senha, caso o email nao esteja mais ativo a senha passa a ser irecuperavel.</p> </div> <div class="direita"> <form action="busca.php" name="formBusca"> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txtBusca" /></td> <td><input type="image" src="../img/botao_buscar.png"></td> </tr> </table> </form> <p><object type="application/x-shockwave-flash" data="../img/banner_lateral_02.swf" width="300" height="400"></object></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </div> </div> <div class="rodape"> <p class="rodape">

<span class="footer">OutBox - Brasil (PortuguĂŞs) <a href="rodape_vis/anuncio.php">AnĂşncio</a>&nbsp; <a href="rodape_vis/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="rodape_vis/privacidade.php">Privacidade</a>&nbsp; <a href="rodape_vis/sobre.php">Sobre</a>&nbsp; <a href="rodape_vis/termos.php">Termos</a> </span> <br> <img src="../img/logo_nobreak.png" width="80" height="20" /></p> </div> </div> </body> </html>

Login <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Login</title> <link href="../css/modelo_css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('../img/menu/home_click.png','../img/menu/teses_click.png','../img/menu/perfil_click.png','../img/me nu/filmeslivros_click.png')"> <div class="tudo"> <div class="topo"> <div class="logo"><a href="../index.php"><img src="../img/logo.png" width="254" height="71" vspace="20" align="left" /></a></div> <div></div> </div> <div class="menu"> <a href="../index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../img/menu/home_click.png',1)"><img src="../img/menu/home.png" name="home" width="180" height="20" border="0" id="home" /></a> <a href="teses.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../img/menu/teses_click.png',1)"><img src="../img/menu/teses.png" name="Image5" width="180" height="20" border="0" id="Image5" /></a> <a href="perfil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('perfil','','../img/menu/perfil_click.png',1)"><img src="../img/menu/perfil.png" name="perfil" width="180" height="20" border="0" id="perfil" /></a> <a href="filmeslivros.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmeslivros','','../img/menu/filmeslivros_click.png',1)"><img src="../img/menu/filmeslivros.png" name="filmeslivros" width="180" height="20" border="0" id="filmeslivros" /></a> </div> <div class="conteudo"> <div class="erroLogin"> <form action="login.php" method="post" name="formLogin"> <center></center> <table border="0" align="center"> <tr> <td colspan="2"> <?php require('../arq/conexao.php');

$txtEmail = $_POST['txtEmail']; $txtSenha = $_POST['txtSenha'];

$login = mysql_query("SELECT * FROM USUARIO WHERE EMAIL_USUARIO='$txtEmail' AND SENHA_USUARIO='$txtSenha'");

if(mysql_num_rows ($login) >= 1){ $dados = mysql_fetch_array($login); $id = $dados['ID_USUARIO']; $email = $dados['EMAIL_USUARIO'];

session_start(); $_SESSION['id'] = $id; $_SESSION['usuario'] = $email;

echo '<script language="javascript">window.location.href="usuario/perfil.php"</script>'; } else{ echo'<center><br><br><span class="aviso">Login e/ou Senha incorreto(s)</span>'; } ?> </td> </tr> <tr> <td>Login:</td> <td><input type="text" name="txtEmail" id="txt" class="txt"/></td> </tr> <tr> <td>Senha:</td> <td><input type="password" name="txtSenha" id="txt" class="txt" /></td> </tr> <tr> <td>&nbsp;</td> <td align="right"><input type="image" src="../img/botao_login.png" /></td> </tr>

</table> <p><a href="esqueceu.php">Esqueceu sua senha?</a> | <a href="cadastro.php">Cadastrar-se</a></p> </form> </div> </div> <div class="rodape"> <p class="rodape"> <span class="footer">OutBox - Brasil (Português) <a href="../rodape/anuncio.php">Anúncio</a>&nbsp; <a href="../rodape/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="../rodape/privacidade.php">Privacidade</a>&nbsp; <a href="../rodape/sobre.php">Sobre</a>&nbsp; <a href="../rodape/termos.php">Termos</a> </span> <br> <img src="../img/logo_nobreak.png" width="80" height="20" /> </p> </div> </div> </body> </html>

Busca <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox</title>

} function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }

<div class="tudo"> <div class="topo"> <div class="logo"> <a href="../index.php"><img src="../img/logo.png" width="254" height="71" vspace="20" align="left" /></a> </div> <div> <form action="login.php" name="login" method="post"> <table border="0" align="right" class="login"> <tr> <td>Login:</td> <td colspan="2">Senha:</td> </tr> <tr>

<div class="esquerda"> <table width="680" border="0"> <tr> <td class="titulo_div">Resultados</td> </tr> </table> <h4>&nbsp;</h4>

</div> <div class="direita"> <form action="busca.php" name="formBusca"> <table border="0"> <tr> <td> <input type="text" name="txtBusca" id="txt" class="txtBusca" /></td> <td><input type="image" src="../img/botao_buscar.png"></td> </tr> </table> </form> <p> <object type="application/x-shockwave-flash" data="../img/banner_lateral_02.swf" width="300" height="400"></object> </p> </div>

</div> <div class="rodape"> <p class="rodape"> <span class="footer">OutBox - Brasil (Português) <a href="rodape_vis/anuncio.php">Anúncio</a>&nbsp; <a href="rodape_vis/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="rodape_vis/privacidade.php">Privacidade</a>&nbsp; <a href="rodape_vis/sobre.php">Sobre</a>&nbsp; <a href="rodape_vis/termos.php">Termos</a> </span> <br> <img src="../img/logo_nobreak.png" width="80" height="20" /></p> </div> </div>  </body> </html>

Editar Perfil <?php

require('../../arq/conexao.php');

session_start(); $id = $_SESSION['id']; $usu = $_SESSION['usuario'];

$genero = mysql_query("SELECT * FROM GENERO"); $d = mysql_query("SELECT * FROM DIA"); $m = mysql_query("SELECT * FROM MES"); $a = mysql_query("SELECT * FROM ANO ORDER BY ANO DESC");

$usuario = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$id'"); $ola = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$id'"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?php $title = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$id'");

} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('../../img/menu/home_click.png','../../img/menu/teses_click.png','../../img/menu/perfil_click.png','../../i mg/menu/filmeslivros_click.png')"> <div class="tudo"> <div class="topo"> <div class="logo"> <a href="index.php"><img src="../../img/logo.png" width="254" height="71" vspace="20" align="left" /></a></div> <div> <form action="../login.php" name="login" method="post"> <table border="0" align="right" class="login"> <tr> <td><a href="http://www.facebook.com/pages/Outbox/117850451643990"><img src="../../img/facebook.png" alt="" width="15" height="15" hspace="5" /></a><a href="http://twitter.com/outbox_real"><img src="../../img/twitter.png" alt="" width="15" height="15" hspace="5" /></a></td> <td colspan="2" align="right"> <?php $meses = array (1 => "Janeiro", 2 => "Fevereiro", 3 => "Marรงo", 4 => "Abril", 5 => "Maio", 6 => "Junho", 7 => "Julho", 8 => "Agosto", 9 => "Setembro", 10 => "Outubro", 11 => "Novembro", 12 => "Dezembro"); $diasdasemana = array (1 => "Segunda-Feira",2 => "Terรงa-Feira",3 => "Quarta-Feira",4 => "Quinta-Feira",5 => "Sexta-Feira",6 => "Sรกbado",0 => "Domingo"); $hoje = getdate(); $dia = $hoje["mday"]; $mes = $hoje["mon"]; $nomemes = $meses[$mes];

$ano = $hoje["year"]; $diadasemana = $hoje["wday"]; $nomediadasemana = $diasdasemana[$diadasemana];

echo "$nomediadasemana, $dia de $nomemes de $ano"; ?> </td> </tr> <tr> <td colspan="3" align="right"> <?php while($selNomeUsu = mysql_fetch_array($ola)){ echo 'Olรก, ' . $selNomeUsu['NOME_USUARIO']; } ?> </td> </tr> <tr> <td colspan="3" align="right"><a href="sair.php" class="sairLink">Sair</a></td> </tr> </table> </form> </div> </div> <div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','../../img/menu/home_click.png',1)"><img src="../../img/menu/home.png" name="home" width="180" height="20" border="0" id="home" /></a> <a href="teses.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../../img/menu/teses_click.png',1)"><img src="../../img/menu/teses.png" name="Image5" width="180" height="20" border="0" id="Image5" /></a> <a href="perfil.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('perfil','','../../img/menu/perfil_click.png',1)"><img src="../../img/menu/perfil.png" name="perfil" width="180" height="20" border="0" id="perfil" /></a> <a href="filmeslivros.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('filmeslivros','','../../img/menu/filmeslivros_click.png',1)"><img src="../../img/menu/filmeslivros.png" name="filmeslivros" width="180" height="20" border="0" id="filmeslivros" /></a> </div> <div class="conteudo">

<div class="esquerda"> <?php while($selUsuario = mysql_fetch_array($usuario)){ echo '<form action="altera_usuario.php" method="post" enctype="multipart/form-data">'; echo '<table border="0">'; echo '<tr>'; echo '<td class="titulo_div" colspan="2">Editar Perfil</td>'; echo '</tr>'; echo '<tr>'; echo '<td width="188">Nome:</td>'; echo '<td width="482"><input type="text" name="txtNome" id="txt" class="txtEdit" value="' . $selUsuario['NOME_USUARIO'] . '"></td>'; echo '</tr>'; echo '<tr>'; echo '<td>Sobrenome:</td>'; echo '<td><input type="text" name="txtSobrenome" id="txt2" class="txtEdit" value="' . $selUsuario['SOBRENOME_USUARIO'] . '"></td>'; echo '</tr>'; echo '<tr>'; echo '<td>E-Mail:</td>'; echo '<td><input type="text" name="txtEmail" id="txt3" class="txtEdit" value="' . $selUsuario['EMAIL_USUARIO'] . '"></td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="2">&nbsp;</td>'; echo '</tr>'; echo '<tr>'; echo '<td>Senha:</td>'; echo '<td><a href="senha.php" class="menuLink">Alterar Senha</a></td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="2">&nbsp;</td>'; echo '</tr>'; echo '<tr>'; echo '<td>Genero:</td>'; echo '<td>';

echo '<select name="seleGenero" class="cadastro_sele">'; while($selGenero = mysql_fetch_array($genero)){ if($selGenero['GENERO'] != $selUsuario['GENERO_USUARIO']){ echo '<option value="' . $selGenero['ID_GENERO'] . '">' . $selGenero['GENERO'] . '</option>'; } else{ echo '<option value="' . $selGenero['ID_GENERO'] . '" selected>' . $selGenero['GENERO'] . '</option>'; } } echo '</select>'; echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>Data de nascimento:</td>'; echo '<td>'; echo '<select name="seleDia">'; while($selDia = mysql_fetch_array($d)){ if($selDia['DIA'] != $selUsuario['DIA_USUARIO']){ echo '<option value="' . $selDia['ID_DIA'] . '">' . $selDia['DIA'] . '</option>'; } else{ echo '<option value="' . $selDia['ID_DIA'] . '" selected>' . $selDia['DIA'] . '</option>'; } } echo '</select>'; echo '<select name="seleMes">'; while($selMes = mysql_fetch_array($m)){ if($selMes['MES'] != $selUsuario['MES_USUARIO']){ echo '<option value="' . $selMes['ID_MES'] . '">' . $selMes['MES'] . '</option>'; } else{ echo '<option value="' . $selMes['ID_MES'] . '" selected>' . $selMes['MES'] . '</option>'; } } echo '</select>'; echo '<select name="seleAno">'; while($selAno = mysql_fetch_array($a)){

if($selAno['ANO'] != $selUsuario['ANO_USUARIO']){ echo '<option value="' . $selAno['ID_ANO'] . '">' . $selAno['ANO'] . '</option>'; } else{ echo '<option value="' . $selAno['ID_ANO'] . '" selected>' . $selAno['ANO'] . '</option>'; } } echo '</select>'; echo '</td>'; echo '</tr>'; echo '<tr>'; echo '<td>Formação:</td>'; echo '<td><input type="text" name="txt" id="txt4" class="txtEdit" value="' . $selUsuario['FORMACAO_USUARIO'] . '"></td>'; echo '</tr>'; echo '<tr>'; echo '<td>Imagem:</td>'; echo '<td><input type="file" name="imagem"></td>'; echo '</tr>'; echo '<tr>'; echo '<td>Descrição:</td>'; echo '<td><textarea name="txt2" class="txtAreaEdit" id="txtDescricao">' . $selUsuario['DESCRICAO_USUARIO'] . '</textarea></td>'; echo '</tr>'; echo '<tr>'; echo '<td>&nbsp;</td>'; echo '</tr>'; echo '<tr>'; echo '<td align="center" colspan="2"><input type="image" src="../../img/botao_enviar.png" /></td>'; echo '</tr>'; echo '</table>'; echo '</form>'; } ?> <h4>&nbsp;</h4> </div> <div class="direita">

<form action="busca.php" name="formBusca"> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txtBusca" /></td> <td><input type="image" src="../../img/botao_buscar.png"></td> </tr> </table> </form> <div class="menuLat"> <table width="400" border="0" class="menuLat"> <tr> <td class="titulo_div">Menu</td> </tr> <tr> <td><a href="link.php" class="menuLink">Link's</a></td> </tr> <tr> <td><a href="link_usu.php" class="menuLink">Meus Link's</a></td> </tr> <tr> <td><a href="teses_usu.php" class="menuLink">Minhas Teses</a></td> </tr> <tr> <td><a href="filmes_usu.php" class="menuLink">Meus Filmes</a></td> </tr> <tr> <td><a href="livros_usu.php" class="menuLink">Meus Livros</a></td> </tr> <tr> <td class="editarPerfil"><a href="editar.php" class="menuLink">Editar Perfil</a></td> </tr> </table> </div> <p><object type="application/x-shockwave-flash" data="../../img/banner_lateral_02.swf" width="300" height="400"></object></p>

</div> </div> <div class="rodape"> <p class="rodape"> <span class="footer">OutBox - Brasil (Português) <a href="../rodape_vis/anuncio.php">Anúncio</a>&nbsp; <a href="../rodape_vis/desenvolvedores.php">Desenvolvedores</a>&nbsp; <a href="../rodape_vis/privacidade.php">Privacidade</a>&nbsp; <a href="../rodape_vis/sobre.php">Sobre</a>&nbsp; <a href="../rodape_vis/termos.php">Termos</a> </span> <br> <img src="../../img/logo_nobreak.png" width="80" height="20" /> </p> </div> </div> </body> </html>

Index do módulo administrativo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title>

function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }

<a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a></div> <br/> <img src="img/home_titulo.png" width="800" height="30" /> <h1>Bem Vindo ao Centro Administrativo</h1> <p>O centro administrativo disponibiliza total controle de todas as funções do site, no menu lateral você encontrará manuais de como ultilizar corretamente o centro administrativo.</p> <p>Cuidado ao alterar a senha, pois com a perca da senha administrativa apenas com a presença de um tecnico você consigurá recupera-lá.</p> <p>&nbsp;</p> </div> <div class="menuLat"> <br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="manual_usuarios.php">Manual Usuarios</a>

</p>

<p><a href="manual_conteudo.php">Manual Conteudo</a></p> <p><a href="manual_conf.php">Manual Configurações</a></p> </div> <div class="rodape"></div> </div> </body> </html>

Editar termos de uso <?php require('../arq/conexao.php');

//Dados banco $termos = mysql_query("SELECT * FROM TERMO"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title>

<div class="conteudo"> <div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a> </div> <br/> <img src="img/conf_titulo.png" width="800" height="30" /> <br/><br/> <p>&nbsp;</p> <form action="insere_termos.php" method="post"> <table border="0"> <tr> <td><textarea name="txtTermo"></textarea></td> </tr> <tr> <td><input type="submit" value="Inserir"></td> </tr> </table> </form> <table border="0"> <?php while($selTermos = mysql_fetch_array($termos)){ echo '<tr>'; echo '<td colspan="2">' . $selTermos['TERMO'] . '</td>'; echo '</tr>'; echo '<tr>';

echo '<td colspan="2"><hr></td>'; echo '</tr>'; echo '<tr>'; echo '<td><a href="alterar_termos.php?link=' . $selTermos['ID_TERMO'] . '">Alterar</a></td>'; echo '<td><a href="excluir_termos.php?link=' . $selTermos['ID_TERMO'] . '">Excluir</a></td>'; echo '</tr>'; } ?> </table> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="alterar.php">Alterar Administrador</a></p> <p><a href="termos.php">Termos</a></p> <p><a href="categorias.php">Categorias</a></p> </div> <div class="rodape"></div> </div> </body> </html>

Editar e alterar categorias <?php require('../arq/conexao.php');

$tema = mysql_query("SELECT * FROM CATEGORIAS_TESES") or die("Erro"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title>

<div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a> </div> <br/> <img src="img/conf_titulo.png" width="800" height="30" /> <br/><br/> <p>&nbsp;</p> <form action="insere_categorias.php" method="post"> <table border="0"> <tr> <td>Categoria:</td> <td><input type="text" name="txtCategorias"></td> </tr> <tr> <td>Link:</td> <td><input type="text" name="txtLink"></td> </tr> <tr> <td>&nbsp;</td> <td><input type="submit" value="Insere"></td> </tr> </table> </form> <table border="0"> <?php while($selCategorias = mysql_fetch_array($tema)){

echo '<tr>'; echo '<td>' . $selCategorias['CATEGORIA'] . '</td>'; echo '<td>&nbsp;</td>'; echo '<td>' . $selCategorias['LINK'] . '</td>'; echo '<td>&nbsp;</td>'; echo '<td><a href="alterar_categorias.php?link=' . $selCategorias['ID_CATEGORIA'] . '">Alterar</a></td>'; echo '<td>&nbsp;</td>'; echo '<td><a href="excluir_categorias.php?link=' . $selCategorias['ID_CATEGORIA'] . '">Excluir</a></td>'; echo '</tr>'; } ?> </table> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="alterar.php">Alterar Administrador</a></p> <p><a href="termos.php">Termos</a></p> <p><a href="categorias.php">Categorias</a></p> </div> <div class="rodape"></div> </div> </body> </html> <?php require('../arq/conexao.php');

$link = $_REQUEST['link'];

//Dados banco $tema = mysql_query("SELECT * FROM CATEGORIAS_TESES WHERE ID_CATEGORIA='$link'"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

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

<div class="top"> <img src="img/banner_div.png" width="1024" height="100" /> </div> <div class="conteudo"> <div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a> </div> <br/> <img src="img/conf_titulo.png" width="800" height="30" /> <br/><br/> <p>&nbsp;</p> <?php while($selTema = mysql_fetch_array($tema)){ echo '<form action="altera_tema.php?link=' . $selTema['ID_CATEGORIA'] . '" method="post">'; echo '<table border="0">'; echo '<tr>'; echo '<td>Tema:</td>'; echo '<td><input type="text" name="txtCategorias" value="' . $selTema['CATEGORIA'] . '"></td>'; echo '</tr>'; echo '<tr>'; echo '<td>Link:</td>'; echo '<td><input type="text" name="txtLink" value="' . $selTema['LINK'] . '"></td>'; echo '</tr>'; echo '<tr>'; echo '<td>&nbsp;</td>'; echo '<td><input type="submit" value="Alterar"></td>';

echo '</tr>'; echo '</table>'; echo '</form>'; } ?> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="alterar.php">Alterar Administrador</a></p> <p><a href="termos.php">Termos</a></p> <p><a href="categorias.php">Categorias</a></p> </div> <div class="rodape"></div> </div> </body> </html>

Editar postagens <?php require('../arq/conexao.php');

$link = $_REQUEST['link'];

$teses = mysql_query("SELECT * FROM TESE WHERE ID_TESE='$link'"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title>

} function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

<a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a> </div> <br/> <img src="img/cont_titulo.png" width="800" height="30" /> <br/><br/> <p>&nbsp;</p> <table border="0"> <?php while($selTeses = mysql_fetch_array($teses)){ $usu = $selTeses['USUARIO_TESE']; $usuario = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$usu'");

echo '<tr>'; echo '<td colspan="2">' . $selTeses['TITULO_TESE'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="2"><img src="' . $selTeses['IMAGEM_TESE'] . '"></td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="2">' . $selTeses['TEXTO_TESE'] . '</td>'; echo '</tr>'; while($selUsuario = mysql_fetch_array($usuario)){ echo '<tr>'; echo '<td colspan="2"><a href="perfil.php?link=' . $selUsuario['ID_USUARIO'] . '">' . $selUsuario['NOME_USUARIO'] . ' ' .$selUsuario['SOBRENOME_USUARIO'] . '</a></td>'; echo '</tr>';

} echo '<tr>'; echo '<td>&nbsp;</td>'; echo '</tr>'; echo '<tr>'; echo '<td><a href="excluir_tese.php?link=' . $selTeses['ID_TESE'] . '">Excluir</a></td>'; echo '</tr>'; } ?> </table> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="teses.php">Teses</a></p> <p><a href="filmes.php">Filmes</a></p> <p><a href="livros.php">Livros</a></p> <p><a href="anuncio.php">AnĂşncios</a></p> </div> <div class="rodape"></div> </div> </body> </html> <?php require('../arq/conexao.php');

$link = $_REQUEST['link'];

$tese = mysql_query("SELECT * FROM TESE WHERE ID_TESE='$link'") or die("Erro"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Outbox - Centro Administrativo</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

<a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a> </div> <br/> <img src="img/usu_titulo.png" width="800" height="30" /> <br/><br/> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txt" /></td> <td><input type="image" src="img/botao_buscar.png"></td> </tr> </table> <p>&nbsp;</p> <table border="0"> <?php while($selTese = mysql_fetch_array($tese)){ echo 'Quer excluir a tese? <a href="exclui_tese.php?link=' . $selTese['ID_TESE'] . '">Sim</a><a href="tese.php?link=' . $selTese['ID_TESE'] . '">Não</a>'; } ?> </table> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="geral_usu.php">Visualização Geral</a></p> <p><a href="todos_usu.php">Vizualizar Todos</a></p>

100

<p><a href="senha_usu.php">Vizualizar Senha e E-mail</a></p> </div> <div class="rodape"></div> </div> </body> </html> <?php require('../arq/conexao.php');

$link = $_REQUEST['link'];

mysql_query("DELETE FROM TESE WHERE ID_TESE='$link'") or die("Erro"); echo '<script language="javascript">window.location.href="excluido.php"</script>'; ?>

Editar usuรกrio <?php require('../arq/conexao.php');

//Dados banco $usuarios = mysql_query("SELECT * FROM USUARIO ORDER BY NOME_USUARIO ASC"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

101

}

function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <link href="css/modelo_adm.css" rel="stylesheet" type="text/css" /> </head> <body onload="MM_preloadImages('img/menu/home_click.png','img/menu/usuarios_click.png','img/menu/conf_click.png','img/menu/sa ir_click.png','img/menu/conteudo_click.png')"> <div class="tudo"> <div class="top"> <img src="img/banner_div.png" width="1024" height="100" /> </div> <div class="conteudo"> <div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a>

102

</div> <br/> <img src="img/usu_titulo.png" width="800" height="30" /> <br/><br/> <form action="buscar_usuario.php" method="post"> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txt" /></td> <td><input type="image" src="img/botao_buscar.png"></td> </tr> </table> </form> <p>&nbsp;</p> <table border="0"> <?php while($selUsuarios = mysql_fetch_array($usuarios)){ echo '<tr>'; echo '<td rowspan="2"><img src="../' . $selUsuarios['IMAGEM_USUARIO'] . '"></td>'; echo '<td colspan="3"><a href="perfil.php?link=' . $selUsuarios['ID_USUARIO'] . '">' . $selUsuarios['NOME_USUARIO'] . ' ' . $selUsuarios['SOBRENOME_USUARIO'] . '</a></td>'; echo '</tr>'; echo '<tr>'; echo '<td>' . $selUsuarios['EMAIL_USUARIO'] . '</td>'; echo '<td>' . $selUsuarios['DIA_USUARIO'] . ' de ' . $selUsuarios['MES_USUARIO'] . ' de ' . $selUsuarios['ANO_USUARIO'] . '</td>'; echo '<td><a href="excluir_usuarios.php?link=' . $selUsuarios['ID_USUARIO'] . '">Excluir</a></td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="4"><hr></td>'; echo '</tr>'; } ?> </table> </div> <div class="menuLat"><br/>

103

<img src="img/sub.png" width="200" height="30" /> </p> <p><a href="geral_usu.php">Visualização Geral</a></p> <p><a href="todos_usu.php">Vizualizar Todos</a></p> <p><a href="senha_usu.php">Vizualizar Senha e E-mail</a></p> </div> <div class="rodape"></div> </div> </body> </html> <?php require('../arq/conexao.php');

$link = $_REQUEST['link'];

//Dados banco $usuario = mysql_query("SELECT * FROM USUARIO WHERE ID_USUARIO='$link'") or die("Erro"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

function MM_findObj(n, d) { //v4.01

104

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; }

105

<br/><br/> <form name="busca" action="busca_usu.php"> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txt" /></td> <td><input type="image" src="img/botao_buscar.png"></td> </tr> </table> </form> <p>&nbsp; </p> <table border="0"> <?php while($selUsuarios = mysql_fetch_array($usuario)){ echo 'Quer excluir o usuario? <a href="exclui_usuarios.php?link=' . $selUsuarios['ID_USUARIO'] . '">Sim</a><a href="perfil.php?link=' . $selUsuarios['ID_USUARIO'] . '">Não</a>'; } ?> </table> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="geral_usu.php">Visualização Geral</a></p> <p><a href="todos_usu.php">Vizualizar Todos</a></p> <p><a href="senha_usu.php">Vizualizar Senha e E-mail</a></p> </div> <div class="rodape"></div> </div> </body> </html> <?php require('../arq/conexao.php');

$link = $_REQUEST['link'];

106

mysql_query("DELETE FROM USUARIO WHERE ID_USUARIO='$link'") or die("Erro"); echo '<script language="javascript">window.location.href="excluido.php"</script>'; ?>

AnĂşncios <?php require('../arq/conexao.php');

$anuncio = mysql_query("SELECT * FROM ANUNCIO"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title>

function MM_swapImage() { //v3.0

107

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <link href="css/modelo_adm.css" rel="stylesheet" type="text/css" /> </head>

108

</tr> </table> <p>&nbsp;</p> <table border="0"> <?php while($selAnuncio = mysql_fetch_array($anuncio)){ echo '<tr>'; echo '<td colspan="2">' . $selAnuncio['TEXTO_ANUNCIO'] . '</td>'; echo '</tr>'; echo '<tr>'; echo '<td colspan="2"><hr></td>'; echo '</tr>'; echo '<tr>'; echo '<td><a href="responder_anuncio.php?link=' . $selAnuncio['ID_ANUNCIO'] . '">Responder</a></td>'; echo '<td><a href="excluir_anuncio.php?link=' . $selAnuncio['ID_ANUNCIO'] . '">Excluir</a></td>'; echo '</tr>'; } ?> </table> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="teses.php">Teses</a></p> <p><a href="filmes.php">Filmes</a></p> <p><a href="livros.php">Livros</a></p> <p><a href="anuncio.php">AnĂşncios</a></p> </div> <div class="rodape"></div> </div> </body> </html> <?php require('../arq/conexao.php');

109

$link = $_REQUEST['link'];

$strAnuncio = $_POST['txtResposta'];

$email = mysql_query("SELECT EMAIL_ANUNCIO FROM ANUNCIO WHERE ID_ANUNCIO='$link'");

if(mail($email,'Anuncios - Outbox',$strAnuncio)){ echo '<script language="javascript">window.location.href="enviado.php"</script>'; } else{ echo 'Falha ao enviar o email, por favor tente novamente mais tarde'; } ?>

Manual de adimistração do conteúdo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;

110

}

<div class="conteudo"> <div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a></div> <br/> <img src="img/home_titulo.png" width="800" height="30" /> <h1>Manual Conteudo </p> </h1> <p>O link conteudo é onde é alterado todas as informações postadas pelo usuario e pele administrador, no sub-link &quot;Anúncio&quot; é exposto e alterado os anuncios do site, e tambem os pedidos de anuncio feito atracez do formulario no rodapé.</p>

111

<h4>Teses</h4> </p> <p>No link teses o administrador pode excluir teses dos usuarios ou a dele mesmo e pode editar as teses.</p> <h4>Filmes</h4> </p> <p>No link filmes o administrador pode alterar o nome, imagem, diretor, ano ou a escritor/autor do filme, usuarios tambem podem postar filmes então ao deletar ou editar informações dele ele pode perceber, entao não o faça sem motivo.</p> <h4>Livros</h4> </p> <p>No link livros o administrador pode alterar o titulo, imagem, ano e escritor do livro, usuarios tambem podem postar livros então ao deletar ou editar informações dele ele pode perceber, entao não o faça sem motivo.</p> <h4>Anúncios</h4> </p> <p>No link anuncios é exposto os pedidos de anuncio e os anuncios do site.</p> <p></p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </div> <div class="menuLat"> <br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="manual_usuarios.php">Manual Usuarios</a>

</p>

<p><a href="manual_conteudo.php">Manual Conteudo</a></p> <p><a href="manual_conf.php">Manual Configurações</a></p> </div> <div class="rodape"></div> </div> </body> </html>

Centro administrativo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

112

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Outbox - Centro Administrativo</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <link href="css/modelo_adm.css" rel="stylesheet" type="text/css" /> </head>

113

<div class="menu"> <a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','img/menu/home_click.png',1)"><img src="img/menu/home.png" name="home" width="180" height="30" hspace="10" border="0" id="home" /></a> <a href="usuario.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('usuarios','','img/menu/usuarios_click.png',1)"><img src="img/menu/usuarios.png" name="usuarios" width="180" height="30" hspace="10" border="0" id="usuarios" /></a> <a href="conteudo.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conteudo','','img/menu/conteudo_click.png',1)"><img src="img/menu/conteudo.png" name="conteudo" width="180" height="30" border="0" id="conteudo" /></a> <a href="conf.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configuracoes','','img/menu/conf_click.png',1)"><img src="img/menu/conf.png" name="configuracoes" width="180" height="30" hspace="10" border="0" id="configuracoes" /></a> <a href="sair.php" jacascript: document="sair" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sair','','img/menu/sair_click.png',1)"><img src="img/menu/sair.png" name="sair" width="180" height="30" border="0" align="right" id="sair" /></a> </div> <br/> <img src="img/cont_titulo.png" width="800" height="30" /> <br/><br/> <table border="0"> <tr> <td><input type="text" name="txtBusca" id="txt" class="txt" /></td> <td><input type="image" src="img/botao_buscar.png"></td> </tr> </table> <p>&nbsp;</p> </div> <div class="menuLat"><br/> <img src="img/sub.png" width="200" height="30" /> </p> <p><a href="teses.php">Teses</a></p> <p><a href="filmes.php">Filmes</a></p> <p><a href="livros.php">Livros</a></p> <p><a href="anuncio.php">Anúncios</a></p> </div> <div class="rodape"></div> </div> </body> </html>

114