Laravel 5.3 and AngularJS CRUD – Search and Pagination.

It is time to create a CRUD(Create, Read, Update, Delete) using AngularJS and Laravel 5. In Following step by step you can create web application of create, edit, delete, lists, search with pagination of items modules. In this post through you can make simple crud, search and pagination module and easily use in your laravel project. I am going to show preview of items module that we will do using angularJS and Laravel 5.3.

 

Preview

laravel-angular

 

Step 1: Create items table and module

In First step we have to create migration for items table using Laravel 5 php artisan command, so first fire bellow command:

In First step we have to create migration for items table using Laravel 5 php artisan command, so first fire bellow command:

php artisan make:migration create_items_table

After this command you will find one file in following path database/migrations and you have to put bellow code in your migration file for create items table.

 

use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateItemsTable extends Migration
{
    public function up()
    {
        Schema::create('items', function (Blueprint $table) {
            $table->increments('id');
            $table->string('title');
            $table->text('description');
            $table->timestamps();
        });
    }
    public function down()
    {
        Schema::drop("items");
    }
}

After craete “items” table you should craete Item model for items, so first create file in this path app/Item.php and put bellow content in item.php file:

app/Item.php

namespace App;
use Illuminate\Database\Eloquent\Model;
use DB;
class Item extends Model
{
    public $fillable = ['title','description'];
}

Step 2: Create controller

Ok, now we should create new controller as ItemController in this pathapp/Http/Controllers/ItemController.php. this controller will manage all lists, create, edit, delete ,search and pagination request and return json response, so put bellow content in controller file:

app/Http/Controllers/ItemController.php

 

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\Item;
class ItemController extends Controller
{
    public function index(Request $request)
    {
        $input = $request->all();
        if($request->get('search')){
            $items = Item::where("title", "LIKE", "%{$request->get('search')}%")
                ->paginate(5);      
        }else{
		  $items = Item::paginate(5);
        }
        return response($items);
    }
    public function store(Request $request)
    {
    	$input = $request->all();
        $create = Item::create($input);
        return response($create);
    }
    public function edit($id)
    {
        $item = Item::find($id);
        return response($item);
    }
    public function update(Request $request,$id)
    {
    	$input = $request->all();
        Item::where("id",$id)->update($input);
        $item = Item::find($id);
        return response($item);
    }
    public function destroy($id)
    {
        return Item::where('id',$id)->delete();
    }
}

Step 3: Route file

In this step you have to add some route in your route file. so first we will add resource route for items module and another one for templates route. this templates route through we will get html template for our application, so put the bellow content in route file:

routes/web.php

Route::get('/', function () {
    return view('app');
});
Route::group(['middleware' => ['web']], function () {
    Route::resource('items', 'ItemController');
});
// Templates
Route::group(array('prefix'=>'/templates/'),function(){
    Route::get('{template}', array( function($template)
    {
        $template = str_replace(".html","",$template);
        View::addExtension('html','php');
        return View::make('templates.'.$template);
    }));
});

Step 4: use AngularJS

Now we will manage AngularJS route and controller, so first cretae “app” directory in your public folder(public/app) and create route.js(public/app/route.js) file for write all angular js. and put the bellow code in that file.

route.js

var app =  angular.module('main-App',['ngRoute','angularUtils.directives.dirPagination']);
app.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
            when('/', {
                templateUrl: 'templates/home.html',
                controller: 'AdminController'
            }).
            when('/items', {
                templateUrl: 'templates/items.html',
                controller: 'ItemController'
            });
}]);

now we have to create one folder in your app folder “controllers” and create one file “ItemController.js”(public/app/controllers/ItemController.js) file in that folder.

ItemController.js

