Nouveau site Web Metalogique

Le nouveau site web de Metalogique est maintenant en ligne!

Il vous propose une expérience totalement nouvelle, où un contenu entièrement revu s’intègre harmonieusement à un design des plus moderne.

photo

Le projet a été développé dans son entier par Metalogique, avec le concours de plusieurs de ses employés:

  • Michel Bergeron, Charles Gagnon, Claude Vézina et Odette Nadeau  ont contribué à la création des contenus.
  • Pierre Paquet, Véronique Delisle et Richard Dupont ont donné vie au projet en travaillant à la conception et à l’intégration.

Notre nouveau site offre donc une expérience utilisateur complètement renouvelée, alignée sur les réalités d’aujourd’hui. Le design épuré et l’intégration responsive permettent un affichage agréable qui s’adapte sur toutes les plateformes, incluant les téléphones intelligents. De plus, la grande majorité des contenus est accessible directement à partir de la page d’accueil, offrant ainsi une navigation simple et fluide.

Constatez par vous-même le résultant en vous rendant sans plus attendre sur Metalogique.com.

Metalogique accompagne les entreprises et les organisations dans leur évolution TI.
Imaginez demain, réalisez-le aujourd’hui avec nous !
En savoir plus sur nos solutions.

Advertisements

Lien vers un formulaire de propriétés Modal dans SharePoint

Historiquement, les formulaires NewForm.aspx, EditForm.aspx et DispForm.aspx étaient accessibles directement en effectuant un hyperlien sur celui-ci. Depuis la version 2010, nous avons l’option proposée est une fenêtre Modal (Popup) et pour plusieurs d’entre nous, il est impossible d’effectuer un lien vers notre formulaire Modal. Nous sommes donc contraint de remettre le bon vieux formulaire aspx pour pouvoir par la suite faire pointer un lien sur celui-ci..

Voici donc la « Recette à suivre » pour établir un lien vers une fenêtre modal

  1. Naviguer à la page ou vous souhaitez mettre le lien
  2. Ajouter un WebPart « Éditeur de contenu » ou « Éditeur de script »
  3. Ajoutez le bout de code ci-bas dans l’éditeur de script

<script type= »text/javascript » src= »/_layouts/15/sp.runtime.js »></script>
<script type= »text/javascript » src= »/_layouts/15/sp.js »></script>

<script type= »text/javascript »>

function dialogfunction(pageUrl) {
var options = { url: pageUrl, width: 540, height: 800 };
SP.SOD.execute(‘sp.ui.dialog.js’, ‘SP.UI.ModalDialog.showModalDialog’, options);
}
</script>

Ajouter votre lien Html tel que ci-dessous en prenant soin de remplacer

  • URL DE VOTRE LISTE
  • URL DE RETOUR
  • NOM DU LIEN

<a href= »# » unselectable= »on » onclick= »dialogfunction(‘URL DE VOTRE LISTE/NewForm.aspx?Source=URL DE RETOUR&RootFolder=’) »>NOM DU LIEN</a>

Un intégrateur Web, qu’est-ce que ça mange en hiver?

Je reprends mots pour mots le titre du billet écrit par Guillaume Fugère de la firme Sigmund, car je suis certaine que vous êtes nombreux à vous poser cette question. Surtout que l’hiver est déjà commencé…

Ce billet, donc,  nous éclaire sur ce métier méconnu mais néanmoins essentiel dans l’univers du web.

Cliquez ici pour tout savoir !

Bonne lecture!

unsplash-kitsune-3-1024x682

Source de l’image

Mise en ligne pour TuxedoSim

Récemment, TuxedoSim inaugurait son nouveau site web réalisé en collaboration avec Metalogique.

