Une App pour les gouverner Tous !

The Hobbit 2 une App pour les gouverner tous !

 

Bonjour à toutes et à tous, aujourd’hui je vais vous dévoiler dans un exemple concret d’app pour SharePoint comment implémenter une vidéo en respectant HTML5.

Tout d’abord, il faut se connecter à NAPA.


Ensuite, il faut créer une nouvelle App en cliquant sur « SharePoint puis sur « Add New Project »


Cliquez sur « App for SharePoint » Puis à droite renseignez un nom pour votre App.

Enfin, cliquez sur « Create »


Nous arrivons sur la page default.aspx.

Maintenant, nous allons nous rendre sur notre site SharePoint et déposer dans une bibliothèque de notre choix, une vidéo au format mp4.

Cliquez droit sur Office 365 pour ouvrir dans un nouvel onglet, la page.

 


Cliquez sur Documents


Cliquez sur « + nouveau document » puis sur « Télécharger un fichier existant »


Allez chercher sur votre disque dur le fichier mp4 en cliquant sur « Choisissez un fichier »


Sélectionnez le fichier puis cliquez sur « Ouvrir »


Cliquez sur « OK »

Il est possible également de faire un « Glisser/déplacer » pour aller plus vite.


Nous allons maintenant récupérer l’url du fichier mp4. Pour cela, faite un clic droit sur le fichier puis cliquez sur « copiez l’adresse du lien »


Dans mon cas, voici l’url que j’ai récupérée :

https://sharepoint4everdev.sharepoint.com/Documents%20partages/hobbit2.mp4

Maintenant, retournons sur Napa.


Sur la ligne 22 de la page « Default.aspx » nous allons modifier le texte « Page Title »

Par «  The Hobbit 2 SharePoint App » ce qui doit donner ceci :


Cliquez sur « Run project » à gauche de l’écran.


Cliquez droit sur « Click here to launch you app in a new windows » puis cliquez sur « Ouvrir le lien dans un nouvel onglet »


Notre modification a bien été prise en compte !

Maintenant plus dur, nous allons ajouter un player vidéo html 5 pour lire la vidéo que nous avons précédemment ajoutée à notre bibliothèque de document.

Pour cela, HTML5 apporte une nouvelle balise.

Celle-ci se nomme : vidéo et s’écrit : <video> </video>

Pour ajouter une vidéo sur notre page nous allons taper le code source suivant :

<video width= »640″ height= »360″ src= »https://sharepoint4everdev.sharepoint.com/Documents%20partages/hobbit2.mp4&Prime; autobuffer controls poster= »whale.png » autoplay>


</video>

 

Vous devrez changer https://sharepoint4everdev.sharepoint.com/Documents%20partages/hobbit2.mp4

Par l’url où se trouve votre vidéo.

Sélectionnez ce code, puis revenez dans la fenêtre NAPA.

Sur la page « default.aspx » placez vous ligne 28 après « <div> »

Et coller le code


Cliquez sur « Run project »




Et voilà, l’application se lance et lit la vidéo automatiquement.


 

Publicités

Publier sa première App SharePoint 2013 sur le Store Office

Publier sa première App SharePoint 2013 sur le Store Office

« Attention, pour que cet article fonctionne, vous devez avoir créé et laisser en anglais votre site développer »

cf http://blog.christian-heindel.de/2013/06/15/napa-app-packages-list-not-found/

Merci à Christian Heindel.

Une fois que nous avons créé notre app, il faut maintenant la partager avec les autres utilisateurs dans le monde.

Pour cela, suivez le guide.

Nous allons nous rendre sur https://sellerdashboard.microsoft.com/Registration

On renseigne les informations demandées. Puis en fonction de qui nous sommes, (autoentreprise, entreprise ou particlier) on sélectionne le type de compte.

On clique sur Next pour valider le formulaire.

Renseigner les champs et ajouter un logo vous représentant.

Taper une description.

Choisissez un logo au dimension 96×96 pixel en cliquant sur le « + »

Renseignez les différents champs puis cliquez sur « Submit for approval »

Nous arrivons enfin sur cette page :

