Facebook FanBox

Facebook Fanbox 1.5.x.0
Accueil - Captures d'écrans
Captures d'écrans PDF Imprimer Envoyer
SportingEvents
Écrit par Christophe   

Quelques captures d'écrans afin de vous faire une idée de ce qu'offre SportingEvents comme fonctionnalités...

Backend - Panneau de contrôle

Le panneau de contrôle concentre les fonctionnalités de base du composant comme la gestion des sports, des distances, des parcours mais aussi, bien sûr, des évènements, des paramètres, des textes, ... de l'application.

Dans la partie de droite se trouve un menu intelligent : les deux premières options concernent les actions que vous aurez à prendre à savoir accepter des propositions qui auraient été faites dans le frontend ou des inscriptions faites par des visiteurs.   Dès lors qu'il y a au moins une action à faire, l'option sera "ouverte" afin que votre regard soit immédiatement capté.

Vous y retrouverez aussi quelques statistiques comme les 10 évènements les plus lus, quelques chiffres (le nombre d'évènements, de distances, ...).

Panneau de contrôle

Backend - Gestion des évènements

L'écran de gestion des évènements vous permet d'avoir une vue d'ensemble de tous les évènements que vous avez créé.   C'est là que vous pourrez prendre certaines actions comme créer un nouvel évènement, modifier ou supprimer un évènement existant, publier / dépublier ou dupliquer un évènement.  

Cet écran permet aussi, entre autre, d'accéder au classement d'une épreuve.

En cliquant sur un évènement, vous aurez accès à l'écran d'édition qui a été, dans la version 1.0 de SportingEvents totalement remanié afin d'en simplifier l'utilisation.

L'écran se rapproche de l'écran de gestion des articles.   Vous allez retrouver en haut à gauche un ensemble de zones textes comme le titre, l'alias, date de début et de fin, ... et un ensemble de listes déroulantes.   Ces listes vont vous permettre de sélectionner un sport, une distance, un parcours, un album photo, une localisation, ...

Dans la partie inférieure, vous avez la possibilité d'encoder une description mais aussi un commentaire.

Vous avez à droite, des paramètres, la possibilité d'ajouter une vignette et de gérer la partie inscription.

Edition d'un évènement
Cliquez sur l'image pour l'agrandir

Backend - Gestion des sports

SportingEvents a été conçu pour gérer un site multisport et par conséquent un évènement pourra être rattaché à un sport précis.   Votre site pourra avoir une rubrique sur la course à pied, une autre sur le trail, une troisième sur la marche nordique, etc.

Si vous utilisez SportingEvents dans un contexte non sportif, imaginez dès lors des sections comme "Séminaires", "Conférences", "Colloques", "Journées d'étude", ...  Pourquoi pas...    Il suffit de renommer "Sport" en "Sections" et d'encoder dans l'écran de gestion des ... sections la liste que vous souhaitez.

Ecran de gestion des sports
Cliquez sur l'image pour l'agrandir

 

L'écran de gestion inclus une zone description qui sera affichée sur le frontend un peu à la manière d'un blog (une vue va permettre d'afficher la liste des sports).   Vous avez aussi, entre autre, la possibilité de définir une couleur pour chaque sport et une adresse email d'un responsable.   Cette personne recevra une copie des mails qui font suite à une inscription à un évènement de ce sport et à une proposition d'évènement pour le sport précité.

Gestion des sports
Cliquez sur l'image pour l'agrandir

 


Backend - Gestion des distances

Dans le monde de la course à pied ou du cyclisme p.e., une course se fait sur une distance donnée.   L'écran de gestion des distances permets d'introduire vos distances ou; si vous renommer "distances" par un terme de votre choix, vos propres possibilités.

Backend - Gestion des parcours

Un parcours est une autre caractéristique d'une course.   En pleine nature, à la campagne ou citadin sont quelques possibilités.

Dès lors que vous renommez "Parcours" en p.e. "Circuits" (pour un site de F1), vous pourrez encoder comme possibilités : Silverstone, Spa Francorchamps, Nürburgring, ...

Backend - Gestion des localisations

Un évènement est généralement localisé à un endroit : une salle de sports, de conférence, ...   L'écran de gestion des localisations va vous permettre d'encoder une fois pour toute un endroit et de le définir (rue, code postal, ville, ...) et même d'y adjoindre une carte (type Google Map).

La gestion de la carte se fait de deux manières : soit par la spécification d'une URL soit par l'utilisation d'un composant dédicacé (p.e. PhocaMaps).   Cette intégration se fait très aisément grâce à un plugin de SportingEvents.

Ensuite, dans l'écran d'édition de votre évènement, vous n'aurez plus qu'à sélectionner l'endroit depuis une liste déroulante.

Edition d'une localisation
Cliquez sur l'image pour l'agrandir

Backend - Gestion des ressources

Pour simplifier, une ressource, c'est comme un album photo : c'est un ensemble non pas de photos ici mais de liens.  Un lien vers le site de l'organisateur de l'évènement, un lien vers le classement, un lien vers un fichier qui représente le trajet de la course, un lien vers un règlement, un lien vers ...

Le nombre de liens est illimité.   Vous pouvez lier ce que vous voulez : un fichier pdf, word, une image, un site externe, ...

L'écran de gestion des liens vous permet d'uploader un document sur le serveur.   Un bouton de gestion des medias "Transfert" a été prévu à cet effet dans la barre des boutons.

Gestion des ressources
Cliquez sur l'image pour l'agrandir

Liste des liens d'une ressource : vous pouvez en avoir autant que vous voulez et c'est vous qui décidez de l'ordre d'apparition sur votre page de description de l'évènement.

Gestion des liens
Cliquez sur l'image pour l'agrandir

 

 

Backend - Gestion de l'album photo

SportingEvents dispose de sa propre gestion d'album photos.   Sans vouloir rivaliser avec des solutions beaucoup plus efficaces comme PhocaGallery ou MorfeoShow pour n'en citer que deux (et parfaitement intégrées avec SportingEvents); vous avez ici une fonctionnalité qui vous permet de définir un album qui peut contenir un nombre illimité de photos.

Ci-dessous un exemple d'un album reprennant 5 photos.  Cet album pourra ensuite être lié à un ou à plusieurs évènements.

Gestion des photos 

Cliquez sur l'image pour l'agrandir

 

L'écran d'édition d'une photo permet de spécifier un titre, une URL pointant vers la photo ainsi qu'une légende.   Vous pourrez aussi définir une taille arbitraire pour l'affichage sur le frontend.

Edition d'une photo
Cliquez sur l'image pour l'agrandir.

Backend - Gestion des styles

Outre la possibilité de paramétrer finement SportingEvents et d'en changer les textes, vous avez aussi la possibilité de modifier les feuilles des styles de l'application.  

Un premier écran va vous permettre de sélectionner une feuille de styles.  Peu importe s'il s'agit d'un CSS du composant ou d'un de ses modules; tout est regroupé au sein du même écran.

Ecran de gestion des styles

Ensuite, après avoir cliqué sur une feuille précise, un écran d'édition va s'afficher :

Ecran d'édition d'un style

Backend - Gestion des textes

L'écran des textes vous permet de modifier la majeure partie des textes de SportingEvents.   A l'origine SportingEvents est développé pour un usage sportif et, dans sa configuration initiale, pour la course à pied.

En modifiant les textes, vous pourrez l'utiliser pour d'autres sports (il n'y a d'autres limites que votre imagination) voire des sites qui n'ont rien à voir avec le monde sportif : des associations culturelles, des sites de mairies, des sites évènementiels, ...

Pour plus d'aisance, les textes sont regroupés par thématique :

Edition des textes de SportingEvents
Cliquez sur l'image pour l'agrandir

Backend - Gestion des paramètres

L'écran des paramètres vous permet de configurer très finement le comportement de SportingEvents.   Il y a une grande quantité de paramètres, trop probablement, mais le but recherché est de vous permettre de contrôler comment SportingEvents fonctionne, ce que vous autorisez à vos utilisateurs, ce qui peut être affiché, ...

Les paramètres sont regroupés par thématiques et, pour chacun d'entre eux, vous avez une aide contextuelle sur la droite de l'écran.

Gestion des paramètres
Cliquez sur l'image pour l'agrandir

Backend - Installation des exemples

Afin de rapidement démarrer l'apprentissage de SportingEvents, vous pouvez installer un jeu d'évènements, de sports, de distances, ... pour un type de site donné.

L'écran vous propose plusieurs modèles de site : un site sur la course à pied, sur le handball, le kayak, ... et même culturel.

Modeles de sites
Cliquez sur l'image pour l'agrandir

 

Backend - Ecran de migration

Le modèle des tables a évolué avec la version 1.0 de SportingEvents.   Afin de faciliter la migration, un écran de migration est venu s'ajouter aux fonctionnalités existantes.

Cet écran va p.e. retrouver dans l'ancienne table jos_course la liste des photos que vous auriez pû spécifier pour un évènement et automatiquement créer un album photo.

Ecran de migration
Cliquez sur l'image pour l'agrandir

Backend - About

Cet écran reprend un ensemble d'informations vous permettant de, par exemple, prendre connaissance de la liste des modules & plugins qui font partie de la famille de SportingEvents et qui vont accroître son efficacité.  Vous y trouverez aussi la liste des composants / plugins tiers avec lesquels SportingEvents possède une interface (p.e. PhocaGallery, CommunityBuilder, JComments, ...).

A propos de SportingEvents
Cliquez sur l'image pour l'aggrandir

Mise à jour le Dimanche, 04 Juillet 2010 08:51
 

Commentaires  

 
0 #3 Christophe 25-06-2010 13:52
Après six mois de travail, j'ai le plaisir de vous informer que la version 1.0 stable de SportingEvents est publiée. Hip hip hip hourrah!!!
Citer
 
 
0 #2 alfor 13-02-2010 00:46
travail impressionnant !
merci d'avance pour ces futures longues soirées de découvertes :lol:
et vivement le frontend... avec toutes ses nouveautés ;-)
Citer
 
 
0 #1 Christophe 12-02-2010 22:46
N'hésitez pas à me faire part de vos impressions, idées, suggestions, ...
Citer
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir

RocketTheme Joomla Templates