1

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA

ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

WEBSITE - CONNEXIO

BIANCA OLIVEIRA SEBRIAN BRUNA VIEIRA FRANCO LUIS GUSTAVO GUEDES

MAINARA SABRINA MORENO

PALMITAL 2014

2

BIANCA OLIVEIRA SEBRIAN BRUNA VIEIRA FRANCO LUIS GUSTAVO GUEDES

MAINARA SABRINA MORENO

WEBSITE - CONNEXIO

Trabalho de conclusão de curso apresentado à ETEC Prof.º Mário Antônio Verza, como parte dos requisitos necessários para a obtenção do título de Técnico em Informática para Internet.

Orientador: Prof. Marco Antônio Gusmão Carvalho

PALMITAL 2014

3

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA

ETEC PROF. MÁRIO ANTÔNIO VERZA

BIANCA OLIVEIRA SEBRIAN BRUNA VIEIRA FRANCO LUIS GUSTAVO GUEDES

MAINARA SABRINA MORENO

WEBSITE - CONNEXIO

APROVADO EM 24/05/2014

BANCA EXAMINADORA:

MARCO ANTÔNIO GUSMÃO CARVALHO – ORIENTADOR

TATIANA VALÉRIO MONTEIRO - EXAMINADORA

4

Dedicamos este trabalho com muito

carinho aos professores da ETEC Profº.

Mário Antônio Verza, familiares, amigos

e a todos que contribuiram para a

conclusão dessa etapa.

5

AGRADECIMENTOS

Nosso muito obrigado aos professores que durante todo o curso sanaram

nossas dúvidas e intermediaram novos conhecimentos.

Agradecemos aos colegas de classe a paciência, e o diálogo que sempre

tivemos quando surgiam dúvidas e quando trocamos informações.

Também agradecemos aos professores que nos auxiliaram durante todo o

processo de orientação deste trabalho, pois aliado à sua experiência profissional e

intelectual, todas as dicas e instruções foram indispensáveis para o

desenvolvimento e conclusão deste trabalho. E um agradecimento em especial o

nosso orientador Prof. Marco Antônio Gusmão Carvalho, que nos apoiou e ajudou

a todo o momento a desenvolver o nosso projeto.

Enfim, agradecemos aos nossos familiares pela paciência que tiveram ao

decorrer desse tempo dedicado aos nossos estudos, por nos terem apoiado e

entendido a nossa ausência em nossos lares, não só durante as aulas, mas

especialmente durante o processo de desenvolvimento deste trabalho.

A todos, nosso muito obrigado!

6

“O mundo é um lugar perigoso de se viver, não por causa daqueles que fazem o mal, mas sim por causa daqueles que observam e deixam o mal acontecer.”

(Albert Einstein)1

1 Disponível em: <http://pensador.uol.com.br/frase/ODE4OQ> Acesso em: 17 de fevereiro de 2013

7

FRANCO, Bruna Vieira. GUEDES, Luis Gustavo. MORENO, Mainara Sabrina. SEBRIAN, Bianca Oliveira. Trabalho de Conclusão de Curso no Ensino Técnico em Informática para Internet – WEBSITE – Connexio. 2014. 26 f.

RESUMO

O trabalho foi desenvolvido com o intuito de informar mais as pessoas sobre o que

é o Treinamento de Coaching, e assim divulgar o serviço do instrutor Marcos Vieira,

e assim abranger a história, os cursos oferecidos, seu currículo e o website terá

uma superfície agradável e fácil, para uma navegação rápida para que você possa

ver tudo muito mais rápido. As linguagens que utilizamos foram HTML, CSS e PHP,

foram estas usadas em todas as páginas do website. O Adobe Dreamweaver para

desenvolver as páginas, e o Adobe CorelDraw e Adobe Fireworks CS6 foram

usados nas imagens e no desenvolvimento do logotipo.

Palavras-chave: informar, divulgar, navegação.

8

LISTA DE ABREVIATURAS E SIGLAS

CSS Cascading Style Sheets

HTML Hypertext Markup Language

PHP Personal Home Page

PNL Programação Neurolinguística

9

LISTA DE FIGURAS

FIGURA 1 – Logotipo ........................................................................................... 17

FIGURA 2 – Página Inicial – Home Page ............................................................. 17

FIGURA 3 – A Empresa – Página Interna ............................................................ 18

FIGURA 4 – Treinadores – Página Interna........................................................... 18

