<repo_name>fossabot/moocisen<file_sep>/app/includes/wizard_ajax.php
<?php
session_start();

$meschoix=$_POST["dataForm"]; //Mes choix
$solutions=$_POST["dataForm2"]; //Les solutions
$idm=$_POST["dataidm"]; //id mooc
$idc=$_POST["dataidc"]; //id chap
$ide=$_POST["dataide"]; //id exo
$tabide=$_POST["datatabide"]; //id tab des partie exo
$malus=$_POST["datamalus"]; //id tab des partie exo

//Insert le score sur l'exercice (score basé sur l'algorithme de levenshtein)
//Remarque : une fois le score rentré impossible de réécrire dessus avec cette fonction
function insertFaitToBDD($score,$id_user,$id_exercice){
	include 'connect.inc.php'; //connexion bdd
	try { 
		$requete_prepare= $bdd->prepare("INSERT INTO faire(score,id_user,id_exercice) VALUES('$score', '$id_user', '$id_exercice')"); // on prépare notre requête
		$requete_prepare->execute();
		//var_dump($requete_prepare);
	//	echo "->Sauvegarde du score<br>";

	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur<br>";
	}
}

//Insert le score sur l'exercice (score basé sur l'algorithme de levenshtein)
//Remarque : update le score si il est déjà présent
function insertFaitToBDDwithUpdate($score,$id_user,$id_exercice){
	include 'connect.inc.php'; //connexion bdd
	try { 
		$requete_prepare= $bdd->prepare("INSERT INTO faire(score,id_user,id_exercice) VALUES('$score', '$id_user', '$id_exercice') ON DUPLICATE KEY UPDATE score='$score',id_user='$id_user',id_exercice='$id_exercice'"); // on prépare notre requête
		$requete_prepare->execute();
		//var_dump($requete_prepare);
	//	echo "->Sauvegarde du score<br>";
	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur<br>";
	}
}

function insertFaitToBDDwithUpdateTabExo($score,$id_user,$tabide){
    include 'connect.inc.php'; //connexion bdd
    $tabide=json_decode($tabide);
   // var_dump(count($tabide));
    for($i=0;$i<count($tabide);$i++){
        $id_exercice = $tabide[$i];
      try { 
            $requete_prepare= $bdd->prepare("INSERT INTO faire(score,id_user,id_exercice) VALUES('$score', '$id_user', '$id_exercice') ON DUPLICATE KEY UPDATE score='$score',id_user='$id_user',id_exercice='$id_exercice'"); // on prépare notre requête
            $requete_prepare->execute();
            //var_dump($requete_prepare);
            //echo ".";
        } catch (Exception $e) { 
            echo $e->errorMessage();
            echo "->erreur<br>";
        }
        //echo "----".$tabide[$i];
    }
   // echo "<br>->Sauvegarde du score<br>";
}

function unlockTrophyAdvancement($id_user,$id_mooc){
     include 'connect.inc.php'; //connexion bdd

     //Permet de récuperer l'avancement d'un mooc pour l'utilisateur courant

    $avancementMooc = $bdd->query('SELECT avancement  AS avc FROM user INNER JOIN suivre ON user.id_user= suivre.id_user INNER JOIN mooc ON suivre.id_mooc=mooc.id_mooc WHERE user.id_user = "'.$id_user.'" AND mooc.id_mooc = "'.$id_mooc.'"');
    $donnees6 = $avancementMooc->fetch();
    $avancementMooc->closeCursor();


    // Permet de récuperer le nombre de chapitre du MOOC

    $nbChapitreMooc = $bdd->query('SELECT nb_chap FROM mooc WHERE id_mooc ="'.$id_mooc.'"');
    $donnees7 = $nbChapitreMooc->fetch();
    $nbChapitreMooc->closeCursor();


    // Calcul du % d'avancement

    $tab = Array();
    $tab = preg_split('[-]', $donnees6["avc"]);
    $avancement = sizeof($tab)-1;
    $pourcentage = ceil($avancement/ $donnees7["nb_chap"]*100);

    if($pourcentage>=30){
        $nbSucces = 4; // nombre de succes par MOOC
            $id_succes = $id_mooc*$nbSucces-($nbSucces-2);
            try { 
                $requete_prepare= $bdd->prepare("INSERT INTO `mooc`.`debloquer` (`date_obtention`, `id_succes`, `id_user`) VALUES (current_date, '$id_succes', '$id_user')");
                $requete_prepare->execute();
            } catch (Exception $e) { 
                //echo $e->errorMessage();
            }
    }

    if($pourcentage>=60){
        $nbSucces = 4; // nombre de succes par MOOC
            $id_succes = $id_mooc*$nbSucces-($nbSucces-3);
            try { 
                $requete_prepare= $bdd->prepare("INSERT INTO `mooc`.`debloquer` (`date_obtention`, `id_succes`, `id_user`) VALUES (current_date, '$id_succes', '$id_user')");
                $requete_prepare->execute();
            } catch (Exception $e) { 
                //echo $e->errorMessage();
            }
    }

    if($pourcentage==100){
        $nbSucces = 4; // nombre de succes par MOOC
            $id_succes = $id_mooc*$nbSucces-($nbSucces-4);
            try { 
                $requete_prepare= $bdd->prepare("INSERT INTO `mooc`.`debloquer` (`date_obtention`, `id_succes`, `id_user`) VALUES (current_date, '$id_succes', '$id_user')");
                $requete_prepare->execute();
            } catch (Exception $e) { 
                //echo $e->errorMessage();
            }
    }

}

function updateSuivreChap($id_user,$id_chap,$id_mooc){
    include 'connect.inc.php'; //connexion bdd
    try { 
        $select = $bdd->prepare("SELECT * FROM suivre WHERE id_user = '$id_user' AND id_mooc = '$id_mooc'");
        $select->execute();
        $lignes = $select->fetchAll();
        //var_dump($lignes);
        $stringAvancement = $lignes[0]["avancement"];
       // echo "avancement -> ".$stringAvancement;
    } catch (Exception $e) { 
        echo $e->errorMessage();
        echo "->erreur<br>";
    }


    if (strpos($stringAvancement, $id_chap) !== false) {
        //valeur deja présente
        $stringAvancement = $stringAvancement; //ajout du nouveau chapitre
    }else{
        $stringAvancement = $stringAvancement."-".$id_chap; //ajout du nouveau chapitre
    }
   // echo "avancement -> ".$stringAvancement;

    try { 
        //$requete_prepare= $bdd->prepare("INSERT INTO suivre(avancement) VALUES '$stringAvancement' "); // on prépare notre requête
        $requete_prepare= $bdd->prepare("UPDATE suivre SET avancement='$stringAvancement' WHERE id_user = '$id_user' AND id_mooc = '$id_mooc'"); // on prépare notre requête
        $requete_prepare->execute();

        unlockTrophyAdvancement($id_user,$id_mooc);
        
        //var_dump($requete_prepare);
      //  echo "->updateSuivreChap<br>";
    } catch (Exception $e) { 
        echo $e->errorMessage();
        echo "->erreur<br>";
    }
}

//Fonction permettant de calculer la similitude entre 2 chaines (algorithme de levenshtein)
//Attention il y une limite pour la longueur de la chaine
function similaire($str1, $str2) {
    $strlen1=strlen($str1);
    $strlen2=strlen($str2);
    $max=max($strlen1, $strlen2);
    $splitSize=250;
    if($max>$splitSize)
    {
        $lev=0;
        for($cont=0;$cont<$max;$cont+=$splitSize)
        {
            if($strlen1<=$cont || $strlen2<=$cont)
            {
                $lev=$lev/($max/min($strlen1,$strlen2));
                break;
            }
            $lev+=levenshtein(substr($str1,$cont,$splitSize), substr($str2,$cont,$splitSize));
        }
    }
    else
    	$lev=levenshtein($str1, $str2);
    $porcentage= -100*$lev/$max+100;
    /*if($porcentage>75)	
    	similar_text($str1,$str2,$porcentage);*/
 	return $porcentage;
}


//compare 2 chaine au format json
function compareTab($strChoix, $strSoluce){
    $strSoluce=str_replace(',','","',$strSoluce);//car la structure du json n'est pas pareil
    $strSoluce=str_replace('"",""','","',$strSoluce);//car la structure du json n'est pas pareil
    //var_dump($strChoix);
    //var_dump($strSoluce);

    $strJsonChoix = json_decode($strChoix);
    $strJsonSoluce= json_decode($strSoluce);


    $compteur = 0; //nombre de bonne réponse
    $sizeArraySoluce = count($strJsonSoluce); //nb de solution
    $sizeArrayChoix = count($strJsonChoix);  //nb de choix
    $lePourcentage = 0;
    //echo '<br>taille'.$sizeArraySoluce;

    foreach($strJsonChoix as $keyChoix){
        //echo '+'.$keyChoix.'+';
        foreach($strJsonSoluce as $keySoluce){
            if($keyChoix==$keySoluce){
                $compteur = $compteur + 1;
            }
        }
    }

    if($sizeArrayChoix==0){
          echo 'aucun choix';
    }else if($sizeArraySoluce==$compteur &&  $sizeArraySoluce==$sizeArrayChoix){
        echo '100% juste';
        $lePourcentage = 100;
    }else if($sizeArraySoluce==$compteur && $sizeArraySoluce<$sizeArrayChoix){
        //100% juste mais 
       echo 'juste mais trop de réponse';
       $lePourcentage = ($sizeArraySoluce/$sizeArrayChoix)*100;
    }else if($sizeArraySoluce==$compteur && $sizeArraySoluce>$sizeArrayChoix){
        //100% juste mais 
       echo 'juste mais trop de réponse';
       $lePourcentage = ($sizeArrayChoix/$sizeArraySoluce)*100;
    }else if($sizeArraySoluce>$compteur){
        echo $compteur.' réponse(s) juste sur '.$sizeArraySoluce;
       /*if($sizeArrayChoix==0)
            $sizeArrayChoix=0.1;
            $lePourcentage = (($compteur/$sizeArraySoluce)*100)/(($sizeArrayChoix/$sizeArraySoluce)); //sort 100 si aucun choix different
            echo 'ici';
        if($lePourcentage==100){
            $lePourcentage = (($sizeArrayChoix/$sizeArraySoluce)*100);
        }*/

      // $lePourcentage=(($compteur*100)/$sizeArraySoluce);
       if($compteur!=$sizeArrayChoix){
            //malus 1 réponse fausse = (100*le nb de faux) / nb de soulution
            $lePourcentage=(($compteur*100)/$sizeArraySoluce) - (100*($sizeArrayChoix-$compteur)/$sizeArraySoluce); 
       }else{
            //pas de reponse fausse
            $lePourcentage=(($compteur*100)/$sizeArraySoluce);
       }
    }else{
        echo 'trop de réponse';
        $lePourcentage = ($sizeArraySoluce/$compteur)*100;
    }
   
    if($lePourcentage<0){
        $lePourcentage=0;
    }
     echo '<br>score inseré : '.$lePourcentage;

    return $lePourcentage;
}

$lepourcentage=compareTab($meschoix,$solutions);
//echo '<br><br><br>Debug<br> les réponses sont :'.$solutions."<br>info débug : ".$idm." ".$idc."  ".$tabide." -solution ".$solutions." -choix".$meschoix;

//Calcul du %
$lepourcentage=intval($lepourcentage); //Cast en entier
//Utilisation du malus
if(($lepourcentage-$malus)<0){
    $lepourcentage = 0;
}else{
    $lepourcentage = $lepourcentage-$malus;
}


if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user']))){
    //ok session
    $id_user=$_SESSION['id_user'];
    $score = $lepourcentage;
    insertFaitToBDDwithUpdate($score,$id_user,$ide); //Insertion en BDD
    insertFaitToBDDwithUpdateTabExo($score,$id_user,$tabide);
    updateSuivreChap($_SESSION['id_user'],$idc,$idm);
    //echo "passage en bdd";
}else{
    echo '<br>test hors-ligne';
}
?><file_sep>/app/mooc/modele_chapitreX.php
<?php
$idMooc;
$idChap;

if(isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">
	<div class="col-md-6 col-sm-12 col-xs-12 ">
		<!-- CONTENU COURS -->
		<div class="animated slideInUp">
			<div class="x_panel">
				<!-- TITRE COURS -->
				<div class="x_title">
					<!-- ///////////////////////////////////////
					/////////METTRE Nom chapitre ICI////////////
					////////////////////////////////////////////-->
					<h2> </h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<!-- COURS -->
				<div class="x_content">
					<div class="my_step_box">
						<div class='row'>
							<div class="col-md-3"></div>
							<div class="col-md-6">
								<div class="btn-group" role="group" aria-label="...">
								  <button type="button" class="btn btn-default myBtnBack"><span class="glyphicon glyphicon-chevron-left"></span> Retour</button>
								  <button type="button" class="btn btn-default myBtnAll"><span class="glyphicon glyphicon-eye-open"></span> </button>
								  <button type="button" class="btn btn-default myBtnNext">Suivant<span class="glyphicon glyphicon-chevron-right"></span></button>
								 </div>
							</div>
							<div class="col-md-3"></div>
						</div>
						<!-- 
						////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	    				/////////////////////////////////// DEBUT   CONTENU   COURS ////////////////////////////////////////////////////////
	    				////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		 				-->
		 				<!-- Debut box numéro 1 -->
						<div class="box1" id="1">
							<ol start="1">
								<li dir="ltr">
									<h2 dir="ltr">
									</h2>
								</li>
							</ol>
							<p dir="ltr">
							</p>
						
							<br/>
						</div>
						<!-- Fin box numéro 1 -->
						<!-- 
						////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	    				/////////////////////////////////// FIN   CONTENU   COURS //////////////////////////////////////////////////////////
	    				////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		 				-->
						<br/>
					</div>
						
					</div>
				</div>
			</div>
		

		<!-- 
		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	    /////////////////////////////////////////////////  DEBUT     VIDEO /////////////////////////////////////////////////
	    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		 -->
		
			<div class="col-md-12 col-sm-12 col-xs-12 animated slideInUp">
				<div class="x_panel">
					<div class="x_title">
						<h2> Vidéo </h2>
						<ul class="nav navbar-right panel_toolbox">
							<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
							</li>
							<li><a class="close-link"><i class="fa fa-close"></i></a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="x_content">
						<div class="videocontainer lg6"> 
						<!-- METTRE ICI LE LIEN DE LA VIDEO -->
                         <iframe src=" " frameborder="0" ></iframe>
                        </div>
					</div>
				</div>
			</div>
		</div>
	<!-- 
		////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	    /////////////////////////////////////////////////  FIN     VIDEO ///////////////////////////////////////////////////
	    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		 -->

	<!-- 
	////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////  DEBUT       EXERCICES ////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
	<div class="col-md-6 col-sm-12 col-xs-12 animated slideInRight">
		<div class="x_panel">
			<div class="x_title">
			<?php
				nomChapitre($idMooc,$bdd,$numChap);
			?>
				<ul class="nav navbar-right panel_toolbox">
					<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
					</li>
					<li><a class="close-link"><i class="fa fa-close"></i></a>
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">


				<!-- Smart Wizard -->
				<h3>Exercices</h3>
				<div id="wizard" class="form_wizard wizard_horizontal">
					<?php
						creationWizardStep($idMooc,$numChap,$idChap,$bdd);
					?>
				</div>
				<!-- IMPORTANT AFFICHE LES INDICE -->
				<div id="indicebox"></div>
				<!-- IMPORTANT AFFICHE LES SOLUTIONS -->
				<div id="solucebox"></div>
			</div>
		</div>
	</div>
	<!-- 
	////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	////////////////////////////////////////////  FIN    EXERCICES  ////////////////////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
</div><file_sep>/app/includes/indice_ajax.php
<?php
//indice_ajax
session_start();

$dataSoluce=$_POST["dataSoluce"];  //la solution
$dataId=$_POST["dataId"]; //id soluce
//$ide=$_POST["dataide"]; //id exo
//echo $dataSoluce.'+++'.$dataId;

//Insert le score sur l'exercice (score basé sur l'algorithme de levenshtein)
//Remarque : update le score si il est déjà présent
function insertFaitToBDDwithUpdate($score,$id_user,$id_exercice){
	include 'connect.inc.php'; //connexion bdd
	try { 
		$requete_prepare= $bdd->prepare("INSERT INTO faire(score,id_user,id_exercice) VALUES('$score', '$id_user', '$id_exercice') ON DUPLICATE KEY UPDATE score='$score',id_user='$id_user',id_exercice='$id_exercice'"); // on prépare notre requête
		$requete_prepare->execute();
		//var_dump($requete_prepare);
		echo "->Sauvegarde du score<br>";
	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur<br>";
	}
}

if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user']))){
    //ok session
    $id_user=$_SESSION['id_user'];
    $score=10;
    insertFaitToBDDwithUpdate($score,$id_user,$dataId); //Insertion en BDD
    //echo "passage en bdd";
}else{
    echo '<br>test hors-ligne';
}
?>
<file_sep>/app/includes/profil_update_password.php
<?php
session_start();

include "../includes/connect.inc.php";  /// Connection bdd


/*
	Modification du mot de passe depuis la page profif.php 
*/


//ok=1   ko=0
function sessionValid(){
	$verif = 1;
	if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user'])))
    {
    	//session ok
    }
    else
    {
    	$verif = 0;
    }
    return $verif;
}

//ok=1   ko=0
function formValid(){
	$verif = 1;
	if (isset($_POST['oldPassword'])) {
 		echo '<br>'.$_POST['oldPassword'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['newPassword'])) {
 		echo '<br>'.$_POST['newPassword'];
	 }else{
	 	$verif=0;
	 }
	
	if($verif==0){
		return 0;
	}else{
		return 1;
	}
}

//Verifie si l id existe et mot de passe
//ok=1   ko=0   mdp pas le meme = 2
function verifId(){
	include "../includes/connect.inc.php";
	$verif = 1;
	$id = $_SESSION['id_user'];
	$oldPassword = $_POST['oldPassword'];
	try { 
	$requete_prepare = $bdd->prepare("SELECT * FROM user WHERE id_user='$id'"); // on prépare notre req
	$requete_prepare->execute();
	$result = $requete_prepare->fetchAll( PDO::FETCH_ASSOC );
	$oldPasswordInBdd=$result[0]['password'];
	var_dump($result);
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur";
	}

	if($result==NULL){
		$verif = 0; //L'id de reset password
	}
	$oldPassword = md5($oldPassword);
	var_dump($oldPasswordInBdd);
	var_dump($oldPassword);
	if($oldPasswordInBdd===$oldPassword){
		$verif = 2;
	}
	return $verif;
}

//Met a jour l id pour le reset du mdp
function updateIdResetPwd(){
 	include "../includes/connect.inc.php";
 	$valPwd = $_POST['newPassword'];
 	$valPwd = md5($valPwd);
 	$id = $_SESSION['id_user'];
	try { 
		$requete_prepare= $bdd->prepare("UPDATE user SET password='$<PASSWORD>' WHERE id_user='$id'"); // on prépare notre requête
		$requete_prepare->execute();
		echo "->OK pwd update";
	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur";
	}
 }

//Valide que le formulaire
$verif = formValid();
$verifSession = sessionValid();

if($verifSession==1){
	if($verif==1){
		$verifId = verifId();
		if($verifId==0){
			echo "->id n'existe pas";
			header ("location: ../modules/connected/profil.php?erreur=Erreur mdp");
		}else if($verifId==1){
			echo "->mdp ne corresponde pas";
			header ("location: ../modules/connected/profil.php?erreur=mdp non identique");
		}else if($verif==1){
			updateIdResetPwd();
			header ("location: ../modules/connected/profil.php?ok=success");
		}
	}
	else{
		echo '<br>wrong form';
		header ("location: ../modules/connected/profil.php?erreur=Erreur formulaire");
	}
}else{
	echo '<br>aucune session';
	header ("location: ../index.php?erreur=Erreur session");
}
?><file_sep>/app/mooc/mooc1/chapitres/chapitre7.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/


$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">
	<div class="row">
		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2> Chapitre 7. Expérience extra professionnelle</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Settings 1</a>
								</li>
								<li><a href="#">Settings 2</a>
								</li>
							</ul>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
					N’hésitez surtout pas à lister vos compétences particulières et vos occupations associatives et bénévoles.

				</div>
			</div>
		</div>
	</div>
</div>

<file_sep>/app/includes/request_reset.php
<?php
include 'connect.inc.php';  /// Connection bdd

//ok=1   ko=0
function formValid(){
	$verif = 1;
	if (isset($_POST['email'])) {
 		echo $_POST['email'];
	 }else{
	 	$verif=0;
	 }
	
	if($verif==0){
		return 0;
	}else{
		return 1;
	}
}

//Evite d'avoir 2 mail identique en bdd ok=1 ko=0
function emailExist(){
	include 'connect.inc.php';
	$verif = 1; //existant par defaut
	$email = $_POST['email'];
	try { 
	$requete_prepare = $bdd->prepare("SELECT * FROM user where email='$email'"); // on prépare notre req
	$requete_prepare->execute();
	$result = $requete_prepare->fetchAll( PDO::FETCH_ASSOC );
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur";
	}

	if (empty($result)){
		$verif = 0;
	}
	return $verif;
}

$code =" ";
//Fonction qui genere une chaine aléatoire
function generateRandomString($length = 5) {
    $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    $charactersLength = strlen($characters);
    $randomString = '';
    for ($i = 0; $i < $length; $i++) {
        $randomString .= $characters[rand(0, $charactersLength - 1)];
    }
    return $randomString;
}

//Met a jour l id pour le reset du mdp
function updateIdResetPwd(){
 	include 'connect.inc.php';
 	$valEmail = $_POST['email'];
 	$valEmailMd5 = (generateRandomString(3).$valEmail);
	$valEmailMd5 = md5($valEmailMd5);
	var_dump($valEmailMd5);
	try { 
		$requete_prepare= $bdd->prepare("UPDATE user SET reset_password='$<PASSWORD>' WHERE email='$valEmail'"); // on prépare notre requête
		$requete_prepare->execute();
		echo "->OK";
		
	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur";
	}
	$code=$valEmailMd5;
	return $valEmailMd5;
 }


function sendEmail($urlLink){
	// Check for empty fields
	if(empty($_POST['email']))
	{
		echo "Erreur pas de mail";
		return false;
	}
	$name = "MOOC Mot de passe";
	$url = 'http://'.$_SERVER['SERVER_NAME'];
	$email_address = $_POST['email']; //email de destination
	$urlLink = $urlLink;
	$message = "A Bientot";
	//$email_address = '"$email_address"';
		
	// Create the email and send the message
	$to = "$email_address"; // Add your email address inbetween the '' replacing <EMAIL> - This is where the form will send a message to.
	$email_subject = "Website Contact :  $name";
	//$email_body = "Voici votre le lien pour le nouveau mot de passe\n\n"."\n\nEmail: <a href='mooc/reset_password?id=$email_address'>$email_address</a>\n\nUrl: $urlLink\n\n$message";
	 $email_body = '
     <html>
      <head>
       <title>Voici votre lien pour le nouveau mot de passe</title>
      </head>
      <body>
       <p>Voici votre lien pour le nouveau mot de passe</p>
       Email : '.$email_address.'<br>
       Lien: <a href='.$url.'/app/modules/not-connected/changerMdp.php?id='.$urlLink.'>'.$url.'/app/modules/not-connected/changerMdp.php?id='.$urlLink.'</a> <br>
       URL: '.$url.'/app/modules/not-connected/changerMdp.php?id='.$urlLink.'</a> <br>
       '.$message.' <br>
       Sinon vous pouvez vous rendre sur la page "mot de passe oublié" et rentrer le code : '.$code.'<br>
      </body>
     </html>
     ';
	$headers = "From: <EMAIL>.fr\n"; // This is the email address the generated message will be from. We recommend using something like <EMAIL>.
	$headers  = 'MIME-Version: 1.0' . "\r\n";
    $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
	$headers .= "Reply-To: $email_address";	
	//$email_body->isHTML(true);
	try{
		mail($to,$email_subject,$email_body,$headers);
	}
	catch(Exception $Excep){
		echo $e->errorMessage();
  		echo "->erreur mail";
	}
	
	return true;		
}

$url = 'http://'.$_SERVER['SERVER_NAME'];
$verifMail = emailExist();
$verif = formValid();
if($verifMail==0){
	//echo '<br>Mail inconnu';
	header ("location: ../modules/not-connected/mdpOublie.php?erreur=Mail inconnu");
}else if($verif==1){
	$urlResetPwd=updateIdResetPwd();
	echo '<br>Url a envoyer = '.$url.'/moocisen/app/modules/not-connected/changerMdp.php?id='.$urlResetPwd;
	sendEmail($urlResetPwd); // envoie de l'email
	header ("location: ../index.php?ok=Mot de passe envoyé");
}
else{
	//echo '<br>wrong form';
	header ("location:  ../modules/not-connected/mdpOublie.php?erreur=Formulaire erreur");
}

?><file_sep>/app/scripts/not-connected/connexion.js
/*!
 *
 *  Google
 *  Copyright 2015 Google Inc. All rights reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *    https://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License
 *
 */

// --------------- REGEX --------------------
$.validator.addMethod("usernameRegex", function(value, element) {
	return this.optional(element) || /^[a-z\u00E0-\u00FC_.+-]+$/i.test(value);
});

$.validator.addMethod("mailRegex", function(value, element) {
	return this.optional(element) || /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/i.test(value);
});


// --------------- Formulaire JqueryValidator ---------
var form = $("#myform");
    form.validate({
		//prendre le name
		errorElement: 'span',
		errorClass: 'help-block',
		highlight: function(element, errorClass, validClass) {
			$(element).closest('.form-group').addClass("has-error");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).closest('.form-group').removeClass("has-error");
        },
        rules: {
            name: {
              required: true,
              usernameRegex: true,
              minlength: 2,
          },
          surname: {
              required: true,
              usernameRegex: true,
              minlength: 2,
          },
          pseudo: {
              required: true,
              minlength: 2,
          },
          password : {
              required: true,
              minlength: 4,
          },
          city:{
              required: true,
          },
          name: {
              required: true,
              usernameRegex: true,
              minlength: 3,
          },
          email: {
              required: true,
              mailRegex: true,
              minlength: 3,
          },
      },
      messages: {
        username: {
          required: "Username required",
      },
      name: {
          required: "name required",
      },
      password : {
          required: "<PASSWORD>",
      },
      name: {
          required: "Name required",
      },
      email: {
          required: "Email required",
      },
    }
    });

    // --------------- Login JqueryValidator ---------
    var login = $("#myLogin");
    login.validate({
          //prendre le name
          errorElement: 'span',
          errorClass: 'help-block',
          highlight: function(element, errorClass, validClass) {
            $(element).closest('.form-group').addClass("has-error");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).closest('.form-group').removeClass("has-error");
        },
        rules: {
            name: {
              required: true,
              usernameRegex: true,
              minlength: 2,
          },
          password : {
              required: true,
              minlength: 4,
          },
          email: {
              required: true,
              mailRegex: true,
              minlength: 3,
          },
      },
      messages: {
        password : {
            required: "<PASSWORD>",
        },
        email: {
            required: "Email required",
        },
     }
    });
	

<file_sep>/app/includes/fonctionChap.php
<?php

function readchap($filename) {
	if(!file_exists($filename))
		throw new Exception ("not found");

    $tab=file($filename);
    $content="";
    $l=0;
    $total=count($tab);

    while($l<$total) {
        if(strpos($tab[$l],"===========")!==false)
            break;
        $l++;
    }
    $l++;
    while($l<$total) {
        if(strpos($tab[$l],"===========")!==false)
            break;
        $content.=$tab[$l];
        $l++;
    }

    return $content;
}

function readchaps($max) {
    $tab=array();
    
    for($i=1;$i<=$max;$i++)
    try{
        $tab[]=readchap("mooc/chapitres/chapitre$i.php");
	}catch(Exception $e){}

    return $tab;
}
<file_sep>/app/scripts/not-connected/aPropos.js
/*!
 *
 *  Google
 *  Copyright 2015 Google Inc. All rights reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *    https://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License
 *
 */

 /**
* gear-toy.js
* http://brm.io/gears-d3-js/
* License: MIT
*/

var _svg,
    _allGears = [],
    _randomiseInterval,
    _canvasWidth = 1280,
    _canvasHeight = 768,
    _xOffset = _canvasWidth * 0.5,
    _yOffset = _canvasHeight * 0.4,
    _gearFactors = [64, 64, 32, 48, 48, 96, 112, 256],
    _gearStyles = ['style-0', 'style-1', 'style-2', 'style-3', 'style-4'],
    _autoShuffle = true;

var _options = {
  radius: 16,
  holeRadius: 0.4,
  transition: true,
  speed: 0.01,
  autoShuffle: true,
  number: 20,
  addendum: 8,
  dedendum: 3,
  thickness: 0.7,
  profileSlope: 0.5
};

var main = function() {

  // set up our d3 svg element
  _svg = d3.select('.gears-d3-canvas')
  .append('svg')
  .attr('viewBox', '0 0 ' + _canvasWidth + ' ' + _canvasHeight)
  .attr('preserveAspectRatio', 'xMinYMin slice');

  // generate and randomise scene
  _generateScene(_options);
  _randomiseScene(false);

  // start a timer to randomise every few secs
  _randomiseInterval = setInterval(function() {
    if (_autoShuffle)
      _randomiseScene(true);
  }, 4000);
  
  setTimeout(function() {
    _randomiseScene(true);
  }, 100);

  // start the d3 animation timer
  d3.timer(function () {
    _svg.selectAll('.gear-path')
    .attr('transform', function (d) {
      d.angle += d.speed;
      return 'rotate(' + d.angle * (180 / Math.PI) + ')';
    });
  });
};

