site web mff 2013 cahier des charges fonctionnel pour devis
TRANSCRIPT
![Page 1: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/1.jpg)
SITE WEB MFF 2013Cahier des charges
fonctionnel pour devis
![Page 2: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/2.jpg)
Rappel : les 3 phases de l’édition 2013
1) Appel à films : lundi 22 octobre 2012 au lundi 7 janvier 2013
2) Festival en ligne et appel à votes : Mercredi 16 janvier au mercredi 6 février
3) Remise des Prix : mardi 12 février
![Page 3: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/3.jpg)
Home Page
![Page 4: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/4.jpg)
Eléments sujets à modificationHeader
CarréPlayer
CarréPartage
![Page 5: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/5.jpg)
HEADER
• Intégration des visuels du header (changements d’images lors des 3 phases)
NB : Comment faire pour le gérer directement sur SPIP
• Ajout d’un onglet dans le menu sur toutes les pages « Boutique »cette page sera composé d’un iFrame
![Page 6: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/6.jpg)
NOUVEAU PLAYER
![Page 7: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/7.jpg)
a) Passer au format 16/9
b) Pour rendre les films visibles tablettes et mobiles AppleEst-ce que la diffusion en MP4 le permettra ?Quel sera l’impact du MP4 sur les OS web, est-ce lisible par tous ?
c) EncodageEn 2012, nous avions une très forte baisse de qualité entre les films reçus, les films
diffusés sur les mobiles et FB et les films diffusés sur notre site ce qui est un comble.Cela ne doit pas arriver cette année, il faut prévoir les encodages nécessaires tout en restant accessible au plus grand nombre
d) Déclinaison en couleur du player vidéoLe player doit pouvoir être déclinable facilement et sans charge excessive en fonction des éditions étrangères mises en place, qui auraient d’autres codes couleurs
Points importants
![Page 8: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/8.jpg)
Play / Pause
Pause actif sur toute la vidéo+
la barre de menu
![Page 9: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/9.jpg)
A la fin de chaque film
![Page 10: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/10.jpg)
Fonction « Volume »
![Page 11: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/11.jpg)
Fonction « élargissement de l’écran »
![Page 12: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/12.jpg)
Fonction « Export »
![Page 13: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/13.jpg)
- embed = copie automatiquement le lien de l’embed vidéo
- link vidéo = copie automatiquement l’url de la page avec la vidéo
- email = ouverture d’un email via son outil d’emailing avec en pré-rempli :L’email expéditeurObjet : « A découvrir ce super court métrage du Mobile Film Festival 2013 »Message : «lien vers la page avec le film »
Fonction « Export » Précisions
![Page 14: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/14.jpg)
Roll over bleu sur les icones lors du passage de la souris sur chacune d’entre elles
Fonction applicable à TOUS les boutons
Il faudra avoir la possibilité de décliner le player en rouge ou
une autre couleur pour un autre pays
![Page 15: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/15.jpg)
Fonction « Voter pour ce film »
![Page 16: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/16.jpg)
L’objectif cette année est de permettre de voter via FB Connect
Nous nous interrogeons :- Si nous proposons FB Connect sur l’application aux spectateurs, le vote
peut-il être comptabilisé à partir du clic FB Connect depuis le site ?
- le vote doit-il être reproduit au sein de l’application dans une page FB ?Dans cette hypothèse, peut-on arriver directement sur le bon film dans la page FB ou doit-on repasser par la Home de l’application
Autre pointPossible laisser FB connect sur option de vote du player (en sachant qu’il est embeddable) ?
PRECISIONSMise en « pause » automatique de la vidéo pendant le vote
Fonction « Voter pour ce film »
![Page 17: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/17.jpg)
Fonction de partage Facebook « f » et Twitter « t »
NB: Ouverture des page de partage dans un nouvel onglet
![Page 18: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/18.jpg)
CARRE PARTAGES
![Page 19: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/19.jpg)
Ajouter Pinterest : nous allons créer une page et nous vous envoyons le lien
Concernant FB, un point à éclaircir :Mode de calcul pour un spectateur FB Connect à
l’applicationLes « j’aime » seront-ils comptabilisés dans
l’application / sur son compte / les 2 ?
Phase 1 et 3
![Page 20: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/20.jpg)
Partages FB et Twitter
Ouverture des pages de partage dans un autre onglet
![Page 21: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/21.jpg)
Dans cette phase le vote est autorisé :- Dans la vidéo (vu précédemment)- Aussi dans la zone réseaux sociaux comme présenté ci-dessous
Bouton « Voter pour ce film »- Option 1 : via le player (cf slide 15)- Option 2 via le bouton ci-dessous- Comment faire apparaître les 2 options SMS / FB ? Pop Up ou autre
Phase 2
![Page 22: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/22.jpg)
Page participer
![Page 23: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/23.jpg)
Onglet « Participer »
![Page 24: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/24.jpg)
INTEGRATION DE L’OPEN GRAPH (FACEBOOK) sur
www.mobilefilmfestival.com
![Page 25: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/25.jpg)
Objet = « Film » - Titre du Film - Image = vignette vidéo- Description = Mobile Film Festival 2013- URL = url de la vidéo- Director = PrénomNOM Réal
OBJET
![Page 26: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/26.jpg)
Actions
Actions = Watch + voter
- « Watch » au passé « a regardé… »
- « Voter » (= à créer)Au passé : « a voté pour… »
![Page 27: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/27.jpg)
FORMULAIRE D’INSCRIPTION
![Page 28: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/28.jpg)
1) Avec FB Connect
![Page 29: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/29.jpg)
Permissions obligatoires / compulsory permissions
• Nom / Prénom / Pseudo / Avatar• Liker la page Fan MFF par défaut avant de continuer la
saisie• User_birthday• User_Interests• User_likes• User_Location• User_Website• User_work_History• Email
Détail de l’option FB Connect
![Page 30: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/30.jpg)
Permissions facultatives• Rsvp_event• User_actions.video (=lié à l’Open Graph, « Votre
activité vidéo »)NB : phrase de justification pour l’utilisateur : « Pour vous
permettre de participer, de regarder et de voter pour les films du Mobile Film Festival 2013 »
Détail de l’option FB Connect
![Page 31: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/31.jpg)
Informations complémentaires à l’inscription via FB Connect : • Adresse• Code postal• Téléphone• Pays• titre de votre Film• Résumé de votre film (500 caractères max)• Fichier vidéo (MPEG4, .mov, .avi, 3gp autorisés / durée max : 1 min / poids max : 100 Mo) • Vignette de la vidéo (format Jpg)• Portrait réalisateur (format Jpg) 2 cases à cocher (dont minimum une obligatoire) - Case « Utiliser mon avatar FB » - Case « uploader nouvelle photo »• CASE : J’accepte de recevoir des offres et promotion des partenaires du Mobile Film Festival• CASE : en cochant cette case, je reconnais avoir pris connaissance du Règlement du Mobile Film Festival [+ lien] et j’accepte ce règlement• Bouton VALIDER• Texte : En application de la loi […] vous adresser à [email protected] (ATTENTION : pas .net)
![Page 32: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/32.jpg)
Onglet « Participer »
2) Sans FB Connect : Formulaire en l’état
![Page 33: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/33.jpg)
• A mettre hors ligne pour la phase 1 (22 octobre 2012)
• A mettre en ligne pour la phase 3 Visuel fourni par MobilEvent
Page « Lauréats »
![Page 34: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/34.jpg)
• A remplacer par Edition 2012• Avec player MFF 2013• Mise hors ligne des 50 films de l’édition 2011• Mise en ligne des 50 films de l’édition 2012
Nous souhaitons gérer l’activation et désactivation des films
Page « Edition 2011 »
![Page 35: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/35.jpg)
• Nous souhaitons reprendre la main sur cette page• MobilEvent fournit le visuel
Page « Prix »
Intégration d’un iFrame on conserve le header, le menu et le bas de page
Page « La Boutique »
Gérer par MobilEvent comme pour CVD
Page « Partenaire »
![Page 36: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/36.jpg)
Questions techniques
![Page 37: SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis](https://reader033.vdocuments.net/reader033/viewer/2022051515/551d9d92497959293b8c8b5d/html5/thumbnails/37.jpg)
• Comment optimiser les échanges entre les différents prestataires :– FB– Appli mobiles– Site mobileA partir de la DB des 50 filmsMerci de vos propositions les plus simples possibles en
termes de développement
Gestion de la DB des films