jeudi 25 avril 2013

OpenCV face matching

0 commentaires
How to look for someone in a picture using OpenCV

/**
 * @file MatchTemplate_Demo.cpp
 * @brief Sample code to use the function MatchTemplate
 * @author OpenCV team
 */

#include "opencv2/highgui/highgui.hpp"
#include "opencv2/imgproc/imgproc.hpp"
#include <iostream>
#include <stdio.h>

using namespace std;
using namespace cv;

/// Global Variables
Mat img; Mat templ; Mat result;
const char* image_window = "Source Image";
const char* result_window = "Result window";

int match_method;
int max_Trackbar = 5;

/// Function Headers
void MatchingMethod( int, void* );

/**
 * @function main
 */
int main( int, char** argv )
{
  /// Load image and template
  img = imread( argv[1], 1 );
  templ = imread( argv[2], 1 );

  /// Create windows
  namedWindow( image_window, WINDOW_AUTOSIZE );
  namedWindow( result_window, WINDOW_AUTOSIZE );

  /// Create Trackbar
  const char* trackbar_label = "Method: \n 0: SQDIFF \n 1: SQDIFF NORMED \n 2: TM CCORR \n 3: TM CCORR NORMED \n 4: TM COEFF \n 5: TM COEFF NORMED";
  createTrackbar( trackbar_label, image_window, &match_method, max_Trackbar, MatchingMethod );

  MatchingMethod( 0, 0 );

  waitKey(0);
  return 0;
}

/**
 * @function MatchingMethod
 * @brief Trackbar callback
 */
void MatchingMethod( int, void* )
{
  /// Source image to display
  Mat img_display;
  img.copyTo( img_display );

  /// Create the result matrix
  int result_cols =  img.cols - templ.cols + 1;
  int result_rows = img.rows - templ.rows + 1;

  result.create( result_cols, result_rows, CV_32FC1 );

  /// Do the Matching and Normalize
  matchTemplate( img, templ, result, match_method );
  normalize( result, result, 0, 1, NORM_MINMAX, -1, Mat() );

  /// Localizing the best match with minMaxLoc
  double minVal; double maxVal; Point minLoc; Point maxLoc;
  Point matchLoc;

  minMaxLoc( result, &minVal, &maxVal, &minLoc, &maxLoc, Mat() );


  /// For SQDIFF and SQDIFF_NORMED, the best matches are lower values. For all the other methods, the higher the better
  if( match_method  == TM_SQDIFF || match_method == TM_SQDIFF_NORMED )
    { matchLoc = minLoc; }
  else
    { matchLoc = maxLoc; }

  /// Show me what you got
  rectangle( img_display, matchLoc, Point( matchLoc.x + templ.cols , matchLoc.y + templ.rows ), Scalar::all(0), 2, 8, 0 );
  rectangle( result, matchLoc, Point( matchLoc.x + templ.cols , matchLoc.y + templ.rows ), Scalar::all(0), 2, 8, 0 );

  imshow( image_window, img_display );
  imshow( result_window, result );

  return;
}

Lire la suite ►

lundi 25 mars 2013

Comment ajouter un titre défilant dans barre de titre du navigateur Pour Blogger

1 commentaires
Parfois et pour raison d’esthétique, nous aimerions ajouter des effets à notre site/blog, cet article vous permet d'ajouter un effet de défilement à votre blog blogger.
  1. Connectez-vous à blogger
  2. Allez à Modèle >>Modifier le code HTML et cochez la case Développer des modèles de gadgets
  3. Recherchez (Ctrl+F) la balise </head>  
Et juste apres cette balise, ajouter le code suivant
<script type='text/javascript'>
//<![CDATA[
msg = "Trucs et astuces blogger | Les derniers trucs et astuces Blogger";
msg = " .................................. " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
Modifier le message suivant Trucs et astuces blogger | Les derniers trucs et astuces Blogger par votre message

Enregistrez votre template et quitter :)
Lire la suite ►

La vitesse/temps de chargement de votre site/blog

0 commentaires
La vitesse de chargement de votre site/blog
voulez vous savoir le temps de chargement de votre blog ? c'est très simple, vous n'avez qu'ajouter vos adresses web dans la zone de saisie ci-dessous.
vous pouvez ajouter plusieurs adresses mais sans dépasser 10, et pour chaque adresse doit être dans une ligne. 
une autre alernative, vous voulez intégrer cet outil dans votre blog, c'est très simple aussi.
copier/coller le code source ci-dessous dans un gadget ou bien eu milieu de votre blog.