app.controller('AdminController', function($scope,$http){
  $scope.pools = [];
});
app.controller('ItemController', function(dataFactory,$scope,$http){
  $scope.data = [];
  $scope.libraryTemp = {};
  $scope.totalItemsTemp = {};
  $scope.totalItems = 0;
  $scope.pageChanged = function(newPage) {
    getResultsPage(newPage);
  };
  getResultsPage(1);
  function getResultsPage(pageNumber) {
      if(! $.isEmptyObject($scope.libraryTemp)){
          dataFactory.httpRequest('/items?search='+$scope.searchText+'&page='+pageNumber).then(function(data) {
            $scope.data = data.data;
            $scope.totalItems = data.total;
          });
      }else{
        dataFactory.httpRequest('/items?page='+pageNumber).then(function(data) {
          $scope.data = data.data;
          $scope.totalItems = data.total;
        });
      }
  }
  $scope.searchDB = function(){
      if($scope.searchText.length >= 3){
          if($.isEmptyObject($scope.libraryTemp)){
              $scope.libraryTemp = $scope.data;
              $scope.totalItemsTemp = $scope.totalItems;
              $scope.data = {};
          }
          getResultsPage(1);
      }else{
          if(! $.isEmptyObject($scope.libraryTemp)){
              $scope.data = $scope.libraryTemp ;
              $scope.totalItems = $scope.totalItemsTemp;
              $scope.libraryTemp = {};
          }
      }
  }
  $scope.saveAdd = function(){
    dataFactory.httpRequest('items','POST',{},$scope.form).then(function(data) {
      $scope.data.push(data);
      $(".modal").modal("hide");
    });
  }
  $scope.edit = function(id){
    dataFactory.httpRequest('items/'+id+'/edit').then(function(data) {
    	console.log(data);
      	$scope.form = data;
    });
  }
  $scope.saveEdit = function(){
    dataFactory.httpRequest('items/'+$scope.form.id,'PUT',{},$scope.form).then(function(data) {
      	$(".modal").modal("hide");
        $scope.data = apiModifyTable($scope.data,data.id,data);
    });
  }
  $scope.remove = function(item,index){
    var result = confirm("Are you sure delete this item?");
   	if (result) {
      dataFactory.httpRequest('items/'+item.id,'DELETE').then(function(data) {
          $scope.data.splice(index,1);
      });
    }
  }
});

we have to create another folder “helper” in app directory for myHelper.js(public/app/helper/myHelper.js)file because that file will help to define helper function.

myHelper.js

 

function apiModifyTable(originalData,id,response){
    angular.forEach(originalData, function (item,key) {
        if(item.id == id){
            originalData[key] = response;
        }
    });
    return originalData;
}

create one another folder “packages” and create file dirPagination.js(public/app/packages/dirPagination.js) and put code of following link:

dirPagination.js

Ok, at last you have create another one folder call “services” and create file myServices.js(public/app/services/myServices.js).

myServices.js

app.factory('dataFactory', function($http) {
  var myService = {
    httpRequest: function(url,method,params,dataPost,upload) {
      var passParameters = {};
      passParameters.url = url;
      if (typeof method == 'undefined'){
        passParameters.method = 'GET';
      }else{
        passParameters.method = method;
      }
      if (typeof params != 'undefined'){
        passParameters.params = params;
      }
      if (typeof dataPost != 'undefined'){
        passParameters.data = dataPost;
      }
      if (typeof upload != 'undefined'){
         passParameters.upload = upload;
      }
      var promise = $http(passParameters).then(function (response) {
        if(typeof response.data == 'string' && response.data != 1){
          if(response.data.substr('loginMark')){
              location.reload();
              return;
          }
          $.gritter.add({
            title: 'Application',
            text: response.data
          });
          return false;
        }
        if(response.data.jsMessage){
          $.gritter.add({
            title: response.data.jsTitle,
            text: response.data.jsMessage
          });
        }
        return response.data;
      },function(){
        $.gritter.add({
          title: 'Application',
          text: 'An error occured while processing your request.'
        });
      });
      return promise;
    }
  };
  return myService;
});

Step 5: Create View

This is a last step and you have to create first app.blade.php file for theme setting, so let’s create app.blade.php(resources/views/app.blade.php) and put following code :

app.blade.php

Get File.

Ok, now we need to create templates folder in views folder and need to add three html file, i am going to create that so give name properly and add that.

1.resources/views/templates/home.html

<h2>Welcome to Dashboard</h2>

2.resources/views/templates/items.html