Une fois que votre compte sera valider vous pourrez ajouter une App, en fait la soumettre à la publication sur le store.

Pour cela cliquez sur « + » Add a new App

Sélectionnez App for sharepoint.

Un message vous rappel, qu’il faut avoir un compte developpers Office 365 valide.

On ne peu pas cliquez sur « Next » tant que le compte n’est pas valider.

Après 1 jour ouvré, nous avons reçu le mail de confirmation de ce type :

Avant d’ajouter notre App il reste à « Manager » notre compte

Pour cela il faut cliquer sur « Account » puis sur « Payout & tax »

Ensuite cliquez sur « Add payout & tax informations »

 

Renseignez les différents champs du formulaire puis cliquez sur « Suivant »

 

Maintenant on va pouvoir créer notre package d’app afin de pouvoir l’ajouter au store

Revenir sur « Napa » et cliquez sur « Publish »

Renseignez un numéro de version puis cliquez sur « Publish »

Félicitation, votre première App est publié sur votre sharepoint.

Maintenant nous nous rendons ici : https://sharepoint4everdev.sharepoint.com/sites/mydevcenter/Lists/AppPackages/Forms/AllItems.aspx

Adaptez cette url avec votre site. Ce qui compte c’est surtout : /Lists/AppPackages/Forms/AllItems.aspx

On retrouve ci-dessous notre App

Faire un clic sur « … » puis sur « Download a Copy »

Cliquez sur « Enregistrer »

Maintenant votre App est sur votre PC, dans C:\Users\Kevin\Downloads et se nomme « TheHobbit2.app »

 

Retournons sur le Seller DashBoard pour publier notre App sur le Store.

On clique donc sur « ADD New App »

Cliquez sur « Next »

Renseignez les différents Champs

Ajouter un logo au format jpeg de 96x par 96x pixel et de moins de 250kb

Cliquez sur « Add package » et allez récupérer sous : C:\Users\Kevin\Downloads le fichier « TheHobbit2.app » que nous avons créé précédement.

Cliquez sur « Ouvrir »

Vous pouvez ajouter quelques commentaires et documentations.

Renseignez obligatoirement Support Document Link avec une url.

 

Puis cliquez sur « Next »

Choisissez un language

Renseignez une description de votre app puis faites quelques capture d’écran afin de présenter l’interface de votre App et téléchargez les.

Puis cliquez sur « Next »

Cliquez sur « Next »

Choisissez soit de la faire payer soit de l’offrir.

Pour l’exemple je vais l’offrir.

Cliquez maintenant sur « Submit for approval »

Cliquez sur « OK »

 

Maintenant il va falloir patienter que votre App soit valider sur le « Office Store ».

Cela peut prendre entre 1 et 5 Jours.

1ère Conférence UGSF Grand Ouest


INVITATION

Lancement des « Jeudis de l’UGSF Grand Ouest »

jeudi 27 juin 2013

Pierre Erol GIRAUDY, Président de l’association dénommée User Group SharePoint France, UGSF, et Microsoft Most Valuable Professional SharePoint Server, acteur majeur reconnu Internationalement pour être l’auteur de multiples ouvrages sur le produit Microsoft SharePoint, se rendra à Nantes, le 27 Juin 2013, dans les locaux de la société Microsoft Nantes, afin de participer au lancement régionale de l’association « UGSF Grand Ouest » et au premier séminaire « Les Jeudis de l’UGSF Grand Ouest » portant sur les nouvelles technologies Microsoft SharePoint et Cloud Computing.

A son arrivée, le Président, effectuera une intervention lors de la conférence « Les jeudis de l’UGSF Grand Ouest » à 9h30.

D’autres parts, les conférenciers experts Microsoft sur leur domaine interviendront également lors de cette conférence qui sera pour vous une occasion unique et gratuite de vous former sur les dernières technologies Microsoft.

Voici la liste des conférenciers :

Christophe LAIGLE, La POSTE, Responsable Qualité

Na-Young Kwon, Chef marketing produit, Microsoft

Jean Cadeau, de K2

Pascal Cuzon, de NUANCE

Alexandre MERMOD de Calinda Software