FIGURA 5 – Cursos – Página Interna .................................................................. 19

FIGURA 6 – Agenda – Página Interna ................................................................. 19

FIGURA 7 – Galeria de Fotos – Página Interna ................................................... 20

FIGURA 8 – Contato – Página Interna ................................................................. 20

10

SUMÁRIO

1. INTRODUÇÃO ....................................................................................................11

1.1 OBJETIVOS ..................................................................................................12

1.1.1 OBJETIVOS GERAIS ...........................................................................12

1.1.2 OBJETIVOS ESPECÍFICOS ................................................................12

1.1.3 PROCEDIMENTOS METODOLÓGICOS .............................................12

1.1.4 COLETA DE DADOS ...........................................................................12

2. FUNDAMENTAÇAO TEÓRICA ..........................................................................13

2.1 RAMO DE ATIVIDADE ..................................................................................13

2.1.1 TREINAMENTO PROFISSIONAL .........................................................14

2.1.2 CURSOS REALIZADOS .......................................................................14

2.2 TECNOLOGIAS ............................................................................................15

2.2.1 CSS .....................................................................................................15

2.2.2 HTML ....................................................................................................15

2.2.3 LINGUAGEM PHP ................................................................................15

2.2.4 FERRAMENTA ADOBE DREAMWEAVER ..........................................15

2.2.5 FERRAMENTA ADOBE FIREWORKS CS6 .........................................16

2.2.6 FERRAMENTA CORELDRAW.............................................................16

3. ESTUDO DE CASO ............................................................................................17

3.1 PROJETOS DO WEBSITE - TREINAMENTO DE COACHING ....................17

3.1.1 LOGOTIPO ..........................................................................................17

3.2 DESENVOLVIMENTO WEBSITE TREINAMENTO DE COACHING ......17

3.2.1 PÁGINA PRINCIPAL – HOME PAGE ..................................................17

3.2.2 PÁGINAS INTERNAS DO WEBSITE ...................................................18

4. CONSIDERAÇÕES FINAIS ................................................................................21

5. REFERÊNCIAS ...................................................................................................22

6. APÊNDICE ..........................................................................................................23

APÊNDICE A – Conversa Informal .....................................................................23

APÊNDICE B – Cronograma ..............................................................................23

APÊNDICE C – Cronograma Teórico e Prática ..................................................24

APÊNDICE D – Logotipo.....................................................................................24

APÊNDICE E – Questionário ..............................................................................25

11

1. INTRODUÇÃO

Nos dias de hoje, há uma grande mudança da tecnologia na sociedade, com

a evolução da internet no cotidiano, tudo ficou mais fácil, rápido e prático. Um

exemplo disso, antes para se enviar uma carta, era preciso postar pelo correio e

ainda demorava dias. Atualmente isso ocorre com menos frequência, as pessoas

usam muito as redes sociais, e-mails para se comunicar, mandar fotos, divulgar

serviço, elaborar propaganda, enviar documentos, sendo assim havendo mais

interação e rapidez.

Para o setor comercial, a internet trouxe vários benefícios. Facilitando ainda

mais as transições, compra, venda ou consulta de produtos sem limites de espaço

e tempo, pois hoje uma pessoa pode acessar sua conta do banco na sua casa, por

exemplo, para consultar a sua fatura do mês do cartão, no local em que foi

passado o cartão, tudo isso online para o cliente. Basta apenas entrar no site do

banco, e informar os dados exigidos. Desta maneira, ela consegue ver o desejado

sem sair de casa.

A internet nos fornece uma infinidade de recursos, como: blogs, sites de

notícias, entre outras, que são ferramentas muito utilizadas pela sociedade. E com

isso, a internet é considerada uma das principais ferramentas de comunicação

instantânea, com baixo custo e grande retorno financeiro.

Devido a essa infinidade de recursos, concluímos que o desenvolvimento do

website de Treinamento de PNL ajudaria a ter uma maior divulgação dos trabalhos

desenvolvidos pelo profissional e mostrar como tudo funciona. Assim, auxiliando o

profissional no seu serviço.

“A maneira como você coleta, gerencia e utiliza as informações determina

se você vai vencer ou perder.” (GATES, ano não encontrado).2

No mundo contemporâneo podemos encontrar a maior parte das

informações na internet, que tem uma interação rápida, canais de distribuições,

lojas virtuais e um ambiente totalmente interativo, e assim sendo, saber aproveitar

