-
Notifications
You must be signed in to change notification settings - Fork 0
/
PWBD_paginone.html
1175 lines (1019 loc) · 80.4 KB
/
PWBD_paginone.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Wanted! - Project Work Design Brief</title>
<meta content="Wanted!" name="description">
<meta content="Art, Photograph, Pets, Love, Memories" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Gp - v4.7.0
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top header-inner-pages">
<div class="container d-flex align-items-center justify-content-lg-between">
<h1 class="logo me-auto me-lg-0"><a href="index.html">WANTED<span>!</span></a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo me-auto me-lg-0"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<nav id="navbar" class="navbar order-last order-lg-0">
<ul>
<li><a class="nav-link scrollto active" href="index.html#hero">Home</a></li>
<li><a class="nav-link scrollto" href="index.html#about">About</a></li>
<li class="dropdown"><a href=""><span>Project Work Design Brief</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li class="dropdown"><a href="#Intro"><span>Introduction</span> <i class="bi bi-chevron-right"></i></a>
<ul>
<li class="dropdown"><a href="#Context">The Context</a>
<ul>
<li><a href="#RI">Reference institution and assets</a></li>
<!--li><a href="#">b) relevant CH assets</a></li-->
<li><a href="#Location">The location</a></li>
<li><a href="#Audience">The target audience</a></li>
</ul>
</li>
<li class="dropdown"><a href="#Concept">The Concept</a>
<ul>
<li><a href="#conceptual">Conceptual map</a></li>
<li><a href="#Museological">The museological approach</a></li>
<li><a href="#">Experience design</a></li>
<li><a href="#">Specific CH topic selected as case study</a></li>
<li><a href="#">Chosen cognitive focus</a></li>
</ul>
</li>
<li><a href="#Goals">The Goals</a></li>
<li><a href="#Requirements">The Requirements</a></li>
</ul>
</li>
<li class="dropdown"><a href="#Dev"><span>Development</span> <i class="bi bi-chevron-right"></i></a>
<ul>
<li><a href="#">The story</a></li>
<li><a href="#ID">Interaction Diagram</a></li>
<li><a href="#">c) Development to reach the cognitive focus</a></li>
<li><a href="#">d) Foreseen workflow (includes needed software, hardware, professionals)</a></li>
<li><a href="#">e) Further development and maintenance issues</a></li>
</ul>
</li>
<li><a href="#team">Teams roles</a></li>
<li><a href="#Bib">Bibliography</a></li>
<li class="dropdown"><a href="#Complementary"><span>Complementary Material for the Discussion</span> <i class="bi bi-chevron-right"></i></a>
<!--ul>
<li><a href="#">3d object or scene (3D)</a></li>
<li><a href="#"> Trailer (video)</a></li>
<li><a href="#"> Audio (i.e. interviews of your potential users)</a></li>
</ul-->
</li>
</ul>
</li>
<!--li><a class="nav-link scrollto" href="stories.html">Services</a></li>
<li><a class="nav-link scrollto " href="index.html#portfolio">Portfolio</a></li-->
<li><a class="nav-link scrollto" href="#team">Team</a></li>
<li><a class="nav-link scrollto" href="index.html#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
<a href="in_art.html" class="get-started-btn scrollto">The exhibit</a>
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<section class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2>Project Work Brief Description</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li>Project Work Brief Description</li>
</ol>
</div>
</div>
</section><!-- End Breadcrumbs -->
<section class="inner-page">
<!-- ======= Intro Section ======= -->
<!-- ======= Intro Section start======= -->
<div class="container accordion" id="Intro">
<div class="accordion-item">
<h2 class="accordion-header" id="headingIntro">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseIntro" aria-expanded="true" aria-controls="collapseIntro">
Introduction
</button></h2>
<div id="collapseIntro" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#Intro">
<div class="accordion-body">
<p><strong class="title">Wanted!</strong>is a project that have been inspired by a corpus of <cite>lost-pets-advertisements</cite> photographs, collected by the authors over the years in various places.<br>
It is focused on the complex relationship between humans and their pets in an anti-speciesist view of interpersonal relationship and family binds.</p>
<p> The name <strong>Wanted!</strong> comes from the strong visual relationship of these SOS-flyers, analysed in a more detailed way in <a href="#CHtopic">The Concept</a> section, with the <cite>Old West</cite> bandit bans even if, like the subtitle “Alive or Alive” explains, with different and opposite purposes and intents.</p>
<p>
The website, is conceived as a multi-dimensional cultural environment offering different paths to be explored: a <strong>current virtual exhibition</strong> and its <strong>related interactive applications</strong> in the <a href="in_art.html">In Art – The Exhibit</a> section; a <strong>growing souvenir-book</strong> built from users’ stories in the <a href="index.html#your_stories">Your Stories</a> section; and a <strong><a href="index.html#data">Data</a> section</strong> to access data – such as the already mentioned corpus of lost-pets-advertisements photographs - analysed to realize the project.</p>
<!-- ======= Intro>Context start ======= -->
<div class="container accordion" id="Context">
<div class="accordion-item">
<h2 class="accordion-header" id="headingContext">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseContext" aria-expanded="true" aria-controls="collapseOne">The Context</button></h2>
<div id="collapseContext" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<!-- ======= Intro>Context>ReferenceInstitution start ======= -->
<div class="row" id="RI">
<div class="container col-lg-6 col-md-6">
<h5>Reference institutions with its institutional goals<!--/(include raster images or/and panoramas)--></h5>
When we started thinking about this project, from the already mentioned corpus, we have been inspired by <strong>memorial museums and installations</strong> such as the<a href="https://www.museomemoriaustica.it/il-museo/" target="_blank">Museo per la Memoria di Ustica</a> – realized by Christian Boltanski, artist specially devoted to memory and memorial issues – or the <a href="https://www.storiaememoriadibologna.it/sacrario-partigiani-in-piazza-nettuno-a-bologna-892-opera" target="_blank">Sacrario partigiani in Piazza Nettuno a Bologna</a> started as a spontaneous initiative of Bologna’s inhabitants, or the Argentinian <a href="https://apm.gov.ar/apm/portada" target="_blank">Archivo Provincial de la Memoria/Ex D2</a>. All these institutions are devoted to preserve the public testimony of historical facts as well as to celebrate the intimate memory of missed beloved-ones.<br>
However, even if a strong memorial component was present in our inspirational material, we would also find the way to celebrate the <strong>joyful</strong> part of the relationship with the – hopefully momentarily – lost pets. </p>
<p>For this part we explored some examples such as those mentioned by Simona Caraceni in her Mewselogy course slides (Hermitage cats army guards, <a href="https://bigcomicbros.net/work/6195/" target="_blank">Le chat du Louvre</a>,
<a href="http://catsmuseum.org/" target="_blank">Cat Museum Kotor</a> and Cats Museum Malaysia) and other similar as the <a href="https://www.kattenkabinet.nl/" target="_blank">KattenKabinet (Cat Cabinet)</a> in Amsterdam. These references often <strong>celebrate individual pets or are "species-dependent"</strong> (celebrating only dogs, or cats, etc.).<br>
Instead, our project demands for an institution exploring the complex emotive human-pet relationship, independently from the reference to a particular species.</p>
<p>The <a href="in_art.html">In Art</a> section is conceived as a Virtual Exhibition about this topic. The idea, involving famous visual artists, is to achieve the double goal of humanising the artist and making their emotive world closer to that of the user. We chose to build an exhibition path on the relationship of some artists and their pets: <strong>Frida Kahlo and Granizo</strong>, <strong>Giosetta Fioroni and Petote</strong>, <strong>Pablo Picasso and Lump</strong>, <strong>Henry Matisse and Minouche</strong>, <strong>Salvador Dalí and Babou</strong>, etc. <br>
The Virtual Exhibition, as <strong>sketched for Frida Kahlo and Giosetta Fioroni</strong>, collects different contents – paintings, photographs, books, etc. - belonging to different cultural institutions in order to build a museological path with different way of fruition (a <em>classic</em> Virtual Exhibition, interactive applications, 3d artists room exploration, etc.)</p>
<p>
The visitor will be also engaged with the possibility of loading and sharing their personal stories in <a href="index.html#your_stories">Your Stories</a> section via the <strong>Share your story</strong> tool.<p>
<p>Further developments of the project include the forthcoming release of a tool “Search for your pet” to help people to share their missed pet advertisement by loading, sharing, and visualizing geolocated data of their missing pets.<br>
A <strong>merchandising section</strong> will also propose funny or educational items for sale.</p>
</div>
<div class="container col-lg-6 col-md-6">
<img src="https://www.storiaememoriadibologna.it/imageserver/gallery_big/files/vecchio_archivio/seconda-guerra/d/D18250_174.jpg" class="img-fluid" alt="Sacrario. Bologna 1945 o 1946. Il Sacrario dei caduti della Resistenza in Piazza del Nettuno a Bologna. Credits Istituzione Bologna Musei" title="Sacrario. Bologna 1945 o 1946. Il Sacrario dei caduti della Resistenza in Piazza del Nettuno a Bologna. Credits Istituzione Bologna Musei">
<figcaption>Sacrario. Bologna 1945 o 1946. Il Sacrario dei caduti della Resistenza in Piazza del Nettuno a Bologna. Credits <a href="https://www.storiaememoriadibologna.it/crediti" target="_blank">Istituzione Bologna Musei</a></figcaption>
<img src="assets/img/KKAmsterdam.JPG" class="img-fluid" alt="KattenKabinet (Cat Cabinet) in Amsterdam website https://www.kattenkabinet.nl/" title="KattenKabinet (Cat Cabinet) in Amsterdam website https://www.kattenkabinet.nl/">
<figcaption>KattenKabinet (Cat Cabinet) in Amsterdam website <a href="https://www.kattenkabinet.nl/">https://www.kattenkabinet.nl/</a></figcaption>
<iframe src="https://canecane.omeka.net/exhibits" width="100%" height="220vh"></iframe>
<figcaption>Virtual exhibition on artist-pet relationships</figcaption>
</div>
</div>
</div>
<!-- ======= Intro>Context>ReferenceInstitution end / Intro>Context>Assets start ======= -->
<div class="container" id="Assets">
<h5>Relevant assets and target audience (include raster images or/and panoramas)</h5>
<p>We arrived to define that the most suitable context for our purposes was the Virtual Exhibition thanks to a recursive design process we did using the <strong><a href="https://gifting.digital/visitorbox-design-cards/" target="_blank">VisitorBox Ideation Cards</a></strong>.<br>
In fact, the cards have been a useful tool to explore the relevant assets and the hypothetical proper target audience for two initial contexts we analysed: a physical museum and the virtual exhibition.<br>
As a reference institution for a physical museum, we took the <a href="https://www.kattenkabinet.nl/" target="_blank">KattenKabinet (Cat Cabinet)</a> in Amsterdam; we used it until the <strong>STAGE 3– Create design brief</strong> to finally decide to design the digital visitor experiences for the Virtual Exhibition.</p>
<div class="two-grid">
<div class="left">
<h6 style="center"><b>Physical reference institution</b></h6>
<p>
<img src="assets/img/step1_1.png" style="border-radius: 0"></p>
<div class="portfolio-links">
<a href="assets/img/step1.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Physical reference institution"><i class="bx bx-plus"></i></a>
</div>
</div>
<div class="right">
<h6>Virtual Exihbition</h6>
<p>
<img src="assets/img/step1.png" style="border-radius: 0">
<div class="portfolio-links">
<a href="assets/img/step1.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Virtual Exihbition reference institution"><i class="bx bx-plus"></i></a>
</div>
</div>
</div>
<p>The two institutions, as shown in the table below, have in common only the <strong>exibhits</strong> asset and they are substantially different:</p>
<table>
<tr><th>Physical Museum</th><th>Virtual Exhibition</th></tr>
<tr><td>Retail</td><td>Guides</strong></td></tr>
<tr><td>location</td><td>digital resource</td></tr>
<tr><td>fame</td><td>outreacht activities</td></tr>
<tr><td>exibhits*</td><td>exibhits*</td></tr>
</table>
</div>
<!-- ======= Intro>Context>Assets end / Intro>Context>Audience start ======= -->
<div class="container row" id="Audience">
<h5>The target audience with characteristics, motivations, capabilities and devices)Personae e altro</h5>
<p>
From the same previous step of the Ideation Cards, we could outline that the two institutions had more point of contacts in the target audience than in the assets: in fact, they share the two categories of <strong>art and animal passionate</strong> as well as the part of <strong>users enjoying collections online</strong>. <br>
All these audiences are <strong>quite familiar with technological devices</strong> that they are used to use for several daily tasks (find an address, search for a professional, sending and receiving email and instant messaging, etc.)<br>
On these bases, we created the Personas - as defined by the Alan Cooper method - available in the Development section.
</p>
<table>
<tr><th>Physical Museum</th><th>Virtual Exhibition</th></tr>
<tr><td>digital visitors*</td><td>sofa lovers</td></tr>
<tr><td>art passionate*</td><td>art students/scholars*</td></tr>
<tr><td>casual tourist</td><td>kids</td></tr>
<tr><td>animal passionate*</td><td>passionate with pets*</td></tr>
</table>
</div>
<!-- ======= Intro>Context>Audience end / Intro>Context>Location start ======= -->
<div class="container" id="Location">
<h5>The location <!--(in case of on-site application it will be the museum or monument)--></h5>
<p>As already mentioned, even if a museum could be physically existent, our application is thought to be suitable also to be used totally online, and accordin to ??? (Beltramini and Gaiani, 2012: 60). and thus we can use to define it these two cathegories:</p>
<ul>
<ol>4.Virtual with real: in this category the researchers have identified a type of virtual museum that they define as a digital space built with the use of technology. This virtual space can shape a real space or an ideal space shaped for virtual exhibition. What identifies the virtual museum is that the objects shown are real objects that have been digitalised for display in a virtual space to be better studied or browsed.</ol>
<ol>5.Virtual with virtual: this last category covers museums with digital spaces that do not exist in reality, and where the objects are also born in digital space (they do not exist in real world), and are created only for the museum. That is to say a completely virtual museum, according to this classification.</ol>
</ul>
</div>
<!-- ======= Intro>Context>Location end ======= -->
</div>
</div>
</div>
<!-- ======= Intro>Context end ======= -->
<!-- ======= Intro>Concept start ======= -->
<div class="container accordion" id="Concept">
<div class="accordion-item">
<h2 class="accordion-header" id="headingConcept">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseConcept" aria-expanded="true" aria-controls="collapseOne">The Concept</button></h2>
<div id="collapseConcept" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container">
<!--button><a href="#CHtopic">Specific CH topic selected as case study</a></button>
<button><a href="#cognitive">Chosen cognitive focus</a></button>
<button><a href="#conceptual">Conceptual map</a></button>
<button><a href="#Museological">The museological approach</a></button>
<button><a href="#">Experience design</a></button>
</div>
<br-->
<!-- ======= Intro>Concept>CHtopic start ======= -->
<div class="container" id="CHtopic">
<h5>Specific CH topic selected as case study. Where the idea comes from</h5>
<p>A corpus of lost pets advertisements, collected between 2014 and 2020 in different places around the world, was the starting point of our project. Part of this collection is available in the <a href="index.html#preliminary_data">Preliminary data</a> section, which also contains specific pages for three sample flyers (Nobu, Gringo and Luli); in those pages the data, previously spread in the free-text in natural language, have been organized in a table with controlled fields such as the <strong>pet name</strong>, the <strong>type of pet</strong>, and </strong>keywords</strong>.</p>
<div class="container">
<iframe src="index.html#preliminary_data" width="100%" height="300vh"></iframe>
</div>
<p>The preliminary data have been then used as an observation set through which extracting information to define our <a href="#Personae">Personae</a> because we immediately noticed recursive patterns in the composition - both visual and textual - of these leaflets that could be helpful to extract some information about the producers.</p>
<!-- ======= Intro>Concept>CHtopic>Analisys on data start ======= -->
<div class="container">
<h6>ANALYSIS on the preliminary data</h6>
<p>These repeated features revealed a strong communicative and emotive engagement from “the human” creating the flyer, looking for its lost pets but also trying to share all the love of the relationship and the emotive pain of this missing.<br>
We have been particularly impressed by the sentimental value that most of these flyers express about the affective tie between the lost pet and their humans.</p><br>
<div>
<iframe src="Nobu.html" width="33%" height="900vh"></iframe>
<iframe src="Gringo.html" width="33%" height="900vh"></iframe>
<iframe src="Luli.html" width="33%" height="900vh"></iframe>
</div><br>
<p>From a <strong>visual viewpoint</strong>, a recurrent pattern is the manual intervention of the caregiver to make the visual communication more expressive, manually colouring black-and-white A4 b/w laser-printed copy. Examples are shown in the Gringo, Luli and Biyu announcement: “collar verde” or “vestidito rojo” “camiseta de argentina”.</p>
<p>
From a <strong>textual point of view</strong>, affection diminutives are really common - “caniche” (little dog), “vestidito” (little dress), "patitas"(little paw), "pechitos" (little brest).<br>
In addition, Gringo and Polaco are talking in <strong>first person</strong> “Me perdì” (I got lost); other pets are referred with “ella” or “she” <strong>pronouns</strong>; in the flyer for Nobu, "GATTO CERTOSINO (Grigio, pelo lucente)", the cat is defined by the words <strong>"timido" (shy)</strong> and <strong>"tonto" (dumb)</strong>: all these are clear exemplifications of the humanising of animals, namely the attribution of human's traits, emotions, or intentions to non-human entities.</p>
<p>The tendency of humanizing domestic animals has a strong tradition, even in the scientific milieu, and some references have been reported in a specific <a href="#">bibliography section</a>. For example, Soviet linguist Yuri Knorozov, known for being the first to decipher the Maya script, is said to have proposed his Siamese cat Asya as co-author of some of his works because the observation of Asya’s behaviour while teaching her kittens to hunt inspired one of his work on signs and communication.. In 1975, Jack Hetherington and F.D.C. Willard published a paper together (Hetherington, J.H., and F.D.C. Willard. <cite>Two-, Three-, and Four-atom Exchange Effects in Bcc He3.</cite> Physical Review Letters 35.21 (1975): 1442-444) but just one of them was a human…</p>
</div>
<div class="container">
<h6>ANALYSIS ON SOCIAL MEDIA</h6>
<p>Due to the new scenarios brought by the era of digitalization and virtual socialisation, we decided to also explore the social media situation, in order to have an overview about the impact of animals in general and pet in particular in that context.<br>
As shown in some examples of profiles provided below, nowadays, animals are still humanized also via the social media, becoming protagonists of social posts and even owners of social media pages, with big success and millions of followers.<br>
An overall presentation of these analysis can be found in the <a href="index.html#social_data">On Social media</a> data section.
<div class="row">
<div class="col-lg-4 col-md-4 d-flex align-items-stretch">
<img src="assets/img/maya.png">
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch">
<img src="assets/img/topi.png" width="33%">
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch">
<img src="assets/img/marnie.png" width="33%">
</div>
</div>
</div>
</div>
<!-- ======= Intro>Concept>CHtopic end/Intro>Concept>CognitiveFocus start ======= -->
<div class="container" id="cognitive">
<h5>Chosen cognitive focus among: 1.Attention-Distraction, 2.Language-Narrative, 3. Meaningfulness-Emotions-Empathy, 4. Authenticity perception, 5. Memory-Recall - 2nd step</h5>
<p>We then could count on solid basis to go further with the idea of using the sentimental bond between a pet and its human to create a cultural initiative and a related interactive application based on the cognitive focuses of:</p>
<ul>
<li>Meaningfulness-Emotions-Empathy</li>
<li>Memory-Recall</li>
</ul>
</div>
<!-- ======= Intro>Concept>CognitiveFocus end/Intro>Concept>IdeationCards start ======= -->
<div class="container" id="ideation_cards">
<h5>Ideation Cards</h5>
<p>The use of Ideation Cards, also helped to go on with the following steps of ideation.<br>
In this stage of ideation, we decided to continue to analyse and develop two scenarios: a virtual initiative located in a real museum, and a virtual museum located exclusively online.
<!-- ======= Intro>Concept>IdeationCards>STEPS start ======= -->
<div class="container">
<h6>STAGE 2 – Define Institutional goals</h6>
<p>The goals we thought to set for both the institutions were quite similar (5/8) even if with different ranking: the common best ranked one is to <strong>increase the online visits</strong> the others are related in different ways to improve the educational impact and the social engagement (Attract new demographics, Change visitor attitudes and beliefs, Use assets in new ways, Increase outreach).</p>
<div class="two-grid">
<div class="left"><h6>Physical reference institution</h6>
<p><img src="assets/img/step1_2.png" style="border-radius: 0">
<div class="portfolio-links">
<a href="assets/img/step1_2.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Physical reference institution - STAGE 2 – Define Institutional goals"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
<div class="right"><h6>Virtual Exihbition</h6>
<p><img src="assets/img/step2.png" style="border-radius: 0">
<div class="portfolio-links">
<a href="assets/img/step2.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Virtual Exihbition reference institution - STAGE 2 – Define Institutional goals"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
</div>
<div class="container">
<table>
<tr><th>Physical Museum</th><th>Virtual Exhibition</th></tr>
<tr><td>1. Increase visitor participation
</td><td>1. Increase international reach</strong></td></tr>
<tr><td>2. Attract new demographics*</td><td>2. Increase online visits*</td></tr>
<tr><td>3. Increase online visits*</td><td>3. Change visitor attitudes and beliefs*
</td></tr>
<tr><td></td><td></td></tr>
<tr><td>Change visitor attitudes and beliefs*</td><td>Further social media reach<td></tr>
<tr><td>Use assets in new ways*</td><td>Attract new demographics*</td></tr>
<tr><td>Increase repeat visits</td><td>Use assets in new ways*</td></tr>
<tr><td>Increase visitor feedback</td><td>Increase educational activities</td></tr>
<tr><td>Increase outreach*</td><td>Increase outreach*</td></tr>
<tr><td>Increase visitor spend</td><td></td></tr>
</table>
</div>
<br>
</div>
<div class="container">
<h6>STAGE 3 – Create design brief</h6>
<div class="two-grid">
<div class="left"><h6>Physical reference institution</h6>
<p><img src="assets/img/step1_3.png" style="border-radius: 0;">
<div class="portfolio-links">
<a href="assets/img/step1_3.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Physical reference institution - STAGE 3 – Create design brief"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
<div class="right"><h6>Virtual Exihbition</h6>
<p><img src="assets/img/step3.png" style="border-radius: 0;">
<div class="portfolio-links">
<a href="assets/img/step3.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Virtual Exihbition reference institution - STAGE 3 – Create design brief"><i class="bx bx-plus"></i></a>
</div>
</p>
<p>In this section we found really useful the use of ideation cards, this tool helped us with the delineation of the project taking into account more other aspects. First, the goal that at the end of the project we would the visitor to reach; in this case, we didn’t think this project as primary dedicated to the culture expansion, it has not didactical goals, but it is possible to reach them.
Anyway, the most important aim that this project want to reach is the increasing of the outreach; how? First, by creating a safe space of sharing where to find empathy and build a social network, and second, in a more pragmatic way, by providing useful tools to share a personal experience.
The motivations are at the base of the goals, inclusion and personal relevance are those feelings that the user must feel at the end of its experience.
The star asset is, obviously, the digital resource, since the initiative is present exclusively on the web; at the same time, the user doesn’t need a particular knowledge of the digital tools, it is sufficient to have a minimal knowledge of how to use a computer in its most simple functionalities.
It can be a barrier too, if the user doesn’t have one of the devices needed to visualise the experience or an even minimal knowledge of the technology.</p> </div>
</div>
</div>
</div>
<!-- ======= Intro>Concept>IdeationCards>STEPS end ======= -->
<!-- ======= Intro>Concept>IdeationCards end ======= -->
<!-- ======= Intro>Concept>Conceptual start ======= -->
<div class="container" id="conceptual">
<h5>Conceptual maps</h5>
<div class="two-grid">
<div class="left">
<h6>CH topic</h6>
<p>
<img src="assets/img/conc.png" style="border-radius: 0">
<div class="portfolio-links">
<a href="assets/img/conc.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="CH topic - conceptual map"><i class="bx bx-plus"></i></a>
</div>
</div>
<div class="right">
<h6>Museological approach</h6>
<p>
<img src="assets/img/concep.png" style="border-radius: 0">
<div class="portfolio-links">
<a href="assets/img/concep.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Museological approach - conceptual map"><i class="bx bx-plus"></i></a>
</div>
</div>
</div>
</div>
<br>
<!-- ======= Intro>Concept>Conceptual end/Intro>Concept>Museological start ======= -->
<div class="container" id="Museological">
<h5>The museological approach</h5>
<p>We then started to think about the topic in a museological view trying to find the best way to translate it into a cultural journey.<br>
Since the theme belongs to an emotional conceptuality, a good idea could be to express it through a story that accompanies the user as in a journey, articulated in simple steps repeated for every artist considered as:</p>
<ul>
<ol>1. A brief introduction on the pet artist story</ol>
<ol>2. More info about the artist</ol>
<ol>3. More info about the pet</ol>
<ol>4. The Artist’ room - Gallery: showing some of their work related to the human-pet bound</ol>
<ol>5. The Artist’ room - Work of art portraying the pet: showing the specific work of art</ol>
<ol>6. Further suggestions to know more about the topic</ol>
</ul>
<!-- ======= Intro>Concept>Museological>Parts start ======= -->
<div class="container">
<h6>The Virtual Exhibition</h6>
<p>
We then created a “classic” Virtual Exhibition based on the <a href="https://www.omeka.net/" target="_blank">Omeka.net</a> free trial version, a tool that allowed us to create a database of work of art, collections, and exhibition path, as well as to propose to the user advanced tools for search and browse through the items proposed.<br>
To this scope, we completed the museological path for two pilot artists – Frida Kahlo and Giosetta Fioroni – while we limited just to list other possible artist-pet relationship to be explored such as Pablo Picasso and Lump, Henry Matisse and Minouche, Dalì and Babou, etc.</p>
</div>
<div class="container">
<h6>The Interactive application and the 3d room</h6>
<p>We also devised a more <strong>interactive application “Choose your guide”</strong> that give the possibility to explore the exhibition with a freer path but with the help of a proper guide, instead of being autonomous in reading the critical parts and linearly scroll the contents, and the guide will also suggest further activities at the end of the visit to engage more the user.<br>
The visit is then divided in rooms, accordingly with the path of the Virtual linear exhibition, each of which is dedicated to a different artist and its bond with their pet and other animals. The virtual room is showed as a real museum room (walls, sofa, paints with panels), the paintings have an interactive panel trough which (by clicking it) the user can visualize the work and go into detail.<br>
</div>
<div class="container">
<h6>Virtual Exhibition and Interaction Application classification</h6>
<p>
The application, whose details will be discussed in the Development section, has then engagement and education as primary goals and it can be classified in the E or F category, according to Simona Caraceni taxonomy:</p>
<table>
<tr><td>NEED</td><td>Interpretaton - Experimentation/complex museum identity</td></tr>
<tr><td>INTERACTION</td><td>Open</td></tr>
<tr><td>SPACE</td><td>Open</td></tr>
<tr><td>CONTENT</td><td>Selected works - Photograph, texts, geo-referenced material</td></tr>
<tr><td>VIRTUAL/REAL</td><td>Virtual with real/Virtual with virtual</td></tr>
<tr><td>VISITORS CONTRIBUTIONS</td><td>Allowed</td></tr>
</table>
<p>According to Caraceni taxonomy we can define our cultural environment as:
<cite><ul>
<ol>E) Virtual museum that enhance museum objects INTERPRETATION with OPEN INTERACTION in an OPEN SPACE showing SELECTED (or ALL OBJECTS) of the museum collection, ALLOWING visitor CONTRIBUTIONS.</ol>
<ol>F) Virtual museum making EXPERIMENTS with NEW MUSEOLOGICAL MODELs with OPEN INTERACTION in an OPEN SPACE showing SELECTED (or ALL OBJECTS) of the museum collection, ALLOWING visitor CONTRIBUTIONS.</ol>
</ul></cite></p>
<p>To classify the Interactive application proposed - Choose your guide - we used the <strong>V-MUST (1-8)</strong> and <strong>Hornecker-Ciolfi (9.1-9.3)</strong> classifications:</p>
<table>
<tr><td>1. By Content</td><td>human-pet affective relationship</td></tr>
<tr><td>2. By Interaction technology</td><td>device-based, speech-based</td></tr>
<tr><td>3. By Duration</td><td>basically short; depending on the user's choices</td></tr>
<tr><td>4. By Communication</td><td>narrative, dramatization</td></tr>
<tr><td>5. By Level of immersion</td><td>medium</td></tr>
<tr><td>6. By Format</td><td>desktop and mobile, on line</td></tr>
<tr><td>7. By Scope</td><td>education, engagement</td></tr>
<tr><td>8. By Sustainability</td><td>to be analysed</td></tr>
<tr><td>9.1 Relationship to the Museum Environment-Space and Visitor Mobility</td><td>mobile interaction</td></tr>
<tr><td>9.2 Relation to the form of augumentation and experience</td><td>extended Reality: VR</td></tr>
<tr><td>9.3 Interaction beyond the physical visit</td><td>post-visit: engaging the visitor; pre-visit: preparing visit</td></tr>
</table>
</div>
</div>
<!-- ======= Intro>Concept>Museological>Parts end ======= -->
</div>
<!-- ======= Intro>Concept>Museological end ======= -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ======= Intro>Concept end/Intro>Goals start ======= -->
<div class="container accordion" id="Goals">
<div class="accordion-item">
<h2 class="accordion-header" id="headingGoals">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseGoals" aria-expanded="true" aria-controls="collapseOne">
Goal (cultural, cognitive, economic, educational etc.)
</button></h2>
<div id="collapseGoals" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>
As we have seen in the development of the institutional goals, the virtual exhibition and the related applications cover several goals in different areas.<br>
In particular, these are the three main goals the interactive application wants to achieve:</p>
<ul>
<li><strong>Cognitive</strong>: increase visitor participation via engagement through the personalized guide and beyond the visit services (educational merchandising, “Share your story”, future “Search for your pet”, etc.)</li>
<li><strong>Cultural and educational</strong>: attract new demographics to art history</li>
<li><strong>Economic</strong>: increase online visits and connected revenues (Instagram posts, partnertship and sponsorships, etc.)</li>
</ul>
</div>
<!-- ======= Intro>Goals BODY end ======= -->
</div>
</div>
</div>
<!-- ======= Intro>Goals end/Intro>Requirements start ======= -->
<!--div class="container accordion" id="Requirements">
<div class="accordion-item">
<h2 class="accordion-header" id="headingRequirements">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseRequirements" aria-expanded="true" aria-controls="collapseOne">
Requirements
</button></h2>
<div id="collapseRequirements" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>A requirement is something that your product should do or a quality it should have listed in accordance with its importance:</p>
<ul>
<li>MUST:</li>
<li>SHOULD:</li>
<li>COULD:</li>
<li>WILL NOT:</li>
</ul>
<p>They are defined from data on context, content, and people (and their needs).</p>
</div>
</div>
</div>
</div-->
<!-- ======= Intro>Requirements end ======= -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ======= Intro end ======= -->
<!-- ======= Development Section START======= -->
<div class="container accordion" id="Dev">
<div class="accordion-item">
<h2 class="accordion-header" id="headingDev">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDev" aria-expanded="true" aria-controls="collapseOne">
Development
</button></h2>
<div id="collapseDev" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<!-- ======= Development> TheStory START======= -->
<div class="container accordion" id="TheStory">
<div class="accordion-item">
<h2 class="accordion-header" id="TheStory">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTheStory" aria-expanded="true" aria-controls="collapseOne">(a) The story (include an interactive narrative using Twine)</button></h2>
<div id="collapseTheStory" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container" id="Story">
<p>As it emerged from the creative process developed via ideation cards, we have identified two ideal profiles for the users of this initiative: Marco and Sofia. In outlining them, we took into account some specific aspects: gender, age and social factor.
Sofia is an high school student, she spend a lot of time on the telephone, like most of the guys and the girls of her generation; in this scenario we imagined an example of functional use of technology, useful to the her learning and her social sharing activity.
Marco is Matilda’s father, he wants to be, as much as he can, present in her life choices; he doesn’t want her to be unconfident with technologies, on the contrary he wants her to learn how to use it in responsible and constructive way.</p> <div class="container">
<h6>PERSONAS</h6>
<div class="two-grid">
<div class="left">
<p><img src="assets/img/Personae1.jpeg"></p>
<h6>SCENARIO Sofia</h6>
<iframe ondblclick="requestFullscreen()" src="SOFIA.html" height="500px" width=100% allow="fullscreen"></iframe>
</div>
<div class="right">
<p><img src="assets/img/personae2.jpeg" width="60%"></p>
<h6>SCENARIO Marco</h6>
<iframe ondblclick="requestFullscreen()" src="MARCO.html" height="500px" width=100% allow="fullscreen"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container accordion" id="InteractionDiagram">
<div class="accordion-item">
<h2 class="accordion-header" id="InteractionDiagram">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInteractionDiagram" aria-expanded="true" aria-controls="collapseOne">Description of the interaction between the project and the users (include Interaction Diagram)</button></h2>
<div id="collapseInteractionDiagram" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container" id="ID">
<div class="row">
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<h5><b>Choose your guide</b></h5></br>
</div>
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<h5></h5></br>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img src="assets/img/interaction/ChooseGuide.JPG" title="Choose your guide interaction schema" align="middle">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch iframe">
<iframe ondblclick="requestFullscreen()" src="ChooseGuide.html" title="Choose your guide application" width=100%" allow="fullscreen"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ======= Development> TheStory END======= -->
<!-- ======= Development>ExperienceDesign START======= -->
<div class="container accordion" id="ExperienceDesign">
<div class="accordion-item">
<h2 class="accordion-header" id="hExperienceDesign">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExperienceDesign" aria-expanded="true" aria-controls="collapseOne">(c) experience design (from the users perspective) (include a diagram)
</button></h2>
<div id="collapseExperienceDesign" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container" id="bExperienceDesign">
<div class="row" style="background: black; color:white; text-align: center; margin-top: 5pt">
<div class="col-lg-12 col-md-12 d-flex align-items-stretch" style="margin-top: 5vw;">
<h4 style="margin-left: 15%">From the point of view of the user: an Interaction Diagram</h4>
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img src="assets/img/ID/choose_guide.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<p>For the first step, the user is given the possibility to choose a "virtual guide" among the five animals given by default or to create his/her own guide uploading a picture. The guide's name can be personalised as well. </p>
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img class="arrow" src="assets/img/ID/arrow.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img src="assets/img/ID/room.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<p style="margin-left: 2%">In the following step, the user enters the virtual room where the guide explains him/her the characteristics of each artwork.</p>
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img class="arrow" src="assets/img/ID/arrow.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img src="assets/img/ID/concluding.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<p>Just before the user exits the virtual room, the guide offers him/her a range of four different interactive activities. They want to involve the user and his/her personal experiences or feelings. </p>
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img class="arrow" src="assets/img/ID/arrow.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img src="assets/img/ID/evaluation.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<p>In the last step, before the whole visit ends, the user is invited to fill an evaluation form through which he/she can express his/her personal opinion about the entire virtual experience.</p>
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img class="arrow" src="assets/img/ID/arrow.png">
</div>
<div class="col-lg-12 col-md-12 d-flex align-items-stretch">
<img src="assets/img/ID/bye.png">
<p></p>
</div>
</div>
<!--div class="row">
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<h5><b>Share your Stories</b></h5></br>
</div>
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<h5></h5></br>
</div>
</div>
<div class="row iframe">
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<img src="assets/img/interaction/Share.jpg" title="Share your Stories interaction schema" width="100%">
</div>
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<iframe src="Share.html" title="Share your Stories application" width="100%"></iframe>
</div>
</div-->
</div>
</div>
</div>
</div>
</div>
<!-- ======= Development>ExperienceDesign END======= -->
<!-- ======= Development>Workflow START======= -->
<div class="container accordion" id="Workflow">
<div class="accordion-item">
<h2 class="accordion-header" id="Workflow">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWorkflow" aria-expanded="true" aria-controls="collapseOne">Requirements and foreseen workflow (includes needed software, hardware, professionals)</button></h2>
<div id="collapseWorkflow" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container" id="WF">
<p>The actual realization of the pilot version of Virtual Exhibition, the 3d room and the related applications, have been possible using the following software and tools:</p>
<p>
<ul>
<ol>1. <a href="https://github.com/" target="_blank">Github</a>: website repository</ol>
<ol>2. <a href="https://www.omeka.net/" target="_blank">Omeka.net</a> (free trial version): Virtual Exhibition</ol>
<ol>3. <a href="https://www.blender.org/" target="_blank">Blender</a>: 3d room</ol>
<ol>4. <a href="https://twinery.org/" target="_blank">Twine</a>: interaction diagrams</ol>
<ol>5. <a href="https://www.3dflow.net/it/software-di-fotogrammetria-3df-zephyr/" target="_blank">Zephir 3d (14 days free Lite version trial)</a>: 3d print your pet (not realised application)</ol>
</ul>
</p>
<p>The future complete realization of the project will surely require a <strong>multidisciplinary team</strong> with professionals covering all issues related to contents or technical aspects. <br>
Here are listed just the main:
</p>
<p><ul>
<ol>1. Scientific committee composed by Art historian, Ethologist, Antropologist etc.: to curate the scientific aspects of the exhibition and the related documentation</ol>
<ol>2. Art curator/gallerist/copyright lawyer: to face the copyright issues and possible request of reproduction</ol>
<ol>3. Pedagogist: to balance the contents and the language used according to the different target of the fruition paths (classical Virtual Exhibition or the 3d rooms or interactive applications)</ol>
<ol>4. Software developers in charge of the back-end</ol>
<ol>5. Communication team and Social media manager: to curate the website and the social media and reach new public and realise marketing strategies</ol>
<ol>6. User experience experts and a 3d modellers: to realize 3d guides and 3d artists’ rooms</ol>
<ol>7. Statisticians or sociologist to evaluatehe impact and the feedback </ol>
</ul>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="container accordion" id="maintenance">
<div class="accordion-item">
<h2 class="accordion-header" id="maintenanceh2">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapsemaintenance" aria-expanded="true" aria-controls="collapseOne">(d) Further development and maintenance issues</button></h2>
<div id="collapsemaintenance" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container" id="maintenance">
<p>Further developments of the project include the forthcoming release of new tools and merchandising conceived to improve the users interaction and engagement as well as to assure the project sustainability. To achieve these goals, the creation of a network of partnerships and/or sponsorships with economic and cultural related realities will be welcomed. These relationship will also increase the project visibility and the possibility to have social media adv revenues - an example have been shown in the Sofia scenario.</p>
Some of our proposal are illustrated in the Forthcoming section and briefly listed below:</p>
<div class="row">
<div class="col-lg-8 col-md-8 d-flex align-items-stretch">
<div>
<h3>Search for your pet application</h3>
<p><a href="index.html#" target="_blank"><strong>Search for your pet</strong></a> is a tool able to help people who lost their pets by loading, sharing, and visualizing <strong>geolocated data</strong> of their missing pets. The user will have the possibility to fill in a form that will structure data similarly to those seen in the Preliminary data section; other users could improve information in case they have seen the lost-pet.</p>
<div>
</div>
<img src="assets/img/further_dev/Search_for.png" title="Search for your pet application">
<p>
<div class="portfolio-links">
<a href="assets/img/further_dev/Search_for.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Search for your pet application - preview"><i class="bx bx-plus"> BIGGER</i></a>
</div>
</p>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch">
<div>
<h3>Funny merchandising - 3d print your pet</h3>
<p><a href="index.html#" target="_blank"><strong>3d print your pet</strong></a> is a tool able to help people who lost their pets by loading, sharing, and visualizing <strong>geolocated data</strong> of their missing pets. The user will have the possibility to fill in a form that will structure data similarly to those seen in the Preliminary data section; other users could improve information in case they have seen the lost-pet.</p>
<div>
</div>
<img src="assets/img/further_dev/" title="3d print your pet">
<p>
<div class="portfolio-links">
<a href="assets/img/further_dev/" data-gallery="portfolioGallery" class="portfolio-lightbox" title="3d print your pet"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 d-flex align-items-stretch">
<div>
<h3>Funny merchandising - Panini Trading cards and album</h3>
<p>Starting from the strong tradition of the Panini Trading cards and album, already offering personalized products from their <a href="" target="_blank">website and applications</a>, we tought to realize a <strong>Panini Trading cards and album Wanted! edition</strong>. Looking for the missing card among other passionated will improve engagement and experience sharing.</p>
</div>
<div>
<img src="assets/img/further_dev/paniniW.jpg" title="Panini album Wanted! edition">
<p>
<div class="portfolio-links">
<a href="assets/img/further_dev/paniniW.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Panini album Wanted! edition"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
</div>
<div class="col-lg-8 col-md-8 d-flex align-items-stretch">
<div>
<h3>Educational merchandising - Memory and Guess Who? board games (and online versions)</h3>
<p>scientific literature shows that board games and their online versions, are useful tool to improve learning ability and social interaction rate. This is why we would like to propose a Wanted! edition for two traditional board games that have been declined in the years in several versions (Star Wars ed., Disney ed., etc.).
</p>
</div>
<div> <img src="assets/img/further_dev/memory_wanted.png" title="Memory Wanted! edition">
<p>
<div class="portfolio-links">
<a href="assets/img/further_dev/memory_wanted.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Memory Wanted! edition"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
</div>
<!--div class="col-lg-4 col-md-4 d-flex align-items-stretch">
<div>
<h4>Panini Trading cards and album</h4>
<p><a href="index.html#" target="_blank"><strong>Search for your pet</strong></a> is a tool able to help people who lost their pets by loading, sharing, and visualizing <strong>geolocated data</strong> of their missing pets. The user will have the possibility to fill in a form that will structure data similarly to those seen in the Preliminary data section; other users could improve information in case they have seen the lost-pet.</p>
<div>
</div>
<img src="assets/img/further_dev/paniniW.jpg" title="Panini album Wanted! edition">
<p>
<div class="portfolio-links">
<a href="assets/img/further_dev/paniniW.jpg" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Panini album Wanted! edition"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
</div-->
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<div>
<h4>Guess Who?</h4>
<p><a href="index.html#" target="_blank"><strong>Search for your pet</strong></a> is a tool able to help people who lost their pets by loading, sharing, and visualizing <strong>geolocated data</strong> of their missing pets. The user will have the possibility to fill in a form that will structure data similarly to those seen in the Preliminary data section; other users could improve information in case they have seen the lost-pet.</p>
<div>
</div>
<img src="assets/img/further_dev/guesswho_wanted.png" title="Guess Who? Wanted! edition">
<p>
<div class="portfolio-links">
<a href="assets/img/further_dev/guesswho_wanted.png" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Guess Who? Wanted! edition"><i class="bx bx-plus"></i></a>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ======= End Dev ======= -->
<!-- ======= Team Section ======= -->
<!--section id="team" class="team"-->
<div class="container accordion" id="TeamRoles">
<div class="accordion-item">
<h2 class="accordion-header" id="headingTeam">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTeam" aria-expanded="true" aria-controls="collapseOne">
Team roles
</button></h2>
<div id="collapseTeam" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container" data-aos="fade-up">
<!--div class="section-title">
<h2>Team roles</h2>
<!--p>Check our Team</p>
</div-->
<div class="row">
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="fade-up" data-aos-delay="100">
<div class="member-img">
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Enrica Zani and Bigio</h4>
<p>Basic idea and preliminary data section; physical museum analysis; Virtual Exibhition building with Omeka; application interaction diagram with Twine; mercandising ideation; privacy and copyright issues; bibliography</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="fade-up" data-aos-delay="200">
<div class="member-img">
<img src="assets/img/alisia.jpeg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Alisia Zarbo and Billy</h4>
<span>Ideation card museological approach; social media analysis; Personae; Scenarios with Twine; Virtual Frida's room with Blender; feasibility plan.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/section-->
<!-- ======= Bibliography Section ======= -->
<div class="container accordion" id="Bib">
<div class="accordion-item">
<h2 class="accordion-header" id="headingBib">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBib" aria-expanded="true" aria-controls="collapseOne">
Bibliography</button></h2>
<div id="collapseBib" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<div class="container">
<h4>Topic</h4>
<div class="csl-bib-body" style="line-height: 2; margin-left: 2em; text-indent:-2em;">
<div class="csl-entry"><i>A Cat Co-Authored an Influential Physics Paper</i>. <a href="https://www.science.org/content/article/cat-co-authored-influential-physics-paper">https://www.science.org/content/article/cat-co-authored-influential-physics-paper</a>. Accessed 22 June 2022.</div>
<div class="csl-entry">Jérôme Michalon. ‘Causa animal y ciencias sociales Del antropocentrismo’. <i>Nueva sociedad</i>, no. 288, 2020, pp. 116–26.</div>
<div class="csl-entry">Johnson, Daniel. <i>Yuri Knorozov: How a Soviet Scientist Managed to Decode the Mayan Writing - The Global Domain News</i>. 2 Feb. 2020, <a href="http://www.globaldomainsnews.com/yuri-knorozov-how-a-soviet-scientist-managed-to-decode-the-mayan-writing">http://www.globaldomainsnews.com/yuri-knorozov-how-a-soviet-scientist-managed-to-decode-the-mayan-writing</a>.</div>
<div class="csl-entry">Lanjouw, Annette. <i>The Politics of Species : Reshaping Our Relationships with Other Animals</i>. 20130101.</div>
<div class="csl-entry">Laurent-Simpson, Andrea. <i>Just like Family: How Companion Animals Joined the Household</i>. University Press, 2021.</div>
<div class="csl-entry">‘List of Animals Awarded Human Credentials’. <i>Wikipedia</i>, 10 June 2022. <i>Wikipedia</i>, <a href="https://en.wikipedia.org/w/index.php?title=List_of_animals_awarded_human_credentials&oldid=1092512160">https://en.wikipedia.org/w/index.php?title=List_of_animals_awarded_human_credentials&oldid=1092512160</a>.</div>
<div class="csl-entry">scishenan. ‘Animal Co-Authors’. <i>Science Shenanigans</i>, 14 July 2017, <a href="https://www.science-shenanigans.com/animal-co-authors/">https://www.science-shenanigans.com/animal-co-authors/</a>.</div>
<div class="csl-entry">WALSH, FROMA. ‘Human-Animal Bonds I: The Relational Significance of Companion Animals’. <i>Family Process</i>, vol. 48, no. 4, 2009, pp. 462–80. <a href="https://doi.org/10.1111/j.1545-5300.2009.01296.x">https://doi.org/10.1111/j.1545-5300.2009.01296.x</a>.</div>
<div class="csl-entry">---. ‘Human-Animal Bonds II: The Role of Pets in Family Systems and Family Therapy’. <i>Family Process</i>, vol. 48, no. 4, 2009, pp. 481–99. <a href="https://doi.org/10.1111/j.1545-5300.2009.01297.x">https://doi.org/10.1111/j.1545-5300.2009.01297.x</a>.</div>
</div>
<div class="container">
<h4>In Art section</h4>
<h5>Frida Kahlo</h5>
<div class="csl-bib-body" style="line-height: 2; margin-left: 2em; text-indent:-2em;">
<div class="csl-entry">Birth, My. <i>Frida Kahlo</i>.</div>
<div class="csl-entry">Brown, Monica. <i>Frida Kahlo y Sus Animalitos</i>. NorthSouth, 2017.</div>
<div class="csl-entry">‘Deer’. <i>Wikipedia</i>, 11 June 2022. <i>Wikipedia</i>, <a href="https://en.wikipedia.org/w/index.php?title=Deer&oldid=1092693384">https://en.wikipedia.org/w/index.php?title=Deer&oldid=1092693384</a>.</div>
<div class="csl-entry"><i>---</i>. <a href="https://www.mexicolore.co.uk/aztecs/flora-and-fauna/deer">https://www.mexicolore.co.uk/aztecs/flora-and-fauna/deer</a>. Accessed 12 June 2022.</div>
<div class="csl-entry"><i>Frida Kahlo - Wikipedia</i>. <a href="https://en.wikipedia.org/wiki/Frida_Kahlo">https://en.wikipedia.org/wiki/Frida_Kahlo</a>. Accessed 12 June 2022.</div>