Marc Devillard, Motivation Factory et Eric AMBROSI, MVP Silverlight, i-breed

Laurent Miltgen DELINCHAMPS, MVP Office 365, Sysdis

Wilfried Woivré MVP azure, SOAT

Michel Laplane, MVP Visio, Share Visual

Kevin TRELOHAN, MVP SharePoint, Neo-Soft

Pierre Erol GIRAUDY, MVP SharePoint, Azeo

 

Programme :

9h30        Accueil et présentation de l’UGSF, Discours de Pierre Erol GIRAUDY

10h00        Démonstration : Votre Première App SharePoint avec NaPa

10h30        One Note révolutionne l’intranet La POSTE

11h15        Le Réseau Social d’Entreprise Yammer et SharePoint 2013

12h00        Déjeuner Libre

12h45        Vos processus métiers dématérialisés et automatisés avec K2

13h30        Dématérialiser vos documents, factures, courriers avec Nuance

14h15        Votre intranet accessible depuis votre smartphone avec Calinda

15h00        La créativité en mode 2.0 vient à SharePoint avec MFBrainstorm

15h45        Office, SharePoint, Exchange, Lync dans les nuages avec Office 365

16h30        Windows Azure et SharePoint la Cloud-Story

17h15        Pilotez votre infrastructure visuellement avec Visio et SharePoint 2013

18h00        Cocktail de clôture offert

 

 

Les participants sont invités à indiquer leur présence auprès du service réservation :

• par inscription : http://jeudisugsfgrandouest.eventbrite.fr

• par téléphone : 06 11 16 32 81

• ou par email : kevin.trelohan@ugsf.fr

• adresse :

Technoparc de l’Aubinière

Agence Microsoft Ouest

11 avenue des Améthystes – 44300 Nantes

KevinNapaPeurDuDev !

Tout d’abord, je tiens à remercier Aymen Ben Taleb, qui m’a aidé à mieux comprendre comment fonctionne Napa et le développement sur SharePoint 2013.

Dans cet article, vous trouverez comment on crée son compte de développeur Office 365 et bien sûr, comment développer sa première App sur SharePoint 2013 Online.

N’étant pas moi-même développeurs, je vous remercie par avance de votre indulgence.

Bonne Lecture.

Kevin TRELOHAN
MVP SharePoint Server
kevin@sharepoint4ever.fr

 

Créer son compte développeur Office 365 avec son compte MSDN

Etape 1, se rendre sur https://msdn.microsoft.com/subscriptions/manage/

Ensuite, il faut cliquez sur https://msdn.microsoft.com/fr-fr/subscriptions/office365

Une fois que vous avez lu la page, cliquez sur le lien : Portail Office 365

Ce qui revient à vous rendre ici :

https://msdn.microsoft.com/fr-fr/subscriptions/office365#

Renseignez les différents champs du formulaire d’inscription puis cliquez sur « Continuer »

ET après quelques secondes, voici ce que vous obtenez :

Cliquez sur « Valider »

Renseignez à nouveau les champs du formulaire puis cliquez sur « Suivant »

Cliquez sur « Suivant »

Cochez la case puis renseignez votre Nom complet

Cliquez sur « Suivant »

Renseignez les champs du formulaire

Puis cliquez sur « Passer une commande »

Cliquez sur « Continuer »

Renseignez votre numéro de téléphone mobile puis cliquez sur « Enregistrer et continuer »

Patientez encore quelques minutes afin que tous les services soient opérationnels

En attendant, vous avez reçu 2 Mails dont 1 de la part de

MicrosoftOffice365@email.office.com


 

Et un autre de la part de msonlineservicesteam@microsoftonline.com

 

Après avoir patienter quelques instant,

Cliquez sur « Construire des applications sur le site du développeur »


J’attire votre attention sur ces très bons tutoriaux de Microsoft disponible ici :

http://msdn.microsoft.com/fr-fr/office/apps

Dans mon cas et donc le vôtre, nous allons nous intéresser à SharePoint dont voici un peu de littérature :

http://msdn.microsoft.com/fr-fr/library/office/apps/jj220030(v=office.15)

Ensuite, on va se focaliser sur NAPA :