Modifier Page web : Page_web:La fétichisation de l'Objet - Quentin Lamouroux

Vous ne pouvez pas modifier cette page, pour la raison suivante :

L’action que vous essayez de réaliser n’est permise qu’aux utilisateurs du groupe : Utilisateurs.

URL:
Title:
Updated:	::
Site:
Thumbnail:

Texte libre:

De {} Aller à : [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#mw-head navigation], [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#p-search rechercher] { Ce projet est développé conjointement dans l'atelier de Typographie et de Pratiques Numériques Bac3 } == Sommaire == * [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Point_de_d.C3.A9part 1 Point de départ] ** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#F.C3.A9tiche_.5Bd.C3.A9finition.5D 1.1 ''Fétiche [définition]''] ** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Les_collections_mus.C3.A9ales_de_Verres 1.2 Les collections muséales de Verres] * [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Mise_en_oeuvre 2 Mise en oeuvre] ** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Sch.C3.A9ma_de_base_de_donn.C3.A9es 2.1 Schéma de base de données] ** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Extrait_base_de_donn.C3.A9es 2.2 Extrait base de données] ** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Formulaire_d.27encodage 2.3 Formulaire d'encodage] *** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Interface_html 2.3.1 Interface html] *** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Formulaire.php 2.3.2 Formulaire.php] *** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Envoi.php 2.3.3 Envoi.php] * [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Utilisation_et_mise_en_page 3 Utilisation et mise en page] ** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Catalogue_en_ligne 3.1 Catalogue en ligne] *** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#Interface 3.1.1 Interface] *** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#request.php 3.1.2 request.php] ** [http://curlybraces.be/wiki/index.php/La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux#.C3.89dition 3.2 Édition] = Point de départ = == ''Fétiche [définition]'' == * Objet auquel on attribue un pouvoir magique et bénéfique, objet qui nous procure de la joie. * Objet comme paradigme de la communication humaine : en lui se fixe quelque chose de celui qui l’utilise, le regarde, le crée, le représente. * Objet révélateur de notre vision du monde, ce que l’homme dépose en lui [l’objet] de fondamentalement humain. == Les collections muséales de Verres == Ce projet sur l'Objet a débuté en m’intéressant au caractère '''kitsch''' d'objet du quotidien et originellement fonctionnel, élevé au rang d'Objet de Collection, voire à celui d'Objet d'Art : le Verre.<br />Le corpus se compose donc d'images de verres soufflés récoltées à partir de diverses collections de musées tels que le ''Metropolitan Museum of Arts'' de New York, le ''Museum of Glass'' de Corning (USA) et le ''Musée des Arts Décoratifs'' de Paris.<br /><br /> [[Image:http://curlybraces.be/wiki/images/thumb/1/16/Verre3.png/200px-Verre3.png|Center|link=http://curlybraces.be/wiki/Fichier:Verre1.png|[[Image:http://curlybraces.be/wiki/images/thumb/3/33/Verre1.png/200px-Verre1.png|Center]]] [http://curlybraces.be/wiki/Fichier:Verre.png [[Image:http://curlybraces.be/wiki/images/thumb/1/14/Verre.png/200px-Verre.png|Center]]] [http://curlybraces.be/wiki/Fichier:Verre3.png]]<br /><br /> À partir de ces documents, l'idée est de créer un système de classification confrontant la dimension fonctionnelle du verre (capacité de contenance, confort au bec, prise en main...) avec sa dimension esthétique (décoration, représentation, forme, couleur, mise en scène...), tout en gardant leurs critères typologiques de base (date, provenance, localisation, dimensions...). = Mise en oeuvre = == Schéma de base de données == [[Image:http://curlybraces.be/wiki/images/thumb/d/d2/Schema_verre.png/600px-Schema_verre.png|Schema verre.png|link=http://curlybraces.be/wiki/Fichier:Schema_verre.png]] == Extrait base de données == [[Image:http://curlybraces.be/wiki/images/thumb/3/33/Bd_verre.png/300px-Bd_verre.png|link=http://curlybraces.be/wiki/Fichier:Bd_verre.png]] Table Verre [[Image:http://curlybraces.be/wiki/images/thumb/8/8e/Bd_localisation.png/300px-Bd_localisation.png|link=http://curlybraces.be/wiki/Fichier:Bd_localisation.png]] Table Localisation [[Image:http://curlybraces.be/wiki/images/thumb/8/83/Bd_forme.png/300px-Bd_forme.png|link=http://curlybraces.be/wiki/Fichier:Bd_forme.png]] Table Forme [[Image:http://curlybraces.be/wiki/images/thumb/3/3c/Bd_fond.png/300px-Bd_fond.png|link=http://curlybraces.be/wiki/Fichier:Bd_fond.png]] Table Fond [[Image:http://curlybraces.be/wiki/images/thumb/e/ee/Bd_fonction.png/300px-Bd_fonction.png|link=http://curlybraces.be/wiki/Fichier:Bd_fonction.png]] Table Fonction == Formulaire d'encodage == === Interface html === [[Image:http://curlybraces.be/wiki/images/thumb/0/07/Formulaire_php_data.png/600px-Formulaire_php_data.png|Formulaire php data.png|link=http://curlybraces.be/wiki/Fichier:Formulaire_php_data.png]]<br /><br /> === Formulaire.php === <pre class="de1"><?php $conn = new PDO('mysql:host=localhost;dbname=objet', 'quentinlamouroux', 'OSolJjpEG8PJHC4M'); $statement = $conn->query('SELECT * FROM verre'); $results = $statement->fetchAll(PDO::FETCH_ASSOC); $statement = $conn->query('SELECT * FROM fond'); $fonds = $statement->fetchAll(PDO::FETCH_ASSOC); $statement = $conn->query('SELECT * FROM localisation'); $localisations = $statement->fetchAll(PDO::FETCH_ASSOC); $statement = $conn->query('SELECT * FROM forme'); $formes = $statement->fetchAll(PDO::FETCH_ASSOC); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Formulaire</title> <link rel="stylesheet" type="text/css" href="src/css/reset.css" /> <link rel="stylesheet" type="text/css" href="src/css/main.css" /> </head> <body> <form action="envoi.php" method="post" enctype="multipart/form-data"> <section class="form_part" id="infos_generales"><span class="titre">Informations générales</span> <br><br><br> <label for="filename">Nom du fichier</label> <input name="filename" type="text"> <label for="glassname">Nom du verre</label> <input name="glassname" type="text"> <label for="annee">Année</label> <input name="annee" type="text"> <label for="dimension">Dimension</label> <input name="dimension" type="text"> <label for="provenance">Provenance</label> <input name="provenance" type="text"> <label for="descriptif">Descriptif</label> <textarea name="descriptif" type="text"></textarea> <br><br> <label for="pied">Pied</label> <input type="checkbox" value="1" name="pied_fantaisie">Forme fantaisie <br><input type="checkbox" value="1" name="pied_decoration">Décoration <label for="jambe">Jambe</label> <input type="checkbox" value="1" name="jambe_fantaisie">Forme fantaisie <br><input type="checkbox" value="1" name="jambe_decoration">Décoration <label for="gobelet">Gobelet</label> <input type="checkbox" value="1" name="gobelet_fantaisie">Forme fantaisie <br><input type="checkbox" value="1" name="gobelet_decoration">Décoration </section> <section class="form_part" id="infos_fonds"><span class="titre">Type de fond</span> <br><br><br> <label for="fond"></label> <select name="fond"> <?php foreach($fonds as $fond){ echo '<option value="'.$fond['id'].'">'.$fond['type_fond'].'</option>'; } ?> </select> <label for="new_fond">Autre</label> <input type="text" name="new_fond"> </section> <section class="form_part" id="infos_localisations"><span class="titre">Localisation</span> <br><br><br> <label for="localisation"></label> <select name="localisation"> <?php foreach($localisations as $localisation){ echo '<option value="'.$localisation['id'].'">'.$localisation['nom'].'</option>'; } ?> </select> <label for="new_localisation">Autre</label> <input type="text" name="new_localisation"> </section> <section class="form_part" id="infos_formes"><span class="titre">Forme du verre</span> <br><br><br> <label for="forme"></label> <select name="forme"> <?php foreach($formes as $forme){ echo '<option value="'.$forme['id'].'">'.$forme['type'].'</option>'; } ?> </select> <label for="new_localisation">Autre</label> <input type="text" name="new_type"> </section> <section class="form_part" id="infos_fonctionnalites"><span class="titre">Fonctionnalité</span> <br><br><br> <label for="prise_indice">Prise en main de 1 à 3</label> <input type="number" name="prise_indice" min="1" max="3"> <label for="contenance_indice">Contenance de 1 à 3</label> <input type="number" name="contenance_indice" min="1" max="3"> <label for="confort_indice">Confort au bec de 1 à 3</label> <input type="number" name="confort_indice" min="1" max="3"> </section> <section class="submit"> <input type="submit" value="envoyer"> </section> </form> </body> <script type="text/javascript" src="src/js/jquery-3.1.0.min.js"></script> <script type="text/javascript" src="src/js/main.js"></script> </html></pre> <br /> === Envoi.php === <pre class="de1"><?php ini_set('display_errors', 1); ini_set('display_startup_errors', 1); error_reporting(E_ALL); $conn = new PDO('mysql:host=localhost;dbname=objet', 'quentinlamouroux', 'OSolJjpEG8PJHC4M'); echo $_POST['filename']; echo $_POST['glassname']; echo $_POST['annee']; echo $_POST['dimension']; echo $_POST['provenance']; echo $_POST['descriptif']; //pied checkbox $pied_fantaisie = 0; if(isset($_POST['pied_fantaisie'])){ $pied_fantaisie = 1; } $pied_decoration = 0; if(isset($_POST['pied_decoration'])){ $pied_decoration = 1; } // jambe checkbox $jambe_fantaisie = 0; if(isset($_POST['jambe_fantaisie'])){ $jambe_fantaisie = 1; } $jambe_decoration = 0; if(isset($_POST['jambe_decoration'])){ $jambe_decoration = 1; } // gobelet checkbox $gobelet_fantaisie = 0; if(isset($_POST['gobelet_fantaisie'])){ $gobelet_fantaisie = 1; } $gobelet_decoration = 0; if(isset($_POST['gobelet_decoration'])){ $gobelet_decoration = 1; } // localisation if($_POST['new_localisation'] != ''){ $conn->exec("INSERT INTO localisation (nom) VALUES ('".$_POST['new_localisation']."')"); $localisationId = $conn->lastInsertId(); }else{ $localisationId = $_POST['localisation']; } // forme if($_POST['new_type'] != ''){ $conn->exec("INSERT INTO forme (type) VALUES ('".$_POST['new_type']."')"); $formeId = $conn->lastInsertId(); }else{ $formeId = $_POST['forme']; } // fonctionnalité $conn->exec("INSERT INTO fonction (prise_en_main, contenance, confort) VALUES ('".$_POST['prise_indice']."', '".$_POST['contenance_indice']."', '".$_POST['confort_indice']."')"); $fonctionId = $conn->lastInsertId(); // fond if($_POST['new_fond'] != ''){ $conn->exec("INSERT INTO fond (type_fond) VALUES ('".$_POST['new_fond']."')"); $fondId = $conn->lastInsertId(); }else{ $fondId = $_POST['fond']; } // verre $conn->exec("INSERT INTO verre (id_localisation, id_forme, id_fonction, id_fond, nom_fichier, nom_verre, annee, dimension, provenance, descriptif, pied_fantaisie, pied_decoration, jambe_fantaisie, jambe_decoration, gobelet_fantaisie, gobelet_decoration) VALUES ('".$localisationId."', '".$formeId."', '".$fonctionId."', '".$fondId."', '".$_POST['filename']."', '".$_POST['glassname']."', '".$_POST['annee']."', '".$_POST['dimension']."', '".$_POST['provenance']."', '".$_POST['descriptif']."', '".$pied_fantaisie."', '".$pied_decoration."', '".$jambe_fantaisie."', '".$jambe_decoration."', '".$gobelet_fantaisie."', '".$gobelet_decoration."')"); print_r($conn->errorInfo()); ?></pre> = Utilisation et mise en page = == Catalogue en ligne == === Interface === [[Image:http://curlybraces.be/wiki/images/thumb/b/b8/Requete_php_data.png/600px-Requete_php_data.png|Requete php data.png|link=http://curlybraces.be/wiki/Fichier:Requete_php_data.png]]<br /><br /> === request.php === {petite partie du code} <pre class="de1"><?php $conn = new PDO('mysql:host=localhost;dbname=objet', 'quentinlamouroux', 'OSolJjpEG8PJHC4M'); $statement = $conn->query('SELECT * FROM verre'); $statement1 = $conn->query("SELECT nom_verre, nom_fichier, annee, dimension, provenance, descriptif FROM verre WHERE pied_fantaisie = 1 AND jambe_fantaisie = 1 AND gobelet_fantaisie = 1 ORDER BY dimension ASC"); $results1 = $statement1->fetchAll(PDO::FETCH_ASSOC); $statement2 = $conn->query("SELECT nom_verre, nom_fichier, annee, dimension, provenance, descriptif FROM verre WHERE pied_fantaisie = 0 AND jambe_fantaisie = 0 AND gobelet_fantaisie = 0 ORDER BY dimension ASC"); $results2 = $statement2->fetchAll(PDO::FETCH_ASSOC); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Requêtes</title> <link rel="stylesheet" type="text/css" href="src/css/reset.css" /> <link rel="stylesheet" type="text/css" href="src/css/main.css" /> </head> <body> <section class="request"> <div class="titre">Pied fantaisie, jambe fantaisie, gobelet fantaisie</div> <?php foreach($results1 as $element){ echo '<div class="glass">'.$element['nom_fichier']. '<br>- '.$element['nom_verre']. '<br>- '.$element['annee']. '<br>- '.$element['dimension']. '<br>- '.$element['provenance']. '<br>- '.$element['descriptif']. '<br>'.'<img src="glass/'.$element['nom_fichier'].'">'. '</div>'; } ?> </section> <section class="request" > <div class="titre">Pied sans fantaisie, jambe sans fantaisie, gobelet sans fantaisie</div> <?php foreach($results2 as $element){ echo '<div class="glass">'.$element['nom_fichier']. '<br>- '.$element['nom_verre']. '<br>- '.$element['annee']. '<br>- '.$element['dimension']. '<br>- '.$element['provenance']. '<br>- '.$element['descriptif']. '<br>'.'<img src="glass/'.$element['nom_fichier'].'">'. '</div>'; } ?> </section> </body> <script type="text/javascript" src="src/js/jquery-3.1.0.min.js"></script> <script type="text/javascript" src="src/js/main.js"></script> </html></pre> <br /> <br /> == Édition == Récupérée de « [http://curlybraces.be/wiki/index.php?title=La_f%C3%A9tichisation_de_l%27Objet_-_Quentin_Lamouroux&oldid=3353 http://curlybraces.be/wiki/index.php?title=La_fétichisation_de_l%27Objet_-_Quentin_Lamouroux&oldid=3353] »

Résumé :

Modification mineure

Suivre cette page

Annuler