as informações e fornece-las quando necessárias.

2 Disponível em: <http://www.administradores.com.br/frases/bill-gates/353> Acesso em: 13 de fevereiro de 2014

12

1.1. OBJETIVOS

O projeto tem como objetivo o desenvolvimento de um website de

Treinamento de Coaching, com ele divulgar os trabalhos e eventos realizados por

Marcos Vieira.

1.1.1 OBJETIVOS GERAIS

Analisar a dificuldade das pessoas em saber como é o Treinamento de

Coaching.

1.1.2 OBJETIVOS ESPECÍFICOS

Apresentar as atividades oferecidas pelo instrutor através de coletas de

dados: livros, internet, pesquisas de imagens assim mostrando toda a sua história.

E também buscar um melhor conhecimento sobre a área através de entrevistas e

bate-papos.

1.1.3 PROCEDIMENTOS METODOLÓGICOS

O método que utilizaremos será uma pesquisa bibliográfica.

1.1.4 COLETA DE DADOS

Os instrumentos necessários para a realização da pesquisa serão realizados

através de questionários, entrevistas, conversas informais.

13

2. FUNDAMENTAÇÃO TEÓRICA

2.1 RAMO DE ATIVIDADE

PNL pode ser definida como a arte do estudo da subjetividade humana, ou

seja, estudo das competências do indivíduo e sua modelagem.

O treinamento de PNL atua na área de treinamentos de programação

neurolinguística, escola de palestrantes, palestras, atendimentos de coaching e

terapia holística.

Os treinamentos são:

Programação Neurolinguística: desenvolvimento de habilidades pessoais e

modelagem da excelência humana. Baseado no conjunto de técnicas de PNL

desenvolvido a partir da década de 70 nos Estados Unidos por John Grinder e

Richar Bandler. Em sequência outros nomes surgem tais como Robert Dilts, Judth

Delozier, David Gordon, Steve Andreas entre outros.

Escola de palestrantes: Desenvolver nos alunos as habilidades de falar em

público. O treinamento parte de bases de modelagem da PNL que podem ser

utilizadas e replicadas para que o palestrante tenha um desempenho diferenciado.

Palestras: tratando de temas como Coach, Constelações, Programação

Neurolinguística, Hipnose Ericksoniana, entre outros. O objetivo é despertar as

pessoas para essas realidades e conhecimento que podem ajudá-los no seu

autodesenvolvimento.

Atendimentos de Coaching: Trabalho como coach em diversas áreas:

pessoal, profissional, times coaching, coaching de carreira e líder coach.

Atendimentos de terapia: Terapia holística com utilização de técnicas de

PNL, Hipnose Ericksoniana, Constelações Familiares e Body Mind. Atendimentos

individuais e em grupos.

14

2.1.1 TREINAMENTO PROFISSIONAL

A PNL possui níveis de formação para os profissionais sendo eles:

Practitioner e Master Practitioner.

Os treinamentos de PNL tem a duração de 150 horas (cada um) para

certificação nos padrões internacionais. São formatados de acordo com a

disponibilidade de tempo dos practitioner, ou seja, podem ser:

Sexta (noite), sábado e domingo (dia todo) uma vez por mês.

Uma vez por semana (à noite) todas as semanas.

Modelo de Workshop acumulado a carga horária para a

certificação.

Os treinamentos de Escola de palestrantes tem carga horária de 32 horas

que podem ser divididas da seguinte forma:

Dois finais de semana, sábado e domingo o dia todo.

Uma vez por semana a noite durante 8 semanas.

2.1.2 CURSOS REALIZADOS

Cursos realizados pelo profissional:

Um Practitioner finalizado em 2013

Dois Practitioner iniciados em 2013 e em curso em 2014.

Previsão de abertura de mais dois Practitioner em Assis e em São

Paulo.

Palestras para o dia 22/03/2014 – Paula Souza – Palmital. Tema

Coaching.

15

2.2 TECNOLOGIAS

As tecnologias utilizadas no desenvolvimento deste trabalho foram definidas

juntamente com a equipe de desenvolvimento e atendendo aos requisitos

necessários para a criação do site.

2.2.1 CSS

O CSS é a sigla de Cascading Style Sheets é uma "folha de estilo" feitas por

“camadas” e utilizada para definir a aparência em páginas da internet que adotam

para o seu desenvolvimento linguagens de marcação (como XML, HTML e

XHTML). O CSS define como serão exibidos os elementos contidos no código de