var _generateScene = function(options) {
  var holeRadius,
      teeth,
      radius,
      factor,
      newGear,
      innerRadius;

  _gearStyles = Gear.Utility.arrayShuffle(_gearStyles);

  for (var i = 0; i < options.number; i++) {
    factor = _gearFactors[i % _gearFactors.length];
    radius = factor / 2;
    teeth = radius / 4;
    innerRadius = radius - options.addendum - options.dedendum;
    holeRadius = factor > 96 ? innerRadius * 0.5 + innerRadius * 0.5 * options.holeRadius : innerRadius * options.holeRadius;

    _allGears.push(newGear = Gear.create(_svg, { 
      radius: radius, 
      teeth: teeth, 
      x: 0, 
      y: 0, 
      holeRadius: holeRadius,
      addendum: options.addendum,
      dedendum: options.dedendum,
      thickness: options.thickness,
      profileSlope: options.profileSlope
    }));

    newGear.classed(_gearStyles[i % _gearStyles.length], true);
  }
};

var _randomiseScene = function(transition) {
  _allGears = Gear.Utility.arrayShuffle(_allGears);
  Gear.randomArrange(_allGears, _xOffset, _yOffset);
  Gear.setPower(_allGears[0], 0.01);
  Gear.updateGears(_allGears);

  _svg.selectAll('.gear')
  .each(function(d, i) {
    if (transition) {
      d3.select(this)
      .transition()
      .ease('elastic')
      .delay(i * 80 + Math.random() * 80)
      .duration(1500)
      .attr('transform', function(d) {
        return 'translate(' + [ d.x, d.y ] + ')';
      });
    } else {
      d3.select(this)
      .attr('transform', function(d) {
        return 'translate(' + [ d.x, d.y ] + ')';
      });
    }
  });
};

main();<file_sep>/app/includes/inscription.php
<?php
include "connect.inc.php";  /// Connection bdd

//echo "inscription.php";

//ok=1   ko=0
function formValid(){
	$verif = 1;
	if (isset($_POST['surname'])) {
 		echo "}".$_POST['surname'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['name'])) {
	 	echo "}".$_POST['name'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['pseudo'])) {
	 	echo "}".$_POST['pseudo'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['email'])) {
	 	echo "}".$_POST['email'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['password'])) {
	 	echo "}".$_POST['password'];
	 	echo "-->".md5($_POST['password']);
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['selectPays'])) {
	 	echo "}".$_POST['selectPays'];
	 }else{
	 	$verif=0;
	 }

	if($verif==0){
		return 0;
	}else{
		return 1;
	}
}

//Evite d'avoir 2 mail identique en bdd ok=1 ko=0
function emailExist(){
	include "connect.inc.php";
	$verif = 1; //existant par defaut
	$email = $_POST['email'];
	try { 
	$requete_prepare = $bdd->prepare("SELECT * FROM user where email='$email'"); // on prépare notre req
	$requete_prepare->execute();
	$result = $requete_prepare->fetchAll( PDO::FETCH_ASSOC );
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur";
	}

	if (empty($result)){
		$verif = 0;
	}
	return $verif;
}

function insertUsertoBDD(){
 	include "connect.inc.php";
 	$valSurname = $_POST['surname'];
	$valName = $_POST['name'];
	$valPseudo = $_POST['pseudo'];
	$valEmail = $_POST['email'];
	$valPassword = md5($_POST['password']);
	$valPays = $_POST['selectPays'];
	$valJob = $_POST['selectJob'];
	$linkAvatar = '../../assets/images/profil/0user.png';
	try { 
		//$requete_prepare= $bdd->prepare("INSERT INTO user(nom,prenom,pseudo,email,password,pays,grade) VALUES('$valSurname', '$valName', '$valPseudo', '$valEmail', '$valPassword', '$valPays', 1)"); // on prépare notre requête
		$requete_prepare= $bdd->prepare("INSERT INTO user(nom,prenom,pseudo,email,password,pays,grade,avatar) VALUES('$valSurname', '$valName', '$valPseudo', '$valEmail', '$valPassword', '$valPays', 1, '$linkAvatar')"); // on prépare notre requête
		$requete_prepare->execute();
		var_dump($requete_prepare);
		echo "->OK insertUsertoBDD";

	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur";
	}
 }

function startSession(){
	include "connect.inc.php";
	$email = $_POST['email'];
	try { 
		$requete_prepare = $bdd->prepare("SELECT * FROM user WHERE email='$email'"); // on prépare notre req
		$requete_prepare->execute();
		$result = $requete_prepare->fetchAll( PDO::FETCH_ASSOC );
		session_start();
			$_SESSION['login'] 		= $result[0]['email'];
			$_SESSION['pseudo'] 	= $result[0]['pseudo'];
			$_SESSION['id_user'] 	= $result[0]['id_user'];
			$_SESSION['email'] 		= $result[0]['email'];
			$_SESSION['pays'] 		= $result[0]['pays'];
			$_SESSION['grade'] 		= $result[0]['grade'];
			$_SESSION['nom'] 		= $result[0]['nom'];
			$_SESSION['prenom'] 	= $result[0]['prenom'];
			$_SESSION['professeur'] = $result[0]['professeur'];
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur";
	}
}

$verifMail = emailExist();
$verif = formValid();
if($verifMail==1){
	echo '<br>Mail déjà present';
	header("Location: ../modules/not-connected/inscription.php?erreur=mail deja present");
}else if($verif==1){
	insertUsertoBDD();
	//Mettre startSession();
	startSession();
	header("Location: ../index.php?succes");
}
else{
	echo '<br>wrong form';
	header("Location: ../modules/not-connected/inscription.php?erreur= erreur formulaire");
}
?><file_sep>/app/includes/connect.inc.php
	<?php 
    $connect_str= "mysql:host=127.0.0.1;dbname=mooc";
    $connect_user= 'root';
    $connect_pass= '';
    try
    {
        $bdd= new PDO($connect_str, $connect_user, $connect_pass,array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION)); 
        $utf8 = $bdd->prepare("SET NAMES UTF8");
        $utf8->execute();
    }
    catch(PDOException $e)
    {
		echo "Erreur au niveau de la BDD (verifier si la BDD existe) voir includes/connect.inc.php pour configuration";
        exit();
    }
?><file_sep>/app/includes/login.php
<?php
include "connect.inc.php";

function formValid(){
	$verif = 1;
	if (isset($_POST['email'])) {
 		echo $_POST['email'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['password'])) {
	 	//echo $_POST['password'];
	 }else{
	 	$verif=0;
	 }

	if($verif==0){
		return 0;
	}else{
		return 1;
	}
}

 function insertUsertoBDD(){
 	include "connect.inc.php";
 	$email = $_POST['email'];
	$valPassword = $_POST['password'];
	$valPassword = md5($valPassword);
	try { 
	$requete_prepare = $bdd->prepare("SELECT * FROM user WHERE email='$email'"); // on prépare notre req
	$requete_prepare->execute();
	$result = $requete_prepare->fetchAll( PDO::FETCH_ASSOC );
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur";
	}
	/*echo '--->'.$result[0]['email'];
	echo '--->'.$valPassword;
	var_dump($result);*/

	if (empty($result)) {
  		header ("location: ../modules/not-connected/connexion.php?erreur=Aucun compte");
	}else if($result[0]['email']==$email && $result[0]['password']==$valPassword){
		session_start();
        $_SESSION['login'] 		= $result[0]['email'];
        $_SESSION['pseudo'] 	= $result[0]['pseudo'];
        $_SESSION['id_user'] 	= $result[0]['id_user'];
        $_SESSION['email'] 		= $result[0]['email'];
        $_SESSION['pays'] 		= $result[0]['pays'];
        $_SESSION['grade'] 		= $result[0]['grade'];
        $_SESSION['professeur'] = $result[0]['professeur'];
        $_SESSION['nom'] 		= $result[0]['nom'];
        $_SESSION['prenom'] 	= $result[0]['prenom'];
        $_SESSION['avatar'] 	= $result[0]['avatar'];

        //------HISTORIQUE DES CONNEXIONS --------
        include "insert_log.php";
        //--------------------------------------

      	header('location: ../modules/connected/catalogue.php');
	}else if($result[0]['email']==$email && $result[0]['password']!=$valPassword){
		header ("location: ../modules/not-connected/connexion.php?erreur=Mot de passe faux");
	}else{
		header ("location: ../modules/not-connected/connexion.php?erreur=Erreur de saisie");
	}
 }

$verif = formValid();
if($verif==1){
	insertUsertoBDD();
}
else{
	echo '<br>wrong form';
}

?><file_sep>/app/mooc/mooc1/chapitres/chapitre10.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/


$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">
	<div class="row">
		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2> Chapitre 10 : Exam Final avec rendu du travail</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Settings 1</a>
								</li>
								<li><a href="#">Settings 2</a>
								</li>
							</ul>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">


					<!-- Send email -->
					<h4>Envoi du travail
					</h4>

                    <form class="form-horizontal form-label-left" enctype="multipart/form-data" action="_model/send_attachement.php" method="post" id="myform3" novalidate>
                        <div class="item form-group">
                            <label for="password" class="control-label col-md-3">Nom</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input id="oldPassword" type="text" name="name" required="required">
                            </div>
                        </div>
                        <div class="item form-group">
                            <label for="password" class="control-label col-md-3">Email</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input id="newPassword" type="email" name="email" data-validate-length-range="4" class="form-control col-md-7 col-xs-12" required="required">
                            </div>
                        </div>
                        <div class="item form-group">
                            <label for="password" class="control-label col-md-3">Pièces jointes</label>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <input type="file" name="my_file" >
                            </div>
                        </div>

                        <div class="ln_solid"></div>
                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-3">
                                <button id="send" type="submit" class="btn btn-success">Confirmer</button>
                            </div>
                        </div>
                    </form>
				</div>
			</div>
		</div>
	</div>
</div>

<file_sep>/app/includes/insert_log.php
<?php

include "connect.inc.php";  /// Connection bdd

//ok=1   ko=0
function sessionValid(){
	$verif = 1;
	if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user'])))
    {
    	//session ok
    }
    else
    {
    	$verif = 0;
    }
    return $verif;
}

function insertLogtoBDD(){
 	include "connect.inc.php";

 	/* Récupération date est heure */
 	$date = date("d-m-Y");
	$heure = date("H:i");
	$connect_time = $date." ".$heure;

	/* Récupération session */
	if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user']))){
		$id_user = $_SESSION['id_user'];//ok
	}else{
		$id_user = 0;
	}
	if ((isset($_SESSION['email'])) && (!empty($_SESSION['email']))){
		$email = $_SESSION['email'];//ok
	}else{
		$email = 'unknow';
	}
	/* Récupération ip */
	$ip = $_SERVER["REMOTE_ADDR"];

	/* Récupération url */
	$lien = 'http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'];
 	$bool = sessionValid();

 	/* Récupération info navigateur */
 	$browser = $_SERVER['HTTP_USER_AGENT'];
 	//echo "---->".$browser;

 	/* Récuperation avant derniere url */
 	$dernierlien = $_SERVER['REQUEST_URI'];

 	if($bool == 0)
 	{
 		try { 
			$requete_prepare= $bdd->prepare("INSERT INTO log(connect_time,ip,lien,dernierlien,browser) VALUES('$connect_time', '$ip', '$lien', '$dernierlien', '$browser')"); // on prépare notre requête
			$requete_prepare->execute();
			echo "->OK sans session";
		} catch (Exception $e) { 
	  		//echo $e->errorMessage();
	  		echo "->erreur";
		}
	}else{
		try { 
			$requete_prepare= $bdd->prepare("INSERT INTO log(id_user,connect_time,email,ip,lien,dernierlien,browser) VALUES('$id_user', '$connect_time', '$email', '$ip', '$lien', '$dernierlien', '$browser')"); // on prépare notre requête
			$requete_prepare->execute();
			echo "->OK avec session";
		} catch (Exception $e) { 
	  		//echo $e->errorMessage();
	  		echo "->erreur";
		}
 	}
	
 }

insertLogtoBDD();
?><file_sep>/app/modules/not-connected/connexion.php
<?php
  session_start();

  if((isset($_SESSION['id_user']))) {
    header ("location: ../connected/catalogue.php");
  }
?>
<!DOCTYPE html>
<!--
  Material Design Lite
  Copyright 2015 Google Inc. All rights reserved.
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
      https://www.apache.org/licenses/LICENSE-2.0
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License
-->

<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">

  <meta property="og:title" content="Mooc Isen">
  <meta property="og:image" content="">
  <meta property="og:url" content="http://colombies.com/app">
  <meta property="og:description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">
  <meta property="robots" content="">
  
  <!-- Title -->
  <title>Connexion | Mooc Isen</title>    
   
  <!-- favicon.ico -->
  <link rel="shortcut icon" href="../../favicon.ico">

  <!-- Disable tap highlight on IE -->
  <meta name="msapplication-tap-highlight" content="no">

  <!-- Web Application Manifest -->
  <link rel="manifest" href="../../manifest.json">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="Mooc Isen">
  <link rel="icon" sizes="192x192" href="../../images/touch/chrome-touch-icon-192x192.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Mooc Isen">
  <link rel="apple-touch-icon" href="../../images/touch/apple-touch-icon.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="../../images/touch/ms-touch-icon-144x144-precomposed.png">
  <meta name="msapplication-TileColor" content="#457871">

  <!-- Color the status bar on mobile devices -->
  <meta name="theme-color" content="#457871">

  <!-- Material Design Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700">

  <!-- Material Design Icons -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

  <!-- Material Design Lite -->
  <link rel="stylesheet" href="../../styles/material.min.css">

  <!-- Your styles -->
  <link rel="stylesheet" href="../../styles/not-connected/connexion.css">
</head>
<body>

  <!-- header -->
  <header class="site-header">
  <div class="aux cf">
    <h2 class="site-header__title">
      <a class="site-header__root-link" href="../../index.php">
        <img class="site-header__wallet-logo" alt="Mooc Isen" src="../../images/header/mooc-logo.png">
      </a>
    </h2>
    <nav class="site-header__main-nav" id="HeaderNav">
      <ul>
        <li>
          <a class="nav-link" href="connexion.php">
            Connexion
          </a>
        </li>
        <li>
          <a class="nav-link" href="inscription.php">
            Inscription
          </a>
        </li>
        <li>
          <div class="site-header__cta site-header__cta--desktop">
            <a href="catalogue.php">
              <button id="header-cta" class="mdl-button mdl-button--raised mdl-button--accent mdl-color--teal mdl-js-button mdl-js-ripple-effect">
                Catalogue
              </button>
            </a>
        </li>
      </ul>
    </nav>
    <div class="site-header__cta site-header__cta--mobile">
      <button id="get-app--large" class="mdl-button mdl-button--raised mdl-button--colored mdl-color--teal js-get-app-button mdl-js-button mdl-js-ripple-effect" onclick="location.replace('catalogue.php');">
        Catalogue
      </button>
    </div>
  </header>

  <!-- section -->
  <div class="form-box">
    <div class="head">Connexion</div>   
	
    <form action="../../includes/login.php" method="post" id="myLogin">
        <main class="mdl-layout__content">
         <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
            <input type="email" class="mdl-textfield__input" id="exampleInputEmail1" name="email"/>
            <label class="mdl-textfield__label" for="exampleInputEmail1">Email</label>
            <span class="mdl-textfield__error">Email incorrecte</span>
          </div>
        </main>

        <main class="mdl-layout__content">
         <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
            <input type="<PASSWORD>" class="mdl-textfield__input" id="exampleInputPassword1" name="password"/>
            <label class="mdl-textfield__label" for="exampleInputPassword1">Mot de passe</label>
            <span class="mdl-textfield__error">Mot de passe requiert</span>
         </div>
        </main>
        <input type="submit" class="btn" value="Connexion"/>
    </form>
	<p class="text-p"><a href="mdpOublie.php">Mot de passe oublié ?</a></p>
  </div>

  <div aria-live="assertive" aria-atomic="true" aria-relevant="text" class="mdl-snackbar mdl-js-snackbar">
          <div class="mdl-snackbar__text"></div>
          <button type="button" class="mdl-snackbar__action"></button>
        </div>
  
  </br></br></br></br>
  
  <!-- footer -->
  <footer class="mdl-mega-footer">
  <div class="mdl-mega-footer__middle-section">

    <div class="mdl-mega-footer__drop-down-section" style="top:30px">
      <img class="site-header__wallet-logo" alt="Mooc Isen" src="../../images/footer/logo-footer.png">
      <ul class="mdl-mega-footer__link-list">
        <li>
          <h4>Apprendre avec l'ISEN</h4>
        </li>
        <li>
          <a href="https://www.youtube.com/user/isentoulon" target="_blank">
            <img class="site-header__wallet-logo" alt="YouTube" src="../../images/social/youtube.png">
          </a>
          <a href="https://twitter.com/isentoulon?lang=fr" target="_blank">
            <img class="site-header__wallet-logo" alt="Twitter" src="../../images/social/twitter-white.png">
          </a>
          <a href="https://www.facebook.com/ISEN.Toulon" target="_blank">
            <img class="site-header__wallet-logo" alt="Facebook" src="../../images/social/facebook-white.png">
          </a>
          <a href="https://www.instagram.com/isen.fr/" target="_blank">
            <img class="site-header__wallet-logo" alt="Instagram" src="../../images/social/instagram-white.png">
          </a>
          <a href="https://plus.google.com/104791520528769416386/about" target="_blank">
            <img class="site-header__wallet-logo" alt="Google+" src="../../images/social/google-white.png">
          </a>
        </li>
        </br>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading"> Ressources</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="faq.php">Aide & FAQ</a></li>
        <li><a href="catalogue.php">Catalogue</a></li>
        <li><a href="proposerCours.php">Proposer un MOOC</a></li>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading">MOOC Isen</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="aPropos.php">A propos</a></li>
        <li><a href="actualitees.php">Actualités</a></li>
        <li><a href="temoignages.php">Témoignages</a></li>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading">Informations</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="contact.php">Contact</a></li>
        <li><a href="legales.php">Légales</a></li>
      </ul>
    </div>
	
  </div>
	
	<div class="mdl-mega-footer__bottom-section">
		<ul class="mdl-mega-footer__link-list">
			<li>
				<a href="legales.php">Politique de confidentialité</a> 
				| 
				<a href="legales.php">Modalités</a> 
			</li>
		</ul>
	</div>

  <!-- Material Design lite -->
  <script src="../../scripts/material.min.js"></script>
  
  <!-- jquery -->
  <script src="../../scripts/jquery/jquery.js"></script>

  <!-- Validation -->
  <script src="../../scripts/jqueryvalidate/jquery.validate.min.js"></script>
  <script src="../../scripts/jqueryvalidate/additional-methods.min.js"></script>

  <!-- Custom Theme JavaScript -->
  <script src="../../scripts/not-connected/connexion.js"></script>

  <!-- Custom Theme JavaScript -->
  <script src="../../scripts/catch_error.js"></script>

  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-77911480-1', 'auto');
      ga('send', 'pageview');
  </script>
</body>
</html><file_sep>/app/index.php
<?php
	session_start();

	if((isset($_SESSION['id_user']))) {
		header ("location: modules/connected/catalogue.php");
	}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">

  <meta property="og:title" content="Mooc Isen">
  <meta property="og:image" content="">
  <meta property="og:url" content="http://colombies.com/app">
  <meta property="og:description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">
  <meta property="robots" content="">
  
  <!-- Title -->
  <title>Accueil | Mooc Isen</title>    
   
  <!-- favicon.ico -->
  <link rel="shortcut icon" href="favicon.ico">

  <!-- Disable tap highlight on IE -->
  <meta name="msapplication-tap-highlight" content="no">

  <!-- Web Application Manifest -->
  <link rel="manifest" href="manifest.json">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="Mooc Isen">
  <link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Mooc Isen">
  <link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
  <meta name="msapplication-TileColor" content="#457871">

  <!-- Color the status bar on mobile devices -->
  <meta name="theme-color" content="#457871">

  <!-- Material Design Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700">

  <!-- Material Design Icons -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

  <!-- Material Design Lite -->
  <link rel="stylesheet" href="styles/material.min.css">

  <!-- Your styles -->
  <link rel="stylesheet" href="styles/not-connected/index.css">
</head>
<body>

  <!-- header -->
  <header class="site-header">
  <div class="aux cf">
    <h2 class="site-header__title">
      <a class="site-header__root-link" href="index.php">
        <img class="site-header__wallet-logo" alt="Mooc Isen" src="images/header/mooc-logo.png">
      </a>
    </h2>
    <nav class="site-header__main-nav" id="HeaderNav">
      <ul>
        <li>
          <a class="nav-link" href="modules/not-connected/connexion.php">
            Connexion
          </a>
        </li>
        <li>
          <a class="nav-link" href="modules/not-connected/inscription.php">
            Inscription
          </a>
        </li>
        <li>
          <div class="site-header__cta site-header__cta--desktop">
            <a href="modules/not-connected/catalogue.php">
              <button id="header-cta" class="mdl-button mdl-button--raised mdl-button--accent mdl-color--teal mdl-js-button mdl-js-ripple-effect">
                Catalogue
              </button>
            </a>
        </li>
      </ul>
    </nav>
    <div class="site-header__cta site-header__cta--mobile">
      <button id="get-app--large" class="mdl-button mdl-button--raised mdl-button--colored mdl-color--teal js-get-app-button mdl-js-button mdl-js-ripple-effect" onclick="location.replace('modules/not-connected/catalogue.php');">
        Catalogue
      </button>
    </div>
  </header>

  <!-- banniere -->
  <div class="hero hero--home">
    <div class="hero__bg-container">
      <div class="hero__bg-container-overlay">
        <!-- <img src="images/allisdigital.png"> -->
        <h1>ALL IS DIGITAL</h1>
        <div class="hero__get-app">
          <a href="modules/not-connected/catalogue.php">
            <button id="get-app--hero__button" class="get-app hero__btn mdl-button mdl-js-button mdl-color--teal mdl-button--raised mdl-button--colored mdl-js-ripple-effect">
              Catalogue
            </button>
          </a>
        </div>
        <a href="modules/not-connected/inscription.php" class="hero__video-btn mdl-button mdl-js-button">
          Inscription
        </a>
      </div>
      <li class="page-scroll">
        <a href="#welcome">
          <button class="hero__fab mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--fab mdl-shadow--4dp">
            <i class="material-icons">&#xE313;</i>
        </button>
        </a>
      </li>

    </div>
  </div>
    <div aria-live="assertive" aria-atomic="true" aria-relevant="text" class="mdl-snackbar mdl-js-snackbar">
          <div class="mdl-snackbar__text"></div>
          <button type="button" class="mdl-snackbar__action"></button>
        </div>

  <!-- section 1 -->
  <section id="welcome" class="section section--welcome section--text-left section--rev section--align-image-bottom">
    <div class="aux">
      <div class="grid grid--bottom">
        <div class="section__content grid__item palm--one-whole lap--one-half desk--one-half">
          <header class="recesection__header" >
            <h2 class="section__title">Bienvenue sur la plateforme MoocISEN</h2>
            <p> La plateforme héberge des MOOCs destinés aux étudiants</p>
            <p>Notre site sera accessible à un grand nombre de personnes que ce soit des élèves ingénieurs, des étudiants en faculté supérieure, des lycéens ou même des entreprises qui souhaitent former leurs employés à de nouvelles technologies.</p>
          </header>
        </div><!--
        --><div class="section__content grid__item palm--one-whole lap--one-half desk--one-half">
          <!-- iframe-responsive.css full css -->
          <div class="videocontainer" > 
            <iframe src="https://www.youtube.com/embed/lX7kYDRIZO4?modestbranding=0&autohide=0&showinfo=1&controls=1" frameborder="0" allowfullscreen></iframe>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- section 2 -->
  <section class="section section--notifications section--grey section--align-image-bottom">
    <div class="aux">
      <div class="grid grid--middle">
        <div class="section__content grid__item palm--one-whole lap--one-half desk--one-half">
          <header class="section__header">
            <h2 class="section__title">Accessible sur mobile<br></h2>
            <p> </p>
          </header>
        </div><!--
        --><div class="section__image grid__item palm--one-whole lap--one-half desk--one-half">
          <picture>
            <!--[if IE 9]><video style="display: none;"><![endif]-->
            <source srcset="images/index/notifications-desktop.png" media="(min-width: 769px)">
            <source srcset="images/index/notifications-mobile.png" media="(max-width: 768px)">
            <!--[if IE 9]></video><![endif]-->
            <img srcset="images/index/notifications-desktop.png" alt="">
          </picture>
        </div>
      </div>
    </div>
  </section>

  <!-- section3 -->
  <section class="section section--safety section--rev">
    <div class="aux">
      <div class="grid grid--middle">
        <div class="section__content grid__item palm--one-whole lap--one-half desk--one-half">
          <header class="section__header">
            <h2 class="section__title">MOOC accessible sans compte</h2>
            <p>Inscrition permettra de suivre votre avancement et votre score</p>
            <p>Page admin pour suivre l'avancement de tous les comptes</p>
          </header>
        </div><!--
        --><div class="section__image grid__item palm--one-whole lap--one-half desk--one-half">
          <picture>
            <!--[if IE 9]><video style="display: none;"><![endif]-->
            <source srcset="images/index/safety-desktop.png" media="(min-width: 481px)">
            <source srcset="images/index/safety-mobile.png" media="(max-width: 480px)">
            <!--[if IE 9]></video><![endif]-->
            <img srcset="images/index/safety-desktop.png" alt="">
          </picture>
        </div>
      </div>
    </div>
  </section>

  <!-- section4 -->
  <section class="section section--support section--grey">
    <div class="aux">
      <div class="grid">
        <div class="help-item grid__item one-whole lap--one-half desk--one-half">
          <h3>Questions?</h3>
          <p>Visiter le <a href="modules/not-connected/faq.php">FAQs</a>.</p>
        </div><!--
     --><div class="help-item grid__item one-whole lap--one-half desk--one-half">
          <h3>Besoin d'aide?</h3>
          <p>Aller à <a href="modules/not-connected/faq.php">Aide</a>.</p>
        </div>
      </div>
    </div>

  </section>



  <!-- footer -->
  <footer class="mdl-mega-footer">
  <div class="mdl-mega-footer__middle-section">

    <div class="mdl-mega-footer__drop-down-section" style="top:30px">
      <img class="site-header__wallet-logo" alt="<NAME>" src="images/footer/logo-footer.png">
      <ul class="mdl-mega-footer__link-list">
        <li>
          <h4>Apprendre avec l'ISEN</h4>
        </li>
        <li>
          <a href="https://www.youtube.com/user/isentoulon" target="_blank">
            <img class="site-header__wallet-logo" alt="YouTube" src="images/social/youtube.png">
          </a>
          <a href="https://twitter.com/isentoulon?lang=fr" target="_blank">
            <img class="site-header__wallet-logo" alt="Twitter" src="images/social/twitter-white.png">
          </a>
          <a href="https://www.facebook.com/ISEN.Toulon" target="_blank">
            <img class="site-header__wallet-logo" alt="Facebook" src="images/social/facebook-white.png">
          </a>
          <a href="https://www.instagram.com/isen.fr/" target="_blank">
            <img class="site-header__wallet-logo" alt="Instagram" src="images/social/instagram-white.png">
          </a>
          <a href="https://plus.google.com/104791520528769416386/about" target="_blank">
            <img class="site-header__wallet-logo" alt="Google+" src="images/social/google-white.png">
          </a>
        </li>
        </br>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading"> Ressources</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="modules/not-connected/faq.php">Aide & FAQ</a></li>
        <li><a href="modules/not-connected/catalogue.php">Catalogue</a></li>
        <li><a href="modules/not-connected/proposerCours.php">Proposer un MOOC</a></li>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading">MOOC Isen</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="modules/not-connected/aPropos.php">A propos</a></li>
        <li><a href="modules/not-connected/actualitees.php">Actualités</a></li>
        <li><a href="modules/not-connected/temoignages.php">Témoignages</a></li>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading">Informations</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="modules/not-connected/contact.php">Contact</a></li>
        <li><a href="modules/not-connected/legales.php">Légales</a></li>
      </ul>
    </div>

  </div>
  
	<div class="mdl-mega-footer__bottom-section">
		<ul class="mdl-mega-footer__link-list">
			<li>
				<a href="modules/not-connected/legales.php">Politique de confidentialité</a> 
				| 
				<a href="modules/not-connected/legales.php">Modalités</a> 
			</li>
		</ul>
	</div>

  <!-- Material Design lite -->
  <script src="scripts/material.min.js"></script>
  
  <!-- jQuery -->
  <script src="scripts/jquery/jquery.js"></script>

  <!-- Plugin JavaScript -->
  <script src="scripts/jqueryeasing/jquery.easing.min.js"></script>

  <!-- Custom Theme JavaScript -->
  <script src="scripts/not-connected/index.js"></script>
  <script src="scripts/not-connected/scroll-down-button.js"></script>


    <!-- Custom Theme JavaScript -->
  <script src="scripts/catch_error.js"></script>

  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-77911480-1', 'auto');
      ga('send', 'pageview');
  </script>
</body>
</html><file_sep>/app/mooc/mooc1/chapitres/chapitre1.php
<?php
$idMooc;
$idChap;

