Come si applica l’intelligenza artificiale nello sviluppo web e nel content marketing? Nel workshop verranno presentate come le potenzialità dell’IA e del Prompt Engineering possano essere applicate per lo sviluppo dei siti web, in particolare Drupal con l’integrazione delle API di OpenAI per ottimizzare la gestione dei contenuti di un sito. Si affronterà anche l’utilizzo dell’IA per il content e social media marketing, per poi mettere in pratica insieme ai partecipanti (singolarmente o in gruppi) la creazione di una landing page semplice from scratch e del relativo materiale social.

1. Mael Chiabrera & Viola Bongini
INTEGRAZIONE DELL’INTELLIGENZA
ARTIFICIALE NELLO SVILUPPO WEB E
CREAZIONE DEI CONTENUTI
Software Developer & Digital Experience Designer

3. About us
Siamo specializzati nella progettazione e
sviluppo di siti e applicazioni web, app
mobile, nel marketing digitale e nelle strategie
di comunicazione online.
PARTNER
Who? What?
Why?

4. Who?
Il team
Who?
Creativity Tech
Vino buono
Under30
Creativity
Tech
Skills
Età
Donne
What?
Why?
Un team giovane, dinamico, inclusivo,
sempre pronto a nuove sfide digitali

5. Who? What?
Why?
La nostra mission
Realizziamo esperienze digitali esplorando innovazioni tecnologiche e creative,
promuovendo al contempo una cultura aziendale attenta alle esigenze del team.
Analizziamo ogni progetto offrendo una nuova prospettiva per raggiungere
obiettivi ambiziosi.

6. Web & App
development.
Design.
Digital
Marketing.
Drupal
Development
Mobile app
development
Web
Application
Development
Web
Development
System
integration
E-commerce Website
Development
Brand identity Logo design
Mobile App
Design
Web design
Google Ads
Campaigns
App Store
Optimization
Social Media
Marketing
Digital PR
Alcune delle nostre soluzioni per
le vostre esperienze digitali
UX design
SEO
Consulting
Automation and
personalization
UI Design
Who? What?
Why?

7. Clienti

8. Gli speaker
Ma in particolare…
Noi due chi siamo?

9. MAEL
Software Developer
VIOLA
Digital Experience Designer

10. Grazie!
Piazza De Amicis 121 bis, 10126
Torino (TO) - Italy
info@archibuzz.com
+39 011 69 81 711
www.archibuzz.com

11. E mo di che parliamo?

12. Che cos’è per noi
l’Intelligenza Artificiale?
Intelligenza Artificiale & Archibuzz

13. Un caro amico che ci aiuta nel lavoro
di tutti i giorni!
AI
MAEL
Dal copywriting al boost dei processi di content
marketing, fino al debugging e alla ricerca di ispirazione,
l'IA ci fa da spalla nel lavoro di ogni giorno.
Questa tecnologia non solo ci facilita la vita con i compiti
più noiosi o complessi, ma ci aiuta anche a trovare idee
sempre nuove.
#AI un amico in me

14. Ma come si sa,una buona amicizia
richiede tempo e cura
Essendo una cosa nuova, in Archibuzz abbiamo utilizzato diversi tool
per capire il loro funzionamento e decidere su quali valesse investire,
tenendo in considerazione tutti i nostri reparti e necessità.
Viola che scrive il suo primo
prompt a Midjourney
Midjourney

15. Quali di questi vediamo oggi?
(E perché?!?!?!?)
ChatGPT
Midjourney

16. ChatGPT
Cos’è ChatGPT e
come funziona?

17. ChatGPT è un LLM di AI sviluppato da
OpenAI.
Si basa su un modello linguistico di grandi
dimensioni, noto come Generative
Pre-trained Transformer 3 (GPT-3), che
è stato addestrato su un enorme dataset
di testo e codice.

18. Alcune funzionalità e attività:
ChatGPT è ancora in fase di sviluppo, ma ha già dimostrato un
enorme potenziale in diversi campi. È una AI versatile che
può essere utilizzata per una varietà di scopi, dalla scrittura
creativa alla customer service.
● Generazione di testo realistico e coerente
● Traduzione di lingue
● Analisi del sentiment
● Rispondere alle domande
● Correggere errori grammaticali e di ortografia
● Creare contenuti per siti web e social media
● Generare codice

19. ChatGPT
Come sfruttiamo ChatGPT
nel team sviluppo?

20. Per fare il lavoro al posto nostro!
(magari 🥲)

21. Per tante cose:
ChatGPT ci aiuta a ridurre i tempi di sviluppo e renderci la vita più facile!
Nel reparto sviluppo lo utilizziamo per creare:
● Rubber duck debugging 🦆
● Debuggare i log (addio StackOverflow ❤)
● Scrivere email a prova di PM ✉
● Text summary 📋
● Documentazione 📄
● Content translation 󰬬

22. Midjourney
Cos’è Midjourney e
come funziona?

23. Midjourney è un software di AI che
permette di creare immagini realistiche e
suggestive a partire da descrizioni
testuali. Come ChatGPT, è un modello
che è stato addestrato su un enorme
dataset di testo e immagini.

24. Funzionalità principali e plus:
● Generazione di immagini realistiche
● Controllo creativo del mood, stile e colori
● Advanced prompt per immagini più precise e personalizzate
● Iterazione e perfezionamento progressivo
● Una community alla base
Anche Midjourney è ancora in fase di sviluppo, è un AI versatile che può essere
utilizzata da artisti, designer, creativi e chiunque voglia creare immagini
suggestive e originali.