uma página da internet.

2.2.2 HTML

Segundo Sawaya (1999):

HTML é a sigla de HyperText Markup Language, é uma expressão inglesa que tem o significado de “Linguagem de Marcação de Hipertexto”. Linguagem que permite criar programas que trabalham com textos e imagens numa mesma tela simultaneamente.

2.2.3 PHP

PHP é uma linguagem para programar scripts do lado do servidor, que se

incrustam dentro do código HTML. Esta linguagem é gratuita e de multiplataforma.

É uma linguagem de programação do lado do servidor gratuito e independente de

plataforma, rápido, com uma grande livraria de funções e muita documentação.

2.2.4 FERRAMENTA ADOBE DREAMWEAVER

Adobe Dreamweaver é um programa de edição de paginas da internet, onde

se pode trabalhar com imagens, textos, e muitos outros elementos para a web. O

16

programa permite a criação e edição de paginas na internet, sendo em alguns

aspectos, muito parecido com programas de criação de layouts.

2.2.5 FERRAMENTA ADOBE FIREWORKS CS6

Fireworks CS6 é uma ferramenta profissional que permite criar gráficos e

animações para a Web ou praticamente qualquer outro dispositivo. Perfeito e muito

completo para qualquer profissional da Web.

2.2.6 FERRAMENTA CORELDRAW

CorelDraw é um dos programas de desenho mais potentes e confiáveis que

você pode encontrar atualmente. O Corel X6 traz um conjunto completo de

recursos e ferramentas de desenho. Os recursos que o CorelDraw disponibiliza

ajudam a fazer ilustrações com vetores, desenhos, edição de imagem e animação

de gráficos. E segundo Lane Primo (2010, p.20) é um programa muito utilizado por

profissionais da área gráfica, web e usuários que o empregam para diversos fins.

17

3. ESTUDO DE CASO

3.1 PROJETOS DO WEBSITE – TREINAMENTO DE COACHING

3.1.1 LOGOTIPO

Figura 1 – Logotipo

3.2 DESENVOLVIMENTO WEBSITE TREINAMENTO DE COACHING

3.2.1 PÁGINA PRINCIPAL – HOME PAGE

Figura 2 - Página Principal – Home

18

3.2.2 PÁGINAS INTERNAS DO WEBSITE

Figura 3 – A empresa

Figura 4 - Treinadores

19

Figura 5 - Cursos

Figura 6 - Agenda

20

Figura 7 – Galeria de Fotos

Figura 8 - Contato

21

4. CONSIDERAÇÕES FINAIS

O projeto foi desenvolvido para atrair as pessoas e também para

que estas adquiram um maior conhecimento na área de atuação da

empresa, promovendo maior acessibilidade a todos aqueles que

desejam conhecer o instituto e os cursos oferecidos.

22

5. REFERÊNCIAS

ADMINISTRADORES. Bill Gates. Disponível em:

<http://www.administradores.com.br/frases/bill-gates/353> Acesso em: 13 de

fevereiro de 2014.

CRIARWEB. PHP. Disponível em: http://www.criarweb.com/artigos/202.php.

Acesso em: 13 Março 2014.

INFOESCOLA. Dreamweaver. Disponível em:

http://www.infoescola.com/informatica/dreamweaver/. Acesso em: 13 Março 2014.

PRIMO, Lane. CorelDRAW X4. Editora: Érica, 2010.

SAWAYA, Márcia Regina. Dicionário de Informática & Internet. Editora: Nobel,

1999.

SIGNIFICADOS. Html. Disponível em: http://www.significados.com.br/html/. Acesso

em: 13 Março 2014.

SOFTONIC. Adobe Fireworks. Disponível em: http://adobe-

fireworks.softonic.com.br/. Acesso em: 13 Março 2014.

SOFTONIC. CorelDRAW. Disponível em: http://coreldraw.softonic.com.br/. Acesso

em: 13 Março 2014.

TECMUNDO. O que é Css? Disponível em:

http://www.tecmundo.com.br/programacao/2705-o-que-e-css-.htm#ixzz2vrcsLU39.

Acesso em: 13 Março 2014.

23

6. APÊNDICE

APÊNDICE A – Conversa Informal

Figura 9 - Alunos e treinador Marcos

APÊNDICE B – Cronograma

Atividades JUL AGO SET OUT NOV

Elaboração do projeto

Entrega do projeto

Pesquisa bibliográfica