if(isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	

	//afficheChapitreExos($idMooc,$idChap,$bdd,0);													
	//echo $idMooc;
}else{
	$valid = 0;
	echo'erreur';
}
?>
		<!-- 1ER BOITE -->
		<div class="row">
			<div class="col-md-6 col-sm-12 col-xs-12 ">
				<div class="animated slideInUp">
					<div class="x_panel">
						<div class="x_title">
							<h2> Chapitre 1 : Identité </h2>
							<ul class="nav navbar-right panel_toolbox">
								<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
								</li>
								<li><a class="close-link"><i class="fa fa-close"></i></a>
								</li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<div class="my_step_box">
								<!-- Cours -->
								<div class='row'>
									<div class="col-md-3"></div>
									<div class="col-md-6">
										<div class="btn-group" role="group" aria-label="...">
										  <button type="button" class="btn btn-default myBtnBack"><span class="glyphicon glyphicon-chevron-left"></span> Retour</button>
										  <button type="button" class="btn btn-default myBtnAll"><span class="glyphicon glyphicon-eye-open"></span> </button>
										  <button type="button" class="btn btn-default myBtnNext">Suivant<span class="glyphicon glyphicon-chevron-right"></span></button>
										 </div>
									</div>
									<div class="col-md-3"></div>
								</div>

								<!-- METTRE ICI LE CONTENU -->
								
								<div class="box1" id="1">
									<ol start="1">
										<li dir="ltr">
											<h2 dir="ltr">
												Nom prénom
											</h2>
										</li>
									</ol>
									<p dir="ltr">
										Mettre le nom et le prénom est indispensable, sauf si un CV anonyme est demandé. Si c’est le cas le recruteur aura soit la lettre de motivation soit votre mail pour savoir qui vous êtes (de toute façon il vous verra en entretien).
									</p>
									<p dir="ltr">
										En général, le prénom se met avant le nom. Ce dernier doit être mis en capitale surtout pour ceux qui ont un nom qui peut être un prénom ou lorsque vos nom et prénom sont à consonance étrangère méconnue.					
									</p>
									<p dir="ltr">
										Le nom et le prénom doit être placé en début de CV, plutôt en haut et à gauche ou en haut centré. 
									</p>
									<br/>
									<p dir="ltr">
										Exemple:
									</p>
									<p dir="ltr">
										C’est bien de mettre : <NAME>, <NAME> (même si le nom écrit systématiquement en capital est mieux afin d’aider à la mémorisation).
									</p>
									<p dir="ltr">
										Il faut éviter: Monsieur <NAME>, JACQUES Patrick, M. <NAME>
									</p>
									<br/>
								</div>

								<!-- FIN METTRE ICI LE CONTENU -->

							</div>

							<div class="box1" id="2">

								<ol start="2">
									<li dir="ltr">
										<h2 dir="ltr">
											Adresse et mobilité
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Cette information est indispensable mais moins prioritaire (tout se fait souvent par internet, cela est moins vrai pour les administrations), en dehors de savoir où vous habitez par rapport au lieu de travail. Il y a un risque que votre
									adresse peut être utilisée par un recruteur pour éliminer votre candidature si votre lieu de domicile est jugé trop éloigné de l'entreprise.
									Pour diminuer ce risque, si vous êtes mobile géographiquement, spécifier votre niveau de mobilité: régionale (à préciser),
									nationale, internationale.
								</p>
								<p dir="ltr">
									En ce qui concerne la mise en forme, il vaut mieux éviter de mettre la ville tout en capitale, peu d'intérêt d'attirer le regard.
								</p>
								<br/>

							</div>

							<div class="box1" id="3">

								<ol start="3">
									<li dir="ltr">
										<h2 dir="ltr">
											Téléphone(s)
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									En ce qui concerne le numéro du téléphone, il faut mettre le numéro de téléphone où l’on peut vous joindre facilement, par exemple, le numéro de téléphone
									portable. Faites attention à votre message en cas d’absence. Pensez à mettre (+33) si vous postulez à l’étranger.
								</p>
								<br/>
								<p dir="ltr">
									Si vous mettez deux numéros de téléphone ou plus sur votre CV, il est conseillé de placer le principal en premier. Par contre il est fort probable qu’en
									cas de non réponse, le recruteur risque de passer directement au second numéro au lieu de laisser un message sur votre répondeur.
								</p>
								<br/>
								<p dir="ltr">
									Il est important de mettre au moins un numéro de téléphone, car il y a beaucoup de chances que le récruteur veuille vous contacter par téléphone.
								</p>
								<br/>

							</div>

							<div class="box1" id="4">

								<ol start="4">
									<li dir="ltr">
										<h2 dir="ltr">
											Mail(s)
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Il faut avoir une adresse mail professionnelle, c’est à dire une adresse de type: <a href="mailto:<EMAIL>"><EMAIL></a>. Si vous
									êtes étudiant, pensez à utiliser l’adresse mail de votre école.
								</p>
								<p dir="ltr">
									Il faut éviter les pseudos et les adresses mails de type: «<EMAIL> » ou « <EMAIL> » qui feront au mieux sourire, au pire
									fuir le recruteur. Votre professionnalisme risque de prendre un coup d’entrée de jeu. Faites attention aux providers qui sont souvent spammés (Hotmail ou
									Yahoo par exemple).
								</p>
								<br/>

							</div>

							<div class="box1" id="5">

								<ol start="5">
									<li dir="ltr">
										<h2 dir="ltr">
											Date de naissance et âge
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									La date de naissance est conseillé à mettre sous la forme jj/mm/aaaa, vous pouvez mettre votre âge entre parentèses, attention à rectifier chaque année.
								</p>
								<br/>
								<p dir="ltr">
									Il est inutile de mentir sur votre âge, car il peut être facilement évalué, grâce aux dates d’obtention de vos diplômes.
								</p>
								<br/>

							</div>

							<div class="box1" id="6">

								<ol start="6">
									<li dir="ltr">
										<h2 dir="ltr">
											Lieu de naissance(optionnel)
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Vous pouvez mettre votre lieu de naissance. Si votre nom à une consonance étrangère et que vous êtes français. Il y a peu d'intérêt à le mettre si votre
									nom sonne bien Français.
								</p>
								<p dir="ltr">
									C’est peut-être une indication intéressante pour le recruteur, notamment si elle témoigne d’une mobilité géographique internationale et – surtout – de la
									parfaite connaissance d’une langue
								</p>
								<ol start="7">
									<li dir="ltr">
										<h2 dir="ltr">
											Nationalité (optionnel)
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Vous pouvez spécifier votre nationalité si vous avez double nationalité. Ainsi que si vous êtes étranger, ou si votre nom prête à confusion (si vous avez un nom aux résonances étrangères, tout en étant de nationalité française, par exemple). Il y a peu d'intérêt si votre nom sonne bien français.
								</p>
								<ol start="8">
									<li dir="ltr">
										<h2 dir="ltr">
											Réseau social (optionnel)
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Vous pouvez mettre un lien vers votre réseau social mais que si les informations accessibles sont présentées de façon professionnelle. Pensez à mettre régulièrement à jour vos informations. Les réseaux utilisés par les recruteurs sont: LinkedIn, Viadeo, twitter, Facebook (professionnel). 
								</p>
								<p dir="ltr">
									Généralement Viadeo est utilisé dans les métiers de la création, d’Internet et de la communication. LinkedIn est plutôt utilisé dans les métiers de l’industrie. 
									En ce qui concerne votre compte Twitter et votre page Facebook, faites très attention à ce que ce soient des comptes professionnels où il n’y a pas de contenu de votre vie privé. 
								</p>
								<p dir="ltr">
									Vous pouvez mettre un lien vers votre site internet si c’est en cohérence avec ce que vous souhaitez mettre en avant. Vérifiez qu'il fonctionne bien car recruteur fera sûrement un clic dessus. 
								</p>
								<p dir="ltr">
									Faites attention à votre e-réputation! Chaque lien que vous mentionnez doit apporter une réelle valeur ajoutée au CV et non le pénaliser. Un lien non valide, un blog d’humeur politique, un profil avec des commentaires acerbes ne feront que porter préjudice à la candidature.
								</p>
								<br/>
							</div>

							<div class="box1" id="7">
								<ol start="10">
									<li dir="ltr">
										<h2 dir="ltr">
											Bilingue (optionnel)
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Vous pouvez mettre que vous êtes bilingue, trilingue (ou plus). Il faut bien spécifier les langues. Forcément le recruteur pourra très bien entamer le dialogue dans la langue que vous maitrisez en dehors du Français.
								</p>
								<ol start="11">
									<li dir="ltr">
										<h2 dir="ltr">
											Phrase d’accroche, titre du CV et objectifs (optionnel) Partie 1
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									La phrase d’accroche doit traduire un objectif, une ambition, elle doit être le plus factuelle possible. Elle induit la façon dont sera lu votre CV par la suite. Le recruteur va être influencé. Soit il arrête de lire, soit il va contrôler sa lecture en fonction de la phrase d'accroche.
								</p>
								<p dir="ltr">
									Le titre fut longtemps présenté comme facultatif. Aujourd’hui la majorité des recruteurs considèrent qu’il est indispensable. Il doit cependant être manié avec intelligence : un titre trop flou donne l’impression d’un projet professionnel pas très clair tandis qu’un titre trop précis peut fermer des portes.
								</p>
								<p dir="ltr">
									Le titre indique généralement un poste mais il peut aussi prendre l’intitulé d’un département. Quand on manque d’expérience, cela a l’avantage de désigner les métiers vers lesquels on s’oriente tout en montrant qu’on est prêt à étudier différents degrés hiérarchiques. Il est également possible d’ajouter le secteur d’activité si celui-ci est déterminant. En fait, c’est à chacun de placer le curseur en fonction de ses ambitions et de son parcours. Toutefois, il faut bannir les intitulés trop généraux (par exemple : communication).
								</p>
								<p dir="ltr">
									Exemple de titre de CV:
								</p>
								<ul>
									<li dir="ltr">
										<p dir="ltr">
											Ingénieur électronique spécialisation téléphonie  - séjour en Chine de 2 ans
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Ingénieur en informatique - bilingue anglais - mobilité internationale
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Ingénieur en électronique - mobilité internationale - 15 ans d’expérience 
										</p>
									</li>
								</ul>
							</div>
							<div class="box1" id="8">
							<ol start="11">
									<li dir="ltr">
										<h2 dir="ltr">
											Phrase d’accroche, titre du CV et objectifs (optionnel) Partie 2
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									La lecture du CV peut se faire avant ou après la lecture de la lettre de motivation, en règle générale, c’est cette dernière qui est lue en premier. C’est elle qui va donner du sens pour la lecture du CV, en précisant l’objet, les objectifs et les enjeux de la demande.  
								</p>
								<p dir="ltr">
									Attention un CV n’est pas une lettre de motivation. Si cette dernière traduit le présent et le futur, le CV traduit le passé et le présent, ils se complètent donc. Donc pas de longue phrase explicative en début de CV, on doit rester sur une accroche qui donne envie de lire et rend curieux de la suite ou qui synthétise les éléments clés et spécifiques du CV.
								</p>
								<p dir="ltr">
									Les qualificatifs sur son CV ne doivent pas être choisis à la légère. LinkedIn a sorti les 10 mots les plus utilisés par ses membres. Les recruteurs se
									lassent de ne voir que des candidats créatifs, stratégiques et motivés.
									<img
									src="https://lh4.googleusercontent.com/4wTBry7_9wSQ-yryybV4vaFaf1EF52MVkh_lttjnkEeyjHQWUD6rbdAY3RJg79nYBTFHSMryb0LGSRpQFP4chieqczRlkcD5pOdSnQjdxPruVTaqjvoLb31c59xcE4t5ZL7I66pk"
									width="472"
									height="301"
									/>
								</p>
								<br/>
								<p dir="ltr">
									Ces mots ne donc pas des plus-values. Rappelez-vous d’un principe simple de communication, la méthode SOFA. Nous échangeons sur 4 niveaux :
								</p>
								<ul>
									<li dir="ltr">
										<p dir="ltr">
											Sentiment
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Opinion
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Faits
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Actions
										</p>
									</li>
								</ul>
							</div>
							<div class="box1" id="9">
								<ol start="11">
									<li dir="ltr">
										<h2 dir="ltr">
											Phrase d’accroche, titre du CV et objectifs (optionnel) Partie 3
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Les deux premiers sont des interprétations issues de faits observés personnellement mais qui sont généralisés, réduits ou transformés et ne constituent pas de preuve de ce que l’on dit.
								</p>
								<p dir="ltr">
									Ex : je suis motivé, dynamique et expert : qu’est-ce qui le prouve ?
								</p>
								<p dir="ltr">
									Les deux derniers sont des informations factuelles qui vont justement induire chez l’auditeur des sentiments et opinions.
								</p>
								<p dir="ltr">
									Ex : 20X1 : responsable de projet développement site commercial chez X (6 mois) pour le client Z avec une équipe de 5 ingénieurs. Projet réalisé avec 1 mois d’avance et un budget optimisé de 23%.
								</p>
								<p dir="ltr">
									Le lecteur pourra déduire, que vous êtes motivé, dynamique et expert. 
								</p>
								<p dir="ltr">
									Il faut privilégier les verbes d’action pour décrire ses missions passées : vous avez décidé, fixé, géré, dirigé, coordonné, organisé, formé, contrôler. Les recruteurs préfèrent des mots d’action pour définir l’expérience, les compétences et les réalisations. D'après l'étude de CareerBuilder, les recruteurs apprécieraient particulièrement les expressions : 
								</p>
								<ul>
									<li dir="ltr">
										<p dir="ltr">
											Obtenu/réalisé
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Amélioré
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Formé, parrainé
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Managé
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Créé
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Résolu
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Portés volontaires
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Augmenter / réduire
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Idées
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Négocié
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Lancer, mettre en place
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Chiffre d’affaires / profits
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											En deçà du budget
										</p>
									</li>
									<li dir="ltr">
										<p dir="ltr">
											Remporté / gagné
										</p>
									</li>
								</ul>
								<br/>
							</div>

							<div class="box1" id="10">

								<ol start="12">
									<li dir="ltr">
										<h2 dir="ltr">
											Photo (optionnel)
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									La photo est un élément fortement sujet à émotion donc à interprétation. Votre photo doit donc donner envie de vous rencontrer, donc sourire, netteté, contraste, vêtement professionnel, attitude ouverte et couleurs sont de mises. 
								</p>
								<p dir="ltr">
									Concrètement, se mettre en avant sur son CV en ligne commence par présenter une bonne photo. Les profils avec photo ont 14 fois plus de chances d’être consultés. Si vous avez rencontré des recruteurs par exemple sur un forum ou dans un salon professionnel, elle peut être un moyen pour eux de vous reconnaître.  
								</p>
								<p dir="ltr">
									La photo n’est pas obligatoire dans un CV, surtout si elle ne vous met pas en valeur ou manque de professionnalisme. Mieux vaut ne pas afficher de photo du tout que d’insérer un portrait livide, décalé, voir raté sur votre CV. Evitez de mettre les scans de photo d'identité, les vieilles photos, les photos de soirées, de vacances ou de famille, qui manquent de pertinence et de maturité.
								</p>
								<p dir="ltr">
									Préférez des photos dans des contextes professionnels. Une photo en décolleté est également à proscrire, miser sur l’atout physique dans une candidature est une faute de goût et révèle un manque flagrant d’arguments professionnels.
								</p>
								<p dir="ltr">
									Enfin, vous postuler pour un poste d’ingénieur. Si c’est dans le développement web, la photo a moins d’importance qui si vous postulez sur un poste d’ingénieur d’affaires. La fréquence du contact avec le client souligne la différence sur la prise en compte de la photo.
								</p>
								<br/>

							</div>

							<div class="box1" id="11">

								<ol start="13">
									<li dir="ltr">
										<h2 dir="ltr">
											A eviter
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Il y a certaines choses qu’il vaut mieux éviter de mettre dans un CV: sexe, situation familiale, religion, et bien sur les fausses informations.
								</p>
								<br/>
								<p dir="ltr">
									Si vous mentionnez votre sexe, attention au risque de discrimination à l'embauche si spécifiée. Puis dans la plupart des cas votre prénom indique le sexe en général sinon ce sera la surprise pour le recruteur, donc ce n’est pas la peine de le préciser en plus. 
								</p>
								<p dir="ltr">
									En ce qui concerne votre situation familiale, ce n'est plus comme avant, les situations sont nombreuses (célibataire, marié, pacsé, compagnon, divorcé …) et aucune ne traduit votre mobilité réelle. 
								</p>
								<p dir="ltr">
									Parfois il peut être tentant, pour les candidats, d'« embellir » leur CV, à coup de faux diplômes, de compétences surévaluées ou de hobbies trafiqués. Pourtant, ces petits arrangements avec la vérité peuvent vous coûter cher en vous faisant manquer le poste de vos rêves si le recruteur vient à découvrir la supercherie.
								</p>

								<br/>

							</div>

							<div class="box1" id="12">

								<ol start="14">
									<li dir="ltr">
										<h2 dir="ltr">
											Récapitulatif du chapitre
										</h2>
									</li>
								</ol>
								<p dir="ltr">
									Nous pouvons résumer le chapitre en 12 points essentiels suivants:
								</p>
								<ol>
									<li>
										Le <b>nom</b> est mis en capitale lorsque le nom peut être un <b>prénom</b> ou lorsqu’ils sont à consonance étrangère.
									</li>
									<li>
										Dans tous les cas pensez à mettre votre <b>mobilité</b>: régionale, nationale, internationale.
									</li>
									<li>
										Mettre le <b>numéro de téléphone</b>portable est très conseillé. Si vous mettez plusieurs numéros de téléphone (on considère que 2 numéros c’est largement suffisant), placer le principal en premier.
									</li>
									<li>
										<b>L’adresse mail</b> doit être professionnelle du type : <EMAIL>. Evitez les boites mails Yahoo et Hotmail.
									</li>
									<li>
										<b>La date de naissance</b> est sous la forme jj/mm/aaaa. Il est très conseillé de mettre l’âge entre les parenthèses et ne pas oublier à rectifier chaque année.
									</li>
									<li>
										<b>Le lieu de naissance</b> et la <b>nationalité</b> sont à mettre si votre nom est à consonance étrangère. Cela peut aussi indiquer une mobilité géographique intéressante.
									</li>
									<li>
										Vous pouvez mettre le lien vers les <b>réseaux</b> sociaux suivants : Twitter, Facebook, Linkedin, Viadéo à conditions que ce sont les comptes professionnels qui ne contiennent pas les éléments de votre vie privée.
									</li>
									<li>
										Il est vivement conseillé à mettre que vous êtes <b>bilingue</b> (voir même trilingue).
									</li>
									<li>
										<b>La phrase d’accroche</b> traduit un objectif, une ambition. <b>Le titre de votre CV</b> doit indiquer un poste ou l’intitulé d’un département. Vous pouvez mettre un élément qui peut vous démarquer (mobilité, bilingue, etc.). N’oubliez pas à mettre les <b>objectifs</b> en utilisant les bons qualificatifs.  
									</li>
									<li>
										La <b>photo</b> n’est pas obligatoire. Si vous la mettez elle doit être prise dans le contexte professionnel.
									</li>
									<li>
										<b>Evitez</b> de mentionner votre sexe, situation familiale et les mensonges.
									</li>
								</ol>
								<br/>

							</div>
						</div>
					</div>
				</div>

			<div class="row">
				<!-- 1ER BOITE -->
				<div class="col-md-12 col-sm-12 col-xs-12 animated slideInUp">
					<div class="x_panel">
						<div class="x_title">
							<h2> Vidéo </h2>
							<ul class="nav navbar-right panel_toolbox">
								<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
								</li>
								<li><a class="close-link"><i class="fa fa-close"></i></a>
								</li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<div class="videocontainer lg6"> 
	                         <!--<iframe src="https://www.youtube.com/embed/lX7kYDRIZO4" frameborder="0" ></iframe>-->
	                         <iframe width="560" height="315" src="https://www.youtube.com/embed/_r7bht-LgvU" frameborder="0" allowfullscreen></iframe>
	                        </div>
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<!-- 1ER BOITE -->
				<div class="col-md-6 col-sm-12 col-xs-12 animated slideInUp">
					<div class="x_panel">
						<div class="x_title">
							<h2> Exemple </h2>
							<ul class="nav navbar-right panel_toolbox">
								<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
								</li>
								<li><a class="close-link"><i class="fa fa-close"></i></a>
								</li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<!-- Cours -->
							<br>
							<div >
		                     <address>
		                           	<strong><NAME> ,<NAME></strong>
		                           	<br>La Citadelle, Présidium
		                           	<br>Nos Astra, Illium
		                           	<br>Phone: 1 (804) 123-9876
		                           	<br>Email: <EMAIL>
		                        </address>
		                    </div>
						</div>
					</div>
				</div>
				
				<!-- 2EME BOITE -->
				<div class="col-md-6 col-sm-12 col-xs-12 animated slideInUp">
					<div class="x_panel">
						<div class="x_title">
							<h2> Icônes gratuit </h2>
							<ul class="nav navbar-right panel_toolbox">
								<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
								</li>
								<li><a class="close-link"><i class="fa fa-close"></i></a>
								</li>
							</ul>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
							<!-- Cours -->
							<strong>Voici un pack d'icônes en 512 pixels en png pour votre profil</strong> <br><br>
							<!--<div class="row">
							  <div class="col-md-6 col-xs-6"><img class="" src="../mooc/mooc1/chapitres/images/chapitre1.jpg" width="150px" alt=""></div>
							  <div class="col-md-6 col-xs-6"><a href="../mooc/mooc1/chapitres/images/chapitre1.7z" target="_blank"><button id="send" type="submit" class="btn btn-success"><span class="glyphicon glyphicon-save-file"></span> Télécharger</button></a></div>
							</div>-->

							<div class="row">
							    <div class="left"><img class="" src="../mooc/mooc1/chapitres/images/chapitre1.jpg" width="150px" alt=""></div>
								<div class="right"><br><div class="text-center"><a href="../mooc/mooc1/chapitres/images/chapitre1.7z" target="_blank"><button id="send" type="submit" class="btn btn-success"><span class="glyphicon glyphicon-save-file"></span> Télécharger</button></a></div></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="col-md-6 col-sm-12 col-xs-12 animated slideInRight">
			<div class="x_panel">
				<div class="x_title">
				<?php
					nomChapitre($idMooc,$bdd,$numChap);
				?>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">


					<!-- Smart Wizard -->
					<h3>Exercices</h3>
					<div id="wizard" class="form_wizard wizard_horizontal">
						<?php
							creationWizardStep($idMooc,$numChap,$idChap,$bdd);
						?>
					</div>
					<!-- IMPORTANT AFFICHE LES INDICE -->
					<div id="indicebox"></div>
					<!-- IMPORTANT AFFICHE LES SOLUTIONS -->
					<div id="solucebox"></div>
					<!-- IMPORTANT POUR LES REPONSE AU QCM -->
					<?php 
						/*if(isset($_GET['idM']) && isset($_GET['idC'])) {
							//$idMooc = $_GET['idM'];
							echo '<div id="'.$_GET['idM'].'"></div>';
							$idChap = $_GET['idC'];	
						}*/
					?>
				</div>
			</div>
		</div>


<file_sep>/app/includes/include_connected.php
 <?php
  function afficheMyProfilHeader($bdd){

     if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user']))){
      $myid = $_SESSION['id_user'];
      try { 
        //$select3 = $bdd->prepare("SELECT * FROM log");
        $select3 = $bdd->prepare("SELECT * from user WHERE id_user=$myid");
        $select3->execute();
        $lignes3 = $select3->fetchAll();
        
        echo '
        <header class="demo-drawer-header">
          <img src="'.$lignes3[0]["avatar"].'" class="demo-avatar">
          <div class="demo-avatar-dropdown">
            <span>'.$lignes3[0]["email"].'</span>
            <div class="mdl-layout-spacer"></div>
            <button id="accbtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
              <i class="material-icons" role="presentation">arrow_drop_down</i>
              <span class="visuallyhidden">Accounts</span>
            </button>
            <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="accbtn">
                 <a class="mdl-navigation__link" href="../../includes/logout.php"><li class="mdl-menu__item">Se deconnecter<i class="material-icons">exit_to_app</i></li></a>
            </ul>
          </div>
        </header>
            ';
      } catch (Exception $e) { 
          echo $e->errorMessage();
          echo "->erreur";
      } 
    }else{
      echo '
        <header class="demo-drawer-header">
          <img src="../../images/user.jpg" class="demo-avatar">
          <div class="demo-avatar-dropdown">
            <span>Hors ligne</span>
            <div class="mdl-layout-spacer"></div>
            <button id="accbtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
              <i class="material-icons" role="presentation">arrow_drop_down</i>
              <span class="visuallyhidden">Accounts</span>
            </button>
    
          </div>
        </header>
            ';
    }
  }
  
  function afficheMyNavLink(){

      if(($_SESSION['professeur'])==1) {
        
    echo '
            <nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
          <a class="mdl-navigation__link" href="profil.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">person</i>Profil</a>
          <a class="mdl-navigation__link" href="admin.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">dashboard</i>Admin</a>
          <a class="mdl-navigation__link" href="catalogue.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">book</i>Catalogue</a>
          <a class="mdl-navigation__link" href="actualitees.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">flag</i>Actualitées</a>
          <a class="mdl-navigation__link" href="temoignages.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">local_offer</i>Témoignages</a>
          <a class="mdl-navigation__link" href="proposerCours.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">shopping_cart</i>Proposer un MOOC</a>

              <div class="mdl-layout-spacer"></div>
              <a class="mdl-navigation__link" href="faq.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">help_outline</i>Aide & FAQ</a>
            </nav>';
      }else{

          echo '
            <nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
          <a class="mdl-navigation__link" href="profil.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">person</i>Profil</a>
          <a class="mdl-navigation__link" href="catalogue.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">book</i>Catalogue</a>
          <a class="mdl-navigation__link" href="actualitees.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">flag</i>Actualitées</a>
          <a class="mdl-navigation__link" href="temoignages.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">local_offer</i>Témoignages</a>
          <a class="mdl-navigation__link" href="proposerCours.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">shopping_cart</i>Proposer un MOOC</a>

              <div class="mdl-layout-spacer"></div>
              <a class="mdl-navigation__link" href="faq.php"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">help_outline</i>Aide & FAQ</a>
            </nav>';

      }
  


  }
?><file_sep>/app/mooc/mooc3/chapitres/chapitre0.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/


$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	//echo'erreur';
}
?>
<div class="row">
	<div class="row">
		<div class="col-md-12 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Avant propos</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Settings 1</a>
								</li>
								<li><a href="#">Settings 2</a>
								</li>
							</ul>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">


					<!-- Send email -->
					

					<blockquote>            
						<p>
								
						</p>
					</blockquote>

                    
				</div>
			</div>
		</div>
	</div>
</div>

<file_sep>/app/scripts/connected/profil.js
// --------------- REGEX --------------------
$.validator.addMethod("usernameRegex", function(value, element) {
  return this.optional(element) || /^[a-z\u00E0-\u00FC_.+-]+$/i.test(value);
});
$.validator.addMethod("mailRegex", function(value, element) {
  return this.optional(element) || /^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/i.test(value);
});
    
    // --------------- Login JqueryValidator ---------
    var login = $("#myform1");
    login.validate({
          //prendre le name
          errorElement: 'span',
          errorClass: 'help-block',
          highlight: function(element, errorClass, validClass) {
            $(element).closest('.form-group').addClass("has-error");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).closest('.form-group').removeClass("has-error");
        },
        rules: {
            name: {
              required: true,
              usernameRegex: true,
              minlength: 2,
          },
          surname: {
              required: true,
              usernameRegex: true,
              minlength: 2,
          },
          pseudo : {
              required: true,
              minlength: 2,
          },
          email: {
              required: true,
              mailRegex: true,
              minlength: 3,
          },
          city:{
          required: true,
        },
      },
      messages: {
        email: {
            required: "email required",
        },
        surname : {
            required: "surname required",
        },
        name: {
            required: "name required",
        },
        name: {
            required: "name required",
        },
     }
    });
        // --------------- Login JqueryValidator ---------
    var myform2 = $("#myform2");
    myform2.validate({
          //prendre le name
          errorElement: 'span',
          errorClass: 'help-block',
          highlight: function(element, errorClass, validClass) {
            $(element).closest('.form-group').addClass("has-error");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).closest('.form-group').removeClass("has-error");
        },
        rules: {
          oldPassword : {
              required: true,
              minlength: 4,
          },
          newPassword: {
              required: true,
              minlength: 4,
          },
      },
      messages: {
        oldPassword: {
            required: "<PASSWORD> de passe required",
        },
        newPassword : {
            required: "<PASSWORD> mot de passe required",
        },
     }
    });

function goMooc(idmooc){
   location.href = "../mooc.php?idM="+idmooc+"&idC=0&numC=0";
}
	
function callGraph(idmooc){
        //alert(idmooc);
        var ctx = document.getElementById("myChart");
        $.ajax({
                     type: "POST",
                     url: "../../includes/requestgraph.php",
                     dataType: 'json',
                     data: { data:idmooc },
                     success: function(data) {
                        //alert("success");
                        //console.log(data); // REGARDER DEBUG
                        console.log(data[0][0]["titre"]); // EXEMPLE
                        console.log(data[1][0]); // EXEMPLE
                        var titles = new Array();
                        data[0].forEach(function(elem,index){
                            titles[index] = elem.titre;
                        })

                        var pourcentage = new Array();
                        data[1].forEach(function(elem,index){
                            pourcentage[index] = elem;
                        })
                        
                        //Get context with jQuery - using jQuery's .get() method.
                        $(".removechart").html('<canvas id="myChart" height="200" width="400" ></canvas>');
                        // reinit canvas
                       
                        var ctx = $("#myChart");
                         
                        //This will get the first returned node in the jQuery collection.
                         var myChart = new Chart(ctx, {
                        type: 'bar',
                        data: {
                            labels: titles,
                            datasets: [{
                                label: "% de réussite",
                                backgroundColor: "rgba(26,187,156,0.4)",
                                data: pourcentage
                            }],
                        },
                        options: {
                            scales: {
                                yAxes: [{
                                    ticks: {
                                        beginAtZero:true,
                                        max:100
                                    }
                                }]
                            }
                        }
                    });

                    } 
                  
                });
    }<file_sep>/app/mooc/mooc1/chapitres/chapitre5.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/


