Conception et réalisation d'une application web pour la reservation en ligne des chambres( Télécharger le fichier original )par Moîse Gracias KABULU BAWALA Université de Mbujimayi - Graduat 2013 |
5.3. IMPLEMENTATION DE LA BASE DE DONNEES SUR WAMPNotre base de données est élaborée à partir des tables du MLD avec PhpMyAdmin que nous avons cité plus haut : Notre base de données s'appelle oktholidays et elle contient quatre tables et voici son interface : Cette interface représente la base de données que nous avons élaborée en MySQL comme notre SGBD. KABULO BAWALA Moise Gracias, G3 Info, UM 2012-2013 5.4. INTERFACES DE L'APPLICATIONDans ce qui suit nous allons vous présenter les interfaces de notre application ainsi les codes sources : Ecran d'accueil Cette page apparait une fois que l'on click sur notre projet dans le localhost dans notre Wamp Server KABULO BAWALA Moise Gracias, G3 Info, UM 2012-2013 Lorsque nous faisons la réservation en choisissant la date d'arrivée et celle de départ, nous tombons sur le formulaire ci-dessous : KABULO BAWALA Moise Gracias, G3 Info, UM 2012-2013 Enfin, la page web ci-dessous nous confirme la réservation. 5.5. CODE SOURCE<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns=" http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>OKT_HOLIDAYS | Un site utilisant WordPress</title> <linkrel="alternate" type="application/rss+xml" title="RSS 2.0" href=" http://feeds2.feedburner.com/templatic" /> <linkrel="profile" href=" http://gmpg.org/xfn/11" /> <linkrel="stylesheet" type="text/css" media="all" href=" http://localhost/DESTAR/wp-content/themes/HotelBooking/style.css" /> <linkrel="stylesheet" type="text/css" href=" http://localhost/DESTAR/wp-content/themes/HotelBooking/library/css/print.css" media="print" /> <linkhref=" http://localhost/DESTAR/wp-content/themes/HotelBooking/skins/2-red.css" rel="stylesheet" type="text/css" /> <linkrel="alternate" type="application/rss+xml" title="OKT_HOLIDAYS » Feed" href=" http://localhost/DESTAR/?feed=rss2" /> <linkrel="alternate" type="application/rss+xml" title="OKT_HOLIDAYS » Comments Feed" href=" http://localhost/DESTAR/?feed=comments-rss2" /> <scripttype='text/javascript' src=' http://localhost/DESTAR/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script> <scripttype='text/javascript' src=' http://localhost/DESTAR/wp-content/themes/HotelBooking/js/jquery.cycle.all.min.js?ver=3.5.1'></script> <scripttype='text/javascript' src=' http://localhost/DESTAR/wp-content/themes/HotelBooking/js/jquery 02.js?ver=3.5.1'></script> <scripttype='text/javascript' src=' http://localhost/DESTAR/wp-content/themes/HotelBooking/js/script.js?ver=3.5.1'></script> <linkrel="EditURI" type="application/rsd+xml" title="RSD" href=" http://localhost/DESTAR/xmlrpc.php?rsd" /> <linkrel="wlwmanifest" type="application/wlwmanifest+xml" href=" http://localhost/DESTAR/wp-includes/wlwmanifest.xml" /> <metaname="generator" content="WordPress 3.5.1" /> </head> <bodyclass="home blog"> <divclass="wrapper"> <divclass="header clear"> <divclass="header_in"> <divclass="logo"> <ahref=" http://localhost/DESTAR/"><imgsrc=" http://localhost/wordpress01/wp-content/uploads/2013/08/logo v21.png" alt="" /></a><divclass="site-title none"><h1><ahref=" http://localhost/DESTAR/">OKT_HOLIDAYS</a></h1> <pclass="site-description">Un site utilisant WordPress</p></div></div> <divclass="header_right"> <divclass="widget"> <divclass="textwidget"><objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versi on=8,0,0,0" width="500" height="90" id="BAN" align="middle"> <paramname="allowScriptAccess" value="sameDomain" /> KABULO BAWALA Moise Gracias, G3 Info, UM 2012-2013 KABULO BAWALA Moise Gracias, G3 Info, UM 2012-2013 <paramname="movie" value="BAN.swf?clickTAG=" /><paramname="quality" value="high" /><paramname="bgcolor" value="#ffffff" /> <embedsrc="BAN.swf?clickTAG=" quality="high" bgcolor="#ffffff" width="500" height="90" name="BAN" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage=" http://www.macromedia.com/go/getflashplayer" /> </object> </div> </div> </div> </div><!-- header inner #end --> </div><!-- header #end --> <divclass="main_nav"> <divclass="main_nav"> <divclass="main_nav_in clearfix"> <divclass="menu-header"><ulid="menu-reservation" class="menu"><liid="menu-item-63" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-63"><ahref=" http://localhost/DESTAR/">ACCUEIL</a></li> <liid="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><ahref=" http://localhost/DESTAR/?page id=28">SERVICES</a></li> <liid="menu-item-39" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39"><ahref=" http://localhost/DESTAR/?page id=37">CONTACTS</a></li> <liid="menu-item-40" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40"><ahref=" http://localhost/DESTAR/?page id=32">ALBUM PHOTOS</a></li> </ul></div></div></div> </div><!-- main navi #end --> <!-- Container --> <divid="container" class="clear two_col_left_sidebg"> <divclass="widget"> <divid="slider"> <scripttype="text/javascript" src=" http://localhost/DESTAR/wp-content/themes/HotelBooking/js/jquery.min.js"></script> <scripttype="text/javascript" language="javascript" > // Speed of the automatic slideshow var slideshowSpeed = 6000; // Variable to store the images we need to set as background // which also includes some text and url's. var photos = </body> </html> KABULO BAWALA Moise Gracias, G3 Info, UM 2012-2013 |
|