Deprecated: Assigning the return value of new by reference is deprecated in /var/www/sdb/8/f/dev.art/wordpress/wp-settings.php on line 472

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/sdb/8/f/dev.art/wordpress/wp-settings.php on line 487

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/sdb/8/f/dev.art/wordpress/wp-settings.php on line 494

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/sdb/8/f/dev.art/wordpress/wp-settings.php on line 530

Strict Standards: Declaration of Walker_Page::start_lvl() should be compatible with Walker::start_lvl(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_Page::end_lvl() should be compatible with Walker::end_lvl(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_Page::start_el() should be compatible with Walker::start_el(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_Page::end_el() should be compatible with Walker::end_el(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_PageDropdown::start_el() should be compatible with Walker::start_el(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 611

Strict Standards: Declaration of Walker_Category::start_lvl() should be compatible with Walker::start_lvl(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_Category::end_lvl() should be compatible with Walker::end_lvl(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_Category::start_el() should be compatible with Walker::start_el(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_Category::end_el() should be compatible with Walker::end_el(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_CategoryDropdown::start_el() should be compatible with Walker::start_el(&$output) in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/classes.php on line 728

Strict Standards: Redefining already defined constructor for class wpdb in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/wp-db.php on line 306

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/cache.php on line 103

Strict Standards: Redefining already defined constructor for class WP_Object_Cache in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/cache.php on line 425

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/query.php on line 21

Deprecated: Assigning the return value of new by reference is deprecated in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/theme.php on line 623

Strict Standards: Redefining already defined constructor for class WP_Dependencies in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/class.wp-dependencies.php on line 15

Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method Wordics::myWordics_init() should not be called statically in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/plugin.php on line 311
Développement et arts numériques » Nicolas de Marqué - Fromentin
Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/kses.php on line 947

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /var/www/sdb/8/f/dev.art/wordpress/wp-includes/kses.php on line 948

Archive

Author Archive

Interface et affichage en Java

novembre 29th, 2008

La richesse des interfaces de ce langage lui permettent aussi bien de fournir une page formaté html que des graphique ou des résultats à la ligne de commande. Les différentes techniques permettant de générer un résultat sont dépendant des classes chargées dès qu’il s’agit d’afficher des

Utilisation en mode console

Mode simple

Les entrées et sorties console sont intégrées sans ajout de classes externes obligatoires, néanmoins comme le montre l’exemple suivant il est utile de référencé certaines classes afin de permettre une saisie optimisé (en l’occurence buffurisation de l’entrée clavier). Les arguments qaund à eux peuvent être intégré en entrée de la méthode main de la classe principale.

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
 
public class system {
	public static void main(String[] args) throws IOException {
		for (int i = 0; i < args.length; i++) {
			System.out.println(args[i]);
		}
		String saisie = "";
		BufferedReader entreeClavier = new BufferedReader(
				new InputStreamReader(System.in));
		System.out.println("Taper 'je sors du programme' pour sortir");
		while (true) {
			if (saisie.equals("je sors du programme"))break;
			if(saisie!="jesors")System.out.print(saisie);
			saisie = entreeClavier.readLine();
			System.out.println("'"+saisie+"'");			
		}
	}
}

L’applet

L’applet est géré dans une classe simple, l’ajout de graphisme est permis par la méthode paint qui affichera texte et images.
L’exemple suivant permet une initialisation de l’applet en ajout à la propriété msg la valeur “Bonjour de java!’. La méthode paint sera ensuite appelé de manière authomatique et affichera le message précédemment enregistré.

import java.applet.Applet;
import java.awt.Graphics;
 
public class bonjour extends Applet {
	String msg;
	public void init() {
		msg="Bonjour de java !";
	}
	public void paint(Graphics g) {
		g.drawString(msg, 20, 20);
	}
 }

Les interfaces de formulaire

AWT

AWT s’appuie sur des composant pendant de la plateforme d’affichage, il est donc os dépendant. Son successeur introdfuit en java 2 swing s’extrait de ce lien.

Swing

Swing est une bibliothèque graphique pour le langage de programmation Java, faisant partie du package Java Foundation Classes (JFC), inclus dans J2SE. Swing constitue l’une des principales évolutions apportées par Java 2 par rapport aux versions antérieures.

Swing offre la possibilité de créer des interfaces graphiques identiques quel que soit le système d’exploitation sous-jacent, au prix de performances moindres qu’en utilisant Abstract Window Toolkit (AWT). Il utilise le principe Modèle/Vue-Contrôleur (M/VC, les composants Swing jouent en fait le rôle de Contrôleur au sens du MVC) et dispose de plusieurs choix d’apparence (de vue) pour chacun des composants standard.

Un exemple d’utilisation simple

// classes importées
import java.awt.Dimension;
import javax.swing.JFrame;
import javax.swing.JLabel;
 
public class form1 extends JFrame {
	// le constructeur
	public form1() {
		// titre de la fenêtre
		this.setTitle("Mon premier formulaire");
		this.getContentPane().add((new JLabel("Ceci est un label de formulaire!")));
		// dimensions de la fenêtre
		this.setSize(new Dimension(300, 100));
	}
	// fonction de test
	public static void main(String[] args) {
		System.out.println("Début du thread main");
		// on affiche le formulaire
		new form1().setVisible(true);
		// suivi
		System.out.println("Fin du thread main");
	}
}

Comme on peut le remarquer dans l’exemple précédent l’utilisation de swing se fait en complément de AWT et non en remplacement.

Bibliographie

Serge Tahé APPRENTISSAGE DU LANGAGE JAVA - Université d’Angers - 09/1998 - Rév. 06/2002
Wikipedia

L’application de la gravité

septembre 6th, 2008

Appliquer les lois de la logique a été une des premières innovations lié à l’informatique. Des langages comme le prolog ont ainsi été inventé afin de maitriser la logique des assertions comme :

Aristote est un homme.
Tous les hommes sont mortels.
Résultat fourni par l’ordinateur : Aristote est mortel.

La physique n’est pas en reste et les gamers jouent depuis nombre d’années dans des environnements virtuels 3D dans lesquels la pesanteurs et la gestions des collisions est au rendez vous.

Une application en flash

Etant donné la facilité d’implémentation des intéraction utilisateurs, ainsi que la génération graphique, j’ai intégré cette lois simple x(t)=1/2*gt² dans un environnement flash :

Get Adobe Flash player

Le code est simple et ne réprésente qu’une centaine de lignes.

Quelques explications

Le déplacement est gérer par des vecteurs vitesse vx et vy. La fonction de base utilisé pour le déplacement est :

	function calcPosition() {
		position_x = -v0_x*t*Math.sin(angle)+pos0_x;
		position_y = -1/2*g*t*t-v0_y*t*Math.sin(angle)+pos0_y;
	}

La vitesse est réorienté à chaque collision suivant la fonction suivante :

	function rebond() {
		t = 0;
		var pos0:Array;
		pos0_x = this._x;
		pos0_y = this._y;
		var v0x = (positionAnt_x-position_x)/tick;
		var v0y = (positionAnt_y-position_y)/tick;
		v0_x = Math.abs(v0x);
		v0_y = Math.abs(v0y);
		calculateAngle(v0x*inv_x, v0y*inv_y);
		collision = 'sans';
	}

Qui en fait se résume à une mise à jour de la valeur d’angle et des vecteurs v0x et v0y.

Le déplacement est mise à jour a chaque image suivant les principes énooncés précédemment (mouvement paramétré et détection de collision). Comme l’exemple le montre le mouvement est fluide et correspond assez bien à une balle rebondissante.

Pour aller plus loin

Un exemple plus abouti a été réalisé par generalrelativity.org.

Une étude complète sur la détection de collision : Détection de collision sur flashxpress

Utilisation de fonction sur un évènement

août 28th, 2008

Evènement dans le code HTML

Sur un évènement du dom, une méthode simple est de référencer directement dans le code html, l’attribut onevent à la balise que l’on veut rendre dynamique.

Exemple :

<input type="text" value="entrer" />

Cette méthode très avantageuse permet :

  • de passer des paramètres à la fonction destinataire
  • de garder la balise émettrice de l’appel

Ce qui n’est pas possible avec les fonctions dynamiques.

Evènements gérés de manière dynamique

Deux standards

Le premier standard est celui du dom, il est reconnu par firefox et opéra, et s’écrit sur la forme :

element.addEventListener(event, handler, typePropagation);

Le deuxième est celui d’IE :

element.attachEvent(event, handler)

A noter que event s’écrit avec IE en incluant le ‘on’ et sans dans le dom w3c (ie:onclick, dom:click).

Un explication détaillée peut être trouvée ici

Problématique

Dans une utilisation basique, nous perdons :

  • la capacité d’envoyé à la fonction d’autre variable que l’élément source.
  • l’élément sur lequel est inscrit la fonction (sous IE il est impossible de retrouver de manière simple cet élément)

Cherchant une utilisation cross-Browser nous nous retrouvons avec très peu d’information une fois l’évènement enclenché.

Solution

Il peut s’averer utile de transmettre des variables, il est tout aussi utile de connaitre l’origine de l’évènement qui est souvent plus intéressant que la balise qui l’a déclenché*.

l’utilisation de la fontion eval s’avère une solution :

function addEvent(element, action, fct, bool){
	if (element.addEventListener) {
		element.addEventListener(action, function(){eval(fct)}, bool);
	} else if (element.attachEvent) {
		element.attachEvent("on"+action, function(){eval(fct)});
	}
}
addEvent(
    document.getElementById('test'),
    'click',
    'alert(\''+document.getElementById('test').getAttribute('id')+'\');alert(new Date())',
    false
)

Balise Test

Voilà, avec cette méthode vous pouvez transmettre tout paramètre à vos évènements.

A noter que cela est aussi utilisable pour les handlers présent dans settimeout ou dans setintervalle.

*En effet, sous ces deux navigateurs, un évènement intégré dans une balise de niveau n serait reconnu par les balise de niveau n+m, et c’est la balise finale qui enverrais son identification et non la balise portant l’évènement. Avec IE, il n’existe pas de variable simple afin de récupérer cette balise, avec le dom, event.currentTarget permet de la connaitre.

Récupérer flux de sortie en php

juillet 4th, 2008

Fonctions très utiles pour qui veux mélanger php et html sans avoir peur de perdre la coloration syntaxique ou les possibilités d’auto complétion permises par les éditeurs modernes. Vous éditer un fichier html comportant quelques balises php pour les variables à afficher, et vous le trater à partir d’une fonction similaire à celle-ci :

Exemple :

function affich($vars, $url_du_fichier_a_inclure){
    //rend disponible les variables dans la fonction
    foreach($vars as $n=>$v)$$n=$v;
    //Stoppe le flux de sortie et le bufferise
    ob_start();
    include("url_du_fichier_a_inclure");
    //Sauvegarde du tampon dans une variable
    $buffer = ob_get_flush();
    ob_end_clean ()
?>
Author: Nicolas de Marqué - Fromentin Categories: Web, html, php Tags: ,

Inclusion javascript - include javascript

mars 5th, 2008
function include(url){
	if ( document.all ){
		var xml = new ActiveXObject("Microsoft.XMLHTTP");
		xml.Open( "GET", url, false );
		xml.Send()
		document.writeln(xml.responseText);
	}else{
		if ((location.host=='' &amp;&amp; url.indexOf(location.protocol)==-1) || url.indexOf(location.host)==-1){
			netscape.security.PrivilegeManager.enablePrivilege("UniversalConnect");
		}
		var dest = new java.net.URL(url);
		var dis = new java.io.DataInputStream(dest.openStream());
		var res = "";
		while ((line = dis.readLine()) != null){
			res += line + java.lang.System.getProperty("line.separator");
		}
		dis.close();
		document.writeln(res);
		return res;
	}
}

CSS, transparence et chevauchement

septembre 5th, 2006

Comme tout bon développeur web, je me suis attaqué à la transparence d’éléments d’une page web par l’application de styles css.

Première approche

La solution est simple et trouvée depuis bon nombre d’années, elle se compose ainsi pour une opacité de 50% ou une transparence de 50%:

-moz-opacity:0.5;
opacity: 0.5;
filter:alpha(opacity=50);

Problématique de l’héritage

La transparence comme d’autre propriété est héritée par les enfants qui intègrent l’élément père. Ainsi pour un bloc div, le code suivant

<div style="display: block; height: 115px;position:relative">
  <img style="float:left " src="image" alt="" />
  <div style="opacity: 0.5; background-color: blue; position:absolute">
    <div style="opacity: 1;">
      Texte
    </div>
  </div>
</div>

donne ceci

Texte

Les div imbriquées dans l’élément portant la transparence sont elles aussi affectées par cette transparence.
L’héritage est non modifiable, et l’ajout de propriétés d’opacité aux éléments sous-jaçants ne modifie pas leurs transparence.
La solution est alors de créer deux éléments non imbriqués qui se superposent, en mettant en premier plan l’élément opaque.
Le code devient

<div style="display: block; height: 115px;">
  <img style="float:left " src="image" alt="" />
  <div style="position:relative">
    <div style="opacity: 0.5; background-color: blue; position:absolute"></div>
    <div style="position:absolute">Texte</div>
  </div>
</div>

Pour afficher ceci, dans lequel le texte est bien en opacité totale

Texte

Bienvenue sur Développement et arts numérique

mars 5th, 2006

Voici l’ouverture de ce blog essentiellement dédié au développement informatique, à ses liens avec le domaine artistique.