Coleta de Dados

Apresentação e discussão dos dados

Conclusão

Entrega do TCC

Defesa da banca

24

APÊNDICE C – Cronograma Teórico e Prática

Atividades JAN FEV MAR ABR MAI

Discussão sobre o Layout do TCC de ambas as

partes, teórica e desenvolvimento.

Alinhamento do Sumário / Desenvolvimento do

Primeiro Layout.

Entrega e introdução à máscara /

Desenvolvimento da página principal.

Montagem da máscara: capa, contra capa,

epígrafe, agradecimentos e resumo / Continuação

do desenvolvimento da página principal do site.

Continuação da montagem da máscara, término

do resumo / Organização do Layout.

Desenvolvimento da Introdução e Objetivos

(Gerais e Específicos) / Desenvolvimento da

Pagina Home.

Início do Desenvolvimento da Fundamentação

Teórica e Tecnologias e Diário de Bordo /

Mudança do Layout do Site e Desenvolvimento

desse Layout.

Desenvolvimento do Estudo de Caso /

Desenvolvimento do conteúdo da Página Inicial, e

mudança do logotipo.

Organizar a Máscara de DTCC, pesquisa de

citações / Desenvolvimento do conteúdo da

página interna Contatos.

Desenvolvimento do Resumo e Texto do Banner /

Organização da Galeria de Fotos.

Desenvolvimento do Apêndice / Desenvolvimento

do restante das páginas.

Finalização das Considerações Finais e

Referencial Bibliográfico / Formatação do restante

das páginas.

Conclusão

Entrega do TCC

Defesa da banca

APÊNDICE D – Logotipo

25

APÊNDICE E – Questionário

1. Ramo de atividade.

A PNL pode ser definida como a arte do estudo da subjetividade humana, ou

seja, estudo das competências do indivíduo e sua modelagem.

O treinamento de PNL atua na área de treinamentos de programação

neurolinguística, escola de palestrantes, palestras, atendimentos de coaching e

terapia holística.

2. Como tudo começou o treinamento, o que ele faz o que é o treinamento. Os

treinamentos são:

Programação Neurolinguística: desenvolvimento de habilidades pessoais

e modelagem da excelência humana. Baseado no conjunto de técnicas de PNL

desenvolvido a partir da década de 70 nos Estados Unidos por John Grinder e

Richar Bandler. Em sequência outros nomes surgem tais como Robert Dilts, Judth

Delozier, David Gordon, Steve Andreas entre outros.

Escola de palestrantes: Desenvolver nos alunos as habilidades de falar

em público. O treinamento parte de bases de modelagem da PNL que podem ser

utilizadas e replicadas para que o palestrante tenha um desempenho diferenciado.

Palestras: tratando de temas como Coach, Constelações, Programação

Neurolinguística, Hipnose Ericksoniana, entre outros. O objetivo é despertar as

pessoas para essas realidades e conhecimento que podem ajudá-los no seu

autodesenvolvimento.

Atendimentos de Coaching: Trabalho como coach em diversas áreas:

pessoal, profissional, times coaching, coaching de carreira e líder coach.

Atendimentos de terapia: Terapia holística com utilização de técnicas de

PNL, Hipnose Ericksoniana, Constelações Familiares e Body Mind. Atendimentos

individuais e em grupos.

3. Como funciona ou como é o treinamento com as pessoas?

A PNL possui níveis de formação para os profissionais sendo eles:

Practitioner e Master Practitioner.

26

Os treinamentos de PNL tem a duração de 150 horas (cada um) para

certificação nos padrões internacionais. São formatados de acordo com a

disponibilidade de tempo dos practitioner, ou seja, podem ser:

Sexta (noite), sábado e domingo (dia todo) uma vez por mês.

Uma vez por semana (à noite) todas as semanas.

Modelo de Workshop acumulado a carga horária para a

certificação.

Os treinamentos de Escola de palestrantes tem carga horária de 32

horas que podem ser divididas da seguinte forma:

Dois finais de semana, sábado e domingo o dia todo. Uma vez por

semana a noite durante 8 semanas.

4. Cursos realizados: cursos que você já fez sobre o treinamento.

Um Practitioner finalizado em 2013

Dois Practitioner iniciados em 2013 e em curso em 2014.

Previsão de abertura de mais dois Practitioner em Assis e em São

Paulo.

Palestras para o dia 22/03/2014 – Paula Souza – Palmital. Tema

Coaching.