Projecte Imatge corporativa i IA

El feixisme es combat i destrueix. És inútil dialogar amb els animals.

Projecte de disseny, imatge corporativa, publicacions i IA

En aquest projecte voleu donar visibilitat al món un petit negoci o una cooperativa situada en un poble de Catalunya. Per exemple, una empresa de productes típics de la comarca, de vins, de turisme rural, de roba sostenible, etc.

Fareu dues pràctiques on dissenyareu el logotip de l'empresa, el marxandatge i la imatge corporativa utilitzant eines de Intel·ligència Artificial.

També aprendreu a crear arbres de decisió i construir un Xatbot que les segueixi per mantenir una conversa.

Projecte de disseny, imatge corporativa, publicacions i IA

Pràctica 1. IA, Imatge Corporativa i Publicacions

Pràctica 2. Xatbots

Pràctica 1. IA, Imatge Corporativa i Publicacions

(individual o en parella)

0.- En aquesta pràctica treballareu:

- - Disseny i creació de logotips.
  - Programa d'edició d'imatges.
  - Disseny i creació d'Imatges Corporatives.
  - Crear una publicació utilitzant un FlipBook.

1.- Recerca i anàlisi:

- - Obriu el document Alumne1_Alumne2_Per_Entregar_a_la_Plataforma i responeu les preguntes que es plantegen.

2.- Aplicació:

2.1.- Creació del logotip:

- - Podeu utilitzar qualsevol programa eina generativa d'imatges com per exemple: Microsoft Designer, Gemini de Google, Copilot de Microsoft, Stable Diffusion, Playground, Leonardo, Lexica Art, DALL-E o Civit IA
  - Recomanacions per crear un bon logotip:
    - - L'idioma no és tant important, en català i castellà s'obtenen els mateixos resultats. Però en anglès es pot millorar el resultat.
      - Heu de descriure el tipus de logotip que voleu, dient: com és l'empresa, el seu nom, el número de colors, el fons transparent, en format dibuix lineal, l'objecte o objectes que voleu que us mostri i totes aquelles característiques que voleu que tingui la imatge.
      - Un cop creat el logotip, segurament farà falta retocar-lo amb un programa d'edició d'imatges, com per exemple el Gimp de l'ordinador o el ProCreate de l'iPad.
  - Deseu el logotip amb el nom: Nom_Alumne_Logotip.png o gif o jpg o jpeg
  - Enganxeu el logotip dins del document Alumne1_Alumne2_Per_Entregar_a_la_Plataforma.

2.2.- Definiu els elements bàsics de la imatge corporativa. Utilitzeu la presentació (Alumne1_Alumne2_Imatge_Corporativa) per definir els següents elements:

Dins de la 1a diapositiva, escriviu el nom de l'empresa, expliqueu a què es dedica, quins productes ven, quin és el seu públic objectiu i qualsevol altre cosa que considereu important.
Dins de la 2a diapositiva, inseriu el logo que heu creat.
Dins de la 3a diapositiva, inseriu la gamma cromàtica que heu utilitzat. Podeu aconseguir les gammes de colors a partir del web Color-Hex.
Dins de la 4a o 5a diapositiva, inseriu la o les tipografies que utilitzareu a la vostra publicació. Per definir la tipografia podeu utilitzar aquest abecedari i els símbols.
Enganxeu l'enllaç de la presentació dins del document Alumne1_Alumne2_Per_Entregar_a_la_Plataforma.

2.3.- Ara toca fer FlipBooks (la revista) per publicitar la vostra empresa utilitzant l'eina Visme.