TuxedoSim ? Situé dans le parc aéroportuaire de l’Aéroport international Jean-Lesage de Québec, cette entreprise est la seule à disposer d’un simulateur de vol MCX de Redbird au Québec. Elle offre donc aux pilotes et apprentis pilotes la possibilité de poursuivre leur apprentissage à l’aide de ce simulateur de vol des plus perfectionné. Les pilotes pourront maintenant s’entraîner beau temps mauvais temps et réserver des heures de vol en ligne.

Le site que nous avons développé pour TuxedoSim s’appuie sur les tous derniers langages de programmation web, soit le HTML 5 et le Responsive Design dont nous avons déjà parlé ici. Nous avons également assuré le design et l’ergonomie de l’interface.

Le site web de TuxedoSim peut donc être consulté tant sur les appareils fixes que mobiles, avec une aisance et une fonctionnalité parfaite.

Nous sommes très fiers du résultat, assurés que ce site contribuera significativement au succès de TuxedoSim !

Masquer facilement le menu de gauche dans SharePoint

Nombreux sont ceux qui m’ont fait part du besoin de retirer la navigation de gauche dans certaines pages de leur portail SharePoint.

En fait, la recette est toute simple ! Il suffit d’insérer l’extrait de code suivant soit dans un « Script Editor WebPart », soit en l’intégrant directement dans un « Page Layout » ou « MasterPage ».

<style type= »text/css »>
#sideNavBox { display : none;}
</style>
Amusez-vous bien 🙂

Responsive design – la pointe de l’iceberg

Chez Metalogique, nous mettons actuellement la dernière main à la refonte de notre site web qui fera désormais partie de la famille des sites en Responsive design. Le travail a été plus exigeant que nous l’avions prévu. Mais le résultat sera à la hauteur de nos attentes et, nous l’espérons, de celles de notre clientèle.

Responsive design ?

Un site web adaptatif (anglais RWD pour responsive web designconception de sites web adaptatifs selon l’OQLF1) est une notion de conception de sites web qui regroupe différents principes et technologies dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation. L’utilisateur peut ainsi consulter le même site web à travers une large gamme d’appareils (moniteurs d’ordinateur, smartphones, tablettes, TV, etc.) avec le même confort visuel et sans avoir recours au défilement horizontal ou au zoom avant/arrière sur les appareils tactiles notamment, manipulations qui dégradent considérablement l’expérience utilisateur. (source: Wikipedia)

Le Responsive design devient graduellement un incontournable pour quiconque souhaite proposer un site qui s’inscrit dans les toutes dernières tendances du développement web. Cela évite aussi d’avoir à développer un site mobile spécifique, voire plusieurs sites adaptées aux différents navigateurs ou aux multiples résolutions des appareils mobiles.

Mais tout est loin d’être rose dans le monde adaptatif ! Ce type de développement a ses exigences et ses particularités qu’il vaut mieux connaître avant de s’y lancer à corps perdu !

Stéphanie Walter, « Graphiste – Designer Web et mobilité » basée à Strasbourg, nous propose ici un billet des plus pertinent sur le Responsive design:

Dans cet article, nous allons nous intéresser à ce qui est aujourd’hui déjà possible en terme d’optimisation de sites pour mobiles, mais également à ce qui sera possible dans le futur. Nous parlerons de propriétés non encore standardisées comme CSS level 4, HTML5 et d’APIs, ainsi que de techniques qui restent à être améliorées. Cet article est loin d’être exhaustif et nous n’aurons pas le temps d’approfondir chaque technique mentionnée, mais vous aurez à la fin de la lecture à votre disposition suffisamment de liens pour pouvoir continuer l’exploration par vous-même.

Je vous en recommande chaudement la lecture attentive. Elle fait un tour de la question que tout développeur web voudra connaître.

Elle reproduit notamment cette infographie particulièrement éloquente qui nous a inspiré pour le titre de notre billet.

Responsive Design

Alors, si vous envisagez vous lancer dans le Responsive design, le billet de madame Walter est pour vous, d’autant qu’il est riche en hyperliens qui permettent de faire un tour pas mal complet de la question.

Bonne lecture et bon développement !