Discussion :

[znetdk]

La version 1.0 RC de ZnetDK est disponible en téléchargement depuis le 3 septembre 2015.

ZnetDK est une solution Open Source de développement d’applications web d’entreprise
Technologies : PHP, HTML5, PrimeUI (widgets jQuery UI)
Architecture : MVC, RIA
Licence : GPL V3.0
Site internet : www.znetdk.fr (voir également la démonstration)



EN BREF...
ZnetDK a été conçu en vue de proposer aux petites entreprises et collectivités, une application « Prête à développer » en technologies web, incluant en standard les services techniques de base ci-dessous, que l’on s’attend à retrouver communément dans toute application d’entreprise :

• Un cadre HTML de l’application (en-tête de page, zone de travail, pied de page),
• Une navigation par menu pour l’accès aux fonctionnalités de l’application,
• Une suite de composants graphiques de saisie et d’affichage des données métier,
• L’authentification de l’utilisateur par identifiant et mot de passe,
• L’administration des utilisateurs autorisés à utiliser l’application,
• La prise en charge des erreurs détectées par l’application (affichage et journalisation)
• Un accès en lecture / écriture à la base de données de l’application
• L’affichage multilingue de l’application,
• Une aide en ligne contextuelle,
• etc.

POINTS FORTS

• Facile à installer et configurer
  
  • Pré-requis : une distribution LAMP, WAMP ou MAMP
  • Installation : copie d’une archive ZIP dans le répertoire de publication web
  • Assistant d’application : pour personnaliser l’application « prête à développer » et générer sa base de données.
  
  
• Prise en main rapide
  
  • Architecture MVC : le code de l’application est clairement structuré en trois principaux répertoires « view », « controller » et « model », contenant les vues HTML et les classes d’objets des contrôleurs et DAO développés pour l’application.
  • Langages web standards : PHP est le langage principal de programmation en ZnetDK avec le langage HTML pour les vues. Le développement en JavaScript peut être nécessaire pour les vues de l’application les plus complexes.
  
  
• Application Riche
  
  • Pas de rechargement de page, l’application n’est chargée qu’une seule fois.
  • L’affichage des vues et l’exécution des actions de contrôleur sont réalisés en AJAX.
  
  
• Composants graphiques
  
  • Widgets PrimeUI : ZnetDK intègre la suite de composants graphiques PrimeUI pour une meilleure expérience utilisateur.
  • Intégration ZnetDK : la plupart de ces widgets ont été étendus pour faciliter leur instanciation et leur branchement aux actions de contrôleur développées côté serveur.
    
• Accès base de données par DAO
  
  • Exemple de classe DAO d'accès à la table "fournisseurs"

    Code :

    Sélectionner tout - Visualiser dans une fenêtre à part

    1
    2
    3
    4
    5
    6
    7
    8
    <?php
    namespace app\model;
    class FournisseurDAO extends \DAO
    {
        protected function initDaoProperties() {
            $this->table = "fournisseurs";
        }
    }

  • Exemple d'enregistrement d'un "fournisseur" depuis une action de contrôleur

    Code :

    Sélectionner tout - Visualiser dans une fenêtre à part

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    static protected function action_enregistrer() {
        /* Lecture des données de la requête HTTP */
        $request = new \Request();
        $row = $request->getValuesAsMap('id','nom','adresse','code_postal','ville');
         
        /* Enregistrement des données en Base de données */
        $fournisseurDAO = new \app\model\FournisseurDAO();
        $result = $fournisseurDAO->store($row);
         
        /* Réponse retournée au contrôleur de façade */
        $response = new \Response();
        if ($result) {
          $response->setSuccessMessage('Enregistrement',
            'Enregistrement du fournisseur réussi.');
        } else {
          $response->setFailedMessage('Enregistrement',
            "Echec d'enregistrement du fournisseur.");
        }
        return $response;
    }

• Création aisée d’applications CRUD
  
  • Exemple de vue CRUD affichant une barre d'actions, un tableau de fournisseurs, un formulaire de saisie dans une boîte de dialogue (pas de code JavaScript)
    

    Code :

    Sélectionner tout - Visualiser dans une fenêtre à part

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    <!-- Boutons d'action -->
    <div class="zdk-action-bar" data-zdk-dialog="dlg_fournisseur"
                                data-zdk-datatable="table_fournisseurs">
        <button class="zdk-bt-add" title="Nouveau fournisseur">Ajouter</button>
        <button class="zdk-bt-edit" title="Modification du fournisseur">Modifier</button>
        <button class="zdk-bt-remove" title="Suppression du fournisseur"
                data-zdk-action="fournisseurctrl:supprimer">Supprimer</button>
    </div>
    <!-- Tableau des fournisseurs -->
    <div id="table_fournisseurs" class="zdk-datatable" title="Fournisseurs"
            data-zdk-action="fournisseurctrl:lister"
            data-zdk-columns='[{"field":"id", "headerText": "Numéro"},
                    {"field":"nom", "headerText": "Nom"},
                    {"field":"adresse", "headerText": "Adresse"},
                    {"field":"code_postal", "headerText": "Code postal"},
                    {"field":"ville", "headerText": "Ville"}]'>
    </div>
    <!-- Formulaire dans boîte de dialogue -->
    <div id="dlg_fournisseur" class="zdk-modal" title="Fournisseur">
        <form class="zdk-form"
            data-zdk-action="fournisseurctrl:enregistrer"
            data-zdk-datatable="table_fournisseurs">
            <label>Numéro : </label>
            <input name="id" disabled type="text">
            <label>Nom : </label>
            <input name="nom" maxlength="50" required type="text">
            <label>Adresse : </label>
            <textarea name="adresse" rows="3" maxlength="100"></textarea>
            <label>Code postal : </label>
            <input name="code_postal" maxlength="5" required type="text">
            <label>Ville : </label>
            <input name="ville" maxlength="50" required type="text">
            <button class="zdk-bt-save zdk-close-dialog" type="submit">Enregistrer</button>
            <button class="zdk-bt-cancel zdk-close-dialog" type="button">Annuler</button>
        </form>
    </div>

• Documentation exhaustive
  
  • Concepts : voir www.znetdk.fr/concepts
  • Tutoriel : voir www.znetdk.fr/tutoriel
  • API PHP et JavaScript : voir www.znetdk.fr/api
  • Composants graphiques : voir www.znetdk.fr/composants_graphiques

SORTIE DE LA VERSION 1.0 RC

• La version 1.0 RC est sortie début septembre 15,
• Tous retours et contributions de votre part sont les bienvenus pour m'aider à fiabiliser la version finale 1.0 de ZnetDK avant sa sortie.
  Le forum de discussion ZnetDK a été ouvert à cet effet.

Pascal MARTINEZ
Fondateur de ZnetDK
www.znetdk.fr