$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">

		<div class="col-md-6 col-sm-12 col-xs-12 animated slideInUp">
			<div class="x_panel">
				<div class="x_title">
					<h2> Chapitre 5 : Langue</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
                    
                    	
				</div>
			</div>
		</div>

		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Exemple</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
	
			</div>
		</div>

</div>

<file_sep>/app/modules/not-connected/faq.php
<?php
  session_start();
  if((isset($_SESSION['id_user']))) {
    header ("location: ../connected/catalogue.php");
  }
?>
<!DOCTYPE html>
<!--
  Material Design Lite
  Copyright 2015 Google Inc. All rights reserved.
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
      https://www.apache.org/licenses/LICENSE-2.0
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License
-->

<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">

  <meta property="og:title" content="Mooc Isen">
  <meta property="og:image" content="">
  <meta property="og:url" content="http://colombies.com/app">
  <meta property="og:description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">
  <meta property="robots" content="">
  
  <!-- Title -->
  <title>FAQ & Aide | Mooc Isen</title>    
   
  <!-- favicon.ic o -->
  <link rel="shortcut icon" href="../../favicon.ico">

  <!-- Disable tap highlight on IE -->
  <meta name="msapplication-tap-highlight" content="no">

  <!-- Web Application Manifest -->
  <link rel="manifest" href="../../manifest.json">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="Mooc Isen">
  <link rel="icon" sizes="192x192" href="../../images/touch/chrome-touch-icon-192x192.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Mooc Isen">
  <link rel="apple-touch-icon" href="../../images/touch/apple-touch-icon.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="../../images/touch/ms-touch-icon-144x144-precomposed.png">
  <meta name="msapplication-TileColor" content="#457871">

  <!-- Color the status bar on mobile devices -->
  <meta name="theme-color" content="#457871">

  <!-- Material Design Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700">

  <!-- Material Design Icons -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

  <!-- Material Design Lite -->
  <link rel="stylesheet" href="../../styles/material.min.css">

  <!-- Your styles -->
  <link rel="stylesheet" href="../../styles/not-connected/faq.css">
</head>
<body>

  <!-- header -->
  <header class="site-header">
  <div class="aux cf">
    <h2 class="site-header__title">
      <a class="site-header__root-link" href="../../index.php">
        <img class="site-header__wallet-logo" alt="Mooc Isen" src="../../images/header/mooc-logo.png">
      </a>
    </h2>
    <nav class="site-header__main-nav" id="HeaderNav">
      <ul>
        <li class="">
          <a class="nav-link " href="connexion.php">
            Connexion
          </a>
        </li>
        <li>
          <a class="nav-link" href="inscription.php">
            Inscription
          </a>
        </li>
        <li>
          <div class="site-header__cta site-header__cta--desktop">
            <a href="catalogue.php">
              <button id="header-cta" class="mdl-button mdl-button--raised mdl-button--accent mdl-color--teal mdl-js-button mdl-js-ripple-effect">
                Catalogue
              </button>
            </a>
        </li>
      </ul>
    </nav>
    <div class="site-header__cta site-header__cta--mobile">
      <button id="get-app--large" class="mdl-button mdl-button--raised mdl-button--colored mdl-color--teal js-get-app-button mdl-js-button mdl-js-ripple-effect" onclick="location.replace('catalogue.php');">
        Catalogue
      </button>
    </div>
  </header>

  <!-- FAQ -->
  <div class="container">
    <div class="aux">
      <div class="grid page">

          <aside class="grid__item desk--one-third">
            <nav class="sidebar-nav">
              <ul>
                  <li class="js-scroll-spy-link" data-scroll-spy-group="sidebar" data-scroll-spy-target="categorie1">
                    <a href="#categorie1" data-scroll-to="categorie1" data-g-event="TOC" data-g-label="categorie1">Découverte de la plateforme MOOC ISEN</a>
                  </li>
                  <li class="js-scroll-spy-link" data-scroll-spy-group="sidebar" data-scroll-spy-target="categorie2">
                    <a href="#categorie2" data-scroll-to="categorie2" data-g-event="TOC" data-g-label="categorie2">Les cours / MOOC sur MOOC ISEN</a>
                  </li>
                  <li class="js-scroll-spy-link" data-scroll-spy-group="sidebar" data-scroll-spy-target="categorie3">
                    <a href="#categorie3" data-scroll-to="categorie3" data-g-event="TOC" data-g-label="categorie3">Évaluation, attestation, certificat, diplôme</a>
                  </li>
              </ul>
            </nav>
          </aside><!--
    --><div class="grid__item desk--two-thirds">
          <h1 class="page-title">Questions fréquement posées</h1>

            <section class="question__section js-scroll-spy-target categorie1" data-scroll-spy-group="sidebar" data-scroll-spy-section="categorie1">
              <a id="categorie1" class="question__anchor"></a>
              <h4 class="faq-section__title">Découverte de la plateforme MOOC ISEN</h4>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="0:1">
                    <h5>Pourquoi suivre des cours sur MOOC’ISEN ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="0:1">
                    <p>
                    MOOC’ISEN propose des MOOC de qualité puisqu’ils sont fourni par l’ISEN (L’institut Supérieur de L’Electronique et du Numérique) une école d’ingénieur reconnue en France 
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="0:2">
                    <h5>Comment faire pour m’inscrire sur MOOC’ISEN ? </h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="0:2">
                    <p>
                    Lorsque vous arrivez sur la page d’accueil, vous pourrez voir le bouton « Inscription » qui se trouve dans le menu en haut de la page, cliquez dessus et vous serez amené à remplir un formulaire, une fois ce formulaire rempli correctement vous serez inscrit au site et directement connecté à votre compte.
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="0:3">
                    <h5>Comment puis-je changer mes informations sur MOOC’ISEN ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="0:3">
                    <p>
                    Pour cela il faudra vous rendre sur votre page de profil par le biais du menu latéral gauche, une fois arrivé, allez à la section « Modifier mon profil ». Vos informations seront déjà complétées, il ne vous reste plus qu’à changer ce que vous voulez, taper votre email dans le champ associé et confirmer.
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="0:4">
                    <h5>Comment suivre un cours sur MOOC’ISEN ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="0:4">
                    <p>
                    Pour suivre un cours il vous suffit d’aller dans le « catalogue » des MOOC, une fois dedans vous verrez la liste des MOOC disponibles, si l’un d’eux vous intéresse, cliquez sur « Description », vous verrez une description plus détaillée de ce dernier. Enfin s’il vous intéresse vraiment cliquez sur le bouton « Inscription au cours ». 
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="0:5">
                    <h5>Ais-je besoin d’être inscrit pour suivre un cours ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="0:5">
                    <p>
                    L’inscription n’est pas obligatoire pour suivre des cours sur MOOC’ISEN, néanmoins si vous ne possédez pas de compte, vous ne pourrez pas sauvegarder votre progression, vos scores et accéder à vos statistiques via la page profil.
                    </p> 
                  </div>
                </div>
            </section>

            <section class="question__section js-scroll-spy-target categorie2" data-scroll-spy-group="sidebar" data-scroll-spy-section="categorie2">
              <a id="categorie2" class="question__anchor"></a>
              <h4 class="faq-section__title">Les cours / MOOC sur MOOC ISEN</h4>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="1:1">
                    <h5>Vos cours sont-ils exclusivement en français ? </h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="1:1">
                    <p>
                    A ce jour, le site ne contient que des MOOC en français, peut-être d’autres langues viendront s’ajouter par la suite, mais si c’est le cas nous vous en tiendrons informé.
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="1:2">
                    <h5>Suivre un cours, combien ça coute ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="1:2">
                    <p>
                    Les cours disponibles sur MOOC’ISEN sont tous et totalement gratuit pour tous.
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="1:3">
                    <h5>Puis-je accéder aux cours à tout moment ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="1:3">
                    <p>
                    Les cours sont disponibles à tout moment et sans limite de durée.
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="1:4">
                    <h5>Y a-t-il une certification à la clef ? </h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="1:4">
                    <p>
                    Pour le moment aucune certification n’est disponible, mais après tout on ne travaille pas toujours pour avoir une récompense.
                    </p> 
                  </div>
                </div>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="1:5">
                    <h5>Comment puis-je réinitialiser mon mot de passe sur MOOC’ISEN ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="1:5">
                    <p>
                    Si vous avez oublié votre mot de passe pour vous connecter, il vous suffit de cliquer sur « Mot de passe oublié », vous recevrez alors un email avec un lien qui vous permettra de réinitialiser votre mot de passe.
                    </p> 
                  </div>
                </div>
            </section>
              
            <section class="question__section js-scroll-spy-target categorie3" data-scroll-spy-group="sidebar" data-scroll-spy-section="categorie3">
              <a id="categorie3" class="question__anchor"></a>
              <h4 class="faq-section__title">Évaluation, attestation, certificat, diplôme</h4>

                <div class="question">
                  <div class="question__question control js-toggle" data-toggle-target="2:1">
                    <h5>Comment puis-je consulter mon score, mon avancement et mes statistiques sur un MOOC ?</h5>
                    <span class="question__arrow">
                      <i class="material-icons question__icon">&#xE313;</i>
                    </span>
                  </div>
                  <div class="question__answer" aria-expanded="false" data-toggle-id="2:1">
                    <p>
                    Pour cela il faudra vous rendre sur votre page de profil par le biais du menu latéral gauche, une fois arrivé, allez à la section « Mes cours ». Vous pourrez ainsi voir les cours où vous êtes inscrit, ainsi que les scores réalisés et votre pourcentage d’avancement.
                    </p> 
                    <p>
                    Pour voir vos statistiques sur ce MOOC il vous suffit de cliquer sur le bouton pour le cours de votre choix, le graphe s’afficherait dans la section « Statistiques » juste en dessous. Vous pourrez y trouver votre pourcentage de réussite pour chaque chapitre 
                    </p>
                  </div>
                </div>
            </section>
        </div>
      </div>
    </div>
  </div>

  <!-- footer -->
  <footer class="mdl-mega-footer">
  <div class="mdl-mega-footer__middle-section">

    <div class="mdl-mega-footer__drop-down-section" style="top:30px">
      <img class="site-header__wallet-logo" alt="Mooc Isen" src="../../images/footer/logo-footer.png">
      <ul class="mdl-mega-footer__link-list">
        <li>
          <h4 style="color: #AFAFAF;">Apprendre avec l'ISEN</h4>
        </li>
        <li>
          <a href="https://www.youtube.com/user/isentoulon" target="_blank">
            <img class="site-header__wallet-logo" alt="YouTube" src="../../images/social/youtube.png">
          </a>
          <a href="https://twitter.com/isentoulon?lang=fr" target="_blank">
            <img class="site-header__wallet-logo" alt="Twitter" src="../../images/social/twitter-white.png">
          </a>
          <a href="https://www.facebook.com/ISEN.Toulon" target="_blank">
            <img class="site-header__wallet-logo" alt="Facebook" src="../../images/social/facebook-white.png">
          </a>
          <a href="https://www.instagram.com/isen.fr/" target="_blank">
            <img class="site-header__wallet-logo" alt="Instagram" src="../../images/social/instagram-white.png">
          </a>
          <a href="https://plus.google.com/104791520528769416386/about" target="_blank">
            <img class="site-header__wallet-logo" alt="Google+" src="../../images/social/google-white.png">
          </a>
        </li>
        </br>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading"> Ressources</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="faq.php">Aide & FAQ</a></li>
        <li><a href="catalogue.php">Catalogue</a></li>
        <li><a href="proposerCours.php">Proposer un MOOC</a></li>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading">MOOC Isen</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="aPropos.php">A propos</a></li>
        <li><a href="actualitees.php">Actualités</a></li>
        <li><a href="temoignages.php">Témoignages</a></li>
      </ul>
    </div>

    <div class="mdl-mega-footer__drop-down-section">
      <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
      <h1 class="mdl-mega-footer__heading">Informations</h1>
      <ul class="mdl-mega-footer__link-list">
        <li><a href="contact.php">Contact</a></li>
        <li><a href="legales.php">Légales</a></li>
      </ul>
    </div>
	
  </div>
	
	<div class="mdl-mega-footer__bottom-section">
		<ul class="mdl-mega-footer__link-list">
			<li>
				<a href="legales.php">Politique de confidentialité</a> 
				| 
				<a href="legales.php">Modalités</a> 
			</li>
		</ul>
	</div>

  <!-- Material Design lite -->
  <script src="../../scripts/material.min.js"></script>

  <!-- Custom Theme JavaScript -->
  <script src="../../scripts/not-connected/faq.js"></script>

  <script>
    wallet.init('faq');
  </script>

  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-77911480-1', 'auto');
      ga('send', 'pageview');
  </script>
</body>
</html><file_sep>/app/modules/connected/profil.php
<?php
    session_start();
	
    include '../../includes/connect.inc.php';
    include '../../includes/verif_session.php';
	
    try { 
        $select3 = $bdd->prepare("SELECT nom,prenom,email,pseudo,pays FROM user WHERE id_user = ".$_SESSION["id_user"]."");
        $select3->execute();
        $lignes3 = $select3->fetchAll();
        $nom = $lignes3[0]["nom"];
        $prenom = $lignes3[0]["prenom"];
        $email = $lignes3[0]["email"];
        $pseudo  = $lignes3[0]["pseudo"];
        $pays =  $lignes3[0]["pays"];
    } catch (Exception $e) { 
        echo $e->errorMessage();
        echo "->erreur";
    }
?>
<!DOCTYPE html>
<!--
  Material Design Lite
  Copyright 2015 Google Inc. All rights reserved.
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
      https://www.apache.org/licenses/LICENSE-2.0
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License
-->

<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">

  <meta property="og:title" content="Mooc Isen">
  <meta property="og:image" content="">
  <meta property="og:url" content="http://colombies.com/app">
  <meta property="og:description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">
  <meta property="robots" content="">
  
  <!-- Title -->
  <title>Profil | Mooc Isen</title>    
   
  <!-- favicon.ico -->
  <link rel="shortcut icon" href="../../favicon.ico">

  <!-- Disable tap highlight on IE -->
  <meta name="msapplication-tap-highlight" content="no">

  <!-- Web Application Manifest -->
  <link rel="manifest" href="../../manifest.json">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="Mooc Isen">
  <link rel="icon" sizes="192x192" href="../../images/touch/chrome-touch-icon-192x192.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Mooc Isen">
  <link rel="apple-touch-icon" href="../../images/touch/apple-touch-icon.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="../../images/touch/ms-touch-icon-144x144-precomposed.png">
  <meta name="msapplication-TileColor" content="#457871">

  <!-- Color the status bar on mobile devices -->
  <meta name="theme-color" content="#457871">
  
  <!-- Bootstrap core CSS -->
  <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">

  <!-- font awesome -->
  <link href="../../assets/fonts/css/font-awesome.min.css" rel="stylesheet">
  
  <!-- animate -->
  <link href="../../assets/css/animate.min.css" rel="stylesheet">
 
  <!-- Custom styling plus plugins -->
  <link href="../../assets/css/custom.css" rel="stylesheet">
  <link href="../../assets/css/maps/jquery-jvectormap-2.0.1.css" rel="stylesheet">
  <link href="../../assets/css/icheck/flat/green.css" rel="stylesheet">
  <link href="../../assets/css/floatexamples.css" rel="stylesheet">
  <link href="../../assets/css/style.css" rel="stylesheet">
  <link href="../../assets/css/progressbar/bootstrap-progressbar-3.3.0.css" rel="stylesheet">

  <!-- slide horizontal img et avatar-->
  <link href="../../assets/css/horizontal-slide.css" rel="stylesheet">
