Index.php:

SingleArtist.php:

SinglePainting.php:

Thank you so much in advance!

Task 1 Download and unzip the template file (Assignment2.zip). The template contains PHP files (index.php, singlePainting.php, singleArtist.php), css files, a 'resources' folder that contains painting and artist images, as well as two text files (paintings.txt and artists.txt) that contain information on paintings and artists. Each of the text files contains delimited lines of text, where each line of text represents a different object/record, and the delimiter separates each value/field. The delimiter is the tilde () character. The description of the text files is below: paintings.txt painting id artist name title year with height price description - Wikipedia link genre name artists.txt artist id artist name nationality year of birth year of death description - Wikipedia link Note: Image filename of each painting is named according to the 'painting id' of paintings.txt file. Similarly, Image filename of each artist is named according to the artist id' of artists.txt file. Task 2 Read the data in paintings.txt and artists.txt into PHP arrays. Integrate the array data and the painting images into index.php such that all paintings are displayed. index.php needs hyperlinks to display singlePainting.php that contains the information on each painting. The title of the paintings (e.g. The Actor, Family of Saltimbanques, Portrait of Dora Maar etc.) will be a link to the page (singlePainting.php) with the 'painting id' as a query string parameter. index.php also needs hyperlinks to display singleArtist.php that contains the information on each artist. The name of the artists (e.g. Picasso, Matisse, David etc.) will be a link to the page (singleArtist.php) with the artist id as a query string parameter. index.php needs to contain navigation to display the paintings according to 'Genre'. Genres (eg. Art Nouveau, Cubism, Fauvism etc.), in the left navigation, will be a link to the same page (index.php) but with the 'genre name' as a query string parameter. index.php also needs navigation to display singleArtist.php that contains the information on individual artist. Artists (e.g. Picasso, Matisse, David etc.), in the left navigation, will be a link to the page (singleArtist.php) with the 'artist id' as a query string parameter. Expected output for index.php: Astigmentzinda.php Genres The Artists Read the text file paintings.txt and artists.txt into PHP arrays and then display within index.hr The title of the paintings (c.e. The Actor, Family of Saltimbangucs, Portrait of Dora Maar etc.) will be a link to the page sipels Paintix.atw. but with the painting id as a query string parameter. This Picasso Bensin + Mont The name of the artists (cg Picasso, Matisse, David etc. will be a link to the page sipelsuitab) but with the artist id as a query string parameter. I Genres (e.g. Art Nouveau, Cubism, Fauvism etc.), in the left navigation, will be a link to the same page Lodex.br) but with the genre name as a query string parameter. Red Artists (eg Picasso, Matisse, David etc.), in the left navigation, will be a link to the page (Sinele Act.phpbut with the artist id as a query strine parameter BBB Hatch Luncheon Dategy Suomes Van coab StarBitt Van Pagb The Nicht Thes Klimt Petite Bach Bar Synghosyn With No 1 The With Mister Bhi Ang Band Black Banatate Painted Mother Figure 1: Expected output for index.php Sample output for index.php after clicking a specific genre (e.g. Art Nouveau): Assignment2.photo Hoe Genres The . Padit of dele Blach: Bas Battise Artists V2 Besi - NTE Figure 2: Sample output for index.php after clicking a specific genre (eg. Art Nouveau) Sample output for index.php after clicking a specific genre (e.g. Cubism): Artigmat despre Cum Genres Patient Data Ma - Eurian| - Potcom - Boca Artists . - Bank Monal San Gogh mi . Mit Figure 3: Sample output for index.php after clicking a specific genre (eg. Cubism) Note: Clicking on 'Home' should redirect to index.php as displayed in Figure 1. Task 3 Implement the page singlePainting.php by integrating the array data and the painting images. singlePainting.php should display the following information for a single painting: Painting image, title of the painting, artist name, year, length, width, genre name, description, Wikipedia link Sample output for singlePainting.php after clicking the title of a specific painting (e.g. The Actor): Assignment, inglePairingololda01070 Genres . Artists Beau Back The Actor 124-X150 Penne paired The Actor wet another painting because he could related now caust the time. He created the pening of the 1914-1995, te of 2. This was during the ones Rose Peod, when he chospodle pening the devrex tew of the Period te word non ries The Adarna Figure 4: Sample output for singlePainting.php after clicking the title of a specific painting (eg. The Actor) Sample output for singlePainting.php after clicking the title of a specific painting (e.g. Family of Saltimbanques): Asmentando-01080 Genres . - Fun -IT - Bond Rot Artists . Gogh Family of Saltimbanques - Whistler (7805-23 2001 Bottles Punya que la famille de bani a 1505 ping by Paste Petiscondered the ce of Pic de piel Figure 5: Sample output for singlePainting.php after clicking the title of a specific painting (e.g. Family of Saltimbanques) Note: singlePainting.php will be accessed through index.php. Task 4 Implement the page singleArtist.php by integrating the array data and the artist images. singleArtist.php should include the following information of an individual artist: Artist image, artist name, nationality, year of birth, year of death, description, Wikipedia link, and the list of the paintings of the corresponding artist Sample output for singleArtist.php after clicking the name of an individual artist (e-g. Picasso): Astiges2etstoodet Genres - Name . Cuban . Artists . . We are Picasso ter 1823 Pablo Diego deze Francisco de Paula Jurn Ieparucena Maria de la Reimedias Ciparo de la Santisima Trinidad Ruizy Picasso known as Pablo Ruiz Picasso was a Spanish painter, draugsmas, and super hoved most of his in France. He is widely known for colourding the use movement and for the wcie variety of style that he helped devia and usplore Amang tia mat famous work are the proto Cubit Les Damaizele digrion (1507) and Guernica (1997) a petrayal of the German borring of Genica during the Spanish CI W EW Paintings The Scha ES + Box Ikea Figure 6: Sample output for singleArtist.php after clicking the name of an individual artist (e.g. Picasso) Sample output for singleArtist.php after clicking the name of an individual artist (e.g. Matisee): Assignment2/singleArtistphalid-2 Genres Ditism Fas Paste Romantic Artists Pico - 9 - Batai Maast Von Grab Whistler Matisse (France) Henri Matis was a French artist, known for hic use of colour and his fuid and original draughtsmanship. He was a draught man, partake and captor, but is known primarily at a pintar Maties in commonly regarded along with Picasso and Marcel Duchame as one of the three artists who helped to define the remotionary developments in the plastic arts in the opening decades of the 20th century, responsible for significant developments in painting and sculpture Although he was initially labeled a Fave (wild beast), by the 1920s he was increasirdly hailed as an upholder of the Plastica tradition in French painting His mastery of the Peoplega of role and drawing there in a brity of work sparring malacantury want him rengitian melding figure in madent Mode Paintings ... Les The Bed Mats Hot Figure 7: Sample output for singleArtist.php after clicking the name of an individual artist (eg. Matisee) Note: singleArtist.php will be accessed through index.php. 1 3 4 5 8 9 10 2 60 7