Get File

3.resources/views/templates/dirPagination.html

Get File.

 

Step 6: File .env must be correctly setup

The data from database should be correctly set.

 

Step 6: Lauch Migration

We now need to load data into the database. Data & tables.

php artisan migrate

WordPress, Drupal, Joomla : Quel CMS choisir ?

Dans le monde embouteillé des sites de contenu, il y a une question qui fait débat depuis les origines du monde numérique : Quel est le meilleur CMS (Content Management System)? Pour définir un bon CMS, il convient d’en déterminer les fonctions, et l’importance de celles-ci pour l’utilisateur : le webmaster! Il n’y a donc pas de « meilleur CMS » il y a des CMS plus où moins bien adaptés aux besoins de son utilisateur. Joomla, WordPress ouDrupal ont tous leurs qualités et leurs imperfections. Cet article vise à vous en lister un aperçu.

Popularité des 3 grands CMS :

Les 3 grands CMS, de par leur caractéristique « open-source », fédèrent une grande communauté d’experts et de passionnés qui participent au développement de ces outils. Par exemple, voici un graphique réalisé par BuiltWith représentant les tendances d’utilisation de Drupal au cours du temps sur une grande sélection de pages d’accueil de sites Web.

Quel CMS choisir - (1)

On remarque que parmi les plus gros sites (sans doute les plus performants d’ailleurs) le choix de la solution Drupal est en croissance continue dans le temps.

Les qualités d’un bon CMS :

Je ne connais pas tous les CMS disponibles donc mon avis est nécessairement subjectif, mais j’ai utilisé Drupal Joomla et WordPress pour mon usage personnel. Fort de la connaissance de ces 3 outils, je dirais qu’un bon CMS doit être :

 

 

  • facile à utiliser mais extensible selon les besoins : dans la pratique ces deux caractéristiques sont souvent incompatibles.
  • prêt à l’emploi et modulable à volonté : la composition d’un CMS doit en faire outil très performant dans la durée. Si le CMS est modulable, alors les options se résumeront au stricte minimum au départ mais une bibliothèque fournie de modules additionnels offriront le maximum de flexibilité au fil du temps.
  • équilibré entre options natives et modules additionnels.

Ces notions sont évidemment partiellement incompatibles : les CMS les plus faciles à utiliser pour un débutant sont les plus simples et souvent les moins évolutifs dans la durée tandis que les solutions les plus complètes du marché sont logiquement les moins faciles à prendre en main.

joomla-logo[1]

Joomla, un roi sur le déclin ?

De l’avis de tous, le CMS open-source français Joomla a eu son heure de gloire par le passé et reste une solution appréciée.

Les atouts de Joomla :

  • Facile à installer
  • Configuration assez poussée possible
  • Bon équilibre entre les options en natif et plug-ins disponibles
  • Nombreux templates sont disponibles pour débuter avec Joomla

Les novices et les développeurs en herbe seront ravis d’utiliser Joomla pour débuter. Mais Joomlamontre ses limites si on décide de pousser très loin la personnalisation. Une refonte complète deJoomla s’avère presque impossible du fait de l’interconnection très poussée des différentes briques fonctionnelles entre elles.

Là où Joomla devient une usine à gaz, c’est lorsqu’on le surcharge de modules. Particulièrement au début lorsqu’on test et cherche le bon plugin ; la bibliothèque contient de nombreux plugins mais pas tous « maintenus à jour » et nombre d’entre eux ne fonctionnent pas correctement.

wordpress-logo1[1]

WordPress, le plus répandu :

WordPress est à n’en pas douter le CMS  le plus couramment utilisé de nos jours. Il est principalement connu et reconnu pour ses fonctions de blogging, où il excelle littéralement. J’en sais quelque chose. Pour autant, WordPress n’est pas un « vrai CMS » selon moi, moins que Joomla ou Drupal en tous les cas. En revanche, WordPress est très puissant et possède un avantage indéniable grâce à sa bibliothèque d’extensions, on peut tout faire avec WordPress : boutique en ligne, réseau social, multi-blogs, etc. De même que pour Joomla, gare à ne pas le rendre ingérable si en le surchargeant de modules. De plus, les mises-à-jour intempestives (elles sont fort heureusement légères) font courir un (faible) risque d’incompatibilité entre la version installée et les modules (développées pour des versions antérieures).