</head>
<body class="nav-md">

    <div class="container body">
        <div class="main_container">
            <div class="col-md-3 left_col">
                <div class="left_col scroll-view">
                    <div class="navbar nav_title" style="border: 0;">
                        <a href="../../index.php" class="site_title"><i class="glyphicon glyphicon-education"></i> <span>MOOCs</span></a>
                    </div>
                    <div class="clearfix"></div>

                    <!-- sidebar menu drawer-->
                    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                        </br>
                        <div class="menu_section">
                            <ul class="nav side-menu">
                            <?php
                                try{
                                    //Affiche ou l'utilisateur est inscrit
                                    $selectMySub = $bdd->prepare("SELECT * FROM mooc NATURAL JOIN suivre WHERE suivre.id_user = ".$_SESSION["id_user"].""); 

                                    $selectMySub->execute();
                                    $lignesMySub = $selectMySub->fetchAll();
                                    
                                    
                                   /* for($i=0;$i<count($lignesMySub);$i++){
                                        echo "
                                         <li><a><i class='glyphicon glyphicon-file'></i> ".$lignesMySub[$i]['nom_mooc']." <span class='fa fa-chevron-down'></span></a>
                                            <ul class='nav child_menu' style='display: none'>
                                                <li><a href='../mooc.php?idM=".$lignesMySub[$i]['id_mooc']."'><span class='glyphicon glyphicon-calendar' aria-hidden='true'></span>  Inscrit = ".$lignesMySub[$i]['date_suivi']."</a>
                                                </li>
                                                <li><a href='../mooc.php?idM=".$lignesMySub[$i]['id_mooc']."&idC=0&numC=0'><span class='glyphicon glyphicon-sort-by-attributes' aria-hidden='true'></span>  Avancement = ".$lignesMySub[$i]['avancement']."</a>
                                                </li>
                                            </ul>
                                        </li>";
                                        
                                    }*/
                                }catch (Exception $e) { 
                                    echo $e->errorMessage();
                                    echo "->erreur mes cours";
                                }
                            ?>
                            </ul>
                        </div>
                        <div class="menu_section">
                            <h3>Menu</h3>
                            <ul class="nav side-menu">
                                <li><a><i class="fa fa-wrench"></i> Paramètres <span class="fa fa-chevron-down"></span></a>
                                    <ul class="nav child_menu" style="display: none">
                                        <li><a href="profil.php"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>  Profil</a>
                                        </li>
                                        <li><a href="catalogue.php"><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>  Dashboard</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- top navigation -->
            <div class="top_nav">
                <div class="nav_menu">
                    <nav class="" role="navigation">
                        <div class="nav toggle">
                            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                        </div>
                        <ul class="nav navbar-nav navbar-right">
							<!-- AFFICHAGE MENU -->
							<li class="">
								<?php  
								if ((isset($_SESSION['email'])) && (!empty($_SESSION['email']))){
								//Si Connecter
								?>
								<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
									<?php 
									  
										if ((isset($_SESSION['avatar'])) && (!empty($_SESSION['avatar']))){
											$avatar=$_SESSION['avatar'];
											echo '<img src="'.$avatar.'" alt="">';
										}else{
											echo '<img src="../../assets/images/user.png" alt="">';
										}
									?>
									
									 <?php 
									 $short_string=  $_SESSION['email']; //On va afficher juste les 5 premiers pour regler le pb d'affichage sur mobile
									 echo substr($short_string, 0, 10).".."; 
									 ?>
									<span class=" fa fa-angle-down"></span>
									<ul class="dropdown-menu dropdown-usermenu animated fadeIn pull-right">
										<li><a href="profil.php"><i class="fa fa-user pull-right"></i>Profil</a>
										</li>
										<li><a href="../../includes/logout.php"><i class="fa fa-sign-out pull-right"></i>Déconnexion</a>
										</li>
									</ul>
									
								</a>
								<?php  
								//Si pas connecter
								}else{
									echo "<a href='../not-connected/inscription.php' class='user-profile dropdown-toggle'>";
									echo "<img src='../../assets/images/loadpulseX60.gif' alt=''/>";
									echo "<span class=' fa fa-angle-down'></span>";
								echo "</a>";
								}
								?>
							</li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!-- /top navigation -->

            <!-- page content -->
            <div class="right_col" role="main">
                <div class="">
                    <div class="page-title">
                        <div class="title_left">
                            <h3>Mon profil</h3>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Modifier mon profil <small></small></h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <form class="form-horizontal form-label-left"  action="../../includes/profil_update_user.php" method="post" id="myform1">

                                        <!--<span class="section">Informations personnelles</span> -->
                                        <!-- Photo d'avatar -->
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="Avatar"> Avatar<span class="required"></span>
                                            </label>
                                        </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="Avatar"> <span class="required"></span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12 ">
                                              <ul class="horizontal-slide">
                                                <!-- Genration des images -->
                                                <?php
                                                    $dirname = "../../assets/images/profil/";
                                                    $images = glob($dirname."*.png");
                                                    foreach($images as $image) {
                                                    //echo '<img src="'.$image.'" /><br />';
                                                    echo '<label class="avatars">';
                                                    echo '<input type="radio" name="avatar" value="'.$image.'"/>';
                                                    //echo '<li class="col-md-2"><img class="" width="" src="'.$image.'"/></li>';
                                                    echo '<img class="img-circle" width="80px" src="'.$image.'"/>';
                                                    echo '</label>';
                                                    }
                                                ?>
                                                </ul>
                                            </div>
                                        </div> 

                                        <div class="item form-group"> 
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Nom <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="1" name="name" value=<?php echo $nom ?> required="required" type="text">
                                            </div>
                                        </div> 
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="surname">Prénom <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="surname" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="1" name="surname" value=<?php echo $prenom ?> required="required" type="text">
                                            </div>
                                        </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="pseudo">Pseudo <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="pseudo" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="1" name="pseudo" value=<?php echo $pseudo ?> required="required" type="text">
                                            </div>
                                        </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Email <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input type="email" id="email" name="email" placeholder=<?php echo $email ?> required="required" class="form-control col-md-7 col-xs-12">
                                            </div>
                                        </div>
                                         <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="occupation">Pays <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                              <select class="form-control" id="exampleSelect1" name="selectPays">
                                                  <option value="AF">Afghanistan</option>
                                                  <option value="AX">Åland Islands</option>
                                                  <option value="AL">Albania</option>
                                                  <option value="DZ">Algeria</option>
                                                  <option value="AS">American Samoa</option>
                                                  <option value="AD">Andorra</option>
                                                  <option value="AO">Angola</option>
                                                  <option value="AI">Anguilla</option>
                                                  <option value="AQ">Antarctica</option>
                                                  <option value="AG">Antigua and Barbuda</option>
                                                  <option value="AR">Argentina</option>
                                                  <option value="AM">Armenia</option>
                                                  <option value="AW">Aruba</option>
                                                  <option value="AU">Australia</option>
                                                  <option value="AT">Austria</option>
                                                  <option value="AZ">Azerbaijan</option>
                                                  <option value="BS">Bahamas</option>
                                                  <option value="BH">Bahrain</option>
                                                  <option value="BD">Bangladesh</option>
                                                  <option value="BB">Barbados</option>
                                                  <option value="BY">Belarus</option>
                                                  <option value="BE">Belgium</option>
                                                  <option value="BZ">Belize</option>
                                                  <option value="BJ">Benin</option>
                                                  <option value="BM">Bermuda</option>
                                                  <option value="BT">Bhutan</option>
                                                  <option value="BO">Bolivia, Plurinational State of</option>
                                                  <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                                  <option value="BA">Bosnia and Herzegovina</option>
                                                  <option value="BW">Botswana</option>
                                                  <option value="BV">Bouvet Island</option>
                                                  <option value="BR">Brazil</option>
                                                  <option value="IO">British Indian Ocean Territory</option>
                                                  <option value="BN">Brunei Darussalam</option>
                                                  <option value="BG">Bulgaria</option>
                                                  <option value="BF">Burkina Faso</option>
                                                  <option value="BI">Burundi</option>
                                                  <option value="KH">Cambodia</option>
                                                  <option value="CM">Cameroon</option>
                                                  <option value="CA">Canada</option>
                                                  <option value="CV">Cape Verde</option>
                                                  <option value="KY">Cayman Islands</option>
                                                  <option value="CF">Central African Republic</option>
                                                  <option value="TD">Chad</option>
                                                  <option value="CL">Chile</option>
                                                  <option value="CN">China</option>
                                                  <option value="CX">Christmas Island</option>
                                                  <option value="CC">Cocos (Keeling) Islands</option>
                                                  <option value="CO">Colombia</option>
                                                  <option value="KM">Comoros</option>
                                                  <option value="CG">Congo</option>
                                                  <option value="CD">Congo, the Democratic Republic of the</option>
                                                  <option value="CK">Cook Islands</option>
                                                  <option value="CR">Costa Rica</option>
                                                  <option value="CI">Côte d'Ivoire</option>
                                                  <option value="HR">Croatia</option>
                                                  <option value="CU">Cuba</option>
                                                  <option value="CW">Curaçao</option>
                                                  <option value="CY">Cyprus</option>
                                                  <option value="CZ">Czech Republic</option>
                                                  <option value="DK">Denmark</option>
                                                  <option value="DJ">Djibouti</option>
                                                  <option value="DM">Dominica</option>
                                                  <option value="DO">Dominican Republic</option>
                                                  <option value="EC">Ecuador</option>
                                                  <option value="EG">Egypt</option>
                                                  <option value="SV">El Salvador</option>
                                                  <option value="GQ">Equatorial Guinea</option>
                                                  <option value="ER">Eritrea</option>
                                                  <option value="EE">Estonia</option>
                                                  <option value="ET">Ethiopia</option>
                                                  <option value="FK">Falkland Islands (Malvinas)</option>
                                                  <option value="FO">Faroe Islands</option>
                                                  <option value="FJ">Fiji</option>
                                                  <option value="FI">Finland</option>
                                                  <option value="FR" selected>France</option>
                                                  <option value="GF">French Guiana</option>
                                                  <option value="PF">French Polynesia</option>
                                                  <option value="TF">French Southern Territories</option>
                                                  <option value="GA">Gabon</option>
                                                  <option value="GM">Gambia</option>
                                                  <option value="GE">Georgia</option>
                                                  <option value="DE">Germany</option>
                                                  <option value="GH">Ghana</option>
                                                  <option value="GI">Gibraltar</option>
                                                  <option value="GR">Greece</option>
                                                  <option value="GL">Greenland</option>
                                                  <option value="GD">Grenada</option>
                                                  <option value="GP">Guadeloupe</option>
                                                  <option value="GU">Guam</option>
                                                  <option value="GT">Guatemala</option>
                                                  <option value="GG">Guernsey</option>
                                                  <option value="GN">Guinea</option>
                                                  <option value="GW">Guinea-Bissau</option>
                                                  <option value="GY">Guyana</option>
                                                  <option value="HT">Haiti</option>
                                                  <option value="HM">Heard Island and McDonald Islands</option>
                                                  <option value="VA">Holy See (Vatican City State)</option>
                                                  <option value="HN">Honduras</option>
                                                  <option value="HK">Hong Kong</option>
                                                  <option value="HU">Hungary</option>
                                                  <option value="IS">Iceland</option>
                                                  <option value="IN">India</option>
                                                  <option value="ID">Indonesia</option>
                                                  <option value="IR">Iran, Islamic Republic of</option>
                                                  <option value="IQ">Iraq</option>
                                                  <option value="IE">Ireland</option>
                                                  <option value="IM">Isle of Man</option>
                                                  <option value="IL">Israel</option>
                                                  <option value="IT">Italy</option>
                                                  <option value="JM">Jamaica</option>
                                                  <option value="JP">Japan</option>
                                                  <option value="JE">Jersey</option>
                                                  <option value="JO">Jordan</option>
                                                  <option value="KZ">Kazakhstan</option>
                                                  <option value="KE">Kenya</option>
                                                  <option value="KI">Kiribati</option>
                                                  <option value="KP">Korea, Democratic People's Republic of</option>
                                                  <option value="KR">Korea, Republic of</option>
                                                  <option value="KW">Kuwait</option>
                                                  <option value="KG">Kyrgyzstan</option>
                                                  <option value="LA">Lao People's Democratic Republic</option>
                                                  <option value="LV">Latvia</option>
                                                  <option value="LB">Lebanon</option>
                                                  <option value="LS">Lesotho</option>
                                                  <option value="LR">Liberia</option>
                                                  <option value="LY">Libya</option>
                                                  <option value="LI">Liechtenstein</option>
                                                  <option value="LT">Lithuania</option>
                                                  <option value="LU">Luxembourg</option>
                                                  <option value="MO">Macao</option>
                                                  <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                                  <option value="MG">Madagascar</option>
                                                  <option value="MW">Malawi</option>
                                                  <option value="MY">Malaysia</option>
                                                  <option value="MV">Maldives</option>
                                                  <option value="ML">Mali</option>
                                                  <option value="MT">Malta</option>
                                                  <option value="MH">Marshall Islands</option>
                                                  <option value="MQ">Martinique</option>
                                                  <option value="MR">Mauritania</option>
                                                  <option value="MU">Mauritius</option>
                                                  <option value="YT">Mayotte</option>
                                                  <option value="MX">Mexico</option>
                                                  <option value="FM">Micronesia, Federated States of</option>
                                                  <option value="MD">Moldova, Republic of</option>
                                                  <option value="MC">Monaco</option>
                                                  <option value="MN">Mongolia</option>
                                                  <option value="ME">Montenegro</option>
                                                  <option value="MS">Montserrat</option>
                                                  <option value="MA">Morocco</option>
                                                  <option value="MZ">Mozambique</option>
                                                  <option value="MM">Myanmar</option>
                                                  <option value="NA">Namibia</option>
                                                  <option value="NR">Nauru</option>
                                                  <option value="NP">Nepal</option>
                                                  <option value="NL">Netherlands</option>
                                                  <option value="NC">New Caledonia</option>
                                                  <option value="NZ">New Zealand</option>
                                                  <option value="NI">Nicaragua</option>
                                                  <option value="NE">Niger</option>
                                                  <option value="NG">Nigeria</option>
                                                  <option value="NU">Niue</option>
                                                  <option value="NF">Norfolk Island</option>
                                                  <option value="MP">Northern Mariana Islands</option>
                                                  <option value="NO">Norway</option>
                                                  <option value="OM">Oman</option>
                                                  <option value="PK">Pakistan</option>
                                                  <option value="PW">Palau</option>
                                                  <option value="PS">Palestinian Territory, Occupied</option>
                                                  <option value="PA">Panama</option>
                                                  <option value="PG">Papua New Guinea</option>
                                                  <option value="PY">Paraguay</option>
                                                  <option value="PE">Peru</option>
                                                  <option value="PH">Philippines</option>
                                                  <option value="PN">Pitcairn</option>
                                                  <option value="PL">Poland</option>
                                                  <option value="PT">Portugal</option>
                                                  <option value="PR">Puerto Rico</option>
                                                  <option value="QA">Qatar</option>
                                                  <option value="RE">Réunion</option>
                                                  <option value="RO">Romania</option>
                                                  <option value="RU">Russian Federation</option>
                                                  <option value="RW">Rwanda</option>
                                                  <option value="BL">Saint Barthélemy</option>
                                                  <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                                  <option value="KN">Saint Kitts and Nevis</option>
                                                  <option value="LC">Saint Lucia</option>
                                                  <option value="MF">Saint Martin (French part)</option>
                                                  <option value="PM">Saint Pierre and Miquelon</option>
                                                  <option value="VC">Saint Vincent and the Grenadines</option>
                                                  <option value="WS">Samoa</option>
                                                  <option value="SM">San Marino</option>
                                                  <option value="ST">Sao Tome and Principe</option>
                                                  <option value="SA">Saudi Arabia</option>
                                                  <option value="SN">Senegal</option>
                                                  <option value="RS">Serbia</option>
                                                  <option value="SC">Seychelles</option>
                                                  <option value="SL">Sierra Leone</option>
                                                  <option value="SG">Singapore</option>
                                                  <option value="SX">Sint Maarten (Dutch part)</option>
                                                  <option value="SK">Slovakia</option>
                                                  <option value="SI">Slovenia</option>
                                                  <option value="SB">Solomon Islands</option>
                                                  <option value="SO">Somalia</option>
                                                  <option value="ZA">South Africa</option>
                                                  <option value="GS">South Georgia and the South Sandwich Islands</option>
                                                  <option value="SS">South Sudan</option>
                                                  <option value="ES">Spain</option>
                                                  <option value="LK">Sri Lanka</option>
                                                  <option value="SD">Sudan</option>
                                                  <option value="SR">Suriname</option>
                                                  <option value="SJ">Svalbard and Jan Mayen</option>
                                                  <option value="SZ">Swaziland</option>
                                                  <option value="SE">Sweden</option>
                                                  <option value="CH">Switzerland</option>
                                                  <option value="SY">Syrian Arab Republic</option>
                                                  <option value="TW">Taiwan, Province of China</option>
                                                  <option value="TJ">Tajikistan</option>
                                                  <option value="TZ">Tanzania, United Republic of</option>
                                                  <option value="TH">Thailand</option>
                                                  <option value="TL">Timor-Leste</option>
                                                  <option value="TG">Togo</option>
                                                  <option value="TK">Tokelau</option>
                                                  <option value="TO">Tonga</option>
                                                  <option value="TT">Trinidad and Tobago</option>
                                                  <option value="TN">Tunisia</option>
                                                  <option value="TR">Turkey</option>
                                                  <option value="TM">Turkmenistan</option>
                                                  <option value="TC">Turks and Caicos Islands</option>
                                                  <option value="TV">Tuvalu</option>
                                                  <option value="UG">Uganda</option>
                                                  <option value="UA">Ukraine</option>
                                                  <option value="AE">United Arab Emirates</option>
                                                  <option value="GB">United Kingdom</option>
                                                  <option value="US">United States</option>
                                                  <option value="UM">United States Minor Outlying Islands</option>
                                                  <option value="UY">Uruguay</option>
                                                  <option value="UZ">Uzbekistan</option>
                                                  <option value="VU">Vanuatu</option>
                                                  <option value="VE">Venezuela, Bolivarian Republic of</option>
                                                  <option value="VN">Viet Nam</option>
                                                  <option value="VG">Virgin Islands, British</option>
                                                  <option value="VI">Virgin Islands, U.S.</option>
                                                  <option value="WF">Wallis and Futuna</option>
                                                  <option value="EH">Western Sahara</option>
                                                  <option value="YE">Yemen</option>
                                                  <option value="ZM">Zambia</option>
                                                  <option value="ZW">Zimbabwe</option>
                                              </select>
                                            </div>
                                        </div>
                                        <div class="item form-group">
                                            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="occupation">Occupation <span class="required">*</span>
                                            </label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                              <select class="form-control" id="exampleSelect2" name="selectJob">
                                                <option value="Etudiant">Etudiant</option>
                                                <option value="En recherche d'emploi">En recherche d'emploi</option>
                                                <option value="Actif">Actif</option>
                                              </select>
                                            </div>
                                        </div>
                                        
                                        <div class="ln_solid"></div>
                                        <div class="form-group">
                                            <div class="col-md-6 col-md-offset-3">
                                                <button id="send" type="submit" class="btn btn-success">Confirmer</button>
                                                <?php  
                                                    //erreur venant du traitement
                                                    if(isset($_GET['erreur'])) {
                                                        echo $_GET['erreur'];
                                                    } 
                                                    if(isset($_GET['ok'])) {
                                                        echo $_GET['ok'];
                                                    } 
                                                ?>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Modifier mot de passe <small></small></h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">

                                    <form class="form-horizontal form-label-left" action="../../includes/profil_update_password.php" method="post" id="myform2" novalidate>
                                        <div class="item form-group">
                                            <label for="password" class="control-label col-md-3">Ancien mot de passe</label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="oldPassword" type="password" name="oldPassword" data-validate-length-range="4" class="form-control col-md-7 col-xs-12" required="required">
                                            </div>
                                        </div>
                                        <div class="item form-group">
                                            <label for="password" class="control-label col-md-3">Nouveau mot de passe</label>
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <input id="<PASSWORD>" type="<PASSWORD>" name="newPassword" data-validate-length-range="4" class="form-control col-md-7 col-xs-12" required="required">
                                            </div>
                                        </div>

                                        <div class="ln_solid"></div>
                                        <div class="form-group">
                                            <div class="col-md-6 col-md-offset-3">
                                                <button id="send" type="submit" class="btn btn-success">Confirmer</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /fin row -->
                    <?php  // count nombre trophées débloqués et nombre total de trophées

                        $countUnlockTrophy = $bdd->query('SELECT COUNT(id_succes) AS cpt FROM debloquer WHERE id_user= "'.$_SESSION['id_user'].'"');
                        $donnees = $countUnlockTrophy->fetch();
                        $countUnlockTrophy->closeCursor();
                  
                        $countAllTrophy = $bdd->query('SELECT COUNT(id_succes) AS total FROM succes');
                        $donnees1 = $countAllTrophy->fetch();
                        $countAllTrophy->closeCursor();
                    ?>

                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Mes trophées <small><?php echo $donnees['cpt'].'/'.$donnees1['total'].' succès débloqué(s)';?> </small></h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">

                                    <?php // trophées débloqués par l'utilisateur

                                        $trophy = $bdd->prepare('SELECT debloquer.date_obtention ,succes.nom_succes, succes.description_succes, succes.type_succes FROM succes INNER JOIN debloquer ON succes.id_succes = debloquer.id_succes INNER JOIN user ON user.id_user = debloquer.id_user WHERE debloquer.id_user = "'.$_SESSION['id_user'].'"');
                                        $trophy->execute();
                                        $resuTrophy = $trophy->fetchAll();

                                        for($i = 0; $i<sizeof($resuTrophy); $i++){

                                            echo'<div class="col-md-3">';
                                                if($resuTrophy[$i]["type_succes"]=="P"){
                                                    echo'<img src="../../assets/images/trophyP2.png" width="128" height="109" class="trophyUnlock" style="margin:auto;display:block">';
                                                }
                                                else if($resuTrophy[$i]["type_succes"]=="G"){
                                                    echo'<img src="../../assets/images/trophyG2.png" width="128" height="109" class="trophyUnlock" style="margin:auto;display:block">';
                                                }
                                                else if($resuTrophy[$i]["type_succes"]=="S"){
                                                    echo'<img src="../../assets/images/trophyS2.png" width="128" height="109" class="trophyUnlock" style="margin:auto;display:block">';
                                                }
                                                else{
                                                     echo'<img src="../../assets/images/trophyB2.png" width="128" height="109" class="trophyUnlock" style="margin:auto;display:block">';
                                                }
                                                echo'    
                                                    <p class="text-center"><b>'.$resuTrophy[$i]["nom_succes"].'</b></p>
                                                    <p class="text-center">'.$resuTrophy[$i]["description_succes"].'</p>';
                                                     $date = date_create($resuTrophy[$i]["date_obtention"]);
                                                    echo'<p class="text-center">Débloqué le : '.date_format($date, 'd F Y').'</p>
                                                </div>';
                                        } 
                                    ?> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /fin row -->

                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Trophées restants <small><?php echo ($donnees1['total']-$donnees['cpt']).' succès non débloqué(s)';?></small></h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">

                                    <?php // trophées non débloqués par l'utilisateur

                                        $trophy1 = $bdd->prepare('SELECT * FROM succes WHERE id_succes NOT IN( SELECT id_succes FROM debloquer WHERE id_user= "'.$_SESSION['id_user'].'")');
                                        $trophy1->execute();
                                        $resuTrophy1 = $trophy1->fetchAll();
        
                                         for($i = 0; $i<sizeof($resuTrophy1); $i++){

                                            echo'<div class="col-md-3">';
                                                  if($resuTrophy1[$i]["type_succes"] =="P"){
                                                    echo'<img src="../../assets/images/trophyP2.png" width="128" height="109" class="trophyLock" style="margin:auto;display:block">';
                                                  }
                                                  else{
                                                    echo'<img src="../../assets/images/trophyG.png" width="128" height="109" class="trophyLock" style="margin:auto;display:block">';
                                                  }
                                                  echo'  
                                                    <p class="text-center"><b>'.$resuTrophy1[$i]["nom_succes"].'</b></p>
                                                    <p class="text-center">'.$resuTrophy1[$i]["description_succes"].'</p> 
                                                </div>';

                                                // <p class="text-center">Type : '.$resuTrophy1[$i]["type_succes"].'</p>
                                        }
                                    ?> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /fin row -->

                    <?php  // count nombre de cours suivis

                        $countCorseFollow = $bdd->query('SELECT COUNT(id_user) AS cpt2 FROM suivre WHERE id_user= "'.$_SESSION['id_user'].'"');
                        $donnees2 = $countCorseFollow->fetch();
                        $countCorseFollow->closeCursor();
                    ?>

                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Mes cours <small><?php echo ($donnees2["cpt2"]).' cours suivis';?></small></h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <table class="table table-striped projects">
                                        <thead>
                                            <tr>
                                                <th style="width: 1%">#</th>
                                                <th style="width: 20%">Nom du cours</th>
                                                <th style="width: 30%">Avancement</th>
                                                <th style="width: 10%">Score</th>
                                                <th style="width: 20%">Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            <?php 
                                            // Affichage du tableau récapitulatif pour chaque projet


                                             // Permet d'avoir les renseignements sur les cours suivis
                                            try{
                                                $corseFollow = $bdd->query('SELECT avancement, date_suivi, id_mooc,nom_mooc FROM user NATURAL JOIN suivre NATURAL JOIN mooc WHERE id_user= "'.$_SESSION['id_user'].'"');
                                                $corseFollow->execute();
                                                $donnees3 = $corseFollow->fetchAll();
       
                                            }catch(Exception $Excep){
                                                echo "->erreur donnees ";
                                            }

                                                 for($i = 0; $i<sizeof($donnees3); $i++){

                                                    echo'<tr>
                                                        <td>#</td>
                                                        <td>
                                                            <a href="description.php?idM='.$donnees3[$i]['id_mooc'].'">'.$donnees3[$i]['nom_mooc'].'</a>
                                                            <br />
                                                            <small>Inscrit le '.$donnees3[$i]["date_suivi"].'</small>
                                                        </td>';


                                                        //Permet de récuperer l'avancement d'un mooc pour l'utilisateur courant

                                                        $avancementMooc = $bdd->query('SELECT avancement  AS avc FROM user INNER JOIN suivre ON user.id_user= suivre.id_user INNER JOIN mooc ON suivre.id_mooc=mooc.id_mooc WHERE user.id_user = "'.$_SESSION["id_user"].'" AND mooc.id_mooc = "'.$donnees3[$i]["id_mooc"].'"');
                                                        $donnees6 = $avancementMooc->fetch();
                                                        $avancementMooc->closeCursor();
                        

                                                        // Permet de récuperer le nombre de chapitre du MOOC

                                                        $nbChapitreMooc = $bdd->query('SELECT nb_chap FROM mooc WHERE id_mooc ="'.$donnees3[$i]["id_mooc"].'"');
                                                        $donnees7 = $nbChapitreMooc->fetch();
                                                        $nbChapitreMooc->closeCursor();


                                                        // Calcul du % d'avancement

                                                        $tab = Array();
                                                        $tab = preg_split('[-]', $donnees6["avc"]);
                                                        $avancement = sizeof($tab)-1;
                                                        $pourcentage = ceil($avancement/ $donnees7["nb_chap"]*100);

                                                        echo'
                                                        <td class="project_progress">
                                                            <div class="progress progress_sm">
                                                                <div class="progress-bar bg-green" role="progressbar" data-transitiongoal="'.$pourcentage.'"></div>
                                                            </div>
                                                            <small>'.$pourcentage.'% Terminé</small>
                                                        </td>';

                                                        //Permet de calculer le score de l'utilisateur courant sur un mooc 

                                                        $scoreMooc = $bdd->query('SELECT sum(score) AS score FROM faire WHERE id_user= "'.$_SESSION["id_user"].'" AND id_exercice IN (SELECT id_exercice FROM mooc INNER JOIN chapitre ON mooc.id_mooc = chapitre.id_mooc INNER JOIN exercice ON chapitre.id_chapitre=exercice.id_chapitre WHERE mooc.id_mooc = "'.$donnees3[$i]["id_mooc"].'")');
                                                        $donnees4 = $scoreMooc->fetch();
                                                        $scoreMooc->closeCursor();

                                                        // Permet de calculer le score maximal possible en fonction des exercices réalisés par l'utilisateur pour ce MOOC

                                                        $scoreTotalMooc = $bdd->query('SELECT sum(valeur_exo) AS total FROM mooc INNER JOIN chapitre ON mooc.id_mooc = chapitre.id_mooc INNER JOIN exercice ON chapitre.id_chapitre=exercice.id_chapitre WHERE mooc.id_mooc = "'.$donnees3[$i]["id_mooc"].'" AND id_exercice IN(SELECT id_exercice FROM faire WHERE id_user="'.$_SESSION["id_user"].'")');
                                                        $donnees5 = $scoreTotalMooc->fetch();
                                                        $scoreTotalMooc->closeCursor();
                                                        
                                                        echo'<td>
                                                            <p><span class="glyphicon glyphicon-star" aria-hidden="true"></span>';
                                                        if($donnees4["score"]==NULL){
                                                            echo'0';
                                                        }
                                                        else{
                                                            echo $donnees4["score"];
                                                        }
                                                        echo'/';
                                                        if($donnees5["total"]==NULL){
                                                            echo'0';
                                                        }
                                                        else{
                                                            echo $donnees5["total"];


                                                        }
                                                        echo'</p>
                                                        </td>
                                                        <td>
                                                          <button onclick="goMooc(this.name);" type="button" name="'.$donnees3[$i]['id_mooc'].'" class="btn btn-primary btn-xs"><i class="fa fa-mail-forward"></i> Aller </button>
                                                           <button onclick="callGraph(this.name);" type="button" name="'.$donnees3[$i]['id_mooc'].'" class="btn btn-success btn-xs"><i class="fa fa-bar-chart"></i> Statistiques </button>
                                                        </td>
                                                    </tr>';   
                                            }
                                            ?>
                                        </tbody>
                                    </table>
                                    <!-- end project list -->
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /fin row -->
                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Statistiques<small></small></h2>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="x_content">
                                    <div class="removechart">
                                        <canvas id="myChart" height="200" width="400" ></canvas>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <!-- /page content -->
        </div>
    </div>

    <div id="custom_notifications" class="custom-notifications dsp_none">
        <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
        </ul>
        <div class="clearfix"></div>
        <div id="notif-group" class="tabbed_notifications"></div>
    </div>

    <!-- jQuery -->
    <script src="../../assets/js/jquery.js"></script>
    <script src="../../assets/js/jquery.min.js"></script>
	
	<!-- Bootstrap -->
    <script src="../../assets/js/bootstrap.min.js"></script>

    <!-- chart js -->
    <script src="../../assets/js/chartjs/Chart.js"></script>
	
    <!-- bootstrap progress js -->
    <script src="../../assets/js/progressbar/bootstrap-progressbar.min.js"></script>
    <script src="../../assets/js/nicescroll/jquery.nicescroll.min.js"></script>
	
    <!-- icheck -->
    <script src="../../assets/js/icheck/icheck.min.js"></script>
	
    <!-- daterangepicker -->
    <script src="../../assets/js/moment.min.js"></script>
    <script src="../../assets/js/datepicker/daterangepicker.js"></script>

    <script src="../../assets/js/custom.js"></script>

    <!-- form validation -->
    <script src="../../assets/js/validator/validator.js"></script>

    <!-- Validation -->
    <script src="../../assets/js/jqueryvalidate/jquery.validate.min.js"></script>
    <script src="../../assets/js/jqueryvalidate/additional-methods.min.js"></script>

    <!-- flot js -->
    <!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
    <script src="../../assets/js/flot/jquery.flot.js"></script>
    <script src="../../assets/js/flot/jquery.flot.pie.js"></script>
    <script src="../../assets/js/flot/jquery.flot.orderBars.js"></script>
    <script src="../../assets/js/flot/jquery.flot.time.min.js"></script>
    <script src="../../assets/js/flot/date.js"></script>
    <script src="../../assets/js/flot/jquery.flot.spline.js"></script>
    <script src="../../assets/js/flot/jquery.flot.stack.js"></script>
    <script src="../../assets/js/flot/curvedLines.js"></script>
    <script src="../../assets/js/flot/jquery.flot.resize.js"></script>
	
	<!-- Custom JS-->
	<script src="../../scripts/connected/profil.js"></script>

  <!-- Catch error -->
  <script src="../../scripts/catch_error.js"></script>
	
	<!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
	<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		ga('create', 'UA-77911480-1', 'auto');
		ga('send', 'pageview');
	</script>
</body>
</html><file_sep>/app/mooc/mooc1/chapitres/chapitre2.php
<?php
$idMooc;
$idChap;

