Espace hôtesses
Connexion
Accès réservé à l'équipe du salon.
Visiteur du salon ?
→ Pré-inscrivez-vous en ligne📱 App mobile visiteur : /mobile-app.html
📲 App mobile hôtesse : /mobile-admin.html
Mode tablette d'accueil : /?kiosk
Espace hôtesses
Accès réservé à l'équipe du salon.
Visiteur du salon ?
→ Pré-inscrivez-vous en ligneVisiteurs du jour en temps réel
| Badge | Visiteur | Organisme | Activité | Wilaya | Arrivée | Statut | Actions |
|---|
Le badge QR est généré automatiquement à la fin du formulaire.
Renseignez les informations puis réservez votre badge.
Étape 1 sur 3
Vos coordonnées
Aperçu du badge imprimé
Simulation du check-out
Dans la vraie app, le visiteur scanne le QR pour se déclarer parti. Ici, cliquez pour simuler :
12 – 14 novembre 2026 · SAFEX d'Alger · Pavillon Central
Présentez ce QR à l'accueil pour votre badge
Inscriptions en ligne via le formulaire public · Live
| Visiteur | Téléphone | Organisme | Fonction | Secteur | Wilaya | Inscrit le | Statut | Détails |
|---|
—
Live · Mise à jour auto toutes les 5s · —
Visiteurs sur place
0
⚡ Présents maintenant au salon
Arrivées aujourd'hui
0
📅 —
Total inscrits
0
👥 Toutes inscriptions cumulées
—
| Badge | Visiteur | Organisme | Activité | Wilaya | Arrivée | Source | Statut |
|---|
Merci pour votre inscription
Toute l'équipe de Africa Health Care Expo a hâte de vous accueillir au salon. Conservez précieusement votre badge ci-dessous — il vous donnera accès à l'événement.
Visiteur
—
—
—
📅 12 – 14 novembre 2026 · 📍 SAFEX d'Alger
Annoncez votre participation au salon avec la publication personnalisée ci-dessous et participez automatiquement au tirage au sort hebdomadaire : tablettes, smartwatches, paniers cadeaux santé et bien plus !
📲 Partagez ensuite sur votre réseau préféré :
💡 Mentionnez @AfricaHealthCareExpo dans votre publication pour valider votre participation au tirage
🎫 Le jour du salon
Présentez ce QR code à l'accueil. Notre équipe imprimera votre badge en quelques secondes.
📬 Email automatique
Votre QR vient d'être envoyé à votre adresse email. Vérifiez aussi votre dossier Spam.
Au plaisir de vous accueillir au salon !
L'équipe Africa Health Care Expo
Une question ? contact@africahealthcareexpo.com
Sélectionnez votre méthode de scan. Le check-in + impression sont automatiques.
Initialisation de la caméra…
Merci de votre visite !
—
| Badge | Date | Visiteur | Téléphone | Organisme | Activité | Wilaya | Raison | Statut |
|---|
Personnes que les visiteurs peuvent rencontrer.
| Nom | Service | Poste |
|---|
Gérez les administrateurs et hôtesses d'accueil
| Nom | Rôle | Statut | Visiteurs pris en charge | Actions |
|---|
★ Espace partenaire ★
Africa Health Care Expo · 12-14 novembre 2026
🔗 Votre lien d'invitation à partager
Tableau mis à jour en temps réel. Si la page reste ouverte, vous recevrez une notification dès qu'un nouveau visiteur s'inscrit.
Chaque partenaire a son lien d'inscription unique pour traquer les visiteurs qu'il amène
Profils enrichis affichés dans l'app mobile (logo, description, secteurs, brochures, stand)
Sessions et conférences sur les 3 jours — affichées dans l'app mobile
Profils des speakers visibles dans la fiche session de l'app
Upload du plan + placement des stands (clic = déposer un stand)
Aucun plan chargé. Clique sur Charger plan ci-dessus pour démarrer.
Fil d'info push vers tous les utilisateurs de l'app mobile
Visiteurs scannés en salle par les hôtesses, session par session · Live
Créez et planifiez les sessions — les hôtesses scannent les présences depuis l'app mobile.
Sondages réalisés par les hôtesses — un bloc par compte, une moyenne d'étoiles par visiteur
Personnes interdites d'accès au salon. Au scan ou à l'inscription, une alerte rouge s'affiche chez l'hôtesse / le check-in.
| Nom complet | Raison | Ajouté par | Date |
|---|
Placez le QR code, le nom et la fonction sur votre badge pré-imprimé (100 × 280 mm, plié à 140 mm). Les valeurs sont en millimètres ; l'aperçu se met à jour tout de suite. Une fois enregistré, le réglage est suivi par tous les postes (inscription, hôtesses).
Format imprimé depuis la fiche d'un visiteur, après un scan check-in, et depuis l'app hôtesse. (Une nouvelle inscription s'imprime toujours sur le badge 100 × 280.)
Chargez la maquette ou une photo bien droite du recto (100 × 140 mm) : elle s'affiche sous l'aperçu pour viser le cadre blanc. Elle reste sur ce poste, n'est pas enregistrée et ne s'imprime pas.
Les pointillés ne s'impriment pas.
Active la sync multi-appareils via Supabase — admin desktop, mobile hôtesse et app visiteur partagent les mêmes données en temps réel.
Données stockées uniquement dans ce navigateur. Configure Supabase ci-dessous pour activer la sync.
—
Va sur supabase.com → Start your project (connexion GitHub OK)
Crée un nouveau projet : nom ahce-2026, région Europe (Frankfurt/Paris), mot de passe BDD aléatoire
⏳ Attendre 1-2 min que le projet soit prêt.
Dans Supabase → menu SQL Editor → New query → coller :
-- Safe re-run : on peut le lancer plusieurs fois sans erreur
drop policy if exists "anon read" on app_state;
drop policy if exists "anon write" on app_state;
create table if not exists app_state (
id integer primary key default 1,
data jsonb not null default '{}'::jsonb,
updated_at timestamptz not null default now(),
constraint single_row check (id = 1)
);
insert into app_state (id, data)
values (1, '{}'::jsonb)
on conflict (id) do nothing;
alter table app_state enable row level security;
create policy "anon read" on app_state for select using (true);
create policy "anon write" on app_state for update using (true);
Clique Run (▶) — message "Success" attendu.
Dans Supabase → menu Project Settings → API →
https://xxxxx.supabase.co)eyJhbGc…)⚠️ Sécurité : N'utilise PAS la "service_role" key — la clé anon suffit et est faite pour le client.
Vide toutes les données de démo (visiteurs, exposants, programme, comptes app, etc.) pour démarrer propre. Les comptes admin/hôtesses sont préservés. Si la sync cloud est active, le cloud est aussi vidé.
Le problème : Aujourd'hui chaque appareil (téléphone visiteur, mobile hôtesse) doit entrer manuellement l'URL + clé Supabase. C'est tuant pour les utilisateurs.
La solution : Embarquer la config dans le fichier app-config.js. Tous les utilisateurs sont alors connectés automatiquement dès l'ouverture, sans rien faire.
📄 Contenu de app-config.js à coller :
C:\Users\a\visitor-management\app-config.js (Notepad)app-config.js : tous les utilisateurs sont auto-connectés (production)
Ce que ça fait : dès qu'un visiteur valide son inscription sur register.html, il reçoit automatiquement son badge QR par email — sans cliquer sur le bouton "Email". Idéal pour le jour J.
Coût : EmailJS gratuit jusqu'à 200 emails/mois.
Va sur emailjs.com → Sign Up (gratuit, GitHub OK)
Dashboard EmailJS → Email Services → Add New Service
Choisis Gmail (ou Outlook) → connecte ton compte → autorise → c'est tout
📋 Note ton Service ID (ex : service_abc123)
Dashboard EmailJS → Email Templates → Create New Template
Subject :
🎫 Votre badge {{salon_name}} {{salon_edition}}
Content (HTML) — clique "Code editor" et colle :
<div style="font-family:system-ui,Arial; max-width:600px; margin:0 auto; background:#f8fafc; padding:24px;">
<div style="background:linear-gradient(135deg,#1e60b6,#164a8c); color:white; padding:24px; border-radius:16px 16px 0 0; text-align:center;">
<h1 style="margin:0; font-size:24px;">Bienvenue {{first_name}} ! 🎉</h1>
<p style="margin:8px 0 0; opacity:.9;">Votre inscription à {{salon_name}} est confirmée</p>
</div>
<div style="background:white; padding:24px; text-align:center; border-radius:0 0 16px 16px;">
<p style="font-size:14px; color:#475569;">Votre badge officiel :</p>
<p style="font-size:36px; font-weight:900; color:#c49050; font-family:monospace; margin:8px 0;">{{badge_number}}</p>
<img src="{{qr_url}}" alt="QR Badge" style="width:240px; height:240px; border:4px solid #c49050; border-radius:16px; padding:8px; background:white;"/>
<p style="font-size:14px; color:#0f172a; margin-top:16px;"><strong>{{to_name}}</strong></p>
<p style="font-size:12px; color:#64748b;">{{establishment}} · {{activity}}</p>
<p style="font-size:12px; color:#64748b;">{{organisme}}</p>
<p style="font-size:12px; color:#c49050; font-weight:bold;">📍 {{wilaya}}</p>
<hr style="border:none; border-top:1px dashed #cbd5e1; margin:20px 0;"/>
<p style="font-size:12px; color:#475569;">📅 <strong>{{salon_dates}}</strong></p>
<p style="font-size:12px; color:#475569;">📍 {{salon_venue}}</p>
<a href="{{app_url}}" style="display:inline-block; margin-top:20px; padding:12px 24px; background:#1e60b6; color:white; text-decoration:none; border-radius:8px; font-weight:bold;">📱 Ouvrir l'app du salon</a>
</div>
<p style="font-size:11px; color:#94a3b8; text-align:center; margin-top:16px;">À présenter à l'accueil le jour J</p>
</div>
⚠️ Important : dans les paramètres du template EmailJS, mettre {{to_email}} dans le champ To Email.
📋 Note ton Template ID (ex : template_xyz789)
EmailJS → Account → API Keys → Public Key
📋 Copier (ex : XXXX_user_abc...)
app-config.js et activerÉdite C:\Users\a\visitor-management\app-config.js et remplace :
EMAILJS_ENABLED: true, EMAILJS_SERVICE_ID: 'service_abc123', EMAILJS_TEMPLATE_ID: 'template_xyz789', EMAILJS_PUBLIC_KEY: 'XXXX_user_abc...',
Sauvegarde + redéploie sur Netlify. Test sur register.html avec un email réel.
Suivi du nombre de visiteurs pris en charge par chaque hôtesse
| Rang | Membre équipe | Créations sur place | Check-ins (scans QR) | Check-outs | 🎤 Scans conf. | 📋 Sondages | TOTAL | Productivité |
|---|