Au final WordPress s’impose haut la main dans le cadre de projets légers, statiques ou contributifs. Les webzines et les blogs sont la chasse gardée de WordPress. Pour les projets plus lourds et plus ambitieux visant des sites de contenu profonds, envisagez Drupal ou Joomla à la rigueur.

 

drupal-logo[1]

Drupal, la force tranquille :

Les mauvaises langues diront que nous prêchons pour notre chapelle, on ne pourra pas s’en défendre mais au moins justifier notre parti-pris. En général, Drupal plait beaucoup aux développeurs car il possède une grande vertue : il est bien conçue, de manière très logique. Cela permet aux développeurs d’être rapide et précis du premier coup. Drupal représente une part croissante des projets car, en comparaison du temps passé, ce sont les moins couteux. Comprenez : travailler vite et bien réduit la facture!

Drupal est performant à plus d’un titre, il peut être complètement personnalisé dès lors qu’on maitrise suffisamment bien le PHP (ce qui est notre cas 😉 ) mais il ne convient absolument pas aux débutants selon moi. Le concept de modules reste de mise dans Drupal, comme pour les autres CMS open-source.

Le seul aspect négatif que je trouve à Drupal est qu’il manque de templates « haut-de-gamme » mais fort heureusement pour vous, nous somme là et avons des graphistes et des intégrateurs très pro qui concevront pour vous des univers graphiques bien plus agréables que de vulgaires templates 😉

Les parts de marché ?

wappalyzer-logo[1]Wappalyzer, l’un de nos autres projets en coopération avec son fondateur Elbert F, est un navigateur add-on qui découvre les technologies utilisées sur les sites Web. Il détecte les systèmes CMS et e-commerce, frameworks JavaScript, des outils d’analyse et plus encore.
Nous avons compilé les informations mondiales OpenSource CMS fourni par le navigateur add-on sur cette page pour vous donner une idée des outils Top 20 Open Source CMS là-bas et leur part de marché actuel. Il y a actuellement plus de 20.000 personnes qui ont l’add-on installé et font état de ces données. Gardez à l’esprit que les statistiques sont bien sûr qu’un aperçu des 30 derniers jours et ne couvrent à peu près 1% de l’ensemble du Web.
# Application Websites using this Pageviews
1
WordPress
4,047,316 202,354,665
2
Joomla
624,141 16,186,924
3
Drupal
379,963 37,839,312
4
TYPO3 CMS
93,542 4,290,856
5
DNN
35,455 1,384,471
6
Contao
18,240 651,563
7
Concrete5
18,103 638,007
8
CMS Made Simple
15,586 171,013
9
Liferay
14,722 1,969,486
10
SPIP
13,452 686,795
11
SilverStripe
9,176 471,594
12
eZ Publish
8,684 574,724
13
Umbraco
7,872 240,242
14
MODx
7,395 239,078
15
Plone
6,370 406,648
16
Movable Type
6,021 181,314
17
XOOPS
5,216 205,595
18
Pligg
3,911 432,465
19
Contenido
2,398 51,054
20
Squiz Matrix
1,628 196,380

 

 

w3techs.com

Données de : https://w3techs.com/technologies/history_overview/content_management

 

Market share trends for content management systems for websites

This report shows the market share trends for content management since August 2015.