if(isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	

	//afficheChapitreExos($idMooc,$idChap,$bdd,0);													
	//echo $idMooc;
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">
	<div class="col-md-6 col-sm-12 col-xs-12 ">
		<!-- CONTENU COURS -->
		<div class="animated slideInUp">
			<div class="x_panel">
				<!-- TITRE COURS -->
				<div class="x_title">
					<h2> Chapitre 2 : Formation </h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<!-- COURS -->
				<div class="x_content">
					<div class="my_step_box">
						<div class='row'>
							<div class="col-md-3"></div>
							<div class="col-md-6">
								<div class="btn-group" role="group" aria-label="...">
								  <button type="button" class="btn btn-default myBtnBack"><span class="glyphicon glyphicon-chevron-left"></span> Retour</button>
								  <button type="button" class="btn btn-default myBtnAll"><span class="glyphicon glyphicon-eye-open"></span> </button>
								  <button type="button" class="btn btn-default myBtnNext">Suivant<span class="glyphicon glyphicon-chevron-right"></span></button>
								 </div>
							</div>
							<div class="col-md-3"></div>
						</div>

						<div class="box1" id="1">
							<ol start="1">
								<li dir="ltr">
									<h2 dir="ltr">
										Introduction
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Il est utile de rédiger la partie formation aux jeunes diplômés et jeunes expérimentés jusqu’à 5 ans d’expérience. Globalement, plus la partie expérience professionnelle se développe, plus la partie formation diminue. 
							</p>
							<p dir="ltr">
								Pour chaque formation il faut indiquer: l’intitulé exact du diplôme, le nom et le lieu de l’école, les années de formation. Pour structurer les informations, n’hésitez pas à utiliser des puces pour présenter chacune des formations suivies.
							</p>
							<br/>
						</div>

						<div class="box1" id="2">
							<ol start="2">
								<li dir="ltr">
									<h2 dir="ltr">
										Titre
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								En tant que titre il faut mettre l’intitulé exact de votre diplôme. Faites attention, car certains diplômes n’ont peut-être pas leur place. C’est le cas du Brevet des collèges si vous êtes titulaire d’un Baccalauréat, ou d’une première année de Master si vous possédez déjà le diplôme de Master 2.
							</p>
							<p dir="ltr">
								En revanche, n’hésitez pas à détailler les projets pertinents développés au cours de cette formation. Vous pouvez indiquer les spécialités relatives aux diplômes que vous aurez pu acquérir. Lorsque vous faites les études en alternance, vous pouvez le spécifier. 
							</p>
							<br/>
						</div>

						<div class="box1" id="3">
							<ol start="3">
								<li dir="ltr">
									<h2 dir="ltr">
										Dates
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Vous remontez donc le temps, en commençant par votre formation la plus récente. La logique de présentation est donc anti chronologique.
							</p>
							<ol start="4">
								<li dir="ltr">
									<h2 dir="ltr">
										Sigles
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Lorsqu’il s’agit de sigles communément employés (BTS, DUT, IEP, etc.), il n’est pas utile de les expliciter, au contraire, cela vous fera gagner de la place. En revanche, pour tous les autres, il est important de les écrire en toutes lettres, qu’il s’agisse du nom de votre école, de votre diplôme, etc.
							</p>
							<br/>
						</div>

						<div class="box1" id="4">
							<ol start="5">
								<li dir="ltr">
									<h2 dir="ltr">
										Lieu
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Précisez bien les noms et villes des établissements fréquentés. 
							</p>
							<p dir="ltr">
								Suivant l’établissement, vous serez classé différemment par les recruteurs et les grilles de salaire à l’embauche pour le même poste ne sont pas les mêmes. 
							</p>
							<p dir="ltr">
								Si vous avez fait des études à l’étranger, pensez à préciser le nom du pays. 
							</p>

							<ol start="6">
								<li dir="ltr">
									<h2 dir="ltr">
										Spécialités et gratifications
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								C’est le moment de préciser les mentions obtenus ou les félicitations du jury décroché à votre soutenance de mémoire ! Vos gratifications scolaires marquent votre capacité à vous couler dans un système, à aller au bout d’un projet. Le cas échéant, elles sont le garant de vos qualités d’abstraction, de mémoire, d’analyse et de synthèse.
							</p>
							<p dir="ltr">
								Si lors de votre parcours vous avez fait des spécialisations dans certains domaines, n’hésitez pas à le mentionner. 
							</p>
							<br/>
						</div>

						<div class="box1" id="5">
							<ol start="7">
								<li dir="ltr">
									<h2 dir="ltr">
										Exemple
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Exemple de la partie “Formation” d’un CV:
								Dans cet exemple il faut faire attention et ne pas oublier de mettre au saut de ligne qui coupe l’intitulé d’un sigle,
								sinon cela rend la lecture difficile.
							</p>
							<p dir="ltr">
								<img class="" src="../mooc/mooc1/chapitres/images/formation.png" width="500px" alt="">
							</p>
							<br/>
						</div>

						<div class="box1" id="6">
							<ol start="8">
								<li dir="ltr">
									<h2 dir="ltr">
										Récapitulatif du chapitre
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								<ol>
									<li>
										La partie formation est à mettre pour les jeunes diplômes et les personnes qui ont jusqu’à 15 ans d’expérience. 
									</li>
									<li>
										Pour chaque ligne de formation, il faut : date (anti chronologiques), titre, nom, lieu.
									</li>
									<li>
										Evitez de mettre les diplômes qui n’ont pas leur place (BAC si vous avez Master, Master 1 si vous avez le diplôme de Master 2)
									</li>
									<li>
										N’hésitez pas à mettre les spécialités relatives à votre formation.
									</li>
									<li>
										Employez que des sigles communément employés.
									</li>
									<li>
										Mettez les mentions que vous avez obtenues pour vos diplômes.. 
									</li>
								</ol>
							</p>
							
							<br/>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- VIDEO -->
		<div class="row">
			<div class="col-md-12 col-sm-12 col-xs-12 animated slideInUp">
				<div class="x_panel">
					<div class="x_title">
						<h2> Vidéo </h2>
						<ul class="nav navbar-right panel_toolbox">
							<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
							</li>
							<li><a class="close-link"><i class="fa fa-close"></i></a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="x_content">
						<div class="videocontainer lg6"> 
                         <!--<iframe src="https://www.youtube.com/embed/lX7kYDRIZO4" frameborder="0" ></iframe>-->
                         <iframe width="560" height="315" src="https://www.youtube.com/embed/_r7bht-LgvU" frameborder="0" allowfullscreen></iframe>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- EXERCICES -->
	<div class="col-md-6 col-sm-12 col-xs-12 animated slideInRight">
		<div class="x_panel">
			<div class="x_title">
			<?php
				nomChapitre($idMooc,$bdd,$numChap);
			?>
				<ul class="nav navbar-right panel_toolbox">
					<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
					</li>
					<li><a class="close-link"><i class="fa fa-close"></i></a>
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">


				<!-- Smart Wizard -->
				<h3>Exercices</h3>
				<div id="wizard" class="form_wizard wizard_horizontal">
					<?php
						creationWizardStep($idMooc,$numChap,$idChap,$bdd);
					?>
				</div>
				<!-- IMPORTANT AFFICHE LES INDICE -->
				<div id="indicebox"></div>
				<!-- IMPORTANT AFFICHE LES SOLUTIONS -->
				<div id="solucebox"></div>
				<!-- IMPORTANT POUR LES REPONSE AU QCM -->
				<?php 
					/*if(isset($_GET['idM']) && isset($_GET['idC'])) {
						//$idMooc = $_GET['idM'];
						echo '<div id="'.$_GET['idM'].'"></div>';
						$idChap = $_GET['idC'];	
					}*/
				?>
			</div>
		</div>
	</div>
</div><file_sep>/app/mooc/mooc1/chapitres/chapitre6.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/


$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">

		<div class="col-md-6 col-sm-12 col-xs-12 animated slideInUp">
			<div class="x_panel">
				<div class="x_title">
					<h2> Chapitre 6 : Expérience professionnelle</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
					<p dir="ltr">
				    En clair, préciser la fonction principale (votre métier ou le poste que vous souhaitez occuper) de manière bien visible. Cette information remplacera
				    avantageusement une éventuelle mention »Curriculum Vitae ». Par ailleurs, vous dire qu’en lisant les diplômes et l’ expérience professionnelle le recruteur
				    pourra y comprendre ce qu’il souhaite est une grosse erreur. Votre CV doit être très précis et ne laisser aucun doute sur la nature de votre profil car le
				    recruteur cherche à être rassuré.
				</p>
				<p dir="ltr">
				    <strong id="docs-internal-guid-6f124f1b-c8ff-90eb-e200-f32594a02d16">
				        <br/>
				    </strong>
				</p>
				<p dir="ltr">
				    Les expériences sont le cœur du CV. Il faut donc les mettre en valeur.
				</p>
				<p dir="ltr">
				    Les informations de bases à faire apparaître sont les suivantes :
				</p>
				<ul>
				    <li dir="ltr">
				        <p dir="ltr">
				            dates de l’expérience (bien sûr, les expériences sont présentées dans un ordre anté-chronologique, c’est-à-dire de la plus récente à la plus
				            ancienne) ;
				        </p>
				    </li>
				    <li dir="ltr">
				        <p dir="ltr">
				            intitulé du poste (à éventuellement reformuler si l’intitulé interne n’est pas clair. Dans ce cas, il faut bien sûr choisir un nom de poste
				            strictement équivalent) ;
				        </p>
				    </li>
				    <li dir="ltr">
				        <p dir="ltr">
				            nom de l’entreprise ;
				        </p>
				    </li>
				    <li dir="ltr">
				        <p dir="ltr">
				            ville, en précisant si nécessaire le pays ;
				        </p>
				    </li>
				    <li dir="ltr">
				        <p dir="ltr">
				            type de contrat (facultatif).
				        </p>
				    </li>
				</ul>
				<p dir="ltr">
				    Mais c’est la description du poste qui peut faire la différence. Détaillez entre deux et quatre missions par poste. Toutefois, la quantité d’informations
				    est subordonnée à la durée de l’expérience et à l’importance que vous souhaitez lui donner.
				</p>
				<div>
				    <br/>
				</div>
                    
				</div>
			</div>
		</div>

		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Exemple</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
	
			</div>
		</div>

</div>

<file_sep>/app/mooc/mooc1/chapitres/chapitre0.php
<?php

$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
}
?>
<div class="row">
	<div class="col-md-12 col-sm-12 col-xs-12">
		<div class="x_panel">
			<div class="x_title">
				<h2>Avant propos</h2>
				<ul class="nav navbar-right panel_toolbox">
					<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
					</li>
					<li class="dropdown">
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">
				<img class="img left" src="../mooc/mooc1/chapitres/images/mooc.png" style="margin: 20px;" width="300px" alt="">
  					&nbsp<br>
					<p dir="ltr">
					    Un CV - Curriculum vitae est votre publicité, c’est votre reflet et il
					    est capital. Il n'existe pas de CV miracle mais en revanche un CV mal conçu et mal utilisé fait toujours de gros dégâts, même si le candidat possède un
					    excellent profil. Les recruteurs, submergés de candidatures et disposant de très peu de temps, sont obligés d'aller à l'essentiel. Résultat : de simples
					    détails dans la présentation du CV peuvent provoquer l'élimination d'un candidat. C’est pourquoi nous avons crée un MOOC “Comment réaliser un CV
					    d’ingénieur” qui vous permettra de créer votre propre CV et d’accéder au poste dont vous revez!
					</p>
					<p dir="ltr">
					    Il n'y a pas de vérité sur le CV, il y a des informations utiles ou non. Le CV est un document qui peut et est critiqué par toutes personnes à qui vous le
					    montrez (vous pouvez le refaire 10 fois après l'avoir montré à 10 personnes). Pourtant, personne ne se pose la question de qui est compétent pour l'évaluer
					    (recruter est aussi un métier, ce n'est pas que de l'intuition, ou de la logique (chacun a la sienne)). Donc montrez votre CV, écoutez les conseils, faites
					    préciser le pourquoi de leur remarques. Si ils n'ont pas d'explications autres que "cela ne se fait pas", où "c'est comme ça que l'on fait", remerciez
					    poliment et passez à autres chose.
					</p>
					<br/>
					<p dir="ltr">
					    Avant d’attaquer la rédaction de votre CV, reflechissez à ce que vous allez mettre dedans, pour cela il faut:
					</p>
					<ul>
					    <li dir="ltr">
					        <p dir="ltr">
					            Bien se connaître: savoir qui vous êtes, ce que vous voulez, par quoi vous êtes motivé, ce que vous cherchez, ce que vous savez faire et dans quoi
					            vous serez bien.
					        </p>
					    </li>
					    <li dir="ltr">
					        <p dir="ltr">
					            Se faire connaître: envoyer un " message " qui vous soit fidèle et qui ne trompe pas son destinataire, c'est le rôle de votre CV : vous allez en
					            travailler le contenu et la forme jusqu'à en être content et fier et donc bien savoir le défendre en entretien.
					        </p>
					    </li>
					    <li dir="ltr">
					        <p dir="ltr">
					            Connaître son " marché ": Identifier les entreprises qui recrutent dans votre métier. Répondre aux offres qui vous correspondent vraiment et qui
					            correspondent à ce que vous voulez faire. Pour le recruteur: Le recruteur a aussi ses lubies sur le CV. Si c'est possible, recherchez des
					            informations sur ces attendus. La lecture des sites internet permet de voir ce qui est important pour l'entreprise, la technique, les RH, les
					            valeurs, etc. Et cela vous donnera aussi un aperçu de leur sémantique (vocabulaire utilisé) à intégrer intelligemment dans votre CV .
					        </p>
					    </li>
					</ul>
					<p dir="ltr">
					    Le but n'est pas de tout dire mais noter ce qui peut intéresser. Informations réelles (pas de mensonge) en fonction de vos projets personnels et
					    professionnels (stage, emploi, job d'été, publicité...) et de l'objectif visé (réponse à une offre d'emploi, envoi d'une candidature spontané, outil de
					    veille sur les sites d'emploi …). Il faut faciliter la vie au recruteur pour qu'il trouve la perle rare qu'il recherche. Rappelez-vous qu'il a aussi peur
					    que vous, il ne faut pas qu'il se trompe vis-à-vis du demandeur.
					</p>
					<p dir="ltr">
					<b>Pour accéder au cours, appuyer sur un des chapitres dans la barre de gauche</b>
					</p>
					<div>
					    <br/>
					</div>
			</div>
		</div>
	</div>
</div>

<file_sep>/app/includes/verif_session.php
<?php

//ok=1   ko=0
function sessionValid(){
	$verif = 1;
	if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user'])))
    {
    	//session ok
        //echo $_SESSION['id_user'];
    }
    else
    {
    	$verif = 0;
    }
    return $verif;
}

$verifSession = sessionValid();
if($verifSession == 1){
    //echo ("ok session valide");
}else{
    header ("location: ../includes/logout.php?erreur=Probleme de session");
}
?><file_sep>/app/includes/profil_update_user.php
<?php
session_start();
include "connect.inc.php";  /// Connection bdd

/*
	Modification du mot de passe depuis la page profif.php 
*/

//ok=1   ko=0
function sessionValid(){
	$verif = 1;
	if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user'])))
    {
    	//session ok
    }
    else
    {
    	$verif = 0;
    }
    return $verif;
}

//ok=1   ko=0
function formValid(){
	$verif = 1;
	if (isset($_POST['surname'])) {
 		echo $_POST['surname'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['name'])) {
	 	echo $_POST['name'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['pseudo'])) {
	 	echo $_POST['pseudo'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['email'])) {
	 	echo $_POST['email'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['selectPays'])) {
	 	echo $_POST['selectPays'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['selectJob'])) {
	 	echo $_POST['selectJob'];
	 }else{
	 	$verif=0;
	 }

	if($verif==0){
		return 0;
	}else{
		return 1;
	}
}


//Met a jour l id pour le reset du mdp
function updateUser(){
 	include "connect.inc.php";
 	$id = $_SESSION['id_user'];
 	$name = $_POST['name'];
 	$surname = $_POST['surname'];
 	$pseudo = $_POST['pseudo'];
 	$pays = $_POST['selectPays'];
 	$email = $_POST['email'];
 	$selectJob = $_POST['selectJob'];
 	$avatar = $_POST['avatar'];
 	$_SESSION['avatar'] 	= $_POST['avatar'];
	try { 
		$requete_prepare= $bdd->prepare("UPDATE user SET nom='$name', prenom='$surname', pseudo='$pseudo', email='$email', pays='$pays', statut='$selectJob', avatar='$avatar' WHERE id_user='$id'"); // on prépare notre requête
		$requete_prepare->execute();
		echo "->OK user update";
	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur";
	}
 }

//Valide que le formulaire
$verif = formValid();
$verifSession = sessionValid();
if($verifSession ==1){
	if($verif==1){
		updateUser();
		header ("location: ../modules/connected/profil.php?ok=success");
	}
	else{
		echo '<br>wrong form';
		header ("location: ../modules/connected/profil.php?erreur=Erreur formulaire");
	}
}else{
	echo '<br>aucune session';
	header ("location: ../modules/connected/profil.php?erreur=Erreur session");
}
?><file_sep>/app/includes/fonctionsDescription.php
<?php
 //session start utilisé dans description.php

$valid = 1;
 if (isset($_GET['idM'])) {
	$idMooc = $_GET['idM'];
	//echo $idMooc;
}else{
	$valid = 0;
	echo'erreur methode GET';
}
 
function afficheClassementMooc($idMooc,$bdd) {
		try{
			$findUser = $bdd->prepare('SELECT suivre.id_user,pseudo FROM suivre INNER JOIN user ON user.id_user=suivre.id_user WHERE id_mooc = "'.$idMooc.'"');
            $findUser->execute();
            $resufindUser = $findUser->fetchAll();

            $classement = array();

            for($j=0;$j<sizeof($resufindUser);$j++){
            	 $scoreMooc = $bdd->query('SELECT sum(score) AS score FROM faire WHERE id_user= "'.$resufindUser[$j]["id_user"].'" AND id_exercice IN (SELECT id_exercice FROM mooc INNER JOIN chapitre ON mooc.id_mooc = chapitre.id_mooc INNER JOIN exercice ON chapitre.id_chapitre=exercice.id_chapitre WHERE mooc.id_mooc = "'.$idMooc.'")');
                $donnees4 = $scoreMooc->fetch();
                $scoreMooc->closeCursor();

                $classement[$j][0] = $donnees4["score"];
                $classement[$j][1] = $resufindUser[$j]["pseudo"];
            }

            rsort($classement);

            echo 'Classement <br> <br>';

            if(sizeof($resufindUser) <=5){

	            for($i=0;$i<sizeof($classement);$i++){

	            	echo $classement[$i][1];
	                echo '  ';
	                if($classement[$i][0]==NULL){
	                	echo'0';
	                }
	                else {
	                	echo $classement[$i][0];
	                }
	                echo '<br><br>';
	            }
        	}
        	else{

        		for($i=0;$i<5;$i++){

	            	echo $classement[$i][1];
	                echo '  ';
	                if($classement[$i][0]==NULL){
	                	echo'0';
	                }
	                else {
	                	echo $classement[$i][0];
	                }
	                echo '<br><br>';
	            }
        	}

		}
		catch (Exception $e) { 
			echo $e->errorMessage();
  			echo "->erreur afficheClassementMooc()";
		}
		
	}

function getInfos()
{
	global $idMooc;
	include 'connect.inc.php';
	try { 
		$select = $bdd->prepare("SELECT * FROM mooc WHERE id_mooc = $idMooc ");
	    $select->execute();
	    $lignes = $select->fetchAll();

		echo'<div class="content col-md-6">
				<div class="main">
					<h3 class="name"> Nom : '.$lignes[0]["nom_mooc"].' </h3>
					<h3 class="name"> Matière : '.$lignes[0]["matiere"].' </h3>
					<h3 class="name text-justify"> Description : '.$lignes[0]["description"].' </h3>
					<h3 class="name"> Prérequis : '.$lignes[0]["prerequis"].' </h3>
					<h3 class="name"> Durée estimée: '.$lignes[0]["duree"].' heures </h3>
					<h3 class="name"> Note : '.$lignes[0]["note"].' / 5 </h3>
				</div>
			</div>
			<div class="content col-md-6">
				<div class="main">
					<div class="videocontainer"> 
                         <iframe src="https://www.youtube.com/embed/lX7kYDRIZO4" frameborder="0" allowfullscreen></iframe>
                    </div>
				</div>
			</div>

			<br>

			
			';

			if ((isset($_SESSION['login'])) && (!empty($_SESSION['login']))){
				echo'
				<div class="col-sm-4 col-sm-offset-4 animated zoomIn">
					<br>
						<div class="">
							<a href="mooc.php?idM='.$idMooc.'&insert='.$idMooc.'"><button name="id" class="btn btn-block btn-md btn-warning">Accéder au cours</button> </a>
							
						</div>
				</div>';
			}else{
				echo '
				<div class="col-sm-4 col-sm-offset-4 animated zoomIn">
				<br>
					<div class="">
						<a href="mooc.php?idM='.$idMooc.'"><button name="id" class="btn btn-block btn-md btn-info">Accéder au cours</button> </a>
					</div>

					
				</div>
				';

			}

			
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur getInfos()";
	}

}


function getInfos2()
{
	global $idMooc;
	include 'connect.inc.php';
	try { 
		$select = $bdd->prepare("SELECT * FROM mooc WHERE id_mooc = $idMooc ");
	    $select->execute();
	    $lignes = $select->fetchAll();

		$scope_nom = $lignes[0]["nom_mooc"];
		$scope_description = $lignes[0]["description"];
		$scope_prerequis = $lignes[0]["prerequis"];
		$scope_duree = $lignes[0]["duree"];
		$scope_note = $lignes[0]["note"];
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur getInfos2()";
	}
	
}

function getInfo3MDL(){
	global $idMooc;
	include 'connect.inc.php';
	try { 
		$select = $bdd->prepare("SELECT * FROM mooc WHERE id_mooc = $idMooc ");
	    $select->execute();
	    $lignes = $select->fetchAll();

		$scope_nom = $lignes[0]["nom_mooc"];
		$scope_description = $lignes[0]["description"];
		$scope_prerequis = $lignes[0]["prerequis"];
		$scope_duree = $lignes[0]["duree"];
		$scope_note = $lignes[0]["note"];
		$scope_linkyoutube= $lignes[0]["linkyoutube"];

		echo '
		
                    <div class="mdl-card__title">
                        <h2 class="mdl-card__title-text">Description</h2>
                    </div>
                    <div class="mdl-card__media mdl-color--white">
                        <img class="article-image" src="../../images/promo2.JPG" border="0" alt="">
                    </div>
                    <div class="mdl-card__supporting-text">
                        
                    </div>
                    <div class="mdl-grid portfolio-copy">
                        <h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">     '.$scope_nom.'</h3>
                        <div class="mdl-cell mdl-cell--6-col mdl-card__supporting-text no-padding">
                        <h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">  <i class="material-icons">info_outline</i> Description : </h3>
                            <p>'.$scope_description.'</p>
                        <h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline">  <i class="material-icons">extension</i> Prérequis : </h3>
                        	 <p>'.$scope_prerequis.'</p>
						<h3 class="mdl-cell mdl-cell--12-col mdl-typography--headline"> <i class="material-icons">alarm</i> Durée : </h3>
						 <p>'.$scope_duree.' heures</p>
                        </div>
                        <div class="mdl-cell mdl-cell--6-col">';

                        if($scope_linkyoutube==null){
                        	echo '<div class="">
                            	<img class="article-image" src="../../images/social.jpg" width="80%" border="0" alt="">
                        	</div>';
                        }else{
                        	echo '<div class="videocontainer" > 
	            					<iframe src="'.$scope_linkyoutube.'" frameborder="0" allowfullscreen></iframe>
	          					</div>';
                        }
	                        
          				echo '</div>
                    </div>';

                     /*<div class="mdl-cell mdl-cell--6-col">
                            <img class="article-image" src="../../images/social.jpg" width="400px" border="0" alt="">
                        </div>*/

            if ((isset($_SESSION['login'])) && (!empty($_SESSION['login']))){
				echo'
				<a href="../mooc.php?idM='.$idMooc.'&insert='.$idMooc.'" style="margin: 50px;">
    			 	<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--teal" style="height: 80px;">
				  			<p style="color: white;padding-top: 10px;">Inscription au cours</p>
					</button>
				</a>
				';
			}else{
				echo '
				<a href="../mooc.php?idM='.$idMooc.'" style="margin: 50px;">
					<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--teal" style="height: 80px;">
					  		<p style="color: white;padding-top: 10px;">Acceder au cours</p>
					</button>
				</a>
				';

			}
               
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur getInfos2()";
	}
	

}




function callGetInfo3MDL(){
	$valid2 = 1;
	 if (isset($_GET['idM'])) {
		$idMooc = $_GET['idM'];
		//echo $idMooc;
	}else{
		$valid2 = 0;
		echo'erreur methode GET';
	}

	if($valid2==1){
		getInfo3MDL(); //<------------ voir en haut
		//echo "okok";
	}

}

?><file_sep>/app/includes/cv_interactif.php
<?php
    session_start();
    $passe = 0;
    if(isset($_SESSION['id_user'])) {
        $id_user = $_SESSION['id_user'];
        $passe=1;
    }else{
        $passe=0;
    }
    $scoreGlobal = 0;
     if(isset($_POST["scoreGlobal"])) {
        $scoreGlobal=$_POST["scoreGlobal"]; //id mooc  
        }
         $id_exercice = 32;


     if($passe == 1){
        include 'connect.inc.php'; //connexion bdd
        try { 
            $requete_prepare= $bdd->prepare("INSERT INTO faire(score,id_user,id_exercice) VALUES('$scoreGlobal', '$id_user', '$id_exercice') ON DUPLICATE KEY UPDATE score='$scoreGlobal',id_user='$id_user',id_exercice='$id_exercice'"); // on prépare notre requête
            $requete_prepare->execute();
            //echo "Votre score est de ".$scoreGlobal;
            //var_dump($requete_prepare);
        //  echo "->Sauvegarde du score<br>";
        } catch (Exception $e) { 
            echo $e->errorMessage();
            echo "->erreur<br>";
        }


     }
    


?><file_sep>/app/mooc/mooc4/chapitres/chapitre4.php
<?php
$idMooc;
$idChap;

if(isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	

	//afficheChapitreExos($idMooc,$idChap,$bdd,0);													
	//echo $idMooc;
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">
<div class="row">


		<div class="col-md-6 col-sm-12 col-xs-12 animated slideInUp">
			<div class="x_panel">
				<div class="x_title">
					<h2> Cours </h2>
					
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
					<div class="my_step_box">
						<!-- Cours -->
						<div class='row'>
							<div class="col-md-3"></div>
							<div class="col-md-3"></div>
						</div>
						<div class="box1" id="1">
							
							<p dir="ltr">
							Structure de découpage du projet (SDP) / Work Breakdown Structure (WBS). Décomposition
hiérarchique du contenu total du projet, qui définit le travail que l'équipe de projet doit réaliser pour
atteindre les objectifs du projet et produire les livrables requis.

							</p>
							<p dir="ltr">
								Référence de base du contenu [donnée de sortie] / Scope baseline [output]. Version approuvée
d'un énoncé du contenu, de la structure de découpage du projet et de son dictionnaire de la SDP
associé, qui ne peut être modifiée que par des procédures formelles de maîtrise des modifications
et qui est utilisée comme base de comparaison.

							</p>
							
						</div>

					</div>

					<div class="box1" id="2">

						
						
						
							En ce qui concerne la mise en forme, il vaut mieux éviter de mettre la ville tout en capitale, peu d'intérêt d'attirer le regard.
						</p>
						<br/>

					</div>

					<div class="box1" id="3">

						<ol start="3">
							<li dir="ltr">
								<h2 dir="ltr">
									Téléphone(s)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							En ce qui concerne le numéro du téléphone, il faut mettre le numéro de téléphone où l’on peut vous joindre facilement, par exemple, le numéro de téléphone
							portable. Faites attention à votre message en cas d’absence. Pensez à mettre (+33) si vous postulez à l’étranger.
						</p>
						<br/>
						<p dir="ltr">
							Si vous mettez deux numéros de téléphone ou plus sur votre CV, il est conseillé de placer le principal en premier. Par contre il est fort probable qu’en
							cas de non réponse, le recruteur risque de passer directement au second numéro au lieu de laisser un message sur votre répondeur.
						</p>
						<br/>
						<p dir="ltr">
							Il est important de mettre au moins un numéro de téléphone, car il y a beaucoup de chances que le récruteur veuille vous contacter par téléphone.
						</p>
						<br/>

					</div>

					<div class="box1" id="4">

						<ol start="4">
							<li dir="ltr">
								<h2 dir="ltr">
									Mail(s)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Il faut avoir une adresse mail professionnelle, c’est à dire une adresse de type: <a href="mailto:<EMAIL>"><EMAIL></a>. Si vous
							êtes étudiant, pensez à utiliser l’adresse mail de votre école.
						</p>
						<p dir="ltr">
							Il vaut mieux éviter les pseudos et les adresses mails de type: «<EMAIL> » ou « <EMAIL> » qui feront au mieux sourire, au pire
							fuir le recruteur. Votre professionnalisme risque de prendre un coup d’entrée de jeu. Faites attention aux providers qui sont souvent spammés (Hotmail ou
							Yahoo par exemple).
						</p>
						<br/>

					</div>

					<div class="box1" id="5">

						<ol start="5">
							<li dir="ltr">
								<h2 dir="ltr">
									Date de naissance et âge
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							La date de naissance est conseillé à mettre sous la forme jj/mm/aaaa, vous pouvez mettre votre âge entre parentèses, attention à rectifier chaque année.
						</p>
						<br/>
						<p dir="ltr">
							Il est inutile de mentir sur votre âge, car il peut être facilement évalué, grâce aux dates d’obtention de vos diplômes.
						</p>
						<br/>

					</div>

					<div class="box1" id="6">

						<ol start="6">
							<li dir="ltr">
								<h2 dir="ltr">
									Lieu de naissance(optionnel)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Vous pouvez mettre votre lieu de naissance. Si votre nom à une consonance étrangère et que vous êtes français. Il y a peu d'intérêt à le mettre si votre
							nom sonne bien Français.
						</p>
						<p dir="ltr">
							C’est peut-être une indication intéressante pour le recruteur, notamment si elle témoigne d’une mobilité géographique internationale et – surtout – de la
							parfaite connaissance d’une langue
						</p>
						<ol start="7">
							<li dir="ltr">
								<h2 dir="ltr">
									Nationalité (optionnel)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Vous pouvez specifier votre nationalité si vous avez double nationalité. Il y a peu d'intérêt si votre nom sonne bien français.
						</p>
						<p dir="ltr">
							Oui, si vous êtes étranger, ou si votre nom prête à confusion (si vous avez un nom aux résonances étrangères, tout en étant de nationalité française, par
							exemple).
						</p>
						<ol start="8">
							<li dir="ltr">
								<h2 dir="ltr">
									Réseau social (optionnel)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							si les informations accessibles sont présentées de façons professionnelles. Pensez à mettre régulièrement à jour vos informations. Certains recruteurs
							(30%) surfent sur les réseaux sociaux en quête d'informations, voir prennent contact avec vous via ces réseaux.
						</p>
						<p dir="ltr">
							réseaux utilisés par les recruteurs : linkedin, viadéo, tweeter, à la rigueur facebook (professionnel), mettre les statistiques.
						</p>
						<p dir="ltr">
							Site internet: Si en cohérence avec ce que vous souhaitez mettre en avant. Vérifiez qu'il fonctionne bien. Le recruteur fera sûrement un clic dessus.
						</p>
						<p dir="ltr">
							Un lien vers son profil sur un réseau social ?
						</p>
						<p dir="ltr">
							Il est judicieux de mentionner un lien vers sa page sur un réseau social si son contenu est à caractère strictement professionnel. Selon <NAME> : « les
							réseaux sociaux professionnels nous apportent un éclairage sur les relations et les contacts du candidat ». Ils ont d’ailleurs la cote parmi les
							recruteurs. « Viadeo est beaucoup utilisé dans les métiers de la création, d’Internet et de la communication, alors que les professionnels de l’industrie
							ont davantage recours à LinkedIn », précise <NAME>. Et les liens vers son compte Twitter ou sa page Facebook ? Là encore, ils peuvent apparaître
							sur un CV à condition que leur contenu ne versent pas dans le perso.
						</p>
						<p dir="ltr">
							Une référence immédiatement vérifiable
						</p>
						<p dir="ltr">
							Le book d’un créatif, la galerie photo d’un photographe, les sites créés par un chef de projet web… Les expériences et réalisations professionnelles
							peuvent être mises en relief grâce aux liens hypertextes. « Il s’agit là d’une démonstration par l’exemple, d’une référence immédiatement vérifiable qui
							apporte une réelle valeur ajoutée à la candidature », explique <NAME>, fondatrice du cabinet Elaee.
						</p>
						<p dir="ltr">
							Cet avis, bon nombre de recruteurs le partagent. En revanche, ils sont moins unanimes en ce qui concerne les liens renvoyant aux sites des anciens
							employeurs. Selon <NAME>, « le CV n’a pas vocation à faire la promo des entreprises pour lesquelles on a travaillé. » Pour <NAME>, ces liens
							peuvent cependant apporter un complément d’information intéressant dans un secteur où il est difficile de connaître tous les acteurs.
						</p>
						<p dir="ltr">
							Et qu’en est-il pour les liens renvoyant aux formations suivies ? Jugés inutiles par <NAME>, <NAME> estime qu’« ils peuvent être intéressants
							pour un étudiant en recherche de stage ou de contrat en alternance ».
						</p>
						<p dir="ltr">
							Attention à votre e-réputation !
						</p>
						<p dir="ltr">
							Quels que soient les liens mentionnés, tous doivent faire l’objet d’une scrupuleuse attention. Chacun d’entre eux se doit d’apporter une réelle valeur
							ajoutée au CV et non le pénaliser. Un lien non valide, un blog d’humeur politique, un profil avec des commentaires acerbes ne feront que porter préjudice à
							la candidature. « Le candidat doit s’assurer qu’aucun lien mentionné ne porte atteinte à sa e-réputation », conseille ainsi <NAME>.
						</p>
						<p dir="ltr">
							Méfiance donc avec les blogs et les sites personnels, certains peuvent agrémenter la rubrique « divers » du CV mais à condition d’apporter une plus-value
							et de ne pas être trop personnel. « Le renvoi vers un blog tenu durant un tour du monde me fournira des éléments intéressants concernant la patience, la
							méticulosité, la maîtrise d’Internet du candidat », illustre <NAME>.
						</p>
						<p dir="ltr">
							Outil intéressant pour apporter la démonstration concrète de ses réalisations, le lien hypertexte doit être manié avec précaution et parcimonie. Car « trop
							de liens tuent le lien », tranche <NAME>.
						</p>
						<br/>

					</div>

					<div class="box1" id="7">

						<ol start="9">
							<li dir="ltr">
								<h2 dir="ltr">
									Mobilité (optionnel)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Nationale ou internationale si vous en êtes sûr. Information pouvant être utile pour le recruteur
						</p>
						<ol start="10">
							<li dir="ltr">
								<h2 dir="ltr">
									Bilingue (optionnel)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Il faut mettre que si c’est vrai. Spécifier les langues. Plus value évidente. Attention, le recruteur peut entamer le dialogue directement dans la langue
							que vous maitrisez en dehors du Français
						</p>
						<ol start="11">
							<li dir="ltr">
								<h2 dir="ltr">
									Phrase d’accroche (optionnel)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Elle doit traduire un objectif, une ambition, elle doit être le plus factuelle possible. Elle induit la façon dont sera lu votre cv par la suite. Le
							recruteur va être influencé. Soit il arrête de lire, soit il va contrôler sa lecture en fonction de la phrase d'accroche
						</p>
						<p dir="ltr">
							Comme votre lettre de motivation ne sera lue qu’après de sévères sélections sur les CV. Ne vous privez pas de préciser sur votre CV vos objectifs. C’est en
							quelque sorte un préambule de votre lettre d’accompagnement et ce préambule peut pousser le recruteur à analyser d’avantage votre candidature. De plus en
							plus de cabinets indexent les CV dans divers outils, certains étant de simples index de recherche full-texte et d’autres sont équipés d’analyse sémantique,
							il vous faut donc utiliser dans votre CV le vocabulaire courant propre à votre secteur d’activité en évitant les acronymes et, si votre parcours
							professionnel un peu pauvre ne le permet pas, le paragraphe souhait et objectifs, vous donne toutes latitudes pour le faire.
						</p>
						<p dir="ltr">
							Les qualificatifs sur son CV ne doivent pas être choisis à la légère. LinkedIn a sorti les 10 mots les plus utilisés par ses membres. Les recruteurs se
							lassent de ne voir que des candidats créatifs, stratégiques et motivés.
							<img
							src="https://lh4.googleusercontent.com/4wTBry7_9wSQ-yryybV4vaFaf1EF52MVkh_lttjnkEeyjHQWUD6rbdAY3RJg79nYBTFHSMryb0LGSRpQFP4chieqczRlkcD5pOdSnQjdxPruVTaqjvoLb31c59xcE4t5ZL7I66pk"
							width="472"
							height="301"
							/>
						</p>
						<br/>
						<p dir="ltr">
							Plutôt que de répéter les mêmes buzzwords, nous invitons nos membres à rendre compte de ce qu’ils ont accompli au travers de photos, de présentations ou
							d’autres exemples afin d’apporter la preuve qu’ils sont effectivement "passionnés", "experts" et "créatifs". »
						</p>
						<br/>

					</div>

					<div class="box1" id="8">

						<ol start="12">
							<li dir="ltr">
								<h2 dir="ltr">
									Photo (optionnel)
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Votre photo doit donner envie de vous rencontrer, sourire, netteté, contraste, vêtement professionnel, attitude ouverte, couleurs. (évitez les scans de
							photo d'identité, les vieilles photos …). Elément fortement sujet à émotion donc à interprétation. Mieux vaut ne pas afficher de photo du tout que
							d’insérer un portrait livide, décalé, voir raté sur votre CV.
						</p>
						<p dir="ltr">
							Concrètement, se mettre en avant sur son CV en ligne commence par présenter une bonne photo. Les profils avec photo ont 14 fois plus de chances d’être
							consultés. Bien sûr, sourire professionnel et tenue adéquate sont de mise.
						</p>
						<p dir="ltr">
							Cependant, si vous avez rencontré des recruteurs par exemple sur un forum ou dans un salon professionnel, elle peut être un moyen pour eux de vous
							reconnaître.
						</p>
						<p dir="ltr">
							La photo n’est pas obligatoire dans un CV, surtout si elle ne vous met pas en valeur ou manque de professionnalisme. Evitez les photos de soirées, de
							vacances ou de famille, qui manquent de pertinence et de maturité.
						</p>
						<p dir="ltr">
							Préférez des photos dans des contextes professionnels. Une photo en décolleté est également à proscrire, miser sur l’atout physique dans une candidature
							est une faute de goût et révèle un manque flagrant d’arguments professionnels.
						</p>
						<br/>

					</div>

					<div class="box1" id="9">

						<ol start="13">
							<li dir="ltr">
								<h2 dir="ltr">
									A eviter
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Sexe: attention risque de discrimination à l'embauche si spécifiée (le prénom indique le sexe en général sinon ce sera la surprise pour le recruteur). Lui
							faire la surprise lors de l'entretien
						</p>
						<br/>
						<p dir="ltr">
							Situation familiale: Ce n'est plus comme avant, les situations sont nombreuses (célibataire, marié, pacsé, compagnon, divorcé …) et aucune ne traduit votre
							mobilité réelle.
						</p>
						<p dir="ltr">
							Les mensonges: Il peut être tentant, pour les candidats, d'« embellir » leur CV, à coup de faux diplômes, de compétences surévaluées ou de hobbies
							trafiqués. Selon une étude de Verifdiploma,
							<a href="http://www.terrafemina.com/emploi-a-carrieres/actu/articles/26253-quels-sont-les-mensonges-les-plus-courants-sur-un-cv-.html">
								26% des candidats n'hésiteraient d'ailleurs pas à mentir sur leur CV
							</a>
							. Pourtant, ces petits arrangements avec la vérité peuvent leur coûter cher en leur faisant manquer le poste de leurs rêves si le recruteur vient à
							découvrir la supercherie.
						</p>
						<br/>

					</div>

					<div class="box1" id="10">

						<ol start="14">
							<li dir="ltr">
								<h2 dir="ltr">
									Titre du CV
								</h2>
							</li>
						</ol>
						<p dir="ltr">
							Le titre fut longtemps présenté comme facultatif. Aujourd’hui la majorité des recruteurs considèrent qu’il est indispensable. Il doit cependant être manié
							avec intelligence : un titre trop flou donne l’impression d’un projet professionnel pas très clair tandis qu’un titre trop précis peut fermer des portes.
						</p>
						<p>
							Le titre indique généralement un poste (directeur administratif et financier) mais il peut aussi prendre l’intitulé d’un département (Direction
							administrative et financière). Quand on manque d’expérience, cela a l’avantage de désigner les métiers vers lesquels on s’oriente tout en montrant qu’on
							est prêt à étudier différents degrés hiérarchiques. Il est également possible d’ajouter le secteur d’activité si celui-ci est déterminant. En fait, c’est à
							chacun de placer le curseur en fonction de ses ambitions et de son parcours. Toutefois, il faut bannir les intitulés trop généraux (par exemple :
							communication).
						</p>
						<br/>

					</div>
				</div>
			</div>
		</div>

		<div class="col-md-3 col-sm-12 col-xs-12 animated slideInRight">
			
		</div>

		<div class="col-md-3 col-sm-12 col-xs-12 animated slideInRight">
			
		</div>

		<div class="col-md-6 col-sm-12 col-xs-12 animated slideInRight">
			<div class="x_panel">
				<div class="x_title">
				<?php
					nomChapitre($idMooc,$bdd,$numChap);
				?>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">


					<!-- Smart Wizard -->
					<h3>Exercices</h3>
					<div id="wizard" class="form_wizard wizard_horizontal">
						<?php
							creationWizardStep($idMooc,$numChap,$idChap,$bdd);
						?>
					</div>
					<!-- IMPORTANT AFFICHE LES INDICE -->
					<div id="indicebox"></div>
					<!-- IMPORTANT AFFICHE LES SOLUTIONS -->
					<div id="solucebox"></div>
					<!-- IMPORTANT POUR LES REPONSE AU QCM -->
					<?php 
						/*if(isset($_GET['idM']) && isset($_GET['idC'])) {
							//$idMooc = $_GET['idM'];
							echo '<div id="'.$_GET['idM'].'"></div>';
							$idChap = $_GET['idC'];	
						}*/
					?>
				</div>
			</div>
		</div>
	</div>
</div>

<file_sep>/app/includes/qcm.php
<?php
	function exoQcm($idMooc,$idChap,$idExo,$bdd,$numeroExo)
	{
		try{
			$selectChap = $bdd->prepare("SELECT * FROM chapitre WHERE id_mooc = $idMooc");
			$selectChap->execute();
			$lignesChap = $selectChap->fetchAll();
			
			$selectExo = $bdd->prepare("SELECT * FROM exercice WHERE id_chapitre = $idChap");
			$selectExo->execute();
			
			$lignesExo = $selectExo->fetchAll();
			
			$i = 0;
			$selectqcm = $bdd->prepare("SELECT * FROM qcm WHERE id_exercice = $idExo");
			$selectqcm->execute();
			
			$lignesQcm = $selectqcm->fetchAll();
			//Reponse du qcm
			$tabHint = array();
			$tabSolution = array();
			$numCaseTab=0; 
			$tabIndiceQcm = array();


			for($i = 0; $i < 60; $i++)
			{
				$tabRandArray[$i] = rand(1, 8000);
				//echo ','.$tabRandArray[$i];
			}


			//echo "size".$lignesQcm;
			//var_dump($lignesQcm);
			for($i = 0; $i < sizeof($lignesQcm) ; $i++)
			{
				$solution = $lignesQcm[$i]["solution"];

				$solution=htmlentities($solution, ENT_QUOTES, "UTF-8");
				$tabHint = preg_split('[-]', $solution);
				echo '<input type="hidden" id="indice" class="'.$i.$idExo.'" name="indice" value="' . htmlspecialchars(stripslashes($lignesQcm[$i]["indice_qcm"])). '" />'; //indice_qcm
				echo '<input type="hidden" id="explication" class="'.$i.$idExo.$idExo.'" name="explication" value="' . htmlspecialchars(stripslashes($lignesQcm[$i]["explication_qcm"])). '" />'; //explication_qcm
				for($itab = 0; $itab < sizeof($tabHint) ; $itab++)
				{
					//var_dump($tabHint);
					//echo sizeof($tabHint);
					//echo "**".$tabHint[$itab];
					//print_r("**".$tabHint[$itab]);
					//obligatoire si plusieurs reponse de meme nom
					//echo "<br>".$tabHint[$itab]."<br>";
					$valint = intval($tabHint[$itab]);
					//var_dump($valint );
					$ez  = $tabRandArray[$valint];
					$lowercase = strtolower($tabHint[$itab]);
					if($lowercase == 'oui'){
						$tabSolution[$numCaseTab]=$ez.$i.$idExo; //rajoute $i si doublon
						//print_r("+*".$tabSolution[$numCaseTab]);
					}else if($lowercase == 'non'){
						$tabSolution[$numCaseTab]=$ez.$i.$idExo; //rajoute $i si doublon
						//print_r("-*".$tabSolution[$numCaseTab]);
					}
					else{
						$tabSolution[$numCaseTab]=$ez.$i.$idExo;
						//print_r("-*".$tabSolution[$numCaseTab]);
					}
						
					$numCaseTab++;
				}
			}
			//var_dump($tabSolution);
			//Type hidden qui correpond au reponse pour le qcm
			//$temp = $tabSolution;
			$temp = preg_replace("/\s+/","", $tabSolution);
			$temp = str_replace( ',', '', $temp );
			//$temp = preg_replace("/é/","xxx", $temp );
			//print_r($temp);
			//$tabSolution=implode(",",$tabSolution);
			//$tabSolution=json_encode($tabSolution);
			//echo 'tab réponse='.$tabSolution;
			//Réponse présent
			//echo "<input type='hidden' class='soluce' name='zyx' value='".implode(",", $tabSolution)."'/>";
			echo '<input type="hidden" class="soluce" name="zyx" value="'.implode(",", $temp).'"/>';
			//echo "<input type='hidden' id='idexo' name='nameexo' value='".$tabSolution."'/>";
			//echo '<div id="solucebox"></div>'; //affichage sur show
			/*if(isset($idMooc) && isset($_GET['idC'])){
				echo "<input type='hidden' id='idm' name='idm' value='".$tabSolution."'/>";
			}*/
			echo "<input type='hidden' id='idm' name='idm' value='".$idMooc."'/>";
			echo "<input type='hidden' id='idc' name='idc' value='".$idChap."'/>";
			echo "<input type='hidden' id='ide' name='ide' value='".$idExo."'/>";
			//echo "<input type='hidden' id='indice' class='".$idExo."' name='indice' value='".htmlspecialchars(stripslashes($lignesQcm[0]["indice_qcm"]))."'/>";//indice
			echo '<input type="hidden" id="indice" class="'.$idExo.'" name="indice" value="' . htmlspecialchars(stripslashes($lignesQcm[0]["indice_qcm"])) . '" />';
			//affichage du QCM
				$ouinon = 0;
			for($i = 0; $i < sizeof($lignesQcm) ; $i++)
			{
				$reponse = $lignesQcm[$i]["reponse_qcm"];
				$tab = array();
				$tab = preg_split('[-]', $reponse);
				//var_dump($lignesExo);
				 echo'<div class="form-group">
					<h2 class="StepTitle center">'.$lignesQcm[$i]["question"].'</h2><br>';
				
								for($itab = 0; $itab < sizeof($tab) ; $itab++)
								{ 
									if( strtolower($tab[$itab]) == "oui" ||  strtolower($tab[$itab]) == "non")
									{
										if( strtolower($tab[$itab]) == "oui")
										{
										echo'<div class="ck-button">
											   <label>
												  <input type="checkbox" name="'.$tabRandArray[$itab].$i.$idExo.'" value="" style="display:none;"><span>'.$tab[$itab].'</span> 
											   </label>
											</div>';
										}
										else if( strtolower($tab[$itab]) == "non")
										{
										echo'<div class="ck-button">
											   <label>
												  <input type="checkbox"name="'.$tabRandArray[$itab].$i.$idExo.'" value="" style="display:none;"><span>'.$tab[$itab].'</span> 
											   </label>
											</div><br>';
										}
									}
									else{
										$affichageetvalue=htmlspecialchars(stripslashes($tab[$itab]));
										$affichageetvalue=htmlentities($affichageetvalue, ENT_QUOTES, "UTF-8");
										$affichageetvalue = preg_replace("/\s+/","",$affichageetvalue);
										$affichageetvalue = str_replace( ',', '',$affichageetvalue);
										echo '<div class="checkbox center">
											<label class="hover">
												<div class="icheckbox_flat-green checked hover" style="position: relative;"><input type="checkbox" name="'.$tabRandArray[$itab].$i.$idExo.'" class="flat"  style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div> 
												'.$tab[$itab].'<br>
											</label>
										</div>';
										//echo 'sok';
									}										
								}
				echo' </div><br>';
				echo '<button type="button" class="myindice btn btn-round btn-success btn-xs" value="'.$i.$idExo.'">Indice</button>'; // indice
				echo '<button type="button" class="myexplication btn btn-round btn-success btn-xs" value="'.$i.$idExo.$idExo.'">Explication</button>'; // indice
				//}
			}
		}
		catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur afficheChapitreExos()";
		}
	}
?><file_sep>/app/mooc/mooc4/chapitres/chapitre0.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/

$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	//echo'erreur';
}
?>
<div class="row">
	<div class="row">
		<div class="col-md-12 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Avant propos</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Settings 1</a>
								</li>
								<li><a href="#">Settings 2</a>
								</li>
							</ul>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">


			

					<img class="img left" src="../mooc/mooc1/chapitres/images/mooc.png" style="margin: 20px;" width="300px" alt="">
					
      					&nbsp<br>
						<p dir="ltr">
						    L’acronyme MOOC signifie « Massive Open Online Course » que l’on peut traduire par « cours en ligne ouvert et massif ». Il s’agit donc : 
- De cours et non pas de conférences ou de reportages. Ces cours sont d’un niveau universitaire. 
- De cours diffusés sur internet. 
- De cours gratuits et libre d’accès. Aucun prérequis n’est exigé de la part des participants. De plus, l’inscription sur les différentes plateformes de MOOCs est entièrement gratuite. Seule la délivrance de certificats (facultatifs) est payante. Cela ne signifie pas pour autant que le contenu délivré sur ces plateformes soit libre de droit. D’une manière générale, il ne peut être ni réutilisé, ni rediffusé sans le consentement de leurs auteurs. 
- De cours massifs. Le nombre d'inscrits par cours peut varier de quelques milliers à plus de 100'000 participants. Néanmoins, tous les étudiants n’ont pas forcément l’intention de suivre l'enseignement du début jusqu'à la fin, et seule un petite proportion d’étudiants est véritablement active. 
						</p>
						
						<div>
						    <br/>
						</div>


                    
				</div>
			</div>
		</div>
	</div>
</div>

<file_sep>/app/includes/requeteMooc.php
<?php
	
	function titreMooc($idMooc,$bdd)
	{
		$selectChap = $bdd->prepare("SELECT * FROM mooc");
		$selectChap->execute();
		$lignesChap = $selectChap->fetchAll();
		
		echo'<h2><a style="text-decoration:none; color:white;" href="../../app/modules/mooc.php?idM='.$idMooc.'">'.$lignesChap[$idMooc-1]["nom_mooc"].'</a></h2>';
		
	}
	
	function creationWizardStep($idMooc,$numChap,$idChap,$bdd) {
		try{
			          
			$selectChap = $bdd->prepare("SELECT * FROM chapitre WHERE id_mooc = $idMooc");
			$selectChap->execute();
			$lignesChap = $selectChap->fetchAll();
			if(sizeof($lignesChap) == 0){
			echo 'Aucun chapitre présent';
			}
			else{
				$partie = $lignesChap[$numChap-1]["partie"];
				$tabPartie = array();
				$tabPartie = preg_split('[-]', $partie);
					//var_dump($lignesExo);
					echo'<ul class="wizard_steps" style="padding-left: 0px;">';
							for($ipart = 0; $ipart < sizeof($tabPartie) ; $ipart++)
							{
								echo '<li>
								<a style="text-decoration:none; cursor:default;" href="#step-'.($ipart+1).' ">
									<span class="step_no">'.($ipart+1).'</span>
									<span class="step_descr">
									</span>
								</a>
						</li>';
							}
					echo'</ul></li>';
					
					
				$i = 0;
				if ($idMooc !=0  && $numChap !=0)
				{
					for($i = 0; $i < sizeof($tabPartie) ; $i++)
					{
						echo '<div id="step-'.($i+1).'">
						<div class="panel-body" style="display: block;">';
						
						//echo  nombreExoParChapitre($idMooc,$idChap,$bdd);
						$erreur = afficheChapitreExos($idMooc,$idChap,$bdd,$i);	
						if($erreur == -1)
						{
							echo '<h2 class="StepTitle">Exercice en construction</h2>';
						}
						
						echo '</div>
						</div>';
					}
					
				}
				else{
					$valid = 0;
					echo'erreur';
					}
					
			}
		}
		catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur creationWizardStep()";
		}
		
	}
	
	function chapitresplusSousPartie($idMooc,$bdd)
	{
		//var_dump($idMooc);
		$stringAvancement=''; //contient les chapitre fais par un user
		if ((isset($_SESSION['login'])) && (!empty($_SESSION['login']))){
			$user=$_SESSION['id_user'];
			//var_dump($user);
			try { 
		        $select = $bdd->prepare("SELECT * FROM suivre WHERE id_user = '$user' AND id_mooc = '$idMooc'");
		        $select->execute();
		        $lignes = $select->fetchAll();
		        //var_dump($lignes);
		         $stringAvancement = $lignes[0]["avancement"];
		       // echo "avancement -> ".$stringAvancement;
		    } catch (Exception $e) { 
		        echo $e->errorMessage();
		        echo "->erreur<br>";
		    }
		}
		try{
			$selectChap = $bdd->prepare("SELECT * FROM chapitre WHERE id_mooc = $idMooc");
			$selectChap->execute();
			$lignesChap = $selectChap->fetchAll();
			if(sizeof($lignesChap) == 0){
				echo 'Aucun chapitre présent';
			}
			else
			{
				for($i = 0; $i<sizeof($lignesChap); $i++)
				{
					$id_chap_tiret = '-'.($i+1); //verifie la présence
					//var_dump($stringAvancement);
					//var_dump($id_chap_tiret);
					if (strpos($stringAvancement, $id_chap_tiret) !== false) {
						echo '<li><a style=""  ><i class="fa fa-check-circle"></i>'.$lignesChap[$i]["titre"].'<br><span class="fa fa-chevron-down"></span><br></a>';
						$partie = $lignesChap[$i]["partie"];
						$tabPartie = array();
						$tabPartie = preg_split('[-]', $partie);
							//var_dump($lignesExo);
							 echo' <ul class="nav child_menu" style="display: none">';
									for($ipart = 0; $ipart < sizeof($tabPartie) ; $ipart++)
									{
										echo '<li><a href="../../app/modules/mooc.php?idM='.$idMooc.'&amp;idC='.$lignesChap[$i]["id_chapitre"].
											'&amp;numC='.$lignesChap[$i]["numero"].'"">'.$tabPartie[$ipart].'</a></li>';	
											
								
										
									}
							echo'</ul></li>';
					}else{
						echo '<li><a><i class="fa fa-book"></i>'.$lignesChap[$i]["titre"].'<br><span class="fa fa-chevron-down"></span><br></a>';
						$partie = $lignesChap[$i]["partie"];
						$tabPartie = array();
						$tabPartie = preg_split('[-]', $partie);
							//var_dump($lignesExo);
							 echo' <ul class="nav child_menu" style="display: none">';
									for($ipart = 0; $ipart < sizeof($tabPartie) ; $ipart++)
									{	
										
										echo '<li><a href="../../app/modules/mooc.php?idM='.$idMooc.'&amp;idC='.$lignesChap[$i]["id_chapitre"].
											'&amp;numC='.$lignesChap[$i]["numero"].'"">'.$tabPartie[$ipart].'</a></li>';	
										
										
										
									}
							echo'</ul></li>';
					}
				}
			}
		}
		catch (Exception $e) { 
			echo $e->errorMessage();
  			echo "->erreur chapitresplusSousPartie()";
		}
		
	}
	
	function nomChapitre($idMooc,$bdd,$numChap) 
	{
		try{
			
			$selectChap = $bdd->prepare("SELECT * FROM chapitre WHERE id_mooc = $idMooc");
			$selectChap->execute();
			$lignesChap = $selectChap->fetchAll();
			
				echo '<h2> '.$lignesChap[$numChap-1]["titre"].' </h2>';
		}
		catch (Exception $e){ 
		echo $e->errorMessage();
  		echo "->erreur idParNumeroChapitre()";
		}
	}
	
	function idParNumeroExo($idMooc,$idChap,$bdd,$numeroExo)
	{
		try{
			$selectChap = $bdd->prepare("SELECT * FROM chapitre WHERE id_mooc = $idMooc");
			$selectChap->execute();
			$lignesChap = $selectChap->fetchAll();
			
			$selectExo = $bdd->prepare("SELECT * FROM exercice WHERE id_chapitre = $idChap");
			$selectExo->execute();
			
			$lignesExo = $selectExo->fetchAll();
			if(sizeof($lignesExo) != 0 && $numeroExo<sizeof($lignesExo))
			{
				//echo'<div><h3 class="name"> Exercice n°'.$lignesExo[$numeroExo]["numero"].' </h3></div>';
				
				$idExo = $lignesExo[$numeroExo]["id_exercice"];	
				
				if(sizeof($lignesExo) != 0)
				{	
					return $idExo;
				}
			}
			else
			{
				echo 'Aucun exercice présent';
				return -1;
			}
		}
		catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur idParNumeroExo()";
		}
	}
	
	
	function nombreExoParChapitre($idMooc,$idChap,$bdd)
	{
		try{
			$selectChap = $bdd->prepare("SELECT * FROM chapitre WHERE id_mooc = $idMooc");
			$selectChap->execute();
			$lignesChap = $selectChap->fetchAll();
			
			$selectExo = $bdd->prepare("SELECT * FROM exercice WHERE id_chapitre = $idChap");
			$selectExo->execute();
			
			$lignesExo = $selectExo->fetchAll();
				
			if(sizeof($lignesExo) != 0)
			{	
				return sizeof($lignesExo);
			}
		
			else
			{
				echo 'Aucun exercice présent';
				return -1;
			}
		}
		catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur nombreExoParChapitre()";
		}
	}
	
	function afficheChapitreExos($idMooc,$idChapitre,$bdd,$numeroExercice)
	{
		try{
			if($idChapitre != -1) // -1 signifie que le chapitre n'existe pas
			{	
				$idExercice = idParNumeroExo($idMooc,$idChapitre,$bdd,$numeroExercice); // -1 signifie que l'exercice n'existe pas
				if($idExercice != -1)
				{
					exoQcm($idMooc,$idChapitre,$idExercice,$bdd,$numeroExercice);
				}
				else{
					return -1;
				}
			}
		}
		catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur afficheChapitreExos()";
		}
		
	}
