Reaklab : Projets clients

Du sur-mesure conscient au service de beaux projets.

@reaklabreaklab

Reaklabn.m — 1. Agence web spécialisée dans les services hébergés et le développement personnalisé par dessus des CMS. 2. Aide spécifique aux projets de startups. 3.Passion. 4. Jeunesse.

Les Montois ne périront pas !

Même avec un Carolo dans le tas :>*

* L’explication arrive, on se détend

Romain CarlierDéveloppeur web spécialiste de WordPress

HELHa, Mons

Brandon MercierWeb designer & développeur front-end

HEAJ, Namur

* Co-locataires chez Ntwrk, amateurs de rock, curieux, fins tireurs de Nerfs, caféinovores,…

Une recetteMAGIQUE ?

Développementpersonnalisé de solution

CMS, sites vitrines, web services, jeux vidéo, applications, commerce en ligne, …

Conception & graphismede l’interface à l’expérience

Web design, ergonomie, expérience utilisateur, wireframing, consultance, …

Hébergementet infogérance

Hébergement, noms de domaine, boîtes e-mail, monitoring, etc

Résoudre des problèmes &conceptualiser des projets

Notre métier

Le goûtd’entreprendre

Collaborationavec d’autres talents

Projets

Bouche à oreille

Apprendre

Grandir Créer

Résoudre

RévolutionConstante

WordPress, on fait quoi avec ça ?Promis, on fait vite.

75% des sites65% du chiffre d’affaires

PluginsThèmes

Codes courtsScripts externes / API

…

Passionnés.Professeurs.

Orateurs.Presque contributeurs.

Projet #1 :École Européenne de Bruxelles I

• Installation décentralisée• /wordpress : installation vanilla /

Submodule• /app : code personnalisé.

• Fonctionnalités : Plugin

• Look : Thème

Installation

• Base de code clean / smart

• Organisation en dossiers• Init.php : automatiquement chargé• Classes/Core.php : Instancie les singletons

• Autoloader : namespace + dossiers

• Singletons & instances

• Namespace

Organisation

• SASS front-end/back-end

• Grunt pour l’automatisation

• jQuery

Intégration

Fusionnn !

• Custom Post Type

• Deux sens• Les articles donnent l’univers associé (1).• Les univers donnent le thème (2).

• Filtrage / Colonnes / Hooks

Univers

2 – Univers

1 – Autres types Filtre associé

• Redirection de templates.

• Thèmes de couleurs.• Répercussions sur l’entièreté du site.

Univers

• Custom Walker pour l’édition

• Output buffer manipulation

• Responsive• Problématique : Touch vs click

Mégamenu

• Non-répétition

• Panneau sur mesure

• Rôles supplémentaires

• Shortcode d’insertion

Equipes

• Metas supplémentaires

• Avatars via la média library

• Multi-rôles

• .htaccess• Casse à l’update• Pas automatiquement

Profils

• Sur mesure

• Sorties d’événementscourts

• Plusieurs par jour

• Implantations : Géoplacement

Evénements

• Sur mesure

• Tricky• “Responsive”• Sérialisation

Diaporamas

• Must pour les clients

• Polylang

• Classe indépendante• Optimisation de la

réutilisation

Réglages

• Global : Hooks perso

• Etats + Réponse interne

• JSON-Based

Contacts

Capture modifiée avant l’upload

• Login

Divers, petits "plus"

• Media filters • Liens fichiers

• Breadcrumbs

• Boutons TinyMCE

Divers, petits "plus"

• Metadonnées privées, traductions avec Polylang.

• Univers multiples et ordre des thèmes de couleur.

Mais aussi quelques soucis

Projet #2 :Pôle hainuyer

• Drop-in base de données pour du logging.

• Snarfer pour les templates de blocs.• Template dans le shortcode.

Développement un peu spécifique

• Recherche inversée

• Cache

• Recherche géolocalisée• Mercator inversé.

• Notion de contexte

• Overlay carte

• Ajax waterfall

Moteur de recherche

Import

Projet #3 :Belrim

Croissance

• De projet “présa” à gestionnaire de fédération.

Un bel essai :Custom Post Type Builder

• Custom Post Type

• Page de settings

• Centré sur l’UI

Invoicing

Capture modifiée avant l’upload

Capture modifiée avant l’upload

Export

• Ajout de rewrite endpoint

• Problématique de luxe :La vitesse et l’envoi par e-mail• Liens salés pour les téléchargements

Capture modifiée avantl’upload

You can be a developer too

• Meetups Mons• WordCamps Europe• Coding Guidelines

• PHP/PSR• WordPress standards• JavaScript conventions

Merci !

@reaklabreaklab