2015
1 Aug
2015
1 Sep
2015
1 Oct
2015
1 Nov
2015
1 Dec
2016
1 Jan
2016
1 Feb
2016
1 Mar
2016
1 Apr
2016
1 May
2016
1 Jun
2016
1 Jul
2016
1 Aug
2016
4 Aug
WordPress 58.6% 58.7% 58.6% 58.6% 58.7% 58.8% 59.1% 59.2% 59.2% 59.3% 59.5% 59.5% 59.6% 59.5%
Joomla 6.8% 6.8% 6.7% 6.6% 6.5% 6.4% 6.4% 6.2% 6.1% 6.1% 6.0% 5.9% 6.0% 6.0%
Drupal 5.0% 5.0% 5.0% 5.0% 5.0% 4.9% 4.9% 4.9% 4.9% 4.9% 4.9% 4.9% 4.9% 4.9%
Magento 2.8% 2.9% 2.9% 2.9% 2.9% 2.9% 2.9% 2.9% 2.9% 2.9% 2.8% 2.8% 2.8% 2.8%
Blogger 2.7% 2.7% 2.8% 2.7% 2.7% 2.7% 2.7% 2.8% 2.8% 2.7% 2.6% 2.6% 2.6% 2.6%
TYPO3 1.6% 1.6% 1.5% 1.5% 1.5% 1.5% 1.5% 1.5% 1.5% 1.5% 1.5% 1.5% 1.5% 1.5%
Bitrix 1.2% 1.2% 1.2% 1.2% 1.2% 1.3% 1.3% 1.3% 1.4% 1.4% 1.4% 1.4% 1.4% 1.4%
Adobe Dreamweaver 1.5% 1.5% 1.5% 1.4% 1.4% 1.4% 1.4% 1.4% 1.4% 1.3% 1.3% 1.3% 1.3% 1.3%
PrestaShop 1.2% 1.2% 1.3% 1.3% 1.3% 1.3% 1.3% 1.3% 1.3% 1.3% 1.3% 1.3% 1.3% 1.3%
Shopify 0.8% 0.9% 0.9% 0.9% 1.0% 1.0% 1.0% 1.1% 1.1% 1.1% 1.1% 1.2% 1.2% 1.2%
OpenCart 0.9% 0.9% 0.9% 0.9% 1.0% 1.0% 1.0% 1.0% 1.0% 1.0% 1.0% 1.0% 1.0% 1.0%
Squarespace 0.7% 0.7% 0.8% 0.8% 0.8% 0.8% 0.8% 0.9% 0.9% 0.9% 0.9% 1.0% 1.0% 1.0%
FrontPage 1.1% 1.1% 1.1% 1.1% 1.0% 1.0% 1.0% 1.0% 1.0% 1.0% 0.9% 0.9% 0.9% 0.9%
DataLife Engine 0.8% 0.8% 0.8% 0.7% 0.7% 0.7% 0.7% 0.7% 0.7% 0.7% 0.7% 0.7% 0.7% 0.7%
vBulletin 0.9% 0.9% 0.9% 0.8% 0.8% 0.8% 0.8% 0.8% 0.7% 0.7% 0.7% 0.7% 0.7% 0.7%
DotNetNuke 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6% 0.6%
ExpressionEngine 0.6% 0.6% 0.6% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5%
Wix 0.3% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.5% 0.5%
phpBB 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5% 0.5%
Bigcommerce 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4%
Discuz! 0.5% 0.5% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4%
Weebly visit the Weebly website 0.3% 0.4% 0.4% 0.4% 0.4% 0.4% 0.3% 0.3% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4%
osCommerce 0.5% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.4%
SharePoint 0.4% 0.4% 0.4% 0.4% 0.4% 0.4% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3%
Telerik Sitefinity 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3%
GitHub Pages 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3%
uCoz 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3%
XenForo 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3%
Zen Cart 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.3% 0.2% 0.2% 0.2% 0.2% 0.2%
Concrete5 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Simple Machines Forum 0.3% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Tumblr 0.3% 0.3% 0.3% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Volusion 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Contao 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Kentico 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Dealer.com 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Liferay 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
SPIP 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Jimdo 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
CS-Cart 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
Duda visit the Duda website 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
CMS Made Simple 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
IP.Board 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2%
eZ Publish 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.1% 0.1%
HubSpot CMS 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
PHP Link Directory 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.1% 0.1% 0.1% 0.1%
Webs 0.2% 0.2% 0.2% 0.2% 0.2% 0.2% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
MediaWiki 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Yahoo! Small Business 0.2% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Kliqqi 0.2% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
xt:Commerce 0.2% 0.2% 0.2% 0.2% 0.2% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Adobe Experience Manager 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
GoDaddy Website Builder 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
SilverStripe 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
nopCommerce 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
MyBB 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Movable Type 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Adobe GoLive 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Plone 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
UMI.CMS 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Shopware 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
3dcart 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
XOOPS 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Umbraco 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
NetCat 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Ektron 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Craft CMS <0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Google Sites 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Miva Merchant 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
XpressEngine 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Livedoor Blog 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
HostCMS 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
NetObjects 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Demandware 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
InstantCMS 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
RapidWeaver 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
WebSite X5 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
DreamCommerce 0.1% 0.1% 0.1% 0.1% 0.1%
Ning 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Moodle <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% 0.1% 0.1% 0.1% 0.1%
Orchard 0.1% <0.1% <0.1% <0.1% <0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
EPiServer CMS 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
Open Text 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1%
ECShop 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% 0.1% <0.1% <0.1% <0.1% <0.1%
eSyndiCat 0.1% 0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1% <0.1%

 