<!-- iWEBTOOL - www.iwebtool.com - Website Speed Test --> <form method="get" name="pageform" action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" target="pageframe" onsubmit="return validate(this);"> <table border="0" style="border-collapse: collapse" width="100%"> <tr> <td height="91" valign="top"> <table class="tooltop" style="border-collapse: collapse" width="100%" height="76"> <tr> <td> <table border="0" style="border-collapse: collapse" width="100%" cellspacing="5"> <tr> <td valign="top" colspan="5"><b><font size="2">Your domain(s): </font></b><font size="1">Enter each address on a new line (Maximum 10)</font></td> </tr> <tr> <td valign="top" colspan="4"> <textarea rows="11" name="domain" style="width: 100%"></textarea></td> <td > &nbsp;</td> </tr> <tr> <td > <input type="submit" value="Check!" style="float: left"></td> <td > <font size="1">(eg. iwebtool.com)</font></td> <td > &nbsp;</td> <td colspan="2">&nbsp;</td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td > <iframe name="pageframe" width="100%" height="251" class="toolbot" frameborder="0"> </iframe></td> </tr> <tr> <td height="39"> &nbsp;</td> </tr> </table> </form> <script language="JavaScript"> function validate(theform) { if (theform.domain.value == "") { alert("No domain provided"); return false; } return true; } </script> <p><a href="http://www.iwebtool.com/" target="_blank"><font size=1>Powered by iWEBTOOL</font></a></p> <!-- iWEBTOOL - www.iwebtool.com - Website Speed Test --> 


Votre adresse URL: chaque aadresse dans une ligne (Maximum 10)
http://blogger-astuce.blogspot.com/

Powered by iWEBTOOL
Lire la suite ►

On veut vous aider | Where looking to help you !!

2 commentaires
On est la pour vous aider | We are here to help you


Bonjour tout le monde,
Aujourd’hui je compte sur vous pour déterminer la source réel des utilisateurs de blogger-astuce et votre besoin en matière de la plateforme Blogger ou bien en informatique en générale. c'est pour ça, je vous prie d'indiquer en commentaire, votre prénom (optionnel), votre pays, votre ville(optionnel), votre age(optionnel) et votre besoin , pour qu'on vous rédige des tutoriels sur mesure.

hi everybody,
Today we are looking to improve our service to help you with more tutorials and tips, 
wa are  asking you to fill some information in the comment box below . name, country, city and age and what kind of tutorials you need.
name, age and city are optionnal.

Cordialement | Thanks and regards
Blogger-astuce.

Exprimez à tel point vous etes fidèle à blogegr-astuce!
Express how much you are faithful to blogger-astuce!


Lire la suite ►

samedi 23 mars 2013

Ajouter une galery d'image jQuery à vore blog blogger

0 commentaires


Aujourd’hui je voudrais partager avec vous un nouveau tutoriel qui va vous aider à intégrer une galerie d'images à votre blog blogger-blogspot, et pour se faire, vous n'avez qu'à suivre les étapes comme d'habitude :
  1. Connectez-vous à Blogger
  2. Mise en page
  3. Cliquez sur Ajouter un gadget >> HTML/Javascript
  4. Copier/Coller le code ci-dessous
<style type="text/css">

.container1 {
 width: 660px;padding: 0;margin: 0 auto;
}
.folio_block {
 position: absolute;left: 50%; top: 50%;margin: -140px 0 0 -395px;}