11 12 13 14 150 16 170

18 190

21

22

// Write your code to display the web page of Art Gallery 24 25

27

28 9 K/html> 23 26 1 NM 8 L2 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 5 60 7

9 11 13 14 150 16 170

18 190

220

// Write your code to display the web page of individual artist 24

27

28 29 20 21 23 25 26

>

// Write your code to display the web page of single painting

Task 1 Download and unzip the template file (Assignment2.zip). The template contains PHP files (index.php, singlePainting.php, singleArtist.php), css files, a 'resources' folder that contains painting and artist images, as well as two text files (paintings.txt and artists.txt) that contain information on paintings and artists. Each of the text files contains delimited lines of text, where each line of text represents a different object/record, and the delimiter separates each value/field. The delimiter is the tilde () character. The description of the text files is below: paintings.txt painting id artist name title year with height price description - Wikipedia link genre name artists.txt artist id artist name nationality year of birth year of death description - Wikipedia link Note: Image filename of each painting is named according to the 'painting id' of paintings.txt file. Similarly, Image filename of each artist is named according to the artist id' of artists.txt file. Task 2 Read the data in paintings.txt and artists.txt into PHP arrays. Integrate the array data and the painting images into index.php such that all paintings are displayed. index.php needs hyperlinks to display singlePainting.php that contains the information on each painting. The title of the paintings (e.g. The Actor, Family of Saltimbanques, Portrait of Dora Maar etc.) will be a link to the page (singlePainting.php) with the 'painting id' as a query string parameter. index.php also needs hyperlinks to display singleArtist.php that contains the information on each artist. The name of the artists (e.g. Picasso, Matisse, David etc.) will be a link to the page (singleArtist.php) with the artist id as a query string parameter. index.php needs to contain navigation to display the paintings according to 'Genre'. Genres (eg. Art Nouveau, Cubism, Fauvism etc.), in the left navigation, will be a link to the same page (index.php) but with the 'genre name' as a query string parameter. index.php also needs navigation to display singleArtist.php that contains the information on individual artist. Artists (e.g. Picasso, Matisse, David etc.), in the left navigation, will be a link to the page (singleArtist.php) with the 'artist id' as a query string parameter. Expected output for index.php: Astigmentzinda.php Genres The Artists Read the text file paintings.txt and artists.txt into PHP arrays and then display within index.hr The title of the paintings (c.e. The Actor, Family of Saltimbangucs, Portrait of Dora Maar etc.) will be a link to the page sipels Paintix.atw. but with the painting id as a query string parameter. This Picasso Bensin + Mont The name of the artists (cg Picasso, Matisse, David etc. will be a link to the page sipelsuitab) but with the artist id as a query string parameter. I Genres (e.g. Art Nouveau, Cubism, Fauvism etc.), in the left navigation, will be a link to the same page Lodex.br) but with the genre name as a query string parameter. Red Artists (eg Picasso, Matisse, David etc.), in the left navigation, will be a link to the page (Sinele Act.phpbut with the artist id as a query strine parameter BBB Hatch Luncheon Dategy Suomes Van coab StarBitt Van Pagb The Nicht Thes Klimt Petite Bach Bar Synghosyn With No 1 The With Mister Bhi Ang Band Black Banatate Painted Mother Figure 1: Expected output for index.php Sample output for index.php after clicking a specific genre (e.g. Art Nouveau): Assignment2.photo Hoe Genres The . Padit of dele Blach: Bas Battise Artists V2 Besi - NTE Figure 2: Sample output for index.php after clicking a specific genre (eg. Art Nouveau) Sample output for index.php after clicking a specific genre (e.g. Cubism): Artigmat despre Cum Genres Patient Data Ma - Eurian| - Potcom - Boca Artists . - Bank Monal San Gogh mi . Mit Figure 3: Sample output for index.php after clicking a specific genre (eg. Cubism) Note: Clicking on 'Home' should redirect to index.php as displayed in Figure 1. Task 3 Implement the page singlePainting.php by integrating the array data and the painting images. singlePainting.php should display the following information for a single painting: Painting image, title of the painting, artist name, year, length, width, genre name, description, Wikipedia link Sample output for singlePainting.php after clicking the title of a specific painting (e.g. The Actor): Assignment, inglePairingololda01070 Genres . Artists Beau Back The Actor 124-X150 Penne paired The Actor wet another painting because he could related now caust the time. He created the pening of the 1914-1995, te of 2. This was during the ones Rose Peod, when he chospodle pening the devrex tew of the Period te word non ries The Adarna Figure 4: Sample output for singlePainting.php after clicking the title of a specific painting (eg. The Actor) Sample output for singlePainting.php after clicking the title of a specific painting (e.g. Family of Saltimbanques): Asmentando-01080 Genres . - Fun -IT - Bond Rot Artists . Gogh Family of Saltimbanques - Whistler (7805-23 2001 Bottles Punya que la famille de bani a 1505 ping by Paste Petiscondered the ce of Pic de piel Figure 5: Sample output for singlePainting.php after clicking the title of a specific painting (e.g. Family of Saltimbanques) Note: singlePainting.php will be accessed through index.php. Task 4 Implement the page singleArtist.php by integrating the array data and the artist images. singleArtist.php should include the following information of an individual artist: Artist image, artist name, nationality, year of birth, year of death, description, Wikipedia link, and the list of the paintings of the corresponding artist Sample output for singleArtist.php after clicking the name of an individual artist (e-g. Picasso): Astiges2etstoodet Genres - Name . Cuban . Artists . . We are Picasso ter 1823 Pablo Diego deze Francisco de Paula Jurn Ieparucena Maria de la Reimedias Ciparo de la Santisima Trinidad Ruizy Picasso known as Pablo Ruiz Picasso was a Spanish painter, draugsmas, and super hoved most of his in France. He is widely known for colourding the use movement and for the wcie variety of style that he helped devia and usplore Amang tia mat famous work are the proto Cubit Les Damaizele digrion (1507) and Guernica (1997) a petrayal of the German borring of Genica during the Spanish CI W EW Paintings The Scha ES + Box Ikea Figure 6: Sample output for singleArtist.php after clicking the name of an individual artist (e.g. Picasso) Sample output for singleArtist.php after clicking the name of an individual artist (e.g. Matisee): Assignment2/singleArtistphalid-2 Genres Ditism Fas Paste Romantic Artists Pico - 9 - Batai Maast Von Grab Whistler Matisse (France) Henri Matis was a French artist, known for hic use of colour and his fuid and original draughtsmanship. He was a draught man, partake and captor, but is known primarily at a pintar Maties in commonly regarded along with Picasso and Marcel Duchame as one of the three artists who helped to define the remotionary developments in the plastic arts in the opening decades of the 20th century, responsible for significant developments in painting and sculpture Although he was initially labeled a Fave (wild beast), by the 1920s he was increasirdly hailed as an upholder of the Plastica tradition in French painting His mastery of the Peoplega of role and drawing there in a brity of work sparring malacantury want him rengitian melding figure in madent Mode Paintings ... Les The Bed Mats Hot Figure 7: Sample output for singleArtist.php after clicking the name of an individual artist (eg. Matisee) Note: singleArtist.php will be accessed through index.php. 1 3 4 5 8 9 10 2 60 7

11 12 13 14 150 16 170

18 190

21

22

// Write your code to display the web page of Art Gallery 24 25

27

28 9 K/html> 23 26 1 NM 8 L2 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 5 60 7

9 11 13 14 150 16 170

18 190

220

// Write your code to display the web page of individual artist 24

27

28 29 20 21 23 25 26

>

// Write your code to display the web page of single painting