Quelle couleur utiliser pour son Logo ?

La signification des couleurs

Ce n’est pas par hasard que tant de réseaux sociaux (Facebook, Twitter, Linkedin et Tumblr) et d’entreprises technologiques (Dell, IBM, HP et Intel) ont choisi un logo bleu. Cela ne signifie cependant pas que le bleu est la couleur à utiliser sur votre site.

 

 

Même si le bleu est parfait pour votre site, n’oubliez pas de choisir avec soin les autres couleurs que vous lui associerez. Comprendre comment les couleurs influencent les gens vous permet de vous assurer que les couleurs sur votre site sont un atout pour votre activité, et non un handicap.

 

Faisons un tour rapide des couleurs de base et de leurs significations :

Rouge ▾

 

Le rouge peut accélérer le rythme cardiaque d’une personne et la conduire à respirer plus rapidement. Le rouge est également associé au désir, à l’excitation, à l’amour, à l’énergie et au mouvement. Il peut cependant faire l’objet d’associations néfastes à ne pas négliger comme la guerre, la violence, le feu, la colère et le danger.

 

Quand utiliser du rouge ?

Utilisez le rouge par touches, pour attirer l’attention sur quelque chose, ou pour stimuler vos visiteurs. Le rouge est un bon choix pour les sites traitant de nourriture, mode, divertissement, sport, marketing, publicité, services d’urgences et soins.

 

Quand éviter le rouge ?

Ne pas trop en faire avec le rouge : trop de stimulation via la couleur rouge peut nuire à votre site. Le rouge ne va en règle général pas très bien avec les sites traitant du luxe, les contenus liés à la nature et les sites et services professionnels.

Rose ▾

 

Le rose est une nuance du rouge, mais a des significations spécifiques. Le rose représente la sophistication, la sincérité, la romance et l’amour. Il n’a pas la dimension violente et colérique du rouge, et peut être apaisant et doux.

 

Quand utiliser du rose ?

Le rose est idéal pour les produits féminins ou les sites dont les contenus sont spécialement prévus pour les femmes ou les jeunes filles.

 

Quand éviter le rose ?

Le rose peut-être criard et les roses clairs peuvent être trop sentimentaux ou doux pour certains sites.

Jaune ▾

 

Le jaune est la couleur la plus vive. Elle est associée avec la compétence, le bonheur, la joie, l’optimisme et la jeunesse. Il peut cependant faire l’objet d’associations négatives comme la lâcheté, la tromperie et la mauvaise qualité.

 

Quand utiliser du jaune ?

Utilisez le jaune pour donner de l’énergie ou communiquer un sentiment heureux à vos visiteurs. Utilisez des tons doux et légers pour exprimer des sentiments heureux et apaisés. Le jaune peut aussi être très efficace pour attirer l’attention sur un élément en particulier de votre page.

 

Quand éviter le jaune ?

Avec le jaune, on en fait rapidement trop. Le jaune peut fatiguer les yeux, et doit être utilisé avec retenue. Trop de jaune, ou un jaune de la mauvaise teinte peut sembler criard et racoleur.

 