?><file_sep>/app/mooc/mooc1/chapitres/chapitre9.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/


$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">

		<div class="col-md-6 col-sm-12 col-xs-12 animated slideInUp">
			<div class="x_panel">
				<div class="x_title">
					<h2> Chapitre 9 : Autres infos</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">


					<p dir="ltr">
					    Le recruteur reçoit des centaines de « CV.doc » par jour. Simplifiez-lui la vie avec un « CV-NOM-prenom.doc ».
					</p>
					<ol>
					    <li dir="ltr">
					        <p dir="ltr">
					            Format
					        </p>
					    </li>
					</ol>
					<p dir="ltr">
					    Format CV: Format A4, il est possible de faire d’autres formats. Format portrait (standard), plutôt que paysage. Grammage 90g. Texture standard. Souvent le
					    recruteur est habitué à un mode de lecture et de rangement, tous formats originaux risquent de le géner dans son organisation.
					</p>
					<p dir="ltr">
					    Une idée reçue consiste à dire que le CV doit tenir sur une seule page. Faux. Votre CV la plupart du temps immatériel peut tenir sur plusieurs pages et
					    donc avoir une présentation aérée. N’hésitez pas non plus à développer ce qui vous paraît fondamental dans votre parcours, d’utiliser des couleurs, des
					    polices de caractères différents pour gagner en lisibilité. C’est votre CV. Il est le reflet de votre image. Appropriez-vous le. S’il dégage du caractère
					    le recruteur le sentira. Si vous souhaitez que votre CV soit conforme et très sobre alors c’est que vous êtes conformiste et le recruteur le retiendra
					    seulement si c’est ce qu’il recherche ! En d’autres termes, plus votre CV vous correspond, plus le recruteur sensible à votre CV sera celui qui vous
					    conviendra.
					</p>
					<div>
					    <br/>
					</div>
					
				        
				</div>
			</div>
		</div>

		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Exemple</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
	
			</div>
		</div>

</div>

<file_sep>/app/mooc/mooc1/chapitres/chapitre3.php
<?php
$idMooc;
$idChap;

 if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	

	//afficheChapitreExos($idMooc,$idChap,$bdd,0);													
	//echo $idMooc;
}else{
	$valid = 0;
	echo'erreur';
}
?>

<script>
		var nbClickMax=5;
        var nbClick=0;
        var scoreGlobal;
    
        function compter()
        {
            nbClick++;
            var nbTentativesrestantes = parseInt(document.getElementById("tentative").innerHTML);
            nbTentativesrestantes=nbTentativesrestantes-1;
            document.getElementById("tentative").innerHTML =nbTentativesrestantes;
            if(nbClick>=nbClickMax)
            {
               // alert('Nombre de clic maximum atteint');
               // 
                $.ajax({
			            url: '../includes/cv_interactif.php',
			            type: 'POST', 
			            data: {
			                scoreGlobal: scoreGlobal, //la solution
			            },
			            success: function(data) {
			                var ndata=data;  //jsondata c'est le callback de wizard.jss
			                //alert (ndata);
			            },
			            error: function(json) {
			                //alert('false');
			                //$('.alert-danger').show();
			            }
			        });

               	//scoreGlobal;
                // On désactive les clics sur les areas
                $("area").each(function() {
                    $(this).attr("onclick","inutile()");
                });
                // On désactive les clics sur l'image
                $("#fauxcv").attr("onclick","inutile()"); 
            }

        }

        function afficheTitle(title){
            alert(title);
        }

        function augmenteScore(title){
            var score = parseInt(document.getElementById("score").innerHTML);
            score = score+20;
            scoreGlobal=score;
            document.getElementById("score").innerHTML =score;
            $("#"+title).attr("onclick","dejaTrouve()");
        }

        function dejaTrouve(){
            alert("Cette erreur à déjà été trouvée");
        }

        function inutile(){

        }


        function diminueScore(){
            var score = parseInt(document.getElementById("score").innerHTML);
            if(score>=20){
                score=score-20;
                scoreGlobal=score;
            }
            document.getElementById("score").innerHTML =score;
        }

</script>

<div class="row">
	<div class="col-md-6 col-sm-12 col-xs-12 ">
		<!-- CONTENU COURS -->
		<div class="animated slideInUp">
			<div class="x_panel">
				<!-- TITRE COURS -->
				<div class="x_title">
					<h2> Chapitre 3 : Projets </h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<!-- COURS -->
				<div class="x_content">
					<div class="my_step_box">
						<div class='row'>
							<div class="col-md-3"></div>
							<div class="col-md-6">
								<div class="btn-group" role="group" aria-label="...">
								  <button type="button" class="btn btn-default myBtnBack"><span class="glyphicon glyphicon-chevron-left"></span> Retour</button>
								  <button type="button" class="btn btn-default myBtnAll"><span class="glyphicon glyphicon-eye-open"></span> </button>
								  <button type="button" class="btn btn-default myBtnNext">Suivant<span class="glyphicon glyphicon-chevron-right"></span></button>
								 </div>
							</div>
							<div class="col-md-3"></div>
						</div>

						<div class="box1" id="1">
							<ol start="1">
								<li dir="ltr">
									<h2 dir="ltr">
										Introduction
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Dans cette section de votre CV, vous pouvez mettre les projets réalisés dans le cadre de vos études ou des projets personnels qui ont un rapport avec votre formation. Si vous n’avez pas beaucoup d’experience professionnelle, il est conseillé de mettre cette partie entre la formation et l’experience professionnelle. En revanche si vous avez plus de 5 ans d’experience en entreprise, cette partie n’est pas très utile. Dans ce cas la il est préferable de developper les projets effectués au sein d’une entreprise dans la description de vos experiences professionnelles.
							</p>
							<p dir="ltr">
								Dans le cas ou vous avez effectué beaucoup de projets durant votre formation, selectionnez les projets que vous voulez mettre en avant par rapport au poste à lequel vous postulez. 
							</p>
							<p dir="ltr">
								Pour chaque projet il faut indiquer le titre, la date, courte description et preciser si c’est un projet d’équipe ou individuel. Pour structurer les informations, il est important d’utiliser les puces pour presénter chaque projet/groupe de projet suivi. 
							</p>
							<br/>
						</div>

						<div class="box1" id="2">
							<ol start="2">
								<li dir="ltr">
									<h2 dir="ltr">
										Titre et Date
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Tout d’abord, il faut mettre le titre de votre projet et la date. En ce qui concerne l’ordre, vous pouvez les classer soit par date anti-chronologique ou par criteres des projets. Par exemple, si vous avez effectué plusieurs projets informatiques en plusieurs langages, vous pouvez classer vos projets par langages informatiques. 
							</p>
							<p dir="ltr">
								Exemple de la partie “Projets” d’un CV:
								Dans cet exemple il faut faire attention et ne pas oublier de mettre au saut de ligne qui coupe l’intitulé d’un sigle,
								sinon cela rend la lecture difficile.
							</p>
							<p dir="ltr">
								<img class="" src="../mooc/mooc1/chapitres/images/projets.png" width="500px" alt="">
							</p>
							<br/>
						</div>

						<div class="box1" id="3">
							<ol start="3">
								<li dir="ltr">
									<h2 dir="ltr">
										Description (Résultats-Objectifs)
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								Il est important de mettre la description et les objectifs de votre projet et les mots-clés importants. Cela permettra au recruteur de comprendre les compétences que vous avez pu developper durant la réalisation de ce projet et de quoi il s’agit exactement. Par exemple, si vous avez crée un site web et qu’il est disponible en ligne vous pouvez mettre un lien vers ce site.
							</p>
							<p dir="ltr">
								Si votre projet faisait partie d’un concours, il est important de le mettre en avant et de mentionner les résultats, comme votre position finale parmi d’autres projets. 
							</p>
							<br/>
						</div>

						<div class="box1" id="4">
							<ol start="4">
								<li dir="ltr">
									<h2 dir="ltr">
										Projet d’équipe/projet individuel (positions dans l’équipe)
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								 
							</p>
								Pour chaque projet precisez si c’était un projet individuel ou un projet d’équipe. Dans le cas du projet individuel, cela peut montrer que vous savez gérer un projet de A à Z tout seul. Dans le cas d’un projet d’équipe, vous pouvez mettre en valeur le fait que vous savez travailler en groupe, que vous savez diviser le travail du projet en plusieurs tâches entre les membres de l’équipe.
							<br/>
						</div>

						<div class="box1" id="5">
							<ol start="5">
								<li dir="ltr">
									<h2 dir="ltr">
										Récapitulatif du chapitre
									</h2>
								</li>
							</ol>
							<p dir="ltr">
								<ol>
									<li>
										Mettre la partie “Projets” si votre expérience professionnelle est inférieure à 5 ans d’expérience.
									</li>
									<li>
										Si vous avez effectué beaucoup de projets, sélectionner ceux qui peuvent vous mettre en valeur en fonction du poste recherché.
									</li>
									<li>
										Pour chaque projet, indiquer: Date/Titre/Description/Type Projet (individuel ou projet d’équipe)/Résultat
									</li>
									<li>
										Classement par ordre anti chronologique ou par critères. 
									</li>

									<li>
										Dans la description mettez les points clés du projet.
									</li>
								</ol>
							</p>
							
							<br/>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- VIDEO -->
		<div class="row">
			<div class="col-md-12 col-sm-12 col-xs-12 animated slideInUp">
				<div class="x_panel">
					<div class="x_title">
						<h2> Vidéo </h2>
						<ul class="nav navbar-right panel_toolbox">
							<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
							</li>
							<li><a class="close-link"><i class="fa fa-close"></i></a>
							</li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<div class="x_content">
						<div class="videocontainer lg6"> 
                         <!--<iframe src="https://www.youtube.com/embed/lX7kYDRIZO4" frameborder="0" ></iframe>-->
                         <iframe width="560" height="315" src="https://www.youtube.com/embed/_r7bht-LgvU" frameborder="0" allowfullscreen></iframe>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- EXERCICES -->
	<div class="col-md-6 col-sm-12 col-xs-12 animated slideInRight">
		<div class="x_panel">
			<div class="x_title">
			<?php
				nomChapitre($idMooc,$bdd,$numChap);
			?>
				<ul class="nav navbar-right panel_toolbox">
					<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
					</li>
					<li><a class="close-link"><i class="fa fa-close"></i></a>
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">


				<!-- Smart Wizard -->
				<h3>Exercices</h3>
				<div id="wizard" class="form_wizard wizard_horizontal">
					<?php
						creationWizardStep($idMooc,$numChap,$idChap,$bdd);
					?>
				</div>
				<!-- IMPORTANT AFFICHE LES INDICE -->
				<div id="indicebox"></div>
				<!-- IMPORTANT AFFICHE LES SOLUTIONS -->
				<div id="solucebox"></div>
				<!-- IMPORTANT POUR LES REPONSE AU QCM -->
				<?php 
					/*if(isset($_GET['idM']) && isset($_GET['idC'])) {
						//$idMooc = $_GET['idM'];
						echo '<div id="'.$_GET['idM'].'"></div>';
						$idChap = $_GET['idC'];	
					}*/
				?>
			</div>
		</div>
	</div>


		<div class="col-md-12 col-sm-12 col-xs-12 animated slideInUp" >
			<div class="x_panel">
				<div class="x_title">
					<h4> CV Intéractif </h4>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content" style="overflow:auto;" >
					<p style="font-size:14px;"><b> Cliquez sur les erreurs de ce CV pour marquer des points, attention à ne pas cliquer de partout sinon vous en perdrez. Il y a 5 erreurs et vous disposez de 5 clics. A vous de jouer !</b><p>
					<br>
                	<img style="margin:0 auto; display:block;" id="fauxcv" src="../mooc/mooc1/chapitres/images/fauxcv2.png" usemap="#map1" onclick="diminueScore();compter();"> 
    				<map name="map1">

        				<area style="text-decoration:none; cursor:default;" shape="rect" id="area1" coords="28,8,154,146" onclick="augmenteScore(this.id);compter();" />

    					<area style="text-decoration:none; cursor:default;" shape="rect"  id="area2" coords="172,35,375,54" onclick="augmenteScore(this.id);compter();" />

    					<area style="text-decoration:none; cursor:default;" shape="rect"  id="area3" coords="203,183,531,201" onclick="augmenteScore(this.id);compter();" />

    					<area style="text-decoration:none; cursor:default;" shape="rect" id="area4" coords="170,132,334,148" onclick="augmenteScore(this.id);compter();" />

    					<area style="text-decoration:none; cursor:default;" shape="rect"  id="area5" coords="13,552,141,572" onclick="augmenteScore(this.id);compter();" />

    				</map>

    <div>
    	<br>
        <p>Score : <span id="score">0</span></p>
        <p>Tentatives restantes : <span id="tentative">5</span></p>
        
    </div>
    </div>    	
				</div>
			</div>
		</div>
	</div>