.main_view {float: left;position: relative;}
/*--Window/Masking Styles--*/
.window {-moz-box-shadow: 0px 0px 5px #303030;
-webkit-box-shadow: 0px 0px 5px #303030;
box-shadow: 0px 0px 5px #303030;border:1px solid #000000;height:240px; width: 660px;
margin-top:15px;overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
 position: absolute;top: 0; left: 0;
}
.image_reel img {float: left;}
.paging_btrix {
 position: absolute;bottom: 10px; right: -7px;width: 178px; height:47px;z-index: 100; /*--Assures the paging stays on the top layer--*/text-align: center;
 line-height: 40px;
 background: url(http://1.bp.blogspot.com/-UQAJVYvatlY/UTbGMUctYcI/AAAAAAAAHIE/PSM-s1tbAd8/s1600/paging_btrix_bg2.png) no-repeat;
 display: none;
}
.paging_btrix a {
 padding: 5px;text-decoration: none;color: #fff;
}
.paging_btrix a.active {
 font-weight: bold; background: #920000; border: 1px solid #610000;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
}
.paging_btrix a:hover {font-weight: bold;}
</style>
<!-- bof Automatic Image Slider w/ CSS & jQuery from Soh Tanaka -->
<div>
<div>
 <div>
 <div>
 <a href="#"><img src="http://3.bp.blogspot.com/-NUdcQQ6auL8/UTbFqpteu9I/AAAAAAAAHHk/Iu4g5U94dd0/s1600/ bloggertrix_imge1.jpg" alt="" /></a>
 <a href="#"><img src="http://2.bp.blogspot.com/-WS36RaJtcQo/UTbFqqI1iOI/AAAAAAAAHHo/H5TLJ1aS6tc/s1600/bloggertrix_imge3.jpg" alt="" /></a>
 <a href="#"><img src="http://3.bp.blogspot.com/-ep-nh6cBFNs/UTbFqm8NPaI/AAAAAAAAHHs/WC3ues_R_jo/s1600/bloggertrix_imge2.jpg" alt="" /></a>
 <a href="#"><img src="http://3.bp.blogspot.com/-QzduJmk1zQQ/UTbFrf05XEI/AAAAAAAAHH8/Cqj3MYnj81c/s1600/bloggertrix_imge4.jpg" alt="" /></a>
 </div>
 </div>
 <div>
 <a href="#" rel="1">1</a>
 <a href="#" rel="2">2</a>
 <a href="#" rel="3">3</a>
 <a href="#" rel="4">4</a>
 </div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {

 //Set Default State of each portfolio piece
 $(".paging_btrix").show();
 $(".paging_btrix a:first").addClass("active");

 //Get size of images, how many there are, then determin the size of the image reel.
 var imageWidth = $(".window").width();
 var imageSum = $(".image_reel img").size();
 var imageReelWidth = imageWidth * imageSum;

 //Adjust the image reel to its new size
 $(".image_reel").css({'width' : imageReelWidth});

 //paging_btrix + Slider Function
 rotate = function(){
 var triggerID = $active.attr("rel") - 1; //Get number of times to slide
 var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

 $(".paging_btrix a").removeClass('active'); //Remove all active class
 $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

 //Slider Animation
 $(".image_reel").animate({
 left: -image_reelPosition
 }, 500 );

 };

 //Rotation + Timing Event
 rotateSwitch = function(){ 
 play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
 $active = $('.paging_btrix a.active').next();
 if ( $active.length === 0) { //If paging_btrix reaches the end...
 $active = $('.paging_btrix a:first'); //go back to first
 }
 rotate(); //Trigger the paging_btrix and slider function
 }, 5000); //Timer speed in milliseconds (3 seconds)
 };

 rotateSwitch(); //Run function on launch

 //On Hover
 $(".image_reel a").hover(function() {
 clearInterval(play); //Stop the rotation
 }, function() {
 rotateSwitch(); //Resume rotation
 });

 //On Click
 $(".paging_btrix a").click(function() {
 $active = $(this); //Activate the clicked paging_btrix
 //Reset Timer
 clearInterval(play); //Stop the rotation
 rotate(); //Trigger rotation immediately
 rotateSwitch(); // Resume rotation
 return false; //Prevent browser jump to link anchor
 });

});
</script>
Lire la suite ►

Désactiver la Light Box Blogger

0 commentaires



Une fonctionnalité que la majorité entre nous essayer de désactiver. Aujourd'hui je vous propose des étapes très simple pour y arriver :
  1. Connectez-vous à blogger
  2.  Et suivez ces étapes :
Maintenant choisissez non dans la case Exposer des images en mode lightbox, enregistrer et quitter pour terminer .
Lire la suite ►

monitiser votre site/blog blogger avec INFOLINKS

0 commentaires


Chaqu'un de nous ne cesse de rêver de gagner de l'argent avec son blog blogger-blogspot, les blogeurs  débutants sont nombreux qui demandent l’approbation Adsense au lieu d'optimiser et mettre à jour leurs blogs ce qu'il leur donne l'envie de quitter blogger...Si vous etes l'un d'eux, je vous propose une alternative qui est l' INFOLINKS .

