• Programmation orientée Objet
• Prise en main d'un framework
  • Contrôleurs
  • Formulaires/vues Twig
• Tableaux associatifs

• php 7.1 ou supérieur (vérifier avec php -v en invite de commande)
• composer (Téléchargement)
• PhpStorm ou Eclipse PHP

Installer Ubiquity-devtools

composer global require phpmv/ubiquity-devtools 1.0.x-dev

Créer le projet tp2 en invite du commande à partir du dossier htdocs de XAMPP

cd htdocs
ubiquity new tp2 -q=semantic -a

Ouvrir/créer ce projet avec votre IDE (Eclipse ou PHPStorm)

• Créer le contrôleur Messages, à partir de la console d'administration http://127.0.0.1/tp2/admin.

• Afficher le texte Hello world dans la méthode index() :

<?php
namespace controllers;
 /**
 * Controller Messages
 **/
class Messages extends ControllerBase{

	public function index(){
		echo "Hello world";
	}
}

Tester en allant à l'adresse http://127.0.0.1/tp2/Messages : l'action par défaut d'un contrôleur est la méthode index

• Créer l'action hello dans le contrôleur Messages avec le paramètre destinataire

<?php
namespace controllers;
 /**
 * Controller Messages
 **/
class Messages extends ControllerBase{

	public function index(){
		echo "Hello world";
	}

	public function hello($destinataire){
		echo "Hello ". $destinataire;
	}
}

Tester le résultat aux adresses :

• http://127.0.0.1/tp2/Messages/hello/world
• http://127.0.0.1/tp2/Messages/hello/you !

Ajouter une valeur par défaut au paramètre $destinataire de la méthode hello

<?php
...
	public function hello($destinataire='all the world !'){
		echo "Hello ". $destinataire;
	}
}

Tester le résultat aux adresses :

• http://127.0.0.1/tp2/Messages/hello
• http://127.0.0.1/tp2/Messages/hello/world
• http://127.0.0.1/tp2/Messages/hello/you !

Créer l'action display dans le contrôleur Messages, et lui passer les paramètres message, type='info', icon='info circle',
cocher la case create associated view à la création :

Modification de l'action :

L'action doit passer les paramètres à la vue (sous forme d'un tableau associatif) :

...
	public function display($message,$type='info',$icon='info'){
		$this->loadView('Messages/display.html',["message"=>$message,"type"=>$type,"icon"=>$icon]);
	}

Modifier la vue pour qu'elle affiche un message produit par Semantic-ui

<div class="ui {{type}} icon message">
	<i class="{{icon}} icon"></i>
	<div class="content">
		{{message}}
	</div>
</div>

Tester la page en allant aux adresses : Tester le résultat aux adresses :

• http://127.0.0.1/tp2/Messages/display/Hello
• http://127.0.0.1/tp2/Messages/display/Ceci est un message d'avertissement/warning/warning circle

Il est également possible de passer les variables en utilisant la fonction compact :

...
	public function display($message,$type='info',$icon='info'){
		$this->loadView('Messages/display.html',\compact("message","type","icon"));
	}

Il s'agit de créer un jeu permettant de deviner un nombre généré aléatoirement.

1. Créer dans un seul fichier app/views/base.html un template structuré en 4 blocks de la façon suivante :

Le block menu affichera la liste des opérations possibles :

<div class="ui secondary  menu">
	<a href="RandomNumberGame/index" class="active item">
	Home
	</a>
	{% block menu %}
	{% endblock %}
</div>
{% block header %}
	<h1 class="ui header">
		<i class="search icon"></i>
		Random Number Game
	</h1>
	<div class="ui message">
		<div class="header">
			Random number game
		</div>
		<p>Trouvez le nombre aléatoire.</p>
	</div>
{% endblock %}
...

Le block body affichera l'opération en cours

...
{% block body %}
{% endblock %}
...

...
<div class="ui inverted segment">
{% block footer%}
	<a href="RandomNumberGame/termine" class="ui inverted red button">
		<i class="icon stop"></i>
		Arrêter le jeu
	</a>
{% endblock %}
</div>

Le contrôleur définit la constante SESSION_KEY, clé qui permettra de sauvegarder le nombre aléatoire en session :

 /**
 * Controller RandomNumberGame
 **/
class RandomNumberGame extends ControllerBase{
	const SESSION_KEY="random";

Pour générer un nombre aléatoire entre 1 et 10 :

$number=\mt_rand(1,10);

Pour sauvegarder le nombre en session :

SessionUtils::set(self::SESSION_KEY, $number);

Pour récupérer la variable de session :

$number=SessionUtils::get(self::SESSION_KEY);

Pour vérifier que la variable existe en session :

if(SessionUtils::exists(self::SESSION_KEY)){
    //Faire quelque chose si la variable existe
}

Pour récupérer la variable number postée :

$number=RequestUtils::post("number");

Si aucun nombre n'est généré en session :

La vue index.html hérite de base.html et redéfinit certains blocks :

{% extends "base.html" %}
{% block body %}

{% endblock %}

{% block footer%}
	<a href="RandomNumberGame/genere" class="ui inverted teal button">
		<i class="ui plus icon"></i>
		Nouvelle partie
	</a>
{% endblock %}

On souhaite ajouter de nouvelles fonctionnalités au jeu :

• Ajout d'une limite en nombre d'essais pour deviner le nombre
• Création de niveaux de jeu :
  • Facile : génération entre 1 et 10 en 5 essais
  • Intermédiaire : génération entre 1 et 15 en 6 essais
  • Difficile : génération entre 1 et 20 en 7 essais
• Mémorisation et affichage des parties réalisées