Digital Marketing Presentation

Servidores Web

Trabalho realizado por Madalena Santos Duarte 3ºM

Start

Introdução

Nesta apresentação, vamos explorar as principais ferramentas, plataformas para hospedagem, deploy(publicação) de sites e aplicações modernas. Vamos analisar as suas vantagens, desvantagens e casos de uso, com definições claras de termos técnicos.

1.

vercel

2.

netlify

Ferramentas recomendadas para deploy rápido

1.

github

2.

Ferramentas recomendadas para gestão de código(processo de organizar, controlar e rastrear mudanças no código de um projeto de software.)

gitlab

1.

*10 hosting

2.

Infinity free

Ferramentas recomendadas para hospedagem gratuita

3.

Googie host

Vercel

Vantagens Desvantagens

• Funcionalidades avançadas requerem plano pago.

• Menos flexível para projetos fora do ecossistema JavaScript ou Next.js.

• Integração excelente com Next.js (framework para aplicações web fullstack(pacote completo) e frontend(visual através de código)).

• Desempenho otimizado para sites estáticos e dinâmicos.

• Infraestrutura escalável (suporta grande tráfego).

+ INFO

Netlify

Vantagens

Desvantagens

Interface intuitiva e fácil integração com Git (sistema de versionamento). Ideal para sites Jamstack (arquitetura que combina JavaScript, APIs e sites estáticos). Gratuito para muitos recursos.

Limitações para aplicações backend complexas (parte do sistema responsável pela lógica e manipulação de dados). Menor suporte para frameworks fullstack comparado ao Vercel.

/Vantagens Desvantagens

• Limitações para aplicações backend complexas (parte do sistema responsável pela lógica e manipulação de dados).

• Menor suporte para frameworks fullstack comparado ao Vercel.

Netlify

• Interface intuitiva e fácil integração com Git (sistema de versionamento).
• Ideal para sites Jamstack (arquitetura que combina JavaScript, APIs e sites estáticos).

• Gratuito para muitos recursos.

Comparação

• Vercel: Melhor para aplicações com Next.js ( ferramenta que facilita a criação de sites e aplicativos web rápidos e modernos usando React-Biblioteca JavaScript para criar interfaces de usuário dinâmicas)

• Netlify: Excelente para projetos Jamstack(Arquitetura moderna para sites rápidos e escaláveis usando JavaScript(linguagem), APIs e Markup) e sites estáticos(páginas da web simples que mostram o mesmo conteúdo para todos, sem mudar ou usar um banco de dados)

Github

Vantagens Desvantagens

Maior comunidade e base de utilizadores. Interface simples e intuitiva. Focado em projetos de código aberto (software cujo código-fonte é acessível ao público).

Menos recursos de DevOps (conjunto de práticas que combina desenvolvimento e operações). CI/CD (integração e entrega contínuas) requer ferramentas externas.

Gitlab

Vantagens

Desvantagens

• Oferece CI/CD(forma de automatizar a criação, teste e entrega de atualizações em um software, para que ele fique pronto mais rápido e com menos erros. integrado)
• Permite hospedagem própria.
• Flexibilidade nas permissões e controle de acesso.

• Comunidade menor comparada ao GitHub.
• Interface mais complexa para iniciantes.

Hospedagem gratuita

Opções mais populares :

x10Hosting: Básica, com suporte a PHP (linguagem de programação usada no backend) e MySQL (sistema de gerenciamento de bancos de dados). InfinityFree: Fácil de usar, com cPanel (interface para gerenciar hospedagem web). GoogieHost: Recursos premium gratuitos, mas com publicidade.

Limitações

• Performance reduzida.

• Recursos limitados para projetos maiores.

Firebase

Vantagens

• Autenticação de utilizadores.
• Base de dados em tempo real.
• Ideal para projetos que exigem integração avançada

DESVantagens

Não suporta PHP(Linguagem)/MySQL(sistema gerenciamento de dados), necessários para WordPress (sistema de gestão de conteúdo).

Cloudflare

Recursos:

• CDN (rede de entrega de conteúdo que melhora a performance de sites).
• Segurança avançada contra ataques online.
• Integração com Git para deploy automatizado.
• Casos de Uso:
• Projetos grandes e sites muito visitados.

Análise para wordpress

Plataformas Não Recomendadas:

• Vercel e Netlify: Não suportam PHP/MySQL.
• GitHub e GitLab: Não são plataformas de hospedagem completas. Alternativas Adequadas: x10Hosting e GoogieHost: Suporte básico a WordPress para pequenos projetos.
• HyperPHP: Simples para iniciantes, mas com recursos limitados.

Conclusão

Sites estáticos e Jamstack: Netlify ou Cloudflare.

List / Processes

3.Social Beings

