SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis.

Présentation au sujet: "SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis."— Transcription de la présentation:

1 SITE WEB MFF 2013 Cahier des charges fonctionnel pour devis

2 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

3 Home Page

4 Eléments sujets à modification Header Carré Player Carré Partage

5 HEADER Intégration des visuels du header (changements dimages lors des 3 phases) NB : Comment faire pour le gérer directement sur SPIP Ajout dun onglet dans le menu sur toutes les pages « Boutique » cette page sera composé dun iFrame

6 NOUVEAU PLAYER

7 a)Passer au format 16/9 b) Pour rendre les films visibles tablettes et mobiles Apple Est-ce que la diffusion en MP4 le permettra ? Quel sera limpact du MP4 sur les OS web, est-ce lisible par tous ? c) Encodage En 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éo Le player doit pouvoir être déclinable facilement et sans charge excessive en fonction des éditions étrangères mises en place, qui auraient dautres codes couleurs Points importants

8 Play / Pause Pause actif sur toute la vidéo + la barre de menu

9 A la fin de chaque film

10 Fonction « Volume »

11 Fonction « élargissement de lécran »

12 Fonction « Export »

13 - embed = copie automatiquement le lien de lembed vidéo - link vidéo = copie automatiquement lurl de la page avec la vidéo - email = ouverture dun email via son outil demailing avec en pré-rempli : Lemail expéditeur Objet : « 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

14 Roll over bleu sur les icones lors du passage de la souris sur chacune dentre 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

15 Fonction « Voter pour ce film »

16 Lobjectif cette année est de permettre de voter via FB Connect Nous nous interrogeons : -Si nous proposons FB Connect sur lapplication 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 lapplication 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 lapplication Autre point Possible laisser FB connect sur option de vote du player (en sachant quil est embeddable) ? PRECISIONS Mise en « pause » automatique de la vidéo pendant le vote Fonction « Voter pour ce film »

17 Fonction de partage Facebook « f » et Twitter « t » NB: Ouverture des page de partage dans un nouvel onglet

18 CARRE PARTAGES

19 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 à lapplication Les « jaime » seront-ils comptabilisés dans lapplication / sur son compte / les 2 ? Phase 1 et 3

20 Partages FB et Twitter Ouverture des pages de partage dans un autre onglet

21 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

22 Page participer

23 Onglet « Participer »

24 INTEGRATION DE LOPEN GRAPH (FACEBOOK) sur www.mobilefilmfestival.com

25 Objet = « Film » - Titre du Film - Image = vignette vidéo - Description = Mobile Film Festival 2013 - URL = url de la vidéo -Director = Prénom NOM Réal OBJET

26 Actions Actions = Watch + voter - « Watch » au passé « a regardé… » - « Voter » (= à créer) Au passé : « a voté pour… »

27 FORMULAIRE DINSCRIPTION

28 1) Avec FB Connect

29 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 loption FB Connect

30 Permissions facultatives Rsvp_event User_actions.video (=lié à lOpen Graph, « Votre activité vidéo ») NB : phrase de justification pour lutilisateur : « Pour vous permettre de participer, de regarder et de voter pour les films du Mobile Film Festival 2013 » Détail de loption FB Connect

31 Informations complémentaires à linscription via FB Connect :AdresseCode postalTéléphonePaystitre de votre FilmRé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 : Jaccepte de recevoir des offres et promotion des partenaires du Mobile Film FestivalCASE : en cochant cette case, je reconnais avoir pris connaissance du Règlement du Mobile Film Festival [+ lien] et jaccepte ce règlementBouton VALIDERTexte : En application de la loi […] vous adresser à contact@mobilefilmfestival.com (ATTENTION : pas.net) contact@mobilefilmfestival.com

32 Onglet « Participer » 2) Sans FB Connect : Formulaire en létat

33 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 »

34 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 lactivation et désactivation des films Page « Edition 2011 »

35 Nous souhaitons reprendre la main sur cette page MobilEvent fournit le visuel Page « Prix » Intégration dun iFrame on conserve le header, le menu et le bas de page Page « La Boutique » Gérer par MobilEvent comme pour CVD Page « Partenaire »

36 Questions techniques

37 Comment optimiser les échanges entre les différents prestataires : – FB – Appli mobiles – Site mobile A partir de la DB des 50 films Merci de vos propositions les plus simples possibles en termes de développement Gestion de la DB des films