25. AI e Design
Come usiamo Midjourney
nel team design?

26. Per un sacco de robbba!
Un nostro collega in
versione samurai
Midjourney ci aiuta a produrre materiale, anche
quando non si ha materiale da cui partire! Noi del
team design lo utilizziamo per creare:
● Image content per i social media e siti web
(immagini per header, per le news ecc.)
● Icone/disegni/still life a sfondo bianco
(purtroppo non crea immagini
in png 😪 ma le scontorniamo!)
● Pattern
● Immagini per advertising
● Immagini just for joking 🤪

27. Alcuni esempi presi dalla nostra
bacheca Midjourney (ben riusciti e non)
GTA Evil Santa
Tema: Cartellone pubblicitario natalizio per una concessionaria

29. censura
censura

30. Tema: Creare un pandaleonte
+

31. Massimizzare le prestazioni dei modelli di AI
I prompt

32. Cosa sono i Prompt?
Un prompt è un'istruzione o un input
testuale che viene fornito a un
modello di intelligenza artificiale (AI)
per guidarne l'output
Cos'è il Prompt Engineering?
Il prompt engineering è la disciplina di progettare,
affinare e ottimizzare i prompt per ottenere risposte
e output più accurati e pertinenti dai modelli di AI.
In base a cosa si chiede all’AI e in che modo,
i prompt possono essere
più o meno efficaci

33. Prompt poco efficace
● "Fammi un riassunto di Guerre Stellari."

34. Prompt efficace
● "Riassumi gli eventi chiave del film originale di
Guerre Stellari del 1977 in massimo 100 parole,
mantenendo uno stile oggettivo e conciso."

35. Prompt poco efficace
● “polo in the street”

36. Ancora poco efficace
● “white polo in the street”

37. Poi abbiamo capito…
● “volkswagen white polo in the street”

38. Non sempre basta un buon prompt

39. Integrazioni
Perché usare le AI?
Per renderci la vita più easy!

40. Sempre più integrazioni
Che siano legate all’ambiente digital o meno, sono un ottimo sistema
per renderci la vita un po’ più facile.
Alcuni di questi sono per esempio:
● Software di gestione ufficio;
● Software per la grafica (ps, canva ecc)
● Code Editor e Terminal
● Chatbot
● Plugin di Wordpress per la gestione dei contenuti
● Moduli di Drupal per la gestione di contenuti, traduzioni e tanto altro

41. OpenAI e Drupal?
Vedremo alcuni esempi di integrazione fra moduli provvisti dalla community che ci
permettono di integrare delle funzionalità di GPT al interno del nostro sito Drupal:
● Creazione di testi
● Riepilogo di testi
● Categorizzazione dei contenuti in maniera automatizzata
● Generazione di immagini
● Metadati (metatag, description, keyword ecc)
● Traduzione di contenuti testuali
Creiamo un contenuto assieme!

42. Possiamo lasciar fare tutto all’AI?
Ovviamente NO
Quindi?

43. Fidarsi è bene,non fidarsi è meglio!
● Promo false by Chatbot: un giudice ha obbligato Air Canada a risarcire un
cliente dopo che un assistente virtuale gli promise erroneamente uno sconto
per lutto. Nonostante le contestazioni della compagnia, il tribunale ha stabilito
a favore del cliente
● ChatGPT crea casi giudiziari inesistenti: Un avvocato americano ha usato
ChatGPT per trovare precedenti a sostegno di una causa mossa contro una
compagnia aerea.
Risultato? I casi citati non esistevano! Multone di 5000$
● AI razzista: Nel 2016, Microsoft lanciò Tay, un chatbot AI su Twitter per esperimenti
di comprensione conversazionale, che apprendeva dalle interazioni social.
In meno di 24 ore, Tay iniziò a pubblicare contenuti razzisti, misogini e antisemiti,
portando Microsoft a sospendere il servizio

44. Moodboard: Deficienza artificiale

45. Mini-gioco: trova l’errore

46. Domande? Dubbi?
Q&A

47. PAUSETTA!
☕🍺🍫😴🍩💃🚬

48. It’s time to practice
Parte pratica

49. Predisponiamo gli strumenti per i profani:
TEXT:
https://chat.openai.com
CODE EDITOR:
https://onecompiler.com/html
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default_default
IMAGE:
https://ideogram.ai/login
https://www.bing.com/images/create
Per inserire le immagini nell’HTML:
https://postimages.org/ (Usando il direct link)
Workshop:
Creare una landing page e materiale
per campagne social abbinato

50. Workshop:
Creare una landing page e materiale
per campagne social abbinato
1. Scegliere una tematica/business
2. Chiedere a ChatGPT consigli su una struttura di landing page adatta e che
converta
3. Pensare/progettare la landing prevedendo alcuni elementi fondamentali (le
immagini, delle CTA ecc.)
4. Chiedere a ChatGPT la struttura html/css della landing con lo stile, utilizzando
prompt adatti
5. Generare le immagini da inserire nella landing
6. Creare dei copy differenziando i due canali social (Facebook e Instagram) e
creare l’immagine per il post
7. Presentazione dei lavori (SE C’AVANZA TEMPO SENNO’ GRAZIE A TUTTI)

51. Ready?!?

52. Dai…seguiteci su Instagram!
@archibuzzlab

53. GRAZIONE!!!