- Per crear la revista heu d'anar a: Create New | Project | Documents | Create from blank)
- Mireu alguns exemples: Decathlon, SA Water o Perino.
- La revista ha de contenir:
  - - 4 pàgines: portada, dues pàgines i contraportada. Podeu dissenyar-les com vulgueu, però NO es poden utilitzar layouts o plantilles predeterminades.
    - Mida del full, A4.
    - Textos que defineixin la vostra empresa han de ser generats per qualsevol eina generativa de text com per exemple: Gemini de Google, ChatGPT d'OpenIA o Bing de Microsoft
    - Imatges de la vostra empresa o del seu entorn i el logotip.
    - Vídeos.
    - Google Maps de la ubicació de l'empresa o les botigues.
    - Sons o música.
    - Objectes amb animacions (Graphics Shapes).
    - Imatges del marxandatge de la vostra empresa que inclogui el logotip. Looka, zazzle (Material d'oficina i marxandatge) i spreadshirt (Marxandatge).
    - Qualsevol altra cosa que vulgueu afegir.

- ATENCIÓ: possibles continguts a preguntar que podeu incloure a la vostra revista. Suposem que l'empresa fa mel:
  - - Quin seria el millor lloc per ubicar una empresa de recol·lecció de mel al Pirineu català?
    - Quines creus que serien les Pràctiques agrícoles sostenibles per a producció de mel?
    - Quina és la Història i els valors de l'empresa productora de mel?
    - Explica quins són els elements que caracteritzen la meva empresa de mel d'abelles del Pirineu català
    - Quines són les característiques principals que permeten elaborar una mel de qualitat?
    - Quins serien els millors canals de venda i màrqueting d'una empresa de mel ubicada al Pirineu català?
    - Quins són els compromisos amb la comunitat local d'una empresa de mel ubicada al Pirineu català?

Al final del document Alumne1_Alumne2_Per_Entregar_a_la_Plataforma, inseriu l'enllaç a la pàgina web de la vostra revista. Com ho fareu:
- - Botó blau de Share.
  - Published for web.
  - Botó de Publish.
  - Copiar l'enllaç al document.

Data de lliurament de la pràctica 1:

Compartiu el document Alumne1_Alumne2_Per_Entregar_a_la_Plataforma amb permís d'edició amb joan.valero@ipsi.cat i pengeu-lo a la Plataforma.
Data de lliurament: 31/01/2025.

Ajudes:

Creació i edició: create.piktochart.com o canva.com o onlinelogomaker o qualsevol altre que coneixeu.
Amb l'iPad, l'app Procreate
Tractament d'imatges: pixlr.com
Creació de Marxandatge: Looka, zazzle (Material d'oficina i marxandatge) i spreadshirt (Marxandatge).

Rúbrica

Lliurament pràctica

Pràctica 2. Xatbots

(individual o en parella)

0.- En aquesta pràctica treballareu:

- - Arbres de decisió
  - Dissenyar un XatBot.

1.- Recerca i anàlisi:

Què és un XatBot?

- - Resposta curta: un programa que simula una conversa entre humans.
  - Resposta llarga: aquesta és una forma de comunicació entre una màquina i humans, que ben configurat, presenta una sèrie d'avantatges que poden resultar claus per al desenvolupament, escalabilitat i creixement d'un negoci. A través de l'ús de llenguatge natural i de condicionals, l'algorisme d'un xatbot és capaç de mantenir una conversa fluida amb un humà.

2.- Aplicació:

2.1.- Disseny de l'Arbre de Decisió:

- - Exemple d'un XatBot.
  - Exemple de l'arbre de decisió.
  - Per començar, en un paper, dissenyeu l'arbre de decisió de conversa del XatBot.
  - És important que l'arbre de decisió disposi de totes les possibles situacions a les què el XatBot s'enfrontarà. Per exemple, cal considerar les situacions següents:
    1. - Un inici on es presenti, pregunti el teu nom i en què et pot ajudar.
      - Les preguntes que us pot fer el XatBot i les possibles respostes.
      - Possibles ajudes que us pot oferir el XatBot com imatges, vídeos i enllaços a pàgines web.
      - En alguna pregunta us ha d'enviar un correu amb informació.
      - Una via de sortida que permeti tornar a l'inici de la conversa.
      - Preguntes amb botons.
      - Preguntes amb "Ask a question" i Condicions.
      - Un final del xat on el XatBot finalitzi i s'acomiadi de forma educada.
      - Per entregar l'arbre de decisió, cal descarregar-lo, penjar-lo al Drive i crear un enllaç al document d'entrega, NO UNA CAPTURA.
  - Abans de començar a programar el XatBot mostreu al professor l'Arbre de Decisió per veure si és correcte.

2.2.- Construcció del XatBot amb l'eina Landbot (ATENCIÓ, és una eina gratuïta durant 15 dies, no us registreu abans de la setmana del 3 de febrer).

Els XatBot ha de contenir les següents accions:

A l'opció Design, canviar l'estil predeterminat de colors del XatBot. Colors, fonts, imatge de l'avatar, etc. NO utilitzar Templates.
Al començar la conversa, el XatBot ha de demanar el nom de la persona a la que s'adreça, desar el nom dins d'una variable i durant tota la conversa adreçar-se amb el teu nom. Per exemple, Joan, m'agrada molt l'opció que has triat. La resposta és...
Alguns botons han de contenir imatges o emojis.
Ha de demanar el correu, desar-lo a la variable @mail i quan faci falta enviar el correu a aquesta adreça.
Ha de desar dades dins de variables per fer més adequada la conversa. Per exemple, si el xatbot és d'un restaurant pot guardar dins de les variables: Has dit que vols de 1r plat pasta, de 2n peix i de postres flam, és correcte?
Les condicions (Conditions) han de ser, com a mínim, de tres nivells.
Un Persistent menu.
Enviar un correu.
Missatges informatius com Send a message o Goodbye message.
Continguts multimèdia com vídeos.

Per crear l'arbre de decisió del XatBot, disposeu de les següents eines:

Buttons amb un missatge.

Send a message. Missatge de finalització i tornar a l'inici de la conversa.

Send a message. Missatge comodí per a quan el XatBot no té resposta.

Media. Missatge amb vídeo o imatges.

Buttons on l'usuari tria una opció i el XatBot ofereix una resposta.

Ask a Question. Pregunta concreta que fa el XatBot i l'usuari escriu la resposta. A partir de la resposta de l'usuari el XatBot ofereix dues possibles solucions.

Amb l'opció Conditions el XatBot pot analitzar com escriu la resposta l'usuari i així resoldre problemes com les faltes d'ortografia.

Persistent menu, insereix un menú a la pantalla del Bot per fer tasques en qualsevol moment, per exemple anar a l'inici o acabar la conversa.

2.3.- Com entregar la pràctica:

- - Descarregueu l'arbre de decisió i enganxeu-lo document Alumne1_Alumne2_XatBot_Per_Entregar_a_la_Plataforma. Com s'ha de fer:

1.- A la part superior de la pantalla, cliqueu l'opció Share.

2.- Cliqueu Export flow.

3.- Cliqueu Export.

- - Descarregueu l'enllaç del XatBot i enganxeu-lo dins del document Alumne1_Alumne2_XatBot_Per_Entregar_a_la_Plataforma. Com s'ha de fer:

1.- A la part superior dreta cliqueu el botó vermell Publish. Tanqueu la pantalla que s'ha obert.

2.- A la part superior de la pantalla, cliqueu l'opció Share.

3.- A l'esquerra, cliqueu Share with a link.

4.- Cliqueu Copy.

Data de lliurament de la pràctica 2

Compartiu el document Alumne1_Alumne2_XatBot_Per_Entregar_a_la_Plataforma amb permís d'edició amb joan.valero@ipsi.cat i pengeu-lo a la Plataforma.
Data de lliurament: 14/02/2025.

Rúbrica

Lliurament pràctica

0.- En aquesta pràctica treballareu:

El desenvolupament del comerç electrònic.
Creació d'una botiga virtual.

1.- Recerca i anàlisi:

- - Busqueu botigues reals i mireu com estan fetes i, a més dels productes que venen, que més ofereixen.
  - Si ho preferiu podeu utilitzar una altra plataforma per dissenyar botigues virtuals. Jo us proposo Wix.
  - Utilitzant el compte d'ipsi.cat, registreu-vos a la pàgina Wix.
  - Cliqueu damunt +Create New Site.
  - De la pantalla: What kind of website are you creating? trieu l'opció Online Store.
  - Escriviu el nom de l'empresa.
  - De la pantalla: What do you want to add to your website? no trieu cap de les opcions.
  - De la pantalla: Start setting up your store trieu Start designing your site, Begin with a template →
  - De la pantalla: Pick the Website Template You Love trieu el Template (Plantilla) que més s'ajusti a la vostra botiga. Atenció, la plantilla que trieu serà el punt de partida, caldrà ajustar-la a les vostres necessitats.
  - Un cop tingueu la plantilla triada cliqueu el botó Publish (a dalt a la dreta).
  - Copieu l'enllaç i enganxeu-lo a l'entrega de la pràctica de la Plataforma.

2.- Aplicació:

- - Inseriu un mínim 10 articles a la venda. Cada article ha disposar de:
    - - El preu que ha de ser d'1.000.000 € + la quantitat que vulgueu. Per exemple, si un producte al món real val 35,99 €, a la vostra botiga posareu 1.000.035,99 €.
      - Foto o fotos de producte.
      - Escriviu unes breus descripcions del producte.
      - Si us demana dades de Contacte escriviu:
        Nom: Escola IPSI.
        E-mail: practicabotiga@ipsi.cat
  - La botiga s'ha de poder veure correcta i clarament a l'ordinador i al mòbil.
  - La nota d'aquesta pràctica es basarà, no tant en la quantitat de productes que veneu, sinó en totes les opcions que afegiu a la botiga. Podeu buscar botigues reals, mirar com estan fetes i que ofereixen.

Molt Important per evitar problemes legals: Inseriu a l'inici de cadascuna de les pàgines la imatge següent:

Report abuse