Orange ▾

 

L’orange est une couleur vibrante et pleine d’énergie, souvent associée avec la joie, le bonheur, l’énergie, la chaleur, l’ambition, l’excitation et l’enthousiasme. Le orange peut aussi avertir d’un danger.

 

Quand utiliser du orange ?

Le orange est parfait pour attirer l’attention sur les boutons ou liens clés de votre site : inscription, bouton d’achat ou accès au panier. Il peut aussi être utilisé pour mettre en avant des promotions ou tout autre contenu sur lequel vous souhaitez attirer l’attention. La couleur orange est particulièrement adaptée pour le e-commerce, l’industrie automobile, la technologie, le divertissement, la nourriture et la puériculture.

 

Quand éviter le orange ?

Même si le orange est moins intense que le rouge, sa visibilité peut rapidement écraser tout autre contenu présent sur vos pages. Faites attention à ne pas en abuser !

Bleu ▾

 

Le bleu est associé au sexe masculin, à la compétence, à la qualité, au calme, la fiabilité, la constance, la sagesse, la loyauté, la force, la productivité, la confiance et la sécurité. Les bleus vifs peuvent aussi être rafraîchissant et énergisant.

 

Quand utiliser du bleu ?

Le bleu est souvent utilisé par de grandes entreprises et des banques, car il n’est pas trop distrayant et est associé à la fiabilité. C’est bon pour la santé, les soins dentaires, les hautes technologies, l’industrie médicale, la science, les organisations gouvernementales, les professions juridiques et les services de proximité.

 

Quand éviter le bleu ?

Utiliser certaines nuances de bleu (les plus sombres d’entres elles), ou utiliser trop de bleu, peut rendre votre site distant et froid. Cela peut également diminuer l’appétit, donc faites attention en l’utilisant avec des contenus liés à la nourriture.

Vert ▾

 

Le vert est harmonieux, et équilibre le contenu de votre page. Il est associé à la croissance, à la santé, à la nature, la richesse, le calme, le sexe masculin, la générosité, la fertilité, le désir, la chance, la paix, l’harmonie, l’entraide et l’énergie.

 

Quand utiliser du vert ?

Le vert est la couleur la plus facile à percevoir pour l’oeil. Utilisez le pour créer un effet calmant et relaxant sur votre page, ou pour représenter un renouveau, la nature ou la richesse. C’est également une couleur à privilégier pour les thème de la science, du tourisme, de la médecine, des ressources humaines, de l’environnement et du développement durable.

 

Quand éviter le vert ?

Le vert se prête moins aux biens de luxe, technologique, ou les contenus destinés aux jeunes filles.

 

Violet ▾

 

Le violet est associé à la royauté. Il peut être utilisé pour communiquer sur la créativité, l’imagination, l’autorité, la sophistication, le pouvoir, la richesse, la prospérité, le mystère, la sagesse et le respect.

 

Quand utiliser du violet ?

Utilisez le violet sombre pour créer une sensation de luxe et de richesse, et utilisez le violet clair pour le printemps et la romance. Le violet peut aussi être adapté pour mettre en avant des produits de beauté (en particulier des produits anti-âge), pour l’astrologie, les massages, le yoga, la guérison, la spiritualité et les contenus liés aux femmes et aux jeunes filles.

 

Quand éviter le violet ?

Le violet peut être apaisant et relaxant, ce qui en fait généralement un mauvais choix pour attirer l’attention. L’utilisation de violets foncés et profonds peut faire paraître votre site hautain et distant.

Marron ▾

 

Le marron est une couleur chaude, naturelle, associée avec la terre, la robustesse, la fiabilité, la stabilité, l’amitié et la nature.

 

Quand utiliser du marron ?

Le marron peut être utilisé pour stimuler l’appétit (pensez aux pubs pour le café ou le chocolat), ce qui le rend adapté aux contenus liés à la nourriture. Il peut aussi être un bon choix pour l’immobilier, les animaux, les vétérinaires et la finance. Le marron est habituellement une valeur sûre pour les images, motifs ou couleurs d’arrière plan.

 

Quand éviter le marron ?

