Archives pour la catégorie Tutoriels

Comment installer GKSU sur Ubuntu Bionic 18.04 LTS ?

GKSU est un utilitaire permettant de démarrer une application en mode fenêtre avec les droit administrateurs. Je l’utilise notamment avec un lanceur Xampp qui demande les droits root pour démarrer.

Après une installation fraîche de Bionic dont la mise à jour a été un peu compliquée, impossible de réinstaller cet utilitaire qui n’est désormais plus dans les dépôts. Dans les forums, on explique avec éloquence que les dépendances interdisent son installation.

Morte-couille ! Tout cela ne serait que faribole ? C’est bien ce que semble indiquer cette réponse sur Askubuntu. Évidemment, j’ai testé et la manip a parfaitement fonctionné, c’est sale j’assume, mais je partage quand même.

Lire la suite Comment installer GKSU sur Ubuntu Bionic 18.04 LTS ?

Publicités

Comment animer une image PNG pour une bannière

Le PNG est juste génial, c’est un format d’image libre proposant des fonctionnalités intéressantes comme la transparence, la translucidité, tout ce que propose GIF et même en mieux.

Dans ce tutoriel, je vais aborder les animations des images PNG dans le but de préparer la bannière animée d’un site Web.

Préparation : toutes vos images doivent logiquement disposer de la même dimension pour cela il faut les redimensionner ou les recadrer.

Lorsque c’est fait, rendez-vous sur le site AnimatedPNGs.com cliquez sur Parcourir et transférez vos images. Le delay est fixé à 64ms, il s’agit du temps d’affichage de chaque image. Ce délai est réservé au mini-animation, pour une bannière chaque image doit être affichée quelques secondes, on indiquera un multiple de 1000 par exemple 4000.

2018-03-09_10h18_21

Le délai peut être paramétré différemment pour chaque image :

2018-03-09_10h20_46

Enfin cliquez sur Create Generated Image puis sur Download.

Animatedpng propose d’autres services, la conversion de flash en PNG, de GIF en PNG.

Le code source est visible sur Github : https://github.com/GraFlic/GraFlic

 

 

 

Monétiser votre site avec Snipcart

Snipcart est un gestionnaire de panier prenant en charge le paiement par carte bancaire. L’inscription est gratuite, une commission de 2% est retenue sur chaque opération ce qui est modeste.

C’est une solution est idéale pour monétiser un contenu en ligne tout en évitant les grosses usines comme Prestashop.

Pour ce tutoriel, le CMS support sera l’excellent Zwii en version 8.2.5.  J’irai un peu vite sur certains aspects, le tutoriel ne s’adresse donc pas à de grands débutants.

Lire la suite Monétiser votre site avec Snipcart

La synchro facile sous Ubuntu avec Syncany

Sous Ubuntu, la synchronisation de dossiers s’effectue la plupart du temps avec des utilitaires en ligne de commande, lorsque le dossier est en ligne, FTP ou Webdav, tout ça devient très compliqué voire impossible. Mais ça c’était avant SyncAny.

Lire la suite La synchro facile sous Ubuntu avec Syncany

Comment modifier le thème dans MARP

Créer un nouveau thème sous MARP, est en réalité très compliqué et parfaitement inaccessible au commun des mortels, en aucun cas je ne peux imaginer demander à mes étudiants de suivre la procédure décrite dans ce slide.

La première raison est que ce ne sont pas des informaticiens, enfin cela irait à l’encontre de l’intérêt principal de cet outil, à savoir la rapidité et l’efficacité.

Fort heureusement, il existe une solution qui n’est pas vraiment développée dans le guide technique du logiciel et qui passe par l’insertion de styles dans la zone d’édition.

Voici un exemple de ce qui peut être fait :

<style>
.slide {
 background-color: black;
 font: 40px arial, sans-serif; 
 }
 
.slide a {
 color: indigo;
 }
 
.slide h1 {
 color: fuchsia !important;
 text-align: center;
 } 
 
.slide h2 {
 color: darkviolet;
 } 
 
.slide p {
 color: darkorchid;
 }
</style>

Quelques explications :
. slide s’applique aux paramètres des diapositives, ici on a appliqué une police Arial de taille 40px et un arrière plan noir.
. slide a modifie la couleur des liens.
. slide h1 modifie les titres de niveau 1 (#)  !important  permet de passer outre le style défini par le thème.
.slide p applique une couleur aux paragraphes.

Pour mettre en œuvre ces styles, il  faut utiliser le style par défaut et non Gaïa.

Ces commandes s’insèrent en haut de la zone d’édition, cependant il est possible de créer un fichier externe appelé par cette commande :

<link rel="stylesheet" type="text/css" href="style.css">

Enjoy !

How to change the theme in MARP

In reality it is very complicated, in any case inaccessible to ordinary people, do not I see myself explaining to students the procedure described in this link.

Quite simply because they are not computer scientists and secondly, the interest of using MARP is precisely to be efficient, effective and fast.

On the other hand, as the description indicates, you can easily add styles at the beginning of the slideshow. And then it becomes accessible…

Here is a very short example of what can be done :

<style>
.slide {
 background-color: black;
 font: 40px arial, sans-serif; 
 }
 
.slide a {
 color: indigo;
 }
 
.slide h1 {
 color: fuchsia !important;
 text-align: center;
 } 
 
.slide h2 {
 color: darkviolet;
 } 
 
.slide p {
 color: darkorchid;
 }
</style>

A few explanations:
. slide is about slide related settings
. slide a modifies the links
. slide h1 the titles of level 1 (#)! important clears the parameter setting set by the theme

You need to  use default theme and not Gaia to make it work.

There are two ways to do this, either integrate an external file with a link:

<link rel="stylesheet" type="text/css" href="style.css">

or include the style at the top of the page but it’s less clean.

Enjoy !

How to install Exelearning on Solus

Exelearning is an online content design tool developed by a Spanish team and available under free license in many languages. On numerous occasions this software has been the subject of articles in this blog.

This tool is perfect for posting training contents, documentation, e. g. technical manuals, etc. online. Despite all Exelearning is not really an editorial channel, it is rather web-based and training platform oriented.

Moreover, my training contents, some of which are online on the Datacargo. fr website, are made with this tool.

Rather than a long description, I refer you to this presentation video:

Exelearning is available for Windows, Macos and Linux, in installable or portable version (to be copied on a USB stick and used on a machine without root rights).

What about Solus? Another geek thing? Well in fact, no, Solus is a very efficient Linux distribution, and perfectly operational on a small laptop with a double heart. Compared to Ubuntu (17. n), the occupancy of the 4GB of RAM is simply half, i. e. 2GB on Ubuntu and 1GB on Solus… Interesting performance.

How to install Exelearning on Solus OS? Turning to this article…

First, download the portable version for Linux:

2017-11-24_12h07_32

Next, unpack the archive:

tar xvf portable-intef-exe-2.1.3-linux. tar. gz

Copy the contents of the folder into /opt with root rights:

sudo cp -r portable-intef-exe-2.1.3-linux /opt

Then, all that remains is to add an entry in the menu, to do this I used Free Menu:

sudo eopkg install menulibre

For the app works, it is necessary to specify the working directory, the Exelearning icon is in the exelib folder.

Links: