REPÚBLICA DE ANGOLA
MINISTÉRIO DA
EDUCAÇÃO
INSTITUTO MÉDIO INDUSTRIAL DE BENGUELA
CURSO: TECNICO DE GESTÃO DE SISTEMAS INFORMATICOS
PROLECTO TECNOLÓGICO
13ª CLASSE
DESENVOLVIMENTO DE WEBSITE PARA UMA START-UP
RUSSELL TCH. CALEMBELA SASOMA
BENGUELA, 2021
INSTITUTO MÉDIO INDUSTRIAL DE BENGUELA
CURSO: TECNICO DE GESTÃO DE SISTEMAS INFORMATICOS
PROLECTO TECNOLÓGICO
13ª CLASSE
DESENVOLVIMENTO DE WEBSITE PARA UMA START-UP
Projeto Tecnológico apresentado no instituto médio
Industrial de Benguela como requisito a obtenção do
título de Técnico de Gestão de Sistemas Informáticos.
RUSSELL TCH. CALEMBELA SASOMA
Nº: 1308
TURMA: B1
PERÍODO: TARDE
O ORIENTADOR:
LEONALDO PEDRO
Benguela, 2021
II
FOLHA DE APROVAÇÃO
AUTOR: RUSSELL TCH. CALEMBELA SASOMA
TÍTULO: DESENVOLVIMENTO DE WEBSITE PARA UMA START-UP
Projeto Tecnológico apresentado no instituto médio Industrial de Benguela como requisito a
obtenção do título de Técnico de Gestão de Sistemas Informáticos.
O Orientador
Benguela, / / 2021
Nome do Membro do Júri
Titulação Assinatura
Nome do Membro do Júri
Titulação Assinatura
Nome do Membro do Júri
Titulação Assinatura
Nome do Membro do Júri
Titulação Assinatura
O Professor de Projeto Tecnológico
Leonardo Pedro
III
DEDICATÓRIA
Dedico este trabalho aos meus pais, familiares, professores, amigos e a todos aqueles
que direta ou indiretamente contribuíram para a minha formação.
IV
AGRADECIMENTO
Com gratidão, dedico este trabalho a Deus, Devo inteiramente a Deus o sucesso
deste trabalho e sem esquecer os meus pais, professores e todos aqueles que contribuíram
para a realização do mesmo.
V
EPÍGRAFE
“O maior erro que um homem pode cometer é sacrificar a sua saúde a qualquer
outra vantagem”.
“Arthur Schopenhauer”
VI
RESUMO
Em Angola existem inúmeras Start-ups que vão de Start-ups de tecnologia à Start-
ups sociais, que em sua grande maioria estão no anonimato por falta de meios para o seu
marketing, desta feita, pouco ou nada foi abordado sobre Start-ups de tecnologia, por este
motivo eu criei este website de uma Start-up de tecnologia. Cime-Soft, é uma start-up
angolana de tecnologia
– Gaming, desenvolvimento de aplicativos para android, IOS e desktop, desenvolvimento
web e desenvolvimento de ferramentas para gestão empresarial.
Palavras chave: Tecnologia, marketing.
VII
ABSTRACT
In Angola there are countless Start-ups raging from technology Start-ups to social
start-ups, which for the most part are anonymous due to the lack of means for their
marketing, this time, little or nothing was discussed about Start-ups of technology, for this
reason I created this web page of a Start-up of Technology. Cime-Soft, is an Angolan
Technology Start-up – Gaming, application development for android, IOS and Desktop, Web
development and development tools of tools for business management.
Keywords: Technology, marketing.
VII
I
LISTA DE FIGURAS
Figura 1 Estrutura basica HTML..........................................................................................6
Figura 2 Inserir CSS no Código HTML................................................................................7
Figura 3 Inserir CSS de forma externa..................................................................................7
Figura 4 Inserir JavaScript no código HTML......................................................................8
Figura 5 Inserir JavaScript de maneira externa...................................................................8
Figura 6 Pág Home.................................................................................................................10
Figura 7 Pág Sobre Nós.........................................................................................................11
Figura 8 Serviços....................................................................................................................12
Figura 9 Comunicação...........................................................................................................12
IX
INDICE GERAL
Conteúdo
1 INTRODUÇÃO.................................................................................................................................1
2 SOBRE A START-UP........................................................................................................................2
3 O QUE É UM WEBSITE...................................................................................................................4
3.1 FINALIDADE DE UM WEBSITE................................................................................................4
3.2 Nomenclaturas para compreensão geral sobre a formação de um website..........................4
3.3 ELEMENTOS QUE DEVEM CONSTAR NUM WEBSITE..............................................................5
4 DESENVOLVIMENTO DO WEBSITE.................................................................................................6
4.1 FERRAMENTAS UTILIZADAS...................................................................................................6
5 Apresentação do WEBSITE...........................................................................................................10
6 CONCLUSÃO.................................................................................................................................13
7 Recomendações...........................................................................................................................14
8 REFERÊNCIAS BIBLIOGRÁFICAS....................................................................................................15
X
1 INTRODUÇÃO
O campo tecnológico sofreu uma evolução drástica para a história da humanidade
nos últimos tempos, nos dias de hoje as empresas de têm de se manter atualizadas para
acompanhar as tendências do mercado, sendo assim, existem necessidades básicas que toda
grande empresa recorre no mercado, como: Softwares de gestão de Base de Dados,
Desenvolvedores de aplicativos, Apoio técnico entre outros.
Partindo do desejo que as empresas têm de suprir as suas necessidades tecnológicas,
desenvolvi esta website para mostrar às empresas soluções tecnológicas que a Start-Up é
capaz de disponibilizar.
Objetivos gerais:
prover informações práticas ao usuário.
Objetivos específicos:
Marketing Digital.
Convidar e convencer os visitantes do site a serem clientes.
Transmitir de forma clara os objetivos que se presta.
Facilitar o contacto entre uma empresa e os seus clientes.
1
2 SOBRE A START-UP
A Start-Up, CIMESOFT ainda é nova no mercado, mas vem preparando os seus
integrantes há bastante tempo para o mercado de trabalho, este website foi criado para
mostrar à potências clientes qual é a área de atuação da Start-Up e quais são os serviços
disponibilizados, Que são os seguintes baixo:
1- Softwares de Gestão
2- Administração e criação de redes de computadores
3- Desenvolvimento de Aplicações de otimização de sistema para Windows,
Android e IOS
4- Desenvolvimento de Games para entretenimento
São os principais serviços no portfólio da Start-Up.
2
1º CAPÍTULO –
FUNDAMENTAÇÃO TEÓRICA
3
3 O QUE É UM WEBSITE
Uma pergunta um tanto genérica, porém muito necessária para o que chamamos de a
“Era Digital”, Website é uma palavra em inglês, composta por duas palavras outras palavras
distintas: Web (rede) e Site (sítio ou lugar) sendo um termo consagrado em qualquer lugar
sem precisar de tradução, significa literalmente, em português de Angola “Sítio na rede” ou
em outras palavras “um espaço na web”.
Entretanto, outros países de língua portuguesa como Portugal e Brasil, designam o
termo por “Sítio Eletrônico”, até mais apropriado já que a rede referida é eletrônica.
Um Website associa-se geralmente a empresas públicas ou privadas, seja de
produtos ou de prestação de serviços.
Websites podem servir também para Figuras Públicas, Museus, Organizações
Filantrópicas, ONGs, Parques, Instituições de Ensino ou até mesmo Igrejas. Assim, sem que
seja para venda direta de algum produto.
Então, website é um endereço eletrônico composto por um conjunto páginas web,
sito é, de hipertextos na internet que são acessados por protocolos HTTP (Hyper Text
Protocol) normalmente ligados ao conjunto de endereços eletrônicos WWW (World Wide
Web) que é denominada Rede mundial de Computadores. São alcançadas a partir de uma
URL que aponta para a principal.
3.1 FINALIDADE DE UM WEBSITE
Websites são criados com a finalidade de fazer marketing digital, mas o principal
objetivo de uma empresa sempre foi o reconhecimento da sua marca, sendo assim um website
funciona como uma interface entre a empresa e os clientes.
O que me leva a crer que websites promovem, websites divulgam, websites dão
lucro e websites custam pouco perto daquilo que uma empresa pode alcançar.
3.2 Nomenclaturas para compreensão geral sobre a formação de um website.
HTTP – Hypertext Transfer Protocol. Todo mundo já se deparou com um
[Link] Através desse protocolo, um website é acessado
de uma base de dados se um para comunicação da rede.
Hipertexto – que articula um conjunto de informações sob forma de palavras, sons,
ou imagens por meio de hiperligações.
4
URL – Uniform Resource Locator. É vulgarmente chamada de
“barra de endereços”. Serve para localizar um endereço na web, um arquivo ou um
dispositivo informático.
HTML – Hypertext Markup Language ou Linguagem de Marcação de Hipertexto, é
uma linguagem de marcação que pode ser interpretada pelos navegadores.
Esses são alguns termos de deparados no dia-a-dia de um usuário da internet, tanto o
desenvolvedor do website quanto quem vai usufluir do website devem estar familiarizados
com estes termos para que possam transitar razoavelmente nesse ambiente.
3.3 ELEMENTOS QUE DEVEM CONSTAR NUM WEBSITE
1- Navegação simples e intuitiva
Páginas com navegação fácil para os visitantes impactam positivamente na
experiência do usuário. Aliás esse conceito (Experiência do usuário ) é um dos mais
importantes elementos para de satisfação das pessoas que ingressam um site.
2- Conteúdo Relevante
O Uso de conteúdo relevante costuma a ser muito importante para a continuidade
do utilizador na página. Material relevante é aquele que como finalidade informar ou
tirar alguma dúvida.
3- Design atrativo e bem organizado
O Layout da página precisa ser atrativo e bem organizado para gerar conforto para o
visitante.
4- Informações de contacto
Se uma pessoa estiver interessada em fazer negócios com sua empresa ou se um
cliente precisa de um suporte, é bom que ele saiba como entrar em contato com a
empresa pelo site.
5
4 DESENVOLVIMENTO DO WEBSITE
4.1 FERRAMENTAS UTILIZADAS
Para a elaboração de um website são necessárias algumas ferramentas, Existem
muitas ferramentas que podem ser utilizadas na elaboração de um website mas as que eu usei
são as seguintes:
HTML
CSS
JAVASCRIPT
PHP STORM
HTML – (HyperText Markup Language, ou Linguagem de Marcação de
Hipertexto) é uma linguagem de publicação, utilizada para estruturar conteúdos, sejam textos,
imagens, vídeos ou áudios. Além claro, de ser uma linguagem que pode ser interpretada pelos
navegadores. HTML é uma das linguagens que utilizamos para desenvolver web sites.
(Addison, 1998)
Figura 1 Estrutura basica HTML
6
CSS – (Cascading Style Sheets) é uma linguagem de folhas de estilo utilizada para
definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML
. O seu principal benefício é a separação entre o formato e o conteúdo de um documento.
CSS é responsável pela aparência da página, como o posicionamento dos elementos,
cores e tudo que torne o site mais visualmente agradável para a navegação. O CSS nada mais
é que uma folha de estilo.
Para adicionarmos o CSS na nossa página HTML podemos utilizar as seguintes
formas:
Figura 2 Inserir CSS no Código HTML
OU
Figura 3 Inserir CSS de forma externa
Aqui foi criado um arquivo CSS que está ligado ao Código HTML por um link.
7
JAVASCRIPT - é uma Linguagem de Programação ultilizada para criar dinamismo no
website e gerar interatividade entre o website e o usuário.
Para adicionarmos o Javascrip na nossa página HTML podemos utilizar as seguintes formas:
Figura 4 Inserir JavaScript no código HTML
Figura 5 Inserir JavaScript de maneira externa
Muita gente acha qua JAVA e JAVASCRIPT, são linguagens idênticas, há uma
diferença entre estas duas linguagens. Java que é utilizada para cria aplicações executadas
em uma máquina virtual ou em um browser, ao passo que ao passo que o código JavaScript
é uma linguagem que é executada que serve para auxiliar no desenvolvimento de um website
juntamente com o trio de linguagens HTML, PHP e CSS. É de grande importância realçar
que a linguagem de programação JavaScript só funciona em browsers (Navegadores).
PHP STORM é um editor da empresa JetBrains que possibilita usar varias
linguagens diferentes.
8
2º CAPÍTULO – FUNDAMENTAÇÃO PRÁTICA
9
5 Apresentação do WEBSITE
A primeira página a ser apresentada é a página HOME ([Link]) que visa das as
boas vindas ao usuário e mostrar resumidamente a área de atuação da Start-Up. No Cabeçalho
desta página está o Menu interativo que foi desenvolvido usando HTML com base, CSS para
dar mais estilo ao mesmo, e JAVASCRIPT para dar mais interatividade à página, onde é
possível encontrar figuras do exato sector do menu do website, quando é passado o mouse
por cima.
Imagens Mostrando a interatividade do Menu
Figura 6 Pág Home
Mais abaixo, ainda na página HOME encontra-se a Data de quando foi criada a
Start- Up, o botão com a Opção “Saber mais” que nos leva para segunda página que é a
página que fala sobre as éticas e competências da Start-Up, e depois encontramos o rodapé
da página.
1
A segunda página a ser apresentada ao usuário é a página QUEM SOMOS
([Link]) que é a página onde são apresentas todas as informações da Start-Up referente à
Missão, Visão e Valores da Start-Up, assim como na Página também encontramos o rodapé.
Figura 7 Pág Sobre Nós
1
A terceira página do website é a página SERVIÇOS (serviç[Link]), nessa estão
especificados os serviços que a Start-Up oferece.
Figura 8 Serviços
A Quarta e última página do website é a página FALE CONOSCO (fale
[Link]), nela encontramos inputs dos tipos nome, email, senha e mensagem, caso o
visitante do site queira entrar em contacto com a Start-Up. Depois mais abaixo encontra-se o
botão enviar, que server para submeter as informações que são enviadas para o meu email,
neste caso o criador do website.
Figura 9 Comunicação
1
6 CONCLUSÃO
Depois de um longo período de investigação cheguei a conclusão que a um website é
o endereço virtual das empresas. Ele é a parte da estratégia de marketing para divulgar,
promover e vender, se for o caso.
Sendo assim, os websites têm por finalidade evidenciar uma marca e assim, alavancar e fazer crescer
os seus negócios.
1
7 Recomendações
A criação de um website não é uma coisa fácil de se fazer, requer ter conhecimento,
tempo e criatividade. Por este motivo muita gente prefere pular esta parte de desenvolver um
site e simplesmente criar uma página no Facebook.
É verdade que você precisa de estar nas redes sociais nos dias de hoje, mas,
enquanto você não tiver um site ou um blog, estará desperdiçando o potencial de conquistar
uma audiência própria. Por este motivo eu recomendo aos alunos deste institutos que estejam
com planos de começar na área do desenvolvimento web, que o façam com garra e
dedicação.
1
8 REFERÊNCIAS BIBLIOGRÁFICAS
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]