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 :
11 – 14 novembre 2026 · SAFEX d'Alger · Pavillon A
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 Algeria Dental 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
—
—
—
📅 11 – 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 @AlgeriaDentalExpo 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 Algeria Dental Expo
Une question ? contact@adex-dz.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 ★
Algeria Dental Expo · 11-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 4 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).
Le badge du bas remonte vers celui du haut. Le badge du haut ne bouge pas.
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,#14939f,#0e6b74); 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:#0e7c86; font-family:monospace; margin:8px 0;">{{badge_number}}</p>
<img src="{{qr_url}}" alt="QR Badge" style="width:240px; height:240px; border:4px solid #0e7c86; 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:#0e7c86; 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:#14939f; 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é |
|---|