Reaklab : Projets clients
Du sur-mesure conscientau service de
beaux projets.
@reaklabreaklab
Reaklab
n.m — 1. Agence web spécialisée dans les
services hébergés et le développement
personnalisé par dessus des CMS. 2....
Romain Carlier
Développeur web spécialistede WordPress
HELHa, Mons
Brandon Mercier
Web designer & développeur front-end
HE...
Une recette
MAGIQUE ?
Développement
personnalisé de solution
CMS, sites vitrines, web services, jeux vidéo,
applications, ...
Résoudre des problèmes &
conceptualiser des projets
Notremétier
Le goût
d’entreprendre
Collaboration
avec d’autres talents
Projets
Bouche à
oreille
Apprendre
Grandir Créer
Résoudre
Révolution
Constante
WordPress, on fait quoi avec ça ?
Promis, on fait vite.
75% des sites
65% du chiffre d’affaires
Plugins
Thèmes
Codes court...
Projet #1 :
École Européenne de Bruxelles I
• Installation décentralisée
• /wordpress : installation vanilla /
Submodule
• /app : code personnalisé.
• Fonctionnalités...
• Base de code clean / smart
• Organisation en dossiers
• Init.php : automatiquement chargé
• Classes/Core.php : Instancie...
• 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).
• Filtrag...
• 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
...
• Sur mesure
• Sorties d’événements
courts
• 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 ...
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éveloppem...
• Recherche inversée
• Cache
• Recherche géolocalisée
• Mercator inversé.
• Notion de contexte
• Overlay carte
• Ajax wate...
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éc...
You can be a
developer too
• Meetups Mons
• WordCamps Europe
• Coding Guidelines
• PHP/PSR
• WordPress standards
• JavaScr...
Merci !
@reaklabreaklab
WordPress Meetup Liège #1 : Projet client Reaklab, EEB1
WordPress Meetup Liège #1 : Projet client Reaklab, EEB1
WordPress Meetup Liège #1 : Projet client Reaklab, EEB1
WordPress Meetup Liège #1 : Projet client Reaklab, EEB1
WordPress Meetup Liège #1 : Projet client Reaklab, EEB1
Prochain SlideShare
Chargement dans…5
×

WordPress Meetup Liège #1 : Projet client Reaklab, EEB1

127 vues

Publié le

Le 8 juillet, le premier WordPress Meetup de Liège invitait Reaklab à venir présenter un showcase rapide d'un projet client, pour parler de méthodes, de solutions aux problèmes rencontrés, et de ré-utilisation de code.

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
127
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
1
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

WordPress Meetup Liège #1 : Projet client Reaklab, EEB1

  1. 1. Reaklab : Projets clients Du sur-mesure conscientau service de beaux projets. @reaklabreaklab
  2. 2. Reaklab n.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
  3. 3. Romain Carlier Développeur web spécialistede WordPress HELHa, Mons Brandon Mercier Web designer & développeur front-end HEAJ, Namur * Co-locataires chez Ntwrk, amateurs de rock, curieux, fins tireurs de Nerfs, caféinovores,…
  4. 4. Une recette MAGIQUE ? Développement personnalisé de solution CMS, sites vitrines, web services, jeux vidéo, applications, commerce en ligne, … Conception & graphisme de l’interface à l’expérience Web design, ergonomie, expérience utilisateur, wireframing, consultance, … Hébergement et infogérance Hébergement, noms de domaine, boîtes e- mail, monitoring, etc
  5. 5. Résoudre des problèmes & conceptualiser des projets Notremétier
  6. 6. Le goût d’entreprendre Collaboration avec d’autres talents Projets Bouche à oreille
  7. 7. Apprendre Grandir Créer Résoudre Révolution Constante
  8. 8. WordPress, on fait quoi avec ça ? Promis, on fait vite. 75% des sites 65% du chiffre d’affaires Plugins Thèmes Codes courts Scripts externes / API … Passionnés. Professeurs. Orateurs. Presque contributeurs.
  9. 9. Projet #1 : École Européenne de Bruxelles I
  10. 10. • Installation décentralisée • /wordpress : installation vanilla / Submodule • /app : code personnalisé. • Fonctionnalités : Plugin • Look : Thème Installation
  11. 11. • 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
  12. 12. • SASS front-end/back-end • Grunt pour l’automatisation • jQuery Intégration
  13. 13. Fusionnn !
  14. 14. • 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é
  15. 15. • Redirection de templates. • Thèmes de couleurs. • Répercussions sur l’entièreté du site. Univers
  16. 16. • Custom Walker pour l’édition • Output buffer manipulation • Responsive • Problématique : Touch vs click Mégamenu
  17. 17. • Non-répétition • Panneau sur mesure • Rôles supplémentaires • Shortcode d’insertion Equipes
  18. 18. • Metas supplémentaires • Avatars via la média library • Multi-rôles • .htaccess • Casse à l’update • Pas automatiquement Profils
  19. 19. • Sur mesure • Sorties d’événements courts • Plusieurs par jour • Implantations : Géoplacement Evénements
  20. 20. • Sur mesure • Tricky • “Responsive” • Sérialisation Diaporamas
  21. 21. • Must pour les clients • Polylang • Classe indépendante • Optimisation de la réutilisation Réglages
  22. 22. • Global : Hooks perso • Etats + Réponse interne • JSON-Based Contacts Capture modifiée avant l’upload
  23. 23. • Login Divers, petits "plus" • Media filters • Liens fichiers
  24. 24. • Breadcrumbs • Boutons TinyMCE Divers, petits "plus"
  25. 25. • Metadonnées privées, traductions avec Polylang. • Univers multiples et ordre des thèmes de couleur. Mais aussi quelques soucis
  26. 26. Projet #2 : Pôle hainuyer
  27. 27. • 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
  28. 28. • Recherche inversée • Cache • Recherche géolocalisée • Mercator inversé. • Notion de contexte • Overlay carte • Ajax waterfall Moteur de recherche
  29. 29. Import
  30. 30. Projet #3 : Belrim
  31. 31. Croissance • De projet “présa” à gestionnaire de fédération.
  32. 32. Un bel essai : Custom Post Type Builder
  33. 33. • Custom Post Type • Page de settings • Centré sur l’UI Invoicing
  34. 34. Capture modifiée avant l’upload
  35. 35. Capture modifiée avant l’upload
  36. 36. 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 avant l’upload
  37. 37. You can be a developer too • Meetups Mons • WordCamps Europe • Coding Guidelines • PHP/PSR • WordPress standards • JavaScript conventions
  38. 38. Merci ! @reaklabreaklab

×