Comment avoir l'approbatio par  INFOLINKS
  1. Ouvrir INFOLINKS
  2. Cliquez sur Join Us
  3. Remplir le formulaire avec les informations demandés (Infos correctes)
  4. Cliquez sur Join
  5. Choisir votre plateforme (Wordpress, Blogger, Drupal,...) pour nous c'est Blogger
  6. Une pop up qui s'ouvre, cliquez sur install plugin
  7. suivez les étapes et cliquez sur Done une fois vous avez terminé
Vous pouvez utiliser INFOLINKS en parallèle avec Adsense,  une fois que vous arrivez au seuil de 50$, vous serez notifier par un email en vous indiquant que vous pouvez recuperer votre argent.
NB : INFOLINKS PERMET A VOTRE COMPTE PAYPAL DE RECEVOIR LA SOMME !!


Lire la suite ►

vendredi 1 mars 2013

Qui a consulté mon profil viadeo GRATUITEMENT?

0 commentaires
Je vous montre aujourd’hui une technique simple et efficace pour pouvoir savoir celui qui a consulté ton profil Viadeo sans avoir un compte prumium :)

1) connectez-vous à Viadeo
2) Puis avec le bouton droit de la sourie, cliquez sur l'image de de la personne qui a consulté ton profil.
3) Sur firefox, choisissez informations sur l'image
4) copier le lien
ex :
http://static9.viadeo-static.com/servlet/photo?memberId=XXXXXXXXX&height=60&width=45&ts=135135974000
Puis prendre juste le memberId.et le rajouter à l'URL ci-dessous puis cliquer sur entrer ;)
http://www.viadeo.com/recherche/profil/?memberId=XXXXXXXXX
Voila vous êtes arrivés 
Lire la suite ►

mardi 26 février 2013

Ajouter la publicité de google adsense au-dessus, au-dessous et au milieu des articles blogger

1 commentaires
Pour obtenir un bon CTR (Click-through rate), nous aurons besoin à définir le meilleur emplacement sur lequel on place notre publicité Adsense.
je vous montre dans cet article comment placer votre publicité
  1.  au-dessous du titre de chaque article
  2. au dessus du titre de chaque article
  3.  au milieu ou l’intérieur de chaque article
Je vous recommande les deux dernières techniques suivant mon expérience personnelle.(ej vous recommande aussi le format 234×60 des publicités)

Il faut toujours encoder votre code de publicité avant de le copier/coller 
  • Et après, connectez vous à blogger
  • Cliquez sur Modèle 
  • Cliquez sur Modifier le code HTML
  • cochez la case : Développer des modèles de gadgets
  • Et puis recherchez le code suivant (Ctrl+F)
           <div class=\’post-body entry-content\’>

N1 au-dessus du titre de chaque article

Si vous voulez ajouter votre publicité au-dessus  du titre de chaque titre copier/coller le code suivant :
<b:if cond=\’data:blog.pageType == &quot;item&quot;\’>
<div style=\’float:center;padding:5px;\’>
— PLACER VOTRE CODE ICI —
</div>
</b:if>
Au-dessus de celui-ci
<div class=\’post-body entry-content\’>
Et sauvegarder votre template

N2:- Au dessous du titre de chaque article



Si vous voulez ajouter votre publicité au dessous du titre de chaque titre copier/coller le code suivant :


<b:if cond=\’data:blog.pageType == &quot;item&quot;\’>
<div style=\’float:center;padding:5px;\’>
— PLACER VOTRE CODE ICI —
</div>
</b:if>
En dessous de ce code
<data:post.body/>
Ou bien
<p><data:post.body/></p>
Enregistrer votre template

NO.3:- Au dessous du text OU au l’intérieur de votre article



Si vous voulez ajouter votre publicité au dessous ou a à l’intérieur de chaque texte de votre blog copier/coller le code suivant :
— PLACER VOTER CODE ICI —
en dessous de ce code
<data:post.body/>
OU bien
De celui-ci
<p><data:post.body/></p>


CTR : en marketing électronique, est un rapport, mesuré en pourcentage, entre le nombre de clics sur une publicité et le nombre d'affichages de cette publicité. Par exemple, si une bannière publicitaire a été diffusée 1000 fois et qu'elle a été cliquée 10 fois, alors le taux de clics sera de 1 %.
selon wikipédia
Lire la suite ►
 

Copyright © trucs et astuces blogger Design by O Pregador | Blogger Theme by Blogger Template de luxo | Powered by Blogger