</div>

<file_sep>/app/modules/mooc.php
<?php
  session_start();
  
  include '../includes/connect.inc.php';
  include '../includes/requeteMooc.php';
  include '../includes/qcm.php';
  include '../includes/dragdrop.php';
    //inscrition au mooc (voir description.php car method get ->fonctionsDescription.php)
    if(isset($_SESSION['login']) && isset($_GET['insert']) && isset($_GET['idM'])){
        $unlockTrophy = $bdd->query('SELECT COUNT(id_user) AS cpt FROM suivre WHERE id_user= "'.$_SESSION['id_user'].'" AND id_mooc="'.$_GET['idM'].'"');
        $donnees = $unlockTrophy->fetch();
        $unlockTrophy->closeCursor();      
       // echo $donnees['cpt'];
        if($donnees['cpt']==0){
            $iduser = $_SESSION['id_user'];
            $idM = $_GET['idM'];
            try { 
                $requete_prepare= $bdd->prepare("INSERT INTO suivre(date_suivi,avancement,id_user,id_mooc) VALUES(current_date, 0,'$iduser', '$idM')"); // on prépare notre requête
                $requete_prepare->execute();
                //echo "->OK inscrition au mooc";
              
            } catch (Exception $e) { 
                echo $e->errorMessage();
                echo "->erreur";
            }
        }else{
           // echo 'deja inscrit';
        }
    }
    /** Function qui insere le succes lors de l'inscription au mooc*/
    function unlockSuccessInscription($bdd){
        if ((isset($_SESSION['id_user'])) && (!empty($_SESSION['id_user']))  && isset($_GET['idM']))
        {
            //session ok
            $myid=$_SESSION['id_user'];
            $idMooc = $_GET['idM'];
            $nbSucces = 4; // nombre de succes par MOOC
            $id_succes = $idMooc*$nbSucces-($nbSucces-1);
            try { 
                $requete_prepare= $bdd->prepare("INSERT INTO `debloquer` (`date_obtention`, `id_succes`, `id_user`) VALUES (current_date, '$id_succes', '$myid')"); // on prépare notre requête
                $requete_prepare->execute();
            } catch (Exception $e) { 
                //echo $e->errorMessage();
            }
        }
    }

     unlockSuccessInscription($bdd);
  $idMooc;
  if(isset($_GET['idM'])) {
    $idMooc = $_GET['idM']; 
  }else{
    $valid = 0;
    echo'erreur';
  }
?>
<!--
  Material Design Lite
  Copyright 2015 Google Inc. All rights reserved.
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
      https://www.apache.org/licenses/LICENSE-2.0
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License
-->

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">

  <meta property="og:title" content="Mooc Isen">
  <meta property="og:image" content="">
  <meta property="og:url" content="http://colombies.com/app">
  <meta property="og:description" content="Une plateforme pour apprendre gratuitement des cours d'ingénieur à l'ISEN.">
  <meta property="robots" content="">
  
  <!-- Title -->
  <title>Mooc Isen</title>    
   
  <!-- favicon.ico -->
  <link rel="shortcut icon" href="../favicon.ico">

  <!-- Disable tap highlight on IE -->
  <meta name="msapplication-tap-highlight" content="no">

  <!-- Web Application Manifest -->
  <link rel="manifest" href="../manifest.json">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="application-name" content="<NAME>">
  <link rel="icon" sizes="192x192" href="../images/touch/chrome-touch-icon-192x192.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Mooc Isen">
  <link rel="apple-touch-icon" href="../images/touch/apple-touch-icon.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="../images/touch/ms-touch-icon-144x144-precomposed.png">
  <meta name="msapplication-TileColor" content="#457871">

  <!-- Color the status bar on mobile devices -->
  <meta name="theme-color" content="#457871">

  <!-- Bootstrap core CSS -->
  <link href="../assets/css/bootstrap.min.css" rel="stylesheet">

  <!-- font awesome -->
  <link href="../assets/fonts/css/font-awesome.min.css" rel="stylesheet">
  
  <!-- animate -->
  <link href="../assets/css/animate.min.css" rel="stylesheet">

  <!-- Custom styling plus plugins -->
  <link href="../assets/css/custom.css" rel="stylesheet">
  <link href="../assets/css/style.css" rel="stylesheet">
  <link href="../assets/css/icheck/flat/green.css" rel="stylesheet">
  <link href="../assets/css/floatexamples.css" rel="stylesheet">

  <!-- iframe -->
  <link href="../assets/css/iframe-responsive.css" rel="stylesheet">
</head>
<body class="nav-md">

    <div class="container body">
    <div class="main_container ">
      <div class="col-md-3 left_col ">
        <div class="left_col mygrid-wrapper-div">
          <div class="navbar nav_title" style="border: 0;">
            <a href="../index.php" class="site_title"><i class="glyphicon glyphicon-education"></i> <span>MOOCs</span></a>
          </div>
          <div class="clearfix"></div>

          <!-- menu prile quick info -->
          <div class="profile">
            <div class="profile_pic">
              <img src="../assets/images/user.png" style="margin: 10px;" alt="..." class="img-circle profile_img">
            </div>
            <div class="profile_info">
              <span>MOOC,</span>
              <?php
                titreMooc($idMooc,$bdd);
              ?>
            </div>
          </div>
          <!-- /menu prile quick info -->

          </br>

          <!-- sidebar menu -->
          <div id="sidebar-menu" class="main_menu_side hidden-print main_menu ">
            <div class="menu_section ">
              <h3>Chapitres</h3>
              <ul class="nav side-menu ">
                <?php
                $valid = 1;
                $idMooc;
                if (isset($_GET['idM'])) {
                  $idMooc = $_GET['idM']; 
                  //requeteMooc.php
                  chapitresplusSousPartie($idMooc,$bdd);              
                  //echo $idMooc;
                }else{
                  $valid = 0;
                  echo'erreur';
                }       
                ?>
            </div>
            <div class="menu_section">
              <h3>Menu</h3>
              <ul class="nav side-menu">
                <li><a><i class="fa fa-wrench"></i> Paramètres<span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu" style="display: none">
                    <li><a href="connected/profil.php"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Profil</a>
                    </li>
                    <li><a href="connected/admin.php"><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>  Dashboard</a>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>

          </div>
          <!-- /sidebar menu -->
        </div>
      </div>  

            <!-- top navigation -->
            <div class="top_nav">
                <div class="nav_menu">
                    <nav class="" role="navigation">
                        <div class="nav toggle">
                            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                        </div>

                        <ul class="nav navbar-nav navbar-right">
              <!-- AFFICHAGE MENU -->
              <li class="">
                <?php  
                if ((isset($_SESSION['email'])) && (!empty($_SESSION['email']))){
                //Si Connecter
                ?>
                <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                  <?php 
                    
                    if ((isset($_SESSION['avatar'])) && (!empty($_SESSION['avatar']))){
                      $avatar=$_SESSION['avatar'];
                      $str = str_replace('../', '', $avatar);
                      echo '<img src="../'.$str.'" alt="">';
                    }else{
                      echo '<img src="../assets/images/user.png" alt="">';
                    }
                  ?>
                  
                   <?php 
                   $short_string=  $_SESSION['email']; //On va afficher juste les 5 premiers pour regler le pb d'affichage sur mobile
                   echo substr($short_string, 0, 10).".."; 
                   ?>
                  <span class=" fa fa-angle-down"></span>
                  <ul class="dropdown-menu dropdown-usermenu animated fadeIn pull-right">
                    <li><a href=" connected/profil.php"><i class="fa fa-user pull-right"></i>Profil</a>
                    </li>
                    <li><a href="../includes/logout.php"><i class="fa fa-sign-out pull-right"></i>Déconnexion</a>
                    </li>
                  </ul>
                </a>
                <?php  
                //Si pas connecter
                }else{
                  echo "<a href='not-connected/inscription.php' class='user-profile dropdown-toggle'>";
                  echo "<img src='../assets/images/loadpulseX60.gif' alt=''/>";
                  echo "<span class=' fa fa-angle-down'></span>";
                echo "</a>";
                }
                ?>
              </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!-- /top navigation -->

            <!-- page content -->
            <div class="right_col" role="main">
                <?php
                if(isset($_GET['idC']) && isset($_GET['idM'])) {
                   $idChap = $_GET['idC']; 
                   $idMooc = $_GET['idM'];                    
                   $numChap = $_GET['numC'];                    
                   include '../mooc/mooc'.$idMooc.'/chapitres/chapitre'.$numChap.'.php';
               }
               else if(isset($_GET['idM'])){
                   $idMooc = $_GET['idM'];
                   echo'<h3>Introduction</h3>';
                   include '../mooc/mooc'.$idMooc.'/chapitres/chapitre0.php';
               } 
        ?>

        <div class="row">
        </div>
            </div>
            <!-- /page content -->
        </div>
    </div>

    <div id="custom_notifications" class="custom-notifications dsp_none">
        <ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
        </ul>
        <div class="clearfix"></div>
        <div id="notif-group" class="tabbed_notifications"></div>
    </div>
   
    <!-- jQuery -->
    <script src="../assets/js/jquery.js"></script>
  <script src="../assets/js/jquery.min.js"></script>
  <script src="../assets/js/jquery-sortable.js"></script>
  
    <!-- jQuery UI DRAG AND DROP-->
    <script src="../assets/js/jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>

    <script src="../assets/js/bootstrap.min.js"></script>

    <!-- gauge js -->
    <script src="../assets/js/gauge/gauge.min.js"></script>
  
    <!-- chart js -->
    <script src="../assets/js/chartjs/chart.min.js"></script>
  
    <!-- bootstrap progress js -->
    <script src="../assets/js/progressbar/bootstrap-progressbar.min.js"></script>
    <script src="../assets/js/nicescroll/jquery.nicescroll.min.js"></script>
  
    <!-- icheck -->
    <script src="../assets/js/icheck/icheck.min.js"></script>
  
    <!-- daterangepicker -->
    <script src="../assets/js/moment.min.js"></script>
    <script src="../assets/js/datepicker/daterangepicker.js"></script>

    <script src="../assets/js/custom.js"></script>

    <!-- form validation -->
    <script src="../assets/js/validator/validator.js"></script>

    <!-- Validation -->
    <script src="../assets/js/jqueryvalidate/jquery.validate.min.js"></script>
    <script src="../assets/js/jqueryvalidate/additional-methods.min.js"></script>

    <!-- flot js -->
    <!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
    <script src="../assets/js/flot/jquery.flot.js"></script>
    <script src="../assets/js/flot/jquery.flot.pie.js"></script>
    <script src="../assets/js/flot/jquery.flot.orderBars.js"></script>
    <script src="../assets/js/flot/jquery.flot.time.min.js"></script>
    <script src="../assets/js/flot/date.js"></script>
    <script src="../assets/js/flot/jquery.flot.spline.js"></script>
    <script src="../assets/js/flot/jquery.flot.stack.js"></script>
    <script src="../assets/js/flot/curvedLines.js"></script>
    <script src="../assets/js/flot/jquery.flot.resize.js"></script>
  
  <!-- skycons -->
    <script src="../assets/js/skycons/skycons.js"></script>
  
  <!-- form wizard -->
  <script src="../assets/js/wizard/jquery.smartWizard.js"></script>
  
  <!-- Custom JS -->
    <script src="../scripts/mooc.js"></script>

  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-77911480-1', 'auto');
    ga('send', 'pageview');
  </script>
</body>
</html><file_sep>/app/mooc/mooc1/chapitres/chapitre4.php
<?php
/*
	Chapitre où l'eleve envoie son CV par mail au prof
*/


$idMooc;
$idChap;

if (isset($_GET['idM']) && isset($_GET['idC'])) {
	$idMooc = $_GET['idM'];
	$idChap = $_GET['idC'];	
}else{
	$valid = 0;
	echo'erreur';
}
?>
<div class="row">

		<div class="col-md-6 col-sm-12 col-xs-12 animated slideInUp">
			<div class="x_panel">
				<div class="x_title">
					<h2> Chapitre 4 : Compétences</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
						<li><a class="close-link"><i class="fa fa-close"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
                    	<p dir="ltr">
					    Trop souvent négligées, les compétences sont pourtant fondamentales. Et elles ne se limitent surtout pas aux langues et autres logiciels informatiques.
					</p>
					<p dir="ltr">
					    Les compétences permettent de présenter une synthèse de ce que vous savez faire. Elles donnent un point de vue transversal sur votre carrière : vous
					    insistez sur ce que vous avez fait et appris à faire au cours de vos différents postes et formations. C’est grâce à elles qu’un recruteur peut rapidement
					    déterminer si votre profil correspond à une fiche de poste.
					</p>
					<ul>
					    <li dir="ltr">
					        <p dir="ltr">
					            Les compétences doivent être classées par domaine. Cela facilite leur lecture, prouve votre professionnalisme et votre esprit de synthèse.
					        </p>
					    </li>
					    <li dir="ltr">
					        <p dir="ltr">
					            Elles doivent bien sûr correspondre aux expériences.
					        </p>
					    </li>
					    <li dir="ltr">
					        <p dir="ltr">
					            Il faut se méfier des redites entre les détails des expériences et les compétences : ceux-ci doivent se faire écho, pas se répéter.
					        </p>
					    </li>
					</ul>
					<p>
					    Une fois tous ces éléments bien en main, vous devez vous les réapproprier. En effet, le CV met en scène votre parcours et vos projets pour convaincre les
					    recruteurs de vos qualités. Comme dans toute mise en scène, le choix de l’organisation est fondamental. Indiquer discrètement ou au contraire souligner
					    votre formation, mettre en valeur une expérience plutôt qu’une autre sont autant de choix qui en diront long sur la perception que vous avez de votre
					    propre parcours.
					</p>
                    	
				</div>
			</div>
		</div>

		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>Exemple</h2>
					<ul class="nav navbar-right panel_toolbox">
						<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
	
			</div>
		</div>

</div>

<file_sep>/db/log.sql
-- phpMyAdmin SQL Dump
-- version 4.1.14
-- http://www.phpmyadmin.net
--
-- Client :  127.0.0.1
-- Généré le :  Mar 01 Mars 2016 à 21:52
-- Version du serveur :  5.6.17
-- Version de PHP :  5.5.12

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Base de données :  `mooc`
--

-- --------------------------------------------------------

--
-- Structure de la table `log`
--

CREATE TABLE IF NOT EXISTS `log` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `id_user` int(11) DEFAULT NULL,
  `connect_time` varchar(50) DEFAULT NULL,
  `email` varchar(60) DEFAULT NULL,
  `ip` varchar(50) DEFAULT NULL,
  `lien` varchar(100) DEFAULT NULL,
  `dernierlien` varchar(300) DEFAULT NULL,
  `pays` varchar(100) DEFAULT NULL,
  `browser` varchar(300) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=24 ;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
<file_sep>/app/includes/requestgraph.php
<?php
session_start();

include 'connect.inc.php';  // Connection bdd

if((isset($_POST["data"]))) {
	$idMooc = $_POST["data"];

$titreMooc = $bdd->prepare('SELECT numero, titre,id_chapitre FROM chapitre WHERE id_mooc="'.$idMooc.'" ORDER BY numero');
$titreMooc->execute();
$resuTitreMooc =  $titreMooc->fetchAll();

$scoreUser = array();
$scoreMax = array();
$pourcentage = array();

//Permet de calculer le score de l'utilisateur courant sur un chapitre sur un mooc

for($i=0;$i<sizeof($resuTitreMooc);$i++){
	$scoreMooc = $bdd->query('SELECT sum(score) AS score FROM faire WHERE id_user= "'.$_SESSION["id_user"].'" AND id_exercice IN (SELECT id_exercice FROM mooc INNER JOIN chapitre ON mooc.id_mooc = chapitre.id_mooc INNER JOIN exercice ON "'.$resuTitreMooc[$i]["id_chapitre"].'"=exercice.id_chapitre WHERE mooc.id_mooc = "'.$idMooc.'")');
		$donnees1 = $scoreMooc->fetch();
		$scoreMooc->closeCursor();

		if($donnees1["score"] == NULL){
			$scoreUser[$i] = 0;
		}
		else{
			$scoreUser[$i]= (int)$donnees1["score"];
		}		
}
		
// Permet de calculer le score maximal possible en fonction des exercices réalisés par l'utilisateur pour ce MOOC

for($i=0;$i<sizeof($resuTitreMooc);$i++){
	 $scoreMaxMooc = $bdd->query('SELECT sum(valeur_exo) AS total FROM mooc INNER JOIN chapitre ON mooc.id_mooc = chapitre.id_mooc INNER JOIN exercice ON chapitre.id_chapitre=exercice.id_chapitre WHERE mooc.id_mooc = "'.$idMooc.'" AND chapitre.id_chapitre="'.$resuTitreMooc[$i]["id_chapitre"].'" AND id_exercice IN(SELECT id_exercice FROM faire WHERE id_user= "'.$_SESSION["id_user"].'")');  
		$donnees2 = $scoreMaxMooc->fetch();
		$scoreMaxMooc->closeCursor();

		if($donnees2["total"] == NULL){
			$scoreMax[$i] = 0;
		}
		else{
			$scoreMax[$i]= (int)$donnees2["total"];
		}		
}

for($i=0;$i<sizeof($resuTitreMooc);$i++){
	if($scoreMax[$i]==0){
		$pourcentage[$i]=0;
	}
	else{
		$pourcentage[$i]=(int)($scoreUser[$i]/$scoreMax[$i]*100);
	}
}

// remplir pourcentage 

$all = array();
$all[0] = $resuTitreMooc;
$all[1] = $pourcentage; 

echo json_encode($all);

}else{

}
?><file_sep>/app/scripts/connected/catalogue.js
/*!
 *
 *  Google
 *  Copyright 2015 Google Inc. All rights reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *    https://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License
 *
 */

 $(document).keydown(function(e) {
          //console.log("---------"+e.which);
          var retour =e.which;
          if(retour==8){
          //  $(".mdl-cell").css('width', '30%');
            $(".mdl-cell").show();
          }
        });

     function filter(){
     }


      function filter2(){
                var chaine = $(".search").val().toLowerCase();
                //console.log(chaine);
                if(chaine.length == 0){
                    $(".namesearch").each(function(){
                        $(this).parents(".mdl-cell").removeClass("hide").addClass("show");
                    });
                }
                if (chaine.length > 1){
                    if(true == true){
                       //$(".mdl-cell").show();
                        $(".namesearch").each(function(){
                            var n = $(this).text().toLowerCase().search(chaine);
                            if(n != -1){
                                $(this).parent().parent().show();    

                            }
                            else{    
                                //$(this).parent().parent().css('width', '10px');                          
                                $(this).parent().parent(".mdl-cell").hide();

                            }
                         
                        });
                    }
                   /* else{
                        $(".matiere").each(function(){
                            
                            var n = $(this).text().toLowerCase().search(chaine);
                            if(window.greeting == 8){
                                $(this).parents(".mdl-cell").removeClass("hide").addClass("show");
                            }
                            else{
                                $(this).parents(".mdl-cell").removeClass("show").addClass("hide");
                                console.log($(this).text().toLowerCase());
                            }
                        });
                    }*/
                }
            }<file_sep>/app/assets/js/cvinteractif.js
var nbClickMax=3;
        var nbClick=0;
    
        function compter()
        {
            nbClick++;
            var nbTentativesrestantes = parseInt(document.getElementById("tentative").innerHTML);
            nbTentativesrestantes=nbTentativesrestantes-1;
            document.getElementById("tentative").innerHTML =nbTentativesrestantes;
            if(nbClick>=nbClickMax)
            {
                alert('Nombre de clic maximum atteint');
                // On désactive les clics sur les areas
                $( "area" ).each(function() {
                    $(this).attr("onclick","inutile()");
                });
                // On désactive les clics sur l'image
                $("#fauxcv").attr("onclick","inutile()"); 
            }

        }

        function afficheTitle(title){
            alert(title);
        }

        function augmenteScore(title){
            var score = parseInt(document.getElementById("score").innerHTML);
            score = score+20;
            document.getElementById("score").innerHTML =score;
            $("#"+title).attr("onclick","dejaTrouve()");
        }

        function dejaTrouve(){
            alert("Cette erreur à déjà été trouvée");
        }

        function inutile(){

        }


        function diminueScore(){
            var score = parseInt(document.getElementById("score").innerHTML);
            if(score>=20){
                score=score-20;
            }
            document.getElementById("score").innerHTML =score;
        }<file_sep>/app/includes/dragdrop.php
<?php
	function exoDragDrop($idMooc,$idChap,$idExo,$bdd,$numeroExo)
	{
		try{
			$selectChap = $bdd->prepare("SELECT * FROM chapitre WHERE id_mooc = $idMooc");
			$selectChap->execute();

			$lignesChap = $selectChap->fetchAll();
			
			$selectExo = $bdd->prepare("SELECT * FROM exercice WHERE id_chapitre = $idChap");
			$selectExo->execute();
			
			$lignesExo = $selectExo->fetchAll();
			
			$i = 0;
			$selectqcm = $bdd->prepare("SELECT * FROM dragdrop WHERE id_exercice = $idExo");
			$selectqcm->execute();
			
			$lignesQcm = $selectqcm->fetchAll();
			
			for($i = 0; $i < sizeof($lignesQcm) ; $i++)
			{
				$reponse = $lignesQcm[$i]["reponse_dd"];
				
				 echo'<div class="form-group">
					<h2 class="StepTitle center">'.$lignesQcm[$i]["texte"].'</h2><br>';
				echo' </div><br>';
				
				//}
			}
		}
		catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur afficheChapitreExos()";
		}
	}
?><file_sep>/app/includes/affichages/menuChap.php
<div class="main_container">

	<div class="col-md-3 left_col">
		<div class="left_col scroll-view">

			<div class="navbar nav_title" style="border: 0;">
				<a href="../../index.php" class="site_title"><i class="glyphicon glyphicon-education"></i> <span>MOOCs</span></a>
			</div>
			<div class="clearfix"></div>

			<!-- menu prile quick info -->
			<div class="profile">
				<div class="profile_pic">
					<img src="../../assets/images/user.png" alt="..." class="img-circle profile_img">
				</div>
				<div class="profile_info">
					<span>MOOC,</span>
					<h2>Comment faire un CV d'ingénieur</h2>
				</div>
			</div>
			<!-- /menu prile quick info -->

			<br />

			<!-- sidebar menu -->
			<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">

				<div class="menu_section">
					<h3>Chapitres</h3>
					<ul class="nav side-menu">
					   
	
						<?php
						
						$valid = 1;
						$idMooc;
						 if (isset($_GET['idM'])) {
							$idMooc = $_GET['idM'];								
							echo $idMooc;
						}else{
							$valid = 0;
							echo'erreur';
						}
						
						chapitresplusSousPartie($idMooc,$bdd);
									
						?>
				</div>
				<div class="menu_section">
					<h3>Menu</h3>
					<ul class="nav side-menu">
						<li><a><i class="fa fa-question-circle"></i> Autre <span class="fa fa-chevron-down"></span></a>
							<ul class="nav child_menu" style="display: none">
							   <!-- <li><a href="e_commerce.html">E-commerce</a>
								</li>
								<li><a href="projects.html">Projects</a>
								</li>
								<li><a href="project_detail.html">Project Detail</a>
								</li>
								<li><a href="contacts.html">Contacts</a>
								</li>
								<li><a href="profile.html">Profile</a>
								</li>
							-->
							</ul>
						</li>
						<li><a><i class="fa fa-wrench"></i> Paramètres <span class="fa fa-chevron-down"></span></a>
							<ul class="nav child_menu" style="display: none">
							   <!-- <li><a href="page_404.html">404 Error</a>
								</li>
								<li><a href="page_500.html">500 Error</a>
								</li>
								<li><a href="plain_page.html">Plain Page</a>
								</li>
								<li><a href="login.html">Login Page</a>
								</li>
								<li><a href="pricing_tables.html">Pricing Tables</a>
								</li>
							-->
							</ul>
						</li>
						<li><a><i class="fa fa-envelope"></i> Tchat <span class="label label-success pull-right">Coming Soon</span></a>
						</li>
					</ul>
				</div>

			</div>
			<!-- /sidebar menu -->

			<!-- /menu footer buttons -->
			<div class="sidebar-footer hidden-small">
				<a data-toggle="tooltip" data-placement="top" title="Settings">
					<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
				</a>
				<a data-toggle="tooltip" data-placement="top" title="FullScreen">
					<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
				</a>
				<a data-toggle="tooltip" data-placement="top" title="Lock">
					<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
				</a>
				<a data-toggle="tooltip" data-placement="top" title="Logout">
					<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
				</a>
			</div>
			<!-- /menu footer buttons -->
		</div>
	</div>	<file_sep>/app/includes/update_pwd.php
<?php
include 'connect.inc.php';  /// Connection bdd

//ok=1   ko=0
function formValid(){
	$verif = 1;
	if (isset($_POST['password'])) {
 		echo '<br>'.$_POST['password'];
	 }else{
	 	$verif=0;
	 }
	 if (isset($_POST['id'])) {
 		echo '<br>'.$_POST['id'];
	 }else{
	 	$verif=0;
	 }
	
	if($verif==0){
		return 0;
	}else{
		return 1;
	}
}

//Verifie si l id de reset_password existe
//ok=1   ko=0
function verifId(){
	include 'connect.inc.php';
	$verif = 1;
	$id = $_POST['id'];
	try { 
	$requete_prepare = $bdd->prepare("SELECT * FROM user WHERE reset_password='$id'"); // on prépare notre req
	$requete_prepare->execute();
	$result = $requete_prepare->fetchAll( PDO::FETCH_ASSOC );
	var_dump($result);
	} catch (Exception $e) { 
		echo $e->errorMessage();
  		echo "->erreur";
	}

	if($result==NULL){
		$verif = 0; //L'id de reset password
	}
	return $verif;
}

//Met a jour l id pour le reset du mdp
function updateIdResetPwd(){
 	include 'connect.inc.php';
 	$valPwd = $_POST['<PASSWORD>'];
 	$valPwd = md5($valPwd);
 	$id = $_POST['id'];
	try { 
		$requete_prepare= $bdd->prepare("UPDATE user SET password='$<PASSWORD>' WHERE reset_password='$id'"); // on prépare notre requête
		$requete_prepare->execute();
		var_dump($requete_prepare);
		echo "->OK pwd update";
		
	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur";
	}
 }

 function resetId(){
 	include 'connect.inc.php';
 	$id = $_POST['id'];

	try { 
		$requete_prepare= $bdd->prepare("UPDATE user SET reset_password='0' WHERE reset_password='$id'"); // on prépare notre requête
		$requete_prepare->execute();
		var_dump($requete_prepare);
		echo "->OK reset_password update";
		
	} catch (Exception $e) { 
  		echo $e->errorMessage();
  		echo "->erreur";
	}
 }

$verif = formValid();
if(verifId()==0){
	//header ("location: ../index.php?erreur=id n'existe pas (Lien déja utilisé)");
	header ("location: ../modules/not-connected/changerMdp.php?erreur=id n'existe pas (Lien déja utilisé)");
	//echo "->id n'existe pas (Lien déja utilisé)";
}else if($verif==1){
	updateIdResetPwd();
	resetId();
	header ("location: ../index.php?ok=mdp reinit success");
}
else{
	header ("location: ../modules/not-connected/changerMdp.php?erreur=Formulaire erreur");
	//header ("location: ../index.php?erreur=formulaire erreur");
}
?>