Nos développements sont réalisés à partir de notre Framework propriétaire. Nous avons fait le choix depuis plus de 10 ans de travailler avec un outil propriétaire afin de permettre de répondre avec précision à un fort niveau d'exigence.

Nous maîtrisons parfaitement le fonctionnement et l’architecture de notre Framework, ce qui permet une souplesse considérable dans nos développements et assure des performances accrues.

Notre Framework propriétaire est maintenu et évolue en fonction des besoins de nos clients. Nous développons, en France, à la Roquette sur Siagne, des fonctionnalités classiques et des fonctionnalités 100% sur-mesure. Netnco assure la création de site sur mesure.

Notre solution évolue sans cesse pour tirer partie des nouveaux concepts de développement ou des évolutions des langages, afin de toujours offrir les meilleures performances, maître mot de nos choix stratégiques.

Architecture

Historiquement, le Framework est issu d’une architecture proche de Symfony que nous avons adaptée pour nous permettre de répondre aux exigences avancées des contraintes du Web.

Architecture MVC

Le Framework est basé sur un architecture Modèle-Vue-Contrôleur (MVC) pour permettre un découpage logique du code source du site web, dont l’intérêt est la séparation des données (modèle), de l’affichage (vue) et des actions (contrôleur).

Ce design-pattern permet une conception claire et efficace, une évolutivité et une maintenabilité (scalability) aisées du code source et vous assure une pérennité technique de la solution.

Object Oriented

L’ensemble du Framework utilise la programmation orientée objet.

Pour les développements Back End, l’ensemble du code source est structuré dans des classes regroupées dans des namespaces logiques.

Pour les développements Front End, nous adoptons les mêmes logiques en nous rapprochant des techniques d’Atomic Design, c’est à dire de concevoir des objets graphiques issus d’atomes (éléments simples) pour constituer au final les pages du site (affichage de molécules au sein d’organismes pour constituer les templates).

Object-Relational Mapping

Les données du site sont stockées dans une base de données relationnelle. Le Framework utilise un ORM (Object-Relational Mapping) propriétaire inclus dans l’architecture même du Framework. Nous avons fait ce choix technique afin d’améliorer considérablement les temps de réponse des requêtes SQL qui est un enjeu important des performances attendues.

Moteur de templates

Le moteur de template utilisé est un système intégré au Framework qui utilise des pages HTML incluant directement du code PHP pour l’affichage des informations. Cette architecture simple d’utilisation et sans surcouche confère un traitement de l’affichage des pages ultra rapide.

Développement Full-stack

Nos équipes de développement maîtrise l’intégralité des couches de développement, que ce soit en Back End ou en Front End, et notre solution est utilisée par plusieurs agences web, qui forment une communauté de développeurs aguerris utilisant et participant à son évolution.

Langages

Afin de permettre le fonctionnement du Framework, différents langages sont utilisés tant en Back End qu’en Front End.

SQL

Une base de données MySql est utilisée pour le stockage des données. Nous utilisons le langage SQL (en Back End) pour toutes les requêtes à la base. Ces requêtes sont encapsulées dans l’ORM du Framework lors des appels aux données par les modèles (MVC). Toutes les requêtes que nous déployons sont systématiquement (au travers de l’ORM en mode debug) testées via un EXPLAIN pour nous assurer des temps de réponses optimum.

PHP 7

Le langage utilisée en Back End est PHP version 7 et le code source utilise le namespaces nous éviter des conflits avec d’éventuelles classes utilisées via Composer qui pourraient comporter les mêmes noms que celles du Framework.

HTML5

Côté Front End, nous utilisons HTML5 est l’ensemble des balises spécifiques lors de la construction des templates du site.

Le moteur de template du Framework détecte automatiquement le DocType du document à afficher selon le navigateur et transforme automatiquement les balises HMTL5 non reconnues par le navigateur en balises DIV ou P, assurant ainsi un compatibilité descente vers les navigateurs d’anciennes générations.

CSS3

