TOTEM 1.6 - RoboGol
18 de setembro de 2012- Eduardo Pezutti ([email protected]) Este documento est´a dispon´ıvel em: www.robogol.com.br/totem.pdf Os c´odigos-fontes est˜ao em: www.robogol.com.br/totem.txt
1
Instala¸
c˜
ao do Ubuntu
1. Instale o Ubuntu atualizado, podendo ser apartir da vers˜ao 10.10. www.ubuntu.com
2. Coloque o usu´ario totem e senha totem
3. Nos Ubuntus mais novos, instale o gnome: apt-get install gnome 4. Finalize a se¸c˜ao e comece utilizando o GNOME Classic
5. Para o Ubuntu iniciar autom´aticamente com o usu´ario totem, fa¸ca:
Sistema − > Administra¸c˜ao − > Tela de login – Marcar Inicializar auto-maticamente
6. Baixe o navegador Google Chrome: www.google.com/chrome
2
Configurando o Google Chrome
N ˜AO SINCRONIZE NENHUMA CONTA COM ESTA M ´AQUINA Colocar o autostart do Google Chrome:
1. Crie o arquivo totem.sh na pasta home do usu´ario totem, com o conte´udo:
1 #! / b i n / bash 2 3 # V e r i f i c a s e o Google Chrome e s t ´a a b e r t o 4 5 w h i l e t r u e; do 6 i f ( ps auxc | g r e p chrome ) 7 t h e n 8 e c h o ” ” 9 e l s e 10 g o o g l e −chrome −−k i o s k ’ h t t p : / /www. r o b o g o l . com . br / r e g i s t r e −s e ’ 11 f i 12 done
2. No Terminal, dˆe permiss˜ao 777 para o arquivo totem.sh: chmod 777 totem.sh 3. N ˜AO EXECUTAR O TOTEM.SH COMO ROOT: digite exit para sair.
Caso tenha executado o arquivo totem.sh como root, ´e necess´ario reininciar o com-putador.
4. Fa¸ca um teste, executando o arquivo totem.sh: ./totem.sh
(Obs.: Para sair da tela que abrir´a com o comando ./totem.sh digite CRT+N) 5. Coloque o arquivo totem.sh no auto execut´av el do Gnome, Sistemas ->
Pre-ferˆencias -> Aplicativos de sess˜ao. Clique em Adicionar e em Navegar... para encontrar o arquivo totem.sh, com o nome totem e adiciona.
6. CONFIGURAR O CHROME PARA APAGAR OS COOKIES: Configura¸c˜oes -¿ Avanc´adas -¿ Configura¸c˜oes de Conte´udo -¿ Limpar cookies e outros dados do site
Figura 1: Configura¸c˜oes de conte´udo.
Figura 3: Desmarcar as op¸c˜oes de Senhas e Formul´arios e Idiomas.
3
Instalando os plugins no Chrome
1. Instale os plugins: Remove Scrollbars
https://chrome.google.com/webstore/detail/lkfmjedfjkmfmckgcadelnfjebccjdcf
Script Injector
https://chrome.google.com/webstore/detail/gidddlfmjhjiibffpalikbecknoflfab
2. Os c´odigos-fontes est˜ao em: www.robogol.com.br/totem.txt 3. Entre no site www.robogol.com.br/registre-se
4. Clique na ”Seringa Preta”e em Manage Script, ir´a abrir uma nova Aba, com o ambiente para inserir os c´odigos CSS e Javascript em cada site.
Figura 5: Colocar o c´odigo Javascript e CSS.
5. Clique em Create a new script para colocar os dois c´odigos CSS a seguir.
1 body . r e g i s t r a t i o n { 2 background: none ; 3 background−c o l o r: #449b4c ; 4 } 5 6 #tempo { 7 backgroud−c o l o r: #333; 8 } 9 10 #Top { 11 h e i g h t: 95 px ; 12 background: none ! i m p o r t a n t ; 13 } 14 15 #Middle . c o n t e n t M a r g i n { 16 margin−bottom : 0px ; 17 } 18 19 #headerWrapper { 20 background: none ! i m p o r t a n t ; 21 background−c o l o r: #449b4c ; 22 } 23 24 #headerWrapper > . i n n e r −1 { 25 background: none ; }
34 margin−top : 15 px ; 35 } 36 37 #MainMenu , #s o c i a l −l i n k s −t op ba r , #page−r i g h t −s i d e b a r c 1 c o l −1−4 2 , # TopPanel , . breadcrumbs , h2 { 38 d i s p l a y: none ; 39 } 40 41 #page−r i g h t −s i d e b a r c 1 c o l −3−4 1 { 42 width: 100%; 43 } 44 45 h4 { 46 f l o a t: r i g h t ; 47 } 48 49 . c o n t e n t M a r g i n { 50 margin−top : 0 ; 51 } 52 53 form > p { 54 f o n t −s i z e : 1 . 5 em ; 55 t e x t −a l i g n : c e n t e r ; 56 } 57 58 #s i g n u p s u b m i t { 59 padding: 10 px 30 px ; 60 } 61 62 . submit { 63 t e x t −a l i g n : c e n t e r ; 64 } 65 66 l a b e l , . l a b e l { 67 c o l o r: #e e e ; 68 }
6. Entre no site do Facebook para colocar outro conjunto de CSS: www.facebook.com
1 /∗ ∗
2 ∗ CSS p a r a o f a c e b o o k . com
3 ∗/
4
14 . a p i l o g i n f o r m i n p o p u p { 15 padding−top : 40 px ; 16 } 17 18 . i n p u t t e x t , . i n p u t p a s s w o r d { 19 width: 260 px ; 20 f o n t −s i z e : 0 . 8 em ; 21 } 22 23 . p e r s i s t e n t { 24 padding−top : 40 px ; 25 } 26 27 #h o m e l i n k { 28 f o n t −s i z e : 2em ; 29 } 30 31 l a b e l . u i B u t t o n { 32 padding: 15 px ; 33 } 34 35 l a b e l . u i B u t t o n i n p u t { 36 f o n t −s i z e : 2em ; 37 }
7. Ap´os colocar os CSS no Script Injector, ´e necess´ario ligar estes os CSS aos sites. 8. Clique em Create a new rule em Manage Rules; Coloque o Nome (Ex.:
11. Acrescente tb os c´odigos Javascript abaixo e fa¸ca a liga¸c˜ao para cada site, colo-cando no fim do site - Add a script at the end
1 /∗ ∗ 2 ∗ C´odigo do s i t e : h t t p : / /www. r o b o g o l . com . br / r e g i s t r e −s e 3 ∗/ 4 5 // C a n c e l a a t e c l a TAB 6 $ ( document ) . keydown ( f u n c t i o n ( o b j E v e n t ) { 7 i f ( o b j E v e n t . keyCode == 9 ) { 8 o b j E v e n t . p r e v e n t D e f a u l t ( ) ; 9 } 10 } ) ; 11 12 13 // C o l o c a o b o t ˜a o em cima
14 $ (’#MainHeader ’) . append (’<a s t y l e =”padding : 15 px 20 px ; ” h r e f =” j a v a s c r i p t : c l o s e M e ( ) ” c l a s s =”btn impactBtn”>SAIR</a> ’) ; 15
16 // Bota˜ao CADASTRO DE REDE SOCIAL
17 $ (’#MainHeader ’) . append (’<a s t y l e =”padding : 15 px 20 px ; ” h r e f =”h t t p : / / www. r o b o g o l . com . br / backend / u s e r −c o n f i g / r e d e s s o c i a i s ” c l a s s =”btn
g r e e n ”>CADASTRO REDE SOCIAL</a> ’) ; 18 19 $ (’#Bottom ’) . remove ( ) ; 20 21 // T i r a o s l i n k s das imagens do r o d a p e 22 $ (’ . s t a t i c C o n t e n t ’) . l a s t ( ) . f i n d (’ a ’) . removeAttr ( ’ h r e f ’) . removeAttr (’ t a r g e t ’) ; 23
24 $ (’#Logo a img ’) . a t t r (’ s r c ’, ’ h t t p : / / r o b o g o l . com . br / l o g o t o t e m . png ’) . removeAttr (’ width ’) . removeAttr (’ h e i g h t ’) ;
25
26 // T i r a o l i n k do l o g o s u p e r i o r
27 $ (’#Logo a ’) . removeAttr (’ h r e f ’) . removeAttr ( ’ t a r g e t ’) ; 28 29 30 // T i r a o menu do b o t a o d i r e i t o 31 $ ( f u n c t i o n ( ) { 32 $ (t h i s) . b i n d (” contextmenu ”, f u n c t i o n ( e ) { 33 e . p r e v e n t D e f a u l t ( ) ; 34 } ) ; 35 } ) ; 36 37 i d l e T i m e = 1 0 ; 38 $ ( document ) . r e a d y ( f u n c t i o n ( ) {
49 $ (’#tempo ’) . append (’ Tempo r e s t a n t e : ’ + i d l e T i m e + ’</div> ’) ; 50 } 51 52 i f ( ( i d l e T i m e < 0 ) && ( $ (’ i f r a m e ’) . l e n g t h == 1 ) ) { 53 v a r win=window . open (” ”,” s e l f ”) ; 54 win . c l o s e ( ) ; 55 } 56 } 1 /∗ ∗ 2 ∗ C´odigo p a r a o s s i t e s : h t t p s : / /www. f a c e b o o k . com/ d i a l o g /∗ 3 ∗/ 4 5 // t i r a o l i n k de cima −− n˜ao v a i pra a t i m e l i n e 6 $ (” . mrm”) . a t t r (’ h r e f ’, ’# ’) ; 7 8 $ (’ i n p u t [ name=g r a n t c l i c k e d ] ’) . a t t r (’ v a l u e ’, ’ENTRAR! ’) ; 9 10 $ (’ . l e g a l e s e a ’) . r e p l a c e W i t h ( f u n c t i o n ( ) {r e t u r n $ (t h i s) . t e x t ( ) ; } ) ; ? 1 /∗ ∗ 2 ∗ C´odigo p a r a o s s i t e s : h t t p s : / /www. f a c e b o o k . com/ e h t t p : / /www. t w i t t e r . com 3 ∗/ 4 5 $ (’ a ’) . r e p l a c e W i t h ( f u n c t i o n ( ) {r e t u r n $ (t h i s) . t e x t ( ) ; } ) ; 1 /∗ ∗ 2 ∗ C´odigo p a r a o s i t e : h t t p : / / t w i t t e r . com 3 ∗/ 4 5 $ (’#deny ’) . c l i c k ( f u n c t i o n ( ) { 6 v a r win=window . open (” ”,” s e l f ”) ; 7 win . c l o s e ( ) ; 8 } ) ;
4
Ultimo detalhes
3. Colocar o papel de parede do RoboGol, dispon´ıvel em: robogol.com.br/totem_ robogol.jpg.