Le marron peut se révéler ennuyeux ou trop classique. Le marron est généralement une mauvaise idée pour attirer l’attention des gens et ne devrait pas être utilisé pour les éléments importants de votre page, comme par exemple les boutons liés à une e-boutique.

Gris ▾

 

Le gris est associé avec le formalisme, le professionnalisme, la sophistication, le pragmatisme, l’intemporalité et la force de caractère.

 

Quand utiliser du gris ?

Le gris est un bon choix pour les sites professionnels, les biens de luxe, ou pour donner une sensation relaxante et équilibrée.

 

Quand éviter le gris ?

Certaines nuances de gris peuvent paraître ennuyeuses et détachées, voir même froides. Le gris n’est pas l’idéal pour attirer l’attention des gens.

 

Blanc ▾

 

Le blanc est associé avec la pureté, la propreté, la vertu, le bonheur, la sincérité et la sécurité.

 

Quand utiliser du blanc ?

Le blanc est associé aux docteurs, aux infirmières, aux dentistes, ce qui en fait une couleur prédestinée pour les sites liés à l’industrie de la santé. Il peut aussi être adapté pour les sites liés aux hautes technologies et à la science. Quand associé au noir, à l’or, à l’argent ou au gris, le blanc peut aussi être parfait pour les produits de luxe.

 

Quand éviter le blanc ?

Étant donné que ses effets dépendent presque entièrement de la couleur qui lui est associée, le blanc peut-être utilisé sur tout type de site internet.

Noir ▾

 

Le noir est une couleur forte, souvent associée à la sophistication, l’élégance, l’autorité, le pouvoir, la stabilité, la force, le formalisme et l’intelligence. Le noir peut aussi symboliser la mort, le mystère, le mal et la rébellion.

 

Quand utiliser du noir ?

En fonction des couleurs utilisées avec lui, le noir peut être élégant et traditionnel ou moderne et avant-gardiste. Le noir peut être parfait pour les produits du luxe, la mode, le marketing et les produits cosmétiques.

 

Quand éviter le noir ?

Trop de noir peut devenir accablant. Le noir peut aussi sembler menaçant ou mauvais, et mettre vos visiteurs mal à l’aise.

Les CMS des grands sites web français en termes d’audience

Les CMS des grands sites web français en termes d’audience
Site Web CMS utilisé
Source : JDN
lefigaro.fr Drupal
priceminister.com WordPress
carrefour.fr Drupal
service-public.fr SPIP
voyages-sncf.com Drupal
credit-agricole.fr SPIP
mappy.com Drupal
laredoute.fr Endeca (propriétaire)
ameli.fr Typo3
laposte.fr Joomla!
france3.fr Drupal
francetvinfo.fr Drupal
tripadvisor.fr Kentico (propriétaire)
caf.fr Drupal
ouest-france.fr Drupal
banquepopulaire.fr Microsoft SharePoint (propriétaire)
legifrance.gouv.fr SPIP
francetv.fr Drupal
planet.fr Drupal
futura-sciences.com TYPO3 Open Source CMS
zone-telechargement.com Data Life Engine
ratp.fr Jalios JCMS (propriétaire)
mavieencouleurs.fr Drupal
lavoixdunord.fr Drupal
atelierdeschefs.fr WordPress
france2.fr Drupal
elle.fr eZ Systems et WordPress

Logo GooTracking

Gootracking logo

Logo du logiciel Gootracking logistique

Autorizer un ZIP sur Woocommerce

Cela permet d’autoriser à charger un fichier au format ZIP dans Woocommerce.

Rajouter ce bout de code

// Allow exe or dmg for digital downloads
add_filter('upload_mimes', function($mimetypes, $user)
{
    // Only allow these mimetypes for admins or shop managers
    $manager = $user ? user_can($user, 'manage_woocommerce') : current_user_can('manage_woocommerce');

    if ($manager)
    {
        $mimetypes = array_merge($mimetypes, [
            'exe' => 'application/octet-stream',
            'dmg' => 'application/octet-stream'
        ]);
    }

    return $mimetypes;
}, 10, 2);