.Fay Labs

Fayçal's Projects Web Page

2011-09-14T17:10:00.000Z

WordPress CSS Sprites Generator For Posts Content

2011-09-01T20:05:00.000Z

Description:

Are you after reducing your server load and speeding up your web pages? You've heard of CSS sprites before but you don't konw how they can bring improvements in your situation?

Well, simply put, each image on a web page is a separate HTTP request to the server, and experience shows that you can dramatically increase the performance of a page by combining multiple images or icons into a larger image sprite sheet. CSS is finally used to select the parts of the composite image to display at different places in the page.

WordPress CSS Sprites Generator for posts content try to offer your pages this performance improvement by automatically creating for you corresponding CSS sprites for images in posts, pages and custom type posts which reduce by the way the amount of image files and then the amount of HTTP requests.

Download from codecanyon

Family galleries, portfolios, news reports with a lot of photos, manual making of sprites for every post content can be a really tedious task. WordPress CSS Sprites Generator for posts content saves your bandwidth and provides an automated solution to replace all standard IMG tag by the corresponding CSS sprites.

Main Features:

Ready to use, global options are applied on existing and future posts/pages images
Customizing the number of images per sprite for every single post/page
Automation of the generated sprites quality compression for better optimization

Download from codecanyon

WP CSS Sprites Generator for posts content is available in the following languages:

English
French

Requirements:

PHP5 and GD support turned on (which is already the case for 99,99% if you are dealing with images)

Limitation:

CSS Sprites generation WILL NOT WORK with PAGED galleries plugin, it's not possible to automate this generation since every plugin handles the pagination on its own way
Just in case when your images have CSS PADDING rules, this style rule or class must be moved to a wrapped div.

Screenshots


Plugin Settings

Post's settings

Description containes the corresponding CSS rules

Download from codecanyon

WordPress Advanced Image Lazy Load

2011-08-01T17:42:00.000Z

Introduction

Your website has many image intensive content and take up a lot of resources when loading up? Your boss and your clients consider the pages fluidity a serous matter?


Remember that time is money!

Plugin Description

With WP Image Lazy Load plugin, no more need to sacrifice your beautiful images quality!

Family galleries, portfolios, news reports with a lot of photos. This plugin is providing a better user experience by delaying loading of images in (especially in long) web pages. Images outside of visible part of the page that the user is viewing wont be loaded before user scrolls down to them.

Get from codecanyon

Main Features :

Ready to use, no action is needed for existing or future images on posts/pages
Improving images selection performance by customizing default selectors for several site sections
Cascading enabling/disabling levels :

Level 1 : Enable or disable for the whole website
Level 2 : Enable or disable for all posts and pages
Level 3 : Enable or disable for all images within a specific post or page
Level 4 : Enable or disable for a specific post's or page's image

Customizing the loading of images
Possibility to also lazy load theme images which are not part of posts/pages.

WP Advanced Image Lazy Load is available in the following languages :

English
French

Speed up your website by lazy loading images JUST on demand!

Installation guide

Plugin upload

Plugin activation

Plugin Settings

Getting started

The simple activation of the plugin is enough to have the desired behavior for all the posts and pages images.
By default the lazy load is activated via severals global levels

Global Enabling Levels

Posts/Pages Enabling Level

Images Enabling Level

Images Enabling/Disabling by css class

Customizing Loading Image

Enabling or disabling loading effect for better speed result

Advanced Features - Themes Hacks

The plugin does its magic for you when it comes to images within posts or pages. If you want to reuse the same mechanism for your own theme's images that are not part of posts body:

Make sure your image belongs to the selector scope
Set the src attribute of the img tag with this function helper as value get_wp_lazy_loading_blank_image()
Add a "lazy" class to the img
Add a "data-original" attribute to the img tag with the original image URI

For example instead of having:
<img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>" width='290' height='160' />

Rather write:

<?php if(function_exists('get_wp_lazy_loading_blank_image')){ ?>
<img class="lazy" data-original="<?php echo $image[0]; ?>" src="<?php echo get_wp_lazy_loading_blank_image(); ?>" alt="<?php the_title(); ?>" width='290' height='160' />
<?php } else { ?>
<img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>" width='290' height='160' />
<?php } ?>

WordPress Theme Switcher+

2011-07-01T13:04:00.000+01:00

Introduction

Are your visitors fed up with the current theme in your WordPress based website ?
Have you ever thought of having multiple themes?

Because WordPress allows to set one -and only one- theme in a website... apparently, no matter where you browse within your website, you end up with the same theme again... and over again!

Only one theme at a time is not enough, It's really a sorely lack, right? even though WordPress community offers thousands and thousands of high quality themes, WordPress core system lacks the multiplicity of them, Do you agree?!

Hence, the idea of this plugin comes out!

Plugin Description

Get from codecanyon

So if you are here, it’s because you want to automatically switch between different themes on the fly according to a specific criteria... Luckily, that's why WP Theme Switcher+ is made.

We are not talking about changing the background image or loading an additional CSS, but rather changing the whole theme; You can for example set a theme A for a specific category X, a theme B for an author Y or Z, a theme C when a post has a tag T1 and T2...

You can make unlimited combinations on different test types and different WordPress objects.

You can try theme switching conditions your self before you decide whether to buy it.

Username: demo
Password: demo

In this release, theme switching can be based on the following conditions:

Custom posts
Custom taxonomies terms
Mobile devices
Logged user
Logged user profile

Other supported tests:

Single posts
Pages
Authors
Categories
Tags
Custom fields
Location within the site (Post, Archive, Search...)
Any string from the current URI
Week days
Months

The plugin works with and without activating Permalinks feature.

WP Theme Switcher+ is available in the following languages :

English
French

Please do not hesitate to contact me if you have any further questions

Watch the video presentation on Youtube

Installation guide

Get from codecanyon

Plugin upload

Plugin activation

Getting started

The plugin settings page is very simple, the goal is to translate conditions within your website into scenarios

Plugin main page

As a test case, here's how to automatically change the default theme by a different one when the author login equals “fahdos”

Author theme switching test case


When the test is successful

Other cases

Test Types

WP Theme Switcher+ can make many types tests according to WordPress objects :

Equality test
Non-equality test
Inclusion Test, at least one selected item or all selected items
Exclusion Test, at least one selected item or all selected items
URI pattern matching

For example the following test check if the author login equals the "admin" value:

Simple equality test

This test will check if the post ID equals 54 OR 58 OR 59:

Inclusion Test, at least one selected item

And this special test checks if the current post tags contains "android" AND "google":

Inclusion Test, all selected items

You may prefer to manually insert the list instead:

Comma separated manual list

As a last solution if other conditions were not enough, you can check the current URI with a given pattern:

URL pattern checking

Like in this example where an “Android theme” will be applied every time the string “android” will be found in the website URL

When the pattern match test is successful

Advanced Features

A scenario can contains multiple tests to verify before considering a test suite as successful

Multiple tests per scenario

You can also add an unlimited number of scenarios, just keep in mind that the order of scenarios is important, the chosen theme corresponds to the first verified scenario.
So don't forget to sort themes -using drag and drop- according to your priorities

Multiple scenarios per website

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to WordPress plugins on CodeCanyon, you might consider visiting the forums and asking your question in the "CodeCanyon" section.

Get from codecanyon

Testemonials

Indépendance du Maroc

2010-11-01T06:54:00.000Z

Independence day in Morocco

Moi, PHP et AJAX

2006-09-23T08:55:00.000Z

Primo, je tiens à préciser que ce post est destiné spécialement à un public newbie avec l’univers PHP… je fais là que fournir une petite synthèse de ma modeste expérience…

Enfin bref, je vais juste essayer d’expliquer une approche du PHP un peu comme j’aurais aimé qu’on me l’explique quand j’était encore un analphabète… c’est juste une question d’organisation et je sais que chacun a ça méthode dans laquelle il se sent à l’aise…

Le verdict final revient donc à vous (si vous avez bien entendu vos 18 ans … si non, je m’en fous de ce que vous pensez, je vous impose ma méthode ! )

Ok ok ! 3ala machiat allah on commence !

Et je pense qu’avant de vous dire quoi faire, je vais d’abord commencer par vous dire quoi éviter… prenons ce bout de code PHP :

<?php

require ("sys/connect.php");

mysql_connect($server,$user,$pass);

mysql_select_db($base);

$query =mysql_query("select * from table") or die ("error: ".mysql_error());

echo "<h2>Liste</h2>";

if (mysql_num_rows($query))

{

            echo "<center class='Intro'>Intro quoi !</center><br>";

            echo "<table>";

            while($row = mysql_fetch_assoc($query)) {

                        $id = $row['id'];

                        $from = $row['from'];

                        $date = $row['date'];

                        $comment = $row['comment'];

                        echo "<tr>

                                   <td >from: $from </td>

                                   <td><a href='profil.php?id=$id'>Profil</a></td>

                                   <td>$date</td>

                                   <td>$comment</td>

                                   </tr>";

            }

            echo "</table>";

}

mysql_close();

?>

J’avoue que ce code est tiré d’un de mes propres vieux projets… à cette époque, il faut le dire, j’en étais super fière. A présent, je me dis plutôt : « Mais c’est qui le con qu’a écrit cette camelote ? C’est de n’importe quoi comme code quoi !!! »

Pourquoi ?

Certes, ç’a affiche bel et bien le résultat voulu… mais c’est pas vraiment la bonne façon de faire… la raison ? Y en a beaucoup :

· Tout est mélangé ici, du PHP à l’intérieur du html et du html à l’intérieur du php…ça flippe ça !

· Si vous êtes des fainéants comme moi et que vous faites souvent recours à un éditeur WYSIWYG tel Dreamweaver pour les petites/grandes modifications rapides, soyez sûr qu’avec une telle organisation, vous serez dans tous les cas obligés de tout taper à la main

· A part la traditionnelle technique du copier-coller, ce code n’est pas vraiment réutilisable

· Cette méthode ne permet pas une éventuelle prise en charge de AJAX

Ce qu’il faut faire :

Tout d’abord, séparer les traitements de l’affichage… je parle pas d’utiliser un moteur de template, mais seulement commencer par faire un petit ménage déjà coté code PHP (si vous tenez tout de même aux templates, je pense qu’il y a pas mieux pour un newbie que le lien suivant [http://www.tinybutstrong.com/examples.php])

Il faut donc organiser notre code en fonctions et surtout mettre du PHP à l’intérieur du html plutôt que l’inverse ;

<h2>List</h2>

<?php

//Une fonction qui ne contient pas la moindre balise html.

//Elle se charge de récupérer les données et les renvoyer dans un tableau

function LoadData() {

Connect();

$SQL = "select * from table";

$query = mysql_query($sql);

if ( !mysql_num_rows($query) ) {

            return false;

} else {

            while ( $row = mysql_fetch_assoc($query) ) {

                        $return[] = array(

                                                           'id'       => $row['id'],

                                                           'from'     => $row['from'],

                                                           'date'     => $row['date'],

                                                           'comment' => $row['comment']

                                                           );

            }

            mysql_close();

            return $return;

}

//Une fonction qui ne contient pas la moindre requête SQL ou commande MYSQL

//Elle se charge seulement d'afficher le tableau récupéré par LoadData()

function DisplayData() {

$rows = LoadData();

?>

<table>

<?php

foreach ($row as $rows){

?>

<tr>

<td >from: <?php echo $row['from']; ?> </td>

<td><a href='profil.php?id=<?php echo $row['id']; ?>'>Profil</a></td>

<td><?php echo $row['date']; ?></td>

<td><?php echo $row['comment']; ?></td>

</tr>

<?php

}

?>

</table>

<?php

}

?>

En plus, le fait de mettre du PHP à l’intérieur du HTML( <td >from: <?php echo $row['from']; ?> </td> Plutôt que echo “<td >from: $row['from'] </td>”;), vous permettra de profiter à max de l’édition avec la souris de votre éditeur WYSIWYG

Le bénéfice majeur de la deuxième fonction qui retourne que le HTML reste pour moi la possibilité de passer au Web 2.0 avec le fameux AJAX.

Juste pour rappelle ; AJAX est une technique qui permet de modifier que des parties ciblées de vos pages et donc éviter de recharger toute la page pour des petits changements…

Votre site peut donc avoir l’air plus fluide, plus rapide et plus cool dans sa navigation.

Vous pouvez en voir une petite démonstration dans le tout dernier site tout frais que j’ai réalisé pour un oncle à moi [http://profay.com/ggsa/ ]

Dans ce cas, toujours pour éviter les usines à gaz, j’ai utilisé une des plus simples librairies existantes pour le langage PHP : AJAX Agent [http://www.hemmady.com/ajaxagent]

Philosophie de AA :   au lieu d’avoir des liens qui vont appeler des pages PHP (ce qui donc va obliger un rechargement totale de la page), nos liens vont plutôt appeler des fonctions Javascripts qui se chargeront de faire l’aller-retour avec le serveur et affecter le changement à la zone voulue… voila un exemple :

Imaginons qu’on a une page avec deux zones A et B (2 div), en cliquant sur un lien, on veut afficher le résultat dans la zone A et uniquement dans la zone A sans que la page se recharge. Voilà une solution :

<head>

<?php

require_once('library/agent.php');

$agent->init();

?>

<SCRIPT language="JavaScript">

function call_ShowDetails() {

               document.getElementById("Zone_A").innerHTML = '';

               agent.call('','DisplayData','callback_ShowDetails');



}

function callback_ShowDetails(html) {

            document.getElementById("Zone_A").innerHTML = html;

}

</SCRIPT>

</head>

La première fonction call_ShowDetails() va d’abord chercher une balise <div> qu’a l’Id “Zone_A” afin de la vider. Elle appelle après l’agent AJAX avec sa méthode call

agent.call('url','php_function', 'client_handle', param1, param2, ...);

· ‘url’ est le chemin du fichier ou se trouve notre fonction PHP(Laisser vide si la fonction se trouve dans le même fichier).

· ‘php_function’ est notre fonction PHP qui va s’exécuter coté serveur en retournant que du HTML

· ‘client_handle’ est la fonction Javascript qui va récupérer le HTML renvoyé par la fonction PHP afin de l’afficher dans la zone voulue.

· Param1, param2… sont les paramètres éventuels de la fonction PHP

Dans notre cas, après avoir vidé la zone A, agent_call va exécuter la fonction PHP DisplayData puis va passer le tableau HTML retourné à la fonction Javascript callback_ShowDetails() qui va à son tour l’afficher dans notre zone A.

Pour le navigateur client, toutes ses opérations s’exécutent via du Javascript ce qui fait que notre application prend l’air d’une application lourde plutôt que d’une application Web qui n’arrête pas de se recharger…

Je vous re-invite à revisiter [http://profay.com/ggsa/ ] et essayer re-imaginer ce concept…

Comme j’ai déjà annoncé, ce post est destiné à des néophytes… Une fois vous avez pris l’habitude de cette première partie, vous pouvez alors passer à des technos plus génériques et plus complexes du PHP que j’ai déjà cité dans le post [Pourquoi ce mépris envers PHP]

Pour conclure, je doute fort que j’étais assez explicite dans mes explications… Je reste néanmoins disponible pour répondre a vos questions et vos remarques… et… VIVE LE PHP !!!

Pourquoi ce mépris envers PHP

2005-12-10T09:53:00.000Z

Les gens ont tendance à mépriser PHP, peut être par ce que pour eux c’est le plus populaire, le plus simple et le plus attaqué… cette réputation est due aux programmeurs débutants qui développent en PHP des applications professionnelles et complexes comme s’il s’agissait de leurs sites perso !

C’est pas ça le PHP ! Certes vous pouvez afficher un ‘Hello World’ en une seule ligne de code… mais comme JAVA, le PHP pro destiné à la production l’affiche aussi en un minimum de six lignes…

Vous voulez que de la complexité, en voilà de la complexité :

Comme le framework .NET et J2EE, il existe plein de ‘Cadre d’application’ pour PHP. Ce sont des environnements de développement modulaire soit orienté objet tout court, soit en plus orienté composant événementiel. Généralement ses framework sont faciles à installer et font recours a une démarche qui a fait ses preuves dans la pratique… cette démarche se base sur le modèle de conception, la présentation et la séparation des contenus et l’abstraction des basses de données.

Ils offrent au passage un ensemble de composants prêts à l’emploi permettant de créer des logiciels de manière efficace et rapide.

Les plus populaires frameworks sont :

[ Seagull ]

[ Prado ]

[ CakePHP ]

[ Mojavi ]

Il existe aussi des couches de mapping objet/relationnel (ORM) pour une gestion simple et intelligente des base de donnée. Avec [ Propel ] par exemple, vous pouvez éviter les opérations pénibles se servant de requêtes SQL complexes dans des scripts PHP pas vraiment joli-joli et donc fournir une application indépendante d’une base de donnée spécifique et surtout facile en mise à jour…

Pour ceux qui bossent en groupe en se séparant la tâche du design et celle de la programmation, [ Smarty ] qu’est le meilleur moteur de template pour PHP vous rend la vie moins complexe et surtout vous accélère le processus de la réalisation…

Sa philo facilite la séparation entre la logique applicative et la présentation et donc tous les membres de l’équipe peuvent bosser en parallèle…

Enfin, et pour vos opérations habituelles, au lieu de programmer avec les fonctions standards de PHP, opter plutôt pour une programmation orientée objet avec [ PEAR ], ça vous permettra de minimiser votre code et bénéficier d’une gestion d’erreur efficace se basant sur les exceptions…

En fait, ces extensions sont toutes gratuites et dans la majorité des cas Open Source… alors, il est où le problème ?

Il est pas bon ce PHP ?

A propos de moi

1980-01-09T12:07:00.000Z

Études et Certifications

2011 Java 6 SUN Certified Programmer

2010 PHP 5 Zend Certified Engineer

2006 Diplôme d’Ingénieur d'État en Informatique de l’Ecole Nationale des Sciences Appliquées Agadir

IAV Part 1

1980-01-08T11:05:00.000Z

Presentation Transcript

1. Slide 1: Environnement de travail 11/2006 – 10/2007 Fayçal TIRICH
2. Slide 2: Serveur de déploiement 2
3. Slide 3: Serveur de déploiement OS: Debian Server * Serveur Web: Apache 2 * Principaux modules: mod_alias, mod_ssl, mod_php5, mod_rewrite... * Base de données: MySQL 5 * Moteur de table: InnoDB, MyISAM * Utilitaires: Shell, Shorewall, OpenSSH, SSMTP, phpMyAdmin... * 3
4. Slide 4: Poste de développement 4
5. Slide 5: Poste de développement OS: Debian + bureau Gnome * Editeur: Eclipse * Principal plugin: * PHP Development * Tools 5
6. Slide 6: Poste de développement Plugin * complémentaire Aptana * Development Tools 6
7. Slide 7: Poste de développement Principaux avantages du * plugin Aptana: Editeur HTML,CSS, * JavaScript... Synchronisation * FTP/SFTP 7
8. Slide 8: Poste de développement Administration de la * base de données : MySQL Admin * 8
9. Slide 9: PHP 9
10. Slide 10: PHP Programmation Orientée Objet * 10
11. Slide 11: PHP Gestion d'erreurs par Exception * 11
12. Slide 12: Outils de débugage 12
13. Slide 13: Outils de débugage PHP Debug: Classe pratique pour analyser les variables échangées * Alternatif : Xdebug * 13
14. Slide 14: Outils de débugage Pour Javascript/CSS/HTML : Console d'erreurs du navigateur Firefox * 14
15. Slide 15: Outils de débugage L'extension Firebug de * Firefox 15
16. Slide 16: Outils de débugage Exemple de debugage Pas-à- * pas d'un code Javascript via l'extension Firebug 16
17. Slide 17: PHP – Accès aux bases de données 17
18. Slide 18: PHP – Accès aux bases de données Librairie: PHP ADOdb * Avantages : * Abstraction des bases de données : Changer la base sans changer le code * Codage en POO et support du PHP5 * Support des Exceptions * Rapidité * Gratuité * ... * 18
19. Slide 19: PHP – Accès aux bases de données Autres avantages de PHP ADOdb * Méthodes pratiques de manipulation d'ordres SQL * 19
20. Slide 20: PHP – Accès aux bases de données Autres avantages de PHP ADOdb * Méthodes pratiques de génération d'ordres SQL * 20
21. Slide 21: PHP – Accès aux bases de données Autres avantages de PHP ADOdb * Mise en cache des requêtes SQL: Soulager le serveur de la base de données en * « cachant » les requêtes dans des fichiers avec une date d'expiration personnalisée selon le cas 21
22. Slide 22: PHP – Accès aux bases de données Autres avantages de PHP ADOdb * ADOdb Active Record : * Librairie Object-Relational Mapping * implémentant les bases de données relationnelles Comporte un grand nombre de fonctions * pratiques : save(), replace(), delete(), load(), find()... Supporte les transactions et le caching * Supporte la connexion multiples aux bases de * données Modèle objet flexible offrant la possibilité de * surcharger les méthodes de base .... * 22
23. Slide 23: PHP – Couche présentation 23
24. Slide 24: PHP – Couche présentation Moteur de template Smarty : * Séparation entre la logique applicative et la présentation: * Par exemple pour générer la * page à gauche, on mélange jamais le code PHP avec le code HTML. Cela permet de : Gagner du temps vu que le * codeur PHP et le designer HTML peuvent travailler en parallèle. faciliter la maintenance * mieux s'organiser dans les * grands projets 24
25. Slide 25: PHP – Couche présentation Ainsi la page précédente est organisée comment suivant: * Un premier fichier template ne contenant que du HTML et du code Smarty mais jamais du code PHP * ou de requêtes SQL... 25
26. Slide 26: PHP – Couche présentation Un deuxième fichier PHP contenant la * classe implémentant les différentes méthodes définissant la logique applicative 26
27. Slide 27: PHP – Couche présentation Un troisième fichier PHP faisant la * relation entre le premier fichier template et le deuxième fichier PHP contenant la bonne classe avec les bonnes méthodes à appeler 27
28. Slide 28: PHP – Couche présentation Autre point fort de Smarty : * Gestion du cache : Permet de mettre en cache des pages entières ou seulement des parties ayant * des données qui ne changent pas fréquemment afin d'éviter une re-compilation inutile pouvant ralentir le serveur web. 28
29. Slide 29: Applications Web... lourdes 29
30. Slide 30: Applications Web... lourdes Toute en gardant la même logique applicative concernant la couche métier et la couche d'accès aux * données, la tendance pour la couche présentation va de plus en plus vers de nouvelles plateformes basées sur la technique Ajax (Asynchronous JavaScript and XML) qui offrent des composants aussi performant que les composants des bibliothèques telles que Qt , wxWidget, Swing ou celles de la plateforme .Net 30
31. Slide 31: Applications Web... lourdes Plateforme Ajax adoptée : ExtJS * Avantages : * Compatibilité avec la majorité des navigateurs * Peut être adaptée avec plusieurs librairies surtout Yahoo! User Interface, l'une des plus mûres * librairies Ajax La partie présentation est totalement indépendante du langage utilisé dans la partie backend: On * peut donc migrer de PHP à Pyton, JSP ou RubyOnRails par exemple sans changer le code Javascript des interfaces Une sélection de composants complète : DataGrid, TreeView, TabPanel, ToolBar, Calendar, Menu, * Layout, ModalBox, WYSIWYG.... Gratuite * Support de la communauté * ... * 31
32. Slide 32: Applications Web... lourdes ExtJS en action * 32
33. Slide 33: Exemples d'application 33
34. Slide 34: Installation et configuration du serveur 34
35. Slide 35: réparation du serveur de déploiement Partie installation et configuration : * Mise en place de la version Server du dernier Debian (Version 4.0 Etch au moment du déploiement) * Y installer et configurer OpenSSH Server (changer le port et interdire au root de se connecter à * distant) Installer MySQL et sécuriser le compte root * Installer PHP5 ainsi que ses principaux modules : php5-mysql, php5-gd... * Installer Apache2 et et ses principaux modules et surtout activer le mode rewrite et le https en * utilisant une clé auto-générée (pour le moment) Installer et configurer PhpMyAdmin * Installer le firewall Shorewall et fermer tous les ports à l'exception des ports, 80, 443 et le port de * l'OpenSSH server Installer le package SSMTP pour pouvoir envoyer des mails depuis des commandes Shell à l'extérieur * Réaliser des petits scripts Shell faisant une sauvegarde compressée journalière de la base données * MySQL et une autre hebdomadaire des codes sources des sites. Ces points de sauvegarde sont envoyés après à un compte GMAIL créé spécialement pour cette tâche de sauvegarde. 35
36. Slide 36: Partie développement 36
37. Slide 37: www.iavcha.ac.ma 37
38. Slide 38: www.iavcha.ac.ma Partie développement : * Le cas PHP/Smarty: * www.iavcha.ac.ma 38
39. Slide 39: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Moteur de recherche * interne 39
40. Slide 40: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Compte sécurisé pour * chaque membre du personnel: Les variables échangées sont protégées contre les attaques du type Injection SQL et les attaques XSS (Cross- site scripting) 40
41. Slide 41: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Modification * dynamique et instantanée des profils par les membres concernés 41
42. Slide 42: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Module de publication * de CV Online 42
43. Slide 43: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Exemple de formulaire * d'ajout/modificationd'un e section de CV 43
44. Slide 44: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Résultat obtenu d'une * page personnelle d'un membre 44
45. Slide 45: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Partie administration: * Gestion des * utilisateurs 45
46. Slide 46: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Partie administration: * Gestion du contenu * 46
47. Slide 47: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Partie administration: * Gestion des galeries * de la média-thèque 47
48. Slide 48: www.iavcha.ac.ma Principales fonctions du cas PHP/Smarty: www.iavcha.ac.ma * Exemple du résultat * d'une galerie Ajax 48
49. Slide 49: Gestion du Stock 49
50. Slide 50: Gestion du Stock Exemple 2 : Le cas PHP/ExtJs via une application de gestion de stock * 50
51. Slide 51: Gestion du Stock Cette application est * installée dans un serveur sécurisé (https) pour assurer une confidentialité extrême des données échangées contre les logiciels espions de capture des paquets 51
52. Slide 52: Gestion du Stock Exemples de composants * utilisés dans cette application: ModalBox * TreeView * personnalisable Layout dimensionable * DatePicker * ComboBox avec auto * suggestion Data Grid (Triable, * dimensionable, colonnes cachées, pagination...) .... * 52
53. Slide 53: Gestion du Stock Exemple de * personnalisation du rendu des composants: coloration des cellules d'une DataGrid selon une règle spécifique de gestion 53
54. Slide 54: Gestion du Stock Génération de rapport PDF avec la librairie FPDF * 54
55. Slide 55: Gestion du Stock Exemple de graphe synthétique de type « Ligne » créé avec la librairie PlotKit * 55
56. Slide 56: Gestion du Stock Un autre exemple de graphe camembert en utilisant la même librairie PlotKit * 56
57. Slide 57: Conclusion 57
58. Slide 58: Conclusion Ces exemples d'applications Web permettent entre autres de: * Centraliser les applications dans des serveurs et donc éviter toute installation ou mise à jour * dans les postes clients Faciliter la maintenance et la sauvegarde des données * Pratique pour les personnes mobiles qui peuvent consulter, opérer et générer des rapports * depuis n'importe quel ordinateur connecté à internet Renaître des vieux ordinateurs clients vu que la majorités des traitements se font du coté * serveur Annuler le coût software en utilisant des librairies gratuites * Minimiser le coût hardware en optant pour Debian/Apache/PHP/MySQL aptes à assurer une * performance extrême même dans des serveurs plutôt modestes Dans le coté fonctionnel; offrir des solution informatiques limitant les erreurs et augmentant * l'efficacité dans le travaille quotidien tout en donnant des outils fiables d'aides à la décision aux responsables ... * 58
59. Slide 59: Exemples d'applications en cours de réalisation Application de gestion de budgets * Application de gestion d'ordre de missions * Site Web référentielle de la collection du jardin botanique du Complexe Horticole d'Agadir * Application de gestion des notes * Application de gestion de bibliothèque avec interface Web pour consultation en ligne depuis * internet ... * 59
60. Slide 60: Merci pour votre attention 60

IAV Part 2

1980-01-07T16:52:00.000Z

eQ Services

1980-01-06T17:26:00.000Z

Le rapport complet peut être téléchargé via ce lien

BiblioWatcher

1980-01-05T17:00:00.000Z

Problématique
Faire communiquer deux programmes ecrits en 2 langages differents et hebergés sur differentes machines.

Cas d'application
Elaboration d'une solution de consultation en ligne de l'etat de la bibliothèque de L'ENSA via n'importe quel PC connecté.

Difficulté
Faire communiquer des pages PHP sous linux avec un produit Microsoft ACCESS installé sur un Windows XP tout en garantissant une sécurité totale des données.

La Solution: Les services web via XML-RPC et SOAP
XML-RPC ?!? Kesako ?
Réponse: "C'est une spécification et un jeu d'implémentations qui permet l'exécution de programmes sur un ensemble de systèmes d'exploitation hétérogènes, et qui s'exécute dans des environnement différents permettant de d'effectuer des appels de procédure au travers de l'Internet. C'est de l'appel de procédure distant (RPC alias Remote Procedure Call ) utilisant HTTP comme couche de transport et XML pour l'encodage. Il est conçu pour être aussi simple que possible, tout en permettant la transmission, le traitement et le renvoi de structures de données complexes."
Et SOAP ?
SOAP est un protocole homologué par le W3C. Il est hautement plus développé que XML-RPC. Il est extensible et génère des requêtes plus complètes et plus précises que XML-RPC mais également plus complexes.

Nos services web de la bibliothèque seront implémentés suivant XML-RPC, quand a SOAP, il sera utilisé dans le partie cliente de Amazon Web Services alias AWS. En fait, amazon.com qu'est le plus grande site de commerce électronique offre via son web service la possibilité d'avoir beaucoup d'informations sur n'importe quel produit(images, critiques...).

Pourquoi pas SOAP à la place du XML-RPC ?
SOAP ne peut pas être concurrent de XML-RPC et réciproquement.
Certes, SOAP est complet, normalisé, puissant, extensible mais dans notre cas, XML-RPC s'avere plus léger,plus rapide et couvre la plupart des problèmes du type webservice.
En plus, le fait que SOAP est très récent par rapport a XML-RPC, on trouve des vieux langages comme REBOL qui ne peuvent pas supporter SOAP et donc XML-RPC se confirme comme étant le plus standard et le plus portable.

Schéma de la solution

La coté serveur
J'ai d'abord commencer à élaborer les services web du coté serveur en ASP. C'est une seule page qui offre les fonctions nécessaires à la consultation de la base ACCESS

La partie serveur hébergé dans le PC 81.192.181.46

La partie cliente
Pour tester mes services web, j'ai programmé deux exemples de client en ASP et en PHP.
La partie Cliente consomme et les web services de la base ACCESS via XML-RPC et les web services de AMAZON via SOAP
Exemple du client en ASP
Dans le client, pour travailler avec les méthodes de la partie serveur comme s'elles étaient locales, il suffit d'indiquer l'URL du web service

Spécification de l'URL du serveur XML-RPC

Appel de la méthode ListerFamille()

Appel de la méthode ListerLivreParFamille(id_famille)

Si le livre existe

Si le livre n'est pas disponible, les info sur l'adhérent concerné

Consommation de service web d'AMAZON pour avoir plus d'informations sur un livre donné

Exemple de client en PHP
C'est pratiquement la même chose en ASP mais codée en PHP avec en plus de la consommation des services web d'amazon, la consultation de la base de Google via son API offerte aussi en SOAP.

Appel en PHP de la methode distante LivreParFamille(id_famille) codée en ASP

Consultation de la base de Google au sein de la même page

Et de même, plus d'informations via Amazon...

NetFolder

1980-01-04T12:56:00.000Z

NetFolder est une application web de monitoring d'un parc informatique. Pour l'installation, vous devez avoir un serveur web muni du PHP5. Le protocole SNMP (via la package NET-SNMP) doit être installé dans les equipements ciblés. Quant à l'utilisation, un navigateur vous suffit pour acceder au paneau d'administration web via n'importe quelle pc connecté.

NetFolder accueil

Juste en option, vous pouvez commencer par scanner le reseau avec NMAP

Spécification du réseau a scanner

L'echange de données entre NMAP et mon application se fait via XML. un fichier xml est généré apres l'execution de nmap avec un certain nombre de paramètres, ce fichier est présenté par NetFolder avec un fichier XSL

Résultat du scan

Aperçu du fichier XSL pour la présentation du résultat du scan

Pour garder trace des equipements favoris, vous pouvez les ajouter à la base de l'application

Paneau d'ajout

Pour plus de fiabilité et de rapidité, l'application ne dispose pas de serveur de base de données. les informations sont stockées seulement dans un fichier XML validé par un fichier schéma XSD

Aperçu de la base XML

Aperçu du schéma de validation

Pour pouvoir travailer sur le fichier xml comme si on travaille avec une base de données ordinaire, j'ai developpé des classes qui offrent des methodes alternatives à celles de MYSQL ou ORACLE par exemple.

BaseXml est une classe générale qui fournie des methodes à d'autres classes filles

La classe Machine hérite de BaseXml mais elle est adaptée à notre cas. Elle s'occupe de toutes les opérations sur la gestion des machine

Les équipements ajoutés au fichier XML sont disponibles en consultation comme en modification

Paneau de consulation/modification des équipements

J'ai developpé d'autres classes pour la consulation SNMP en prenant en compte la prise en charge de toutes les versions existantes de SNMP

Prise en charge de toutes les versions de SNMP

Une consulataion rapide de la MIB ( Management Information Base) du host cible nous donne par exemple

Aperçu de la consultation de la MIB d'un host

On peut consulter chaque objet à part pour en connaitre plus d'informations

Récupération des information sur les objets de la MIB

Les objets qu'ont un accés en écriture peuvent être modifiés directement depuis l'application

Exemple de la modification à distance d'un objet de la MIB

Les objets intéressants pour les administrateurs réseau peuvent être mis en surveillance avec une fréquence selon le choix en fonction de la nature de l'objet

Exemple de la surveillance des paquets entrants sur la 1ere interface du host avec une fréquence de 5 s

La surveillance est couronnée en fin par un graphe facilitant l'analyse et la prise de décision

Le graphe résultant de la surveillance

NetFolder est développé et fonctionne grâceà: APACHE, PHP5, Libxslt, NMAP, Trustudion (IDE Eclipse adapté à PHP)
Tous ses outils sont gratuits et existent aussi bien sous Linux que sur Windows.

LPEE

1980-01-03T14:58:00.000Z

Il s'agit de la modélisation et la conception d'un logiciel de gestion pour le Laboratoire Public d'Essais et d'Etudes

Le cas de la LPEE est un cas complexe qu'a nécessité une base de 80 tables et de 35 vues.

Aperçu sur le modèle physique

La solution est fondée sur une politique de répartition de la charge entre l'application VB.NET et le noyau de la base ORACLE. J'ai ainsi procédé à l'élaboration de plusieurs triggers et procédures stockées coté base de données afin de minimiser les données échangées et donc d'optimiser la connexion et la performance total du logiciel.

Exemple d'un trigger stocké dans ORACLE qui vérifie la validité d'un avancement

Coté .NET, l'accès a la base de données se fait via une classe Persistance conçue et adaptée spécialement pour ORACLE en se basant sur les objets du ADO.NET et ceux du fournisseur de données ‘.NET Framework pour Oracle Web Release'.

Aperçu sur la classe Persistance

Pour bien tirer profit des outils de ORACLE, l'accès à l'application se fait via les utilisateurs déjà créés et gérés (rôles, privilèges…) par ORACLE SECURITY MANAGER.

Connexion

Vu l'importance des informations gérées, j'ai réalisé un mécanisme de ‘Points de Sauvegarde/Restauration' de la base. On peut alors effectuer des points de sauvegarde chaque fin de journée et les stocker dans un disque amovible ou un CD ROM par exemple. Ces points représentent l'états de la base (structure et données) à une date donnée et chaque point est englobé dans un seul fichier.

En cas de problème (crache du disque dur ou tout simplement suppression des données accidentellement), on peut alors restaurer la base de données via le point de sauvegarde le plus récent…

Création de fichiers de sauvegarde

Restauration de la base (avec les données) à partir des fichiers déjà créés

Aperçu sur quelques interfaces

Gestion du personnel

Gestion des contrats et des affectations

Gestion des avancements

Gestion des commandes

Gestion des paiements

Exemple d'état d'impression

Vu quand peut pas faire des ‘Copier-Coller' à partir de ces états, et dans les cas où l'utilisateur a besoin de rapporter les données de l'application vers un tableur Excel ou un document Word, j'ai développé une méthode permettant d'exporter n'importe quelle grille de données (avec ou sans filtrage) en un fichier XML re-stylisé avec un fichier XSL en un autre HTML se lançant automatiquement après l'appelle de la fonction.

Exemple:

La grille initiale

L'export en fichier XML puis HTML

Enfin la possibilité de ‘copier-coller' dans un document Word par exemple

ZhorBlog

1980-01-02T18:37:00.000Z

Un Web Blog ... c'est une nouvelle génération de sites internet interactifs et vivants : un véritable phénomène de société.
C'est un espace de libre expression qui vous permet, sans aucune connaissance technique de publier vos idées, votre actualité, sur internet et de recevoir presque instantanément l'avis de vos lecteurs.

Mon rôle était donc d'offrir un site semblable aux autres sites commerciaux, mais adapté et personnalisé à un particulier. Ce dernier n'ayant pas de connaissances sur le développement Web (conception, programmation, hébergement..), je devais donc réaliser une interface simplifié lui permettant d'avoir le contrôle total sur son espace sur internet .

La page d' accueil

La consultations des articles pour le public

La possibilité interactivité des visiteurs via le post des commentaires

Partie administration

Le formulaire d'ajout de nouveaux article avec un éditeur WYSIWYG

Upload des images pour alimenter les articles

Consultation et modification de l'archive des articles

Exemple d'édition des commentaires des visiteurs

Elvator Simulation

1980-01-02T11:11:00.000Z

Mon premier contact avec JAVA était cette petite petite application "Temps Réel" via la quelle j'ai aussi découvert la gestion du multithreading...

L'exécutable (ou le jar-able :) est téléchargeable via ce lien

DesignPortfolio

1980-01-01T18:10:00.000Z

WP Sliding Login/Dashboard Panel

1979-01-02T18:16:00.000Z

Add a sliding login/dashboard panel to Wordpress Theme. This awesome panel is based on http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

Instead of modifying directly theme files, just install this plugin so you can preserve you panel when switching between themes and during themes updates.

Version: 1.0

Download

The developer of this plugin asks that you help support its continued development by making a small contribution.

Sliding Panel

Login Panel

Dashboard Panel

WP Post Notifier For All

1979-01-01T21:04:00.000Z

Description : Notify all WordPress users (and not only the admin) on post publishing. The notification is sent only one time after the first post publishing(not on every update).

Version: 2.2
Download

The developer of this plugin asks that you help support its continued development by making a small contribution.

Admin settings

Enable/Disable for users

WP Comment Notifier For All

1979-01-01T19:38:00.000Z

Description : Notify all Wordpress users (and not only the admin) on comment approval. The notification is sent only one time after the comment post approval(not on status update).

Version: 2.2 beta
Download

The developer of this plugin asks that you help support its continued development by making a small contribution.

Admin settings

Enable/Disable for users

WP jqtransform archive

1979-01-01T19:28:00.000Z

Description: Replace the basic Wordpress select archive with the jQuery/jqtransform plugin select.

Version: 1.0 beta

Download

WP Emails Encoder

1979-01-01T18:34:00.000Z

Description: Linkinize (make clickable) & Encode emails to avoid spams.

Download

The developer of this plugin asks that you help support its continued development by making a small contribution.

Using the helper form the editor

Test case

Result

HTML source code

WP Comments Moderators

1979-01-01T18:33:00.000Z

Description: WP Comments Moderators plugin allows any user (whatever their Role) to moderate any blog comment.

Version: 4.0.1

Download

The developer of this plugin asks that you help support its continued development by making a small contribution.

Scrum Meeting Reply

1979-01-01T15:53:00.000Z

Tao's :

Original post: Scrum Meeting

Reply :

Treadmill Reply

1979-01-01T11:17:00.000Z

Tao's :

Original post: Treadmill.

Reply :

WP Direction Detector

1979-01-01T09:31:00.000Z

Description: This plugin auto dectects and apply the right direction (RTL or LTR) on post's titles, bodies and comments.

According to WordPress, adding support for language written in a Right To Left (RTL) direction is just a matter of overwriting all the horizontal positioning attributes of your CSS stylesheet in a separate stylesheet file named rtl.css. But this solution is working only when you have just an RTL blog (or just an LTR blog using the classical style.css). One of solutions: We will let WordPress applying the same style.css to both of RTL/LTR posts and this plugin will automatically detect the post language to correct its direction.

It's just a beta version that I tested with the WordPress default theme, please let me know your feedback with your own complexed css.

Version: 1.0 beta
Download

.Fay Labs

Fayçal's Projects Web Page

WordPress Profile

CodeCanyon Featured Item

Blog

WordPress CSS Sprites Generator For Posts Content

WordPress Advanced Image Lazy Load

WordPress Theme Switcher+

Indépendance du Maroc

Moi, PHP et AJAX

Pourquoi ce mépris envers PHP

A propos de moi

IAV Part 1

IAV Part 2

eQ Services

BiblioWatcher

NetFolder

LPEE

ZhorBlog

Elvator Simulation

DesignPortfolio

WP Sliding Login/Dashboard Panel

The developer of this plugin asks that you help support its continued development by making a small contribution.

WP Post Notifier For All

The developer of this plugin asks that you help support its continued development by making a small contribution.

WP Comment Notifier For All

The developer of this plugin asks that you help support its continued development by making a small contribution.

WP jqtransform archive

WP Emails Encoder

The developer of this plugin asks that you help support its continued development by making a small contribution.

Using the helper form the editor

Test case

Result

HTML source code

WP Comments Moderators

The developer of this plugin asks that you help support its continued development by making a small contribution.

Scrum Meeting Reply

Treadmill Reply

WP Direction Detector