1.Visual Beings

We need to interact with each other. We learn collaboratively.

We are capable of understanding images from millions of years ago, even from other cultures.

+ INFO

+ INFO

4.Digital Beings

2.Narrative Beings

We avoid being part of the content saturation in the digital world.

We tell thousands and thousands of stories. ⅔ of our conversations are stories.

+ INFO

+ INFO

Here you can put a highlighted title, something that captivates your audience

Narrative beings

Social beings

We are visual beings

Show enthusiasm, sketch a smile, and maintain eye contact with your audience: 'The eyes, chico. They never lie'. This will help you connect with your audience. Leave them speechless!

You can develop the content in more detail through your oral presentation. We recommend that you train your voice and practice: the best improvisation is always the one that is well-prepared!

You can create an outline to synthesize the content and use words that will stick in your audience's mind. Numbered ideas are much better remembered than bullet point lists.

Write a great headline

When we are told a story, it moves us, it can even touch us, making us remember stories up to 20 times more than any other content we may consume.

Multimedia content is essential to achieve a WOW effect in your creations.

Include background music, audio, or sound effects here… It always adds value!

Inserted content

Interactive Question

Interactive Question

Interactive Question

Interactive Question

Conclusion

Did you know that Genially allows you to share your creation directly, without the need for downloads? Ready for your audience to view it on any device and share it anywhere. Visual content is a cross-cutting, universal language, like music. We are capable of understanding images from millions of years ago, even from other cultures. Disciplines like Visual Thinking facilitate visually rich note-taking thanks to the use of images, graphics, infographics, and simple drawings. Go for it!

'Your content is liked, but engages much more if it is interactive' -Genially

Remember to post!

Here you can include a text to thank your audience.

@yourtwitterorInstagramstory www.yourwebsite.com

Contextualize your topic

A brilliant title

Visual accompaniment manages to convince 67% of the audience. This is because visual language facilitates the rapid acquisition of knowledge in an intuitive way. Could it be said that images are the key to success? Evidently. Our brain is prepared to consume visual content. Some data: 90% of the information we process comes to us through sight and we process visual content up to 60,000 times faster than text. That’s why visual communication is more effective.

A brilliant presentation:

• It is clear and structured
• It tells stories hierarchically.
• It matches your audience.
• It adapts the fonts and colors to the theme.
• It includes images and entertains.
• It represents data with graphs.
• It uses timelines.
• It is animated and interactive.
• It excites the brain through multimedia elements.
• It does NOT overdo the bullet points 🙃​.

The visual content is a cross-cutting, universal language, like music. We are able to understand images from millions of years ago, even from other cultures.

Show enthusiasm, flash a smile, and maintain eye contact with your audience: 'The eyes, chico. They never lie'.

Contextualize your topic

A brilliant title

Visual support manages to convince 67% of the audience. This is because visual language facilitates the quick acquisition of knowledge in an intuitive way. Could it be said that images are the key to success? Evidently. Our brain is prepared to consume visual content. Some data: 90% of the information we process comes to us through sight, and we process visual content up to 60,000 times faster than text. That is why visual communication is more effective.

If you are going to present live, we recommend that you train your voice and rehearse: the best improvisation is always the most practiced!.

Contextualize your topic

A great title

Animation adds value to our content by helping us capture attention, hierarchize ideas, and ensure that our audience remembers the content. Do you feel that your text still lacks something? Add animation to captivate your audience. Pose a dramatic question; it is the essential ingredient for maintaining audience attention. It is often posed subtly at the beginning of the story to intrigue the audience and is resolved at the end.

Contextualize your topic

Maps are a great ally

Interactive visual communication enhances the results of communication on any topic and in any context.

Maps, for example, have been used in infographics as a narrative support to tell a story, inform about news, or as a means of advertising.

Before you start creating, it's a good idea to take a few minutes to think about what this map tells you.

You can create a framework to synthesize the content and use words that will be etched in the minds of your audience.

Contextualize your topic

A great title

Multimedia content is essential to achieve a WOW effect in your creations. Including background music, audio, or sound effects here… It always adds up!

'Your content is liked, but it engages much more if it is interactive'

Contextualize your topic

A great title

Animation adds value to our content by helping us capture attention, prioritize ideas, and make our audience remember the content. Do you feel like your text still lacks something? Add animation to captivate your audience. Pose a dramatic question; it is the essential ingredient to keep the audience's attention. It is usually posed subtly at the beginning of the story to intrigue the audience and is resolved at the end.

Contextualize your topic

A great title

Multimedia content is essential to achieve a WOW effect in your creations. Including background music, audio, or sound effects here… It always adds up!

'Your content is liked, but it engages much more if it is interactive'

Contextualize your topic

Insert videos

Contextualize your topic

Insert videos