Nous utilisons également CSS3 en Front End pour nous permettre d’utiliser l’ensemble des possibilités offertes dans la mise en forme des templates et de chacun de ses plus petits éléments (Atomes).

JQUERY

Enfin JQuery est également utilisé, en langage Front End, pour permettre de gérer des comportements spécifiques de votre applicatif. CSS3 et JQuery peuvent réaliser des choses similaires, aussi, nous veillons systématiquement à préférer des classes CSS3 pour des raisons de performance et de temps de chargement des pages.

Technologies

Selon la nature de la page et sa conception graphique, nous pouvons être amené à utiliser différentes technologies pour mettre en œuvre une expérience utilisateur optimale. Les exemples ci-dessous ne sont pas exhaustifs.

Ajax

Nous utilisons la technologie Ajax pour minimiser le chargement intégral d’une page lorsque cela n’est pas nécessaire afin d’offrir une expérience utilisateur plus agréable.

Cela a également comme intérêt non négligeable de ne charger que les données dont la partie du site a besoin, plutôt que de tout recharger à chaque page. Nous améliorations ainsi les temps de chargement des pages et l’expérience utilisateur.

Bootstrap

Nous utilisons Bootstrap 4 afin de s’assurer d’une compatibilité d’affichage sur tous les types d’écrans en Responsive Design. Bootstrap fournit également un ensemble de bonnes pratiques pour définir les comportements d’affichage des plus petits éléments d’une page (Atome).

Parallaxe

La technologie Parallaxe peut être mise en œuvre si l’environnement graphique du site s’y prête. Cependant, nous utilisons cette technologie essentiellement pour apporter des effets légers
et élégants, sans jamais compromettre l’expérience utilisateur.

Animate CSS

Selon le design défini de votre page, nous pouvons utiliser Animate CSS pour dynamiser le rendu de vos pages. Tout comme la technologie Parallaxe, celle-ci doit également être utilisée à juste dose pour offrir une expérience utilisateur optimale.

Bonnes pratiques

Chargement des CSS et JS

Lors de la construction des pages HTML, et notamment du layout des pages, les CSS sont systématiquement chargés dans la section HEAD de la page et les JS en fin page pour ne pas pénaliser le temps de chargement des pages.

Le Framework regroupe les fichiers CSS et JS en un seul fichier (un peu comme le ferait SCSS) par média d’affichage pour limiter le nombre de ressources à charger. Ces ressources sont automatiquement minifiées.

Intégration First Mobile

L’évolution des comportements des internautes a fait passer la proportion principale de la consultation des sites web de l’écran au mobile. Afin de permettre une meilleure prise en compte du rendu des pages du site, nous intégrons systématiquement les pages de votre site en Mobile First.

Nos CSS sont d’abord conçus en version mobile portrait, c’est à dire pour une taille d’écran inférieur à 540 pixels, puis surchargés en mobile paysage jusqu’à 767 pixels, puis surchargés en tablette portrait jusqu’à 991 pixel, puis surchargés en écran normal (ou tablette paysage) jusqu’à 1 199 pixels, pour enfin se terminer en grand écran (supérieur 1 200 pixels).

Content on Top

Il est important que les moteurs de recherche ait un accès rapide aux données textuelles de chacune des pages pour un meilleur référencement. Pour permettre cela, le header du site est situé dans le bas du code source de la page et repositionner en CSS en haut de page. Ainsi les moteurs de recherche ont un accès direct à la balise H1 de la page ce qui permet une prise en compte optimale pour le référencement naturel.

 

 

Ensemble, définissons la stratégie pour développer et optimiser votre activité.

Contactez-nous

rgpd

En poursuivant votre navigation, vous acceptez l'utilisation de services tiers pouvant installer des cookies.

Conformément au règlement européen relatif à la protection des données (RGPD), vous avez désormais la possibilité, à tout moment, de choisir de désactiver tout ou partie des services tiers présents sur le site.

Pour cela, une pop-up est en permanence à votre disposition en haut à droite de votre écran.

Personnaliser