Recherche avancée

Sur d’autres sites (5921)

• How to create a widget – Introducing the Piwik Platform

  4 septembre 2014, par Thomas Steur — Development

  This is the next post of our blog series where we introduce the capabilities of the Piwik platform (our previous post was How to create a scheduled task in Piwik). This time you’ll learn how to create a new widget. For this tutorial you will need to have basic knowledge of PHP.

  What is a widget in Piwik ?

  Widgets can be added to your dashboards or exported via a URL to embed it on any page. Most widgets in Piwik represent a report but a widget can display anything. For instance a RSS feed of your corporate news. If you prefer to have most of your business relevant data in one dashboard why not display the number of offline sales, the latest stock price, or other key metrics together with your analytics data ?

  Getting started

  In this series of posts, we assume that you have already set up your development environment. If not, visit the Piwik Developer Zone where you’ll find the tutorial Setting up Piwik.

  To summarize the things you have to do to get setup :

  • Install Piwik (for instance via git).
  • Activate the developer mode : ./console development:enable --full.
  • Generate a plugin : ./console generate:plugin --name="MyWidgetPlugin". There should now be a folder plugins/MyWidgetPlugin.
  • And activate the created plugin under Settings => Plugins.

  Let’s start creating a widget

  We start by using the Piwik Console to create a widget template :

  ./console generate:widget

  The command will ask you to enter the name of the plugin the widget should belong to. I will simply use the above chosen plugin name “MyWidgetPlugin”. It will ask you for a widget category as well. You can select any existing category, for instance “Visitors”, “Live !” or “Actions”, or you can define a new category, for instance your company name. There should now be a file plugins/MyWidgetPlugin/Widgets.php which contains already some examples to get you started easily :

  class Widgets extends \Piwik\Plugin\Widgets
  {
      /**
       * Here you can define the category the widget belongs to. You can reuse any existing widget category or define your own category.
       * @var string
       */
      protected $category = 'ExampleCompany';
   
      /**
       * Here you can add one or multiple widgets. You can add a widget by calling the method "addWidget()" and pass the name of the widget as well as a method name that should be called to render the widget. The method can be defined either directly here in this widget class or in the controller in case you want to reuse the same action for instance in the menu etc.
       */
      protected function init()
      {
          $this->addWidget('Example Widget Name', $method = 'myExampleWidget');
          $this->addWidget('Example Widget 2',    $method = 'myExampleWidget', $params = array('myparam' => 'myvalue'));
      }
   
      /**
       * This method renders a widget as defined in "init()". It's on you how to generate the content of the widget. As long as you return a string everything is fine. You can use for instance a "Piwik\View" to render a twig template. In such a case don't forget to create a twig template (eg. myViewTemplate.twig) in the "templates" directory of your plugin.
       *
       * @return string
       */
      public function myExampleWidget()
      {
          $view = new View('@MyWidgetPlugin/myViewTemplate');
          return $view->render();
      }
  }
  Télécharger

  As you might have noticed in the generated template we put emphasis on adding comments to explain you directly how to continue and where to get more information. Ideally this saves you some time and you don’t even have to search for more information on our developer pages. The category is defined in the property $category and can be changed at any time. Starting from Piwik 2.6.0 the generator will directly create a translation key if necessary to make it easy to translate the category into any language. Translations will be a topic in one of our future posts until then you can explore this feature on our Internationalization guide.

  A simple example

  We can define one or multiple widgets in the init method by calling addWidget($widgetName, $methodName). To do so we define the name of a widget which will be seen by your users as well as the name of the method that shall render the widget.

  protected $category = 'Example Company';
  
  
  
  public function init()
  
  {
  
      // Registers a widget named 'News' under the category 'Example Company'. 
  
      // The method 'myCorporateNews' will be used to render the widget.
  
      $this->addWidget('News', $method = 'myCorporateNews'); 
  
  }
  
  
  
  public function myCorporateNews()
  
  {
  
      return file_get_contents('http://example.com/news');
  
  }

  This example would display the content of the specified URL within the widget as defined in the method myCorporateNews. It’s on you how to generate the content of the widget. Any string returned by this method will be displayed within the widget. You can use for example a View to render a Twig template. For simplification we are fetching the content from another site. A more complex version would cache this content for faster performance. Caching and views will be covered in one of our future posts as well.

  

  Did you know ? To make your life as a developer as stress-free as possible the platform checks whether the registered method actually exists and whether the method is public. If not, Piwik will display a notification in the UI and advice you with the next step.

  Checking permissions

  Often you do not want to have the content of a widget visible to everyone. You can check for permissions by using one of our many convenient methods which all start with \Piwik\Piwik::checkUser*. Just to introduce some of them :

  // Make sure the current user has super user access
  
  \Piwik\Piwik::checkUserHasSuperUserAccess(); 
  
  
  
  // Make sure the current user is logged in and not anonymous
  
  \Piwik\Piwik::checkUserIsNotAnonymous(); 

  And here is an example how you can use it within your widget :

  public function myCorporateNews()
  
  {
  
      // Make sure there is an idSite URL parameter
  
      $idSite = Common::getRequestVar('idSite', null, 'int');
  
  
  
      // Make sure the user has at least view access for the specified site. This is useful if you want to display data that is related to the specified site.
  
      Piwik::checkUserHasViewAccess($idSite); 
  
  
  
      $siteUrl = \Piwik\Site::getMainUrlFor($idSite);
  
  
  
      return file_get_contents($siteUrl . '/news');
  
  }

  In case any condition is not met an exception will be thrown and an error message will be presented to the user explaining that he does not have enough permissions. You’ll find the documentation for those methods in the Piwik class reference.

  How to test a widget

  After you have created your widgets you are surely wondering how to test it. First, you should write a unit or integration test which we will cover in one of our future blog posts. Just one hint : You can use the command ./console generate:test to create a test. To manually test a widget you can add a widget to a dashboard or export it.

  Publishing your Plugin on the Marketplace

  In case you want to share your widgets with other Piwik users you can do this by pushing your plugin to a public GitHub repository and creating a tag. Easy as that. Read more about how to distribute a plugin.

  Advanced features

  Isn’t it easy to create a widget ? We never even created a file ! Of course, based on our API design principle “The complexity of our API should never exceed the complexity of your use case.” you can accomplish more if you want : You can clarify parameters that will be passed to your widget, you can create a method in the Controller instead of the Widget class to make the same method also reusable for adding it to the menu, you can assign different categories to different widgets, you can remove any widgets that were added by the Piwik core or other plugins and more.

  Would you like to know more about widgets ? Go to our Widgets class reference in the Piwik Developer Zone.

  If you have any feedback regarding our APIs or our guides in the Developer Zone feel free to send it to us.

• stout to textarea from ffmpeg command

  21 septembre 2014, par Brett

  Hi im trying to get the output of a ffmpeg command into a text level here is my code i am posting the lot as im brand new to java and am not sure where ive gone wrong i want to run the command and have the progress bar update and the output to show on a text area.
  any help would appreciated

  package MyPackage;
  
  import java.util.*;
  
  import java.io.BufferedReader;
  
  import java.io.File;
  
  import java.io.IOException;
  
  import java.io.InputStreamReader;
  
  import java.util.logging.Level;
  
  import java.util.logging.Logger;
  
  
  
  
  
  /**
  
   *
  
   * @author brett
  
   */
  
  public class NumberAdditionUI extends javax.swing.JFrame {
  
      private static final long serialVersionUID = 1L;
  
  
  
      /**
  
       * Creates new form NumberAdditionUI
  
       */
  
      public NumberAdditionUI() {
  
          initComponents();
  
      }
  
  
  
      /**
  
       * This method is called from within the constructor to initialize the form.
  
       * WARNING: Do NOT modify this code. The content of this method is always
  
       * regenerated by the Form Editor.
  
       */
  
      @SuppressWarnings("unchecked")
  
      // 
  
      private void initComponents() {
  
  
  
          db = new javax.swing.JFileChooser();
  
          jButton1 = new javax.swing.JButton();
  
          jButton2 = new javax.swing.JButton();
  
          jTextField1 = new javax.swing.JTextField();
  
          jButton3 = new javax.swing.JButton();
  
          jLabel1 = new javax.swing.JLabel();
  
          jProgressBar1 = new javax.swing.JProgressBar();
  
          jScrollPane1 = new javax.swing.JScrollPane();
  
          jTextArea1 = new javax.swing.JTextArea();
  
  
  
          db.setBackground(java.awt.Color.white);
  
          db.setCurrentDirectory(new java.io.File("C:\\Users\\brett\\Documents\\convert"));
  
          db.setDialogTitle("grabAFile");
  
  
  
          setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
  
          setTitle("Smoke Goobies");
  
          setMaximumSize(getPreferredSize());
  
  
  
          jButton1.setText("Exit");
  
          jButton1.setHorizontalAlignment(javax.swing.SwingConstants.RIGHT);
  
          jButton1.addActionListener(new java.awt.event.ActionListener() {
  
              public void actionPerformed(java.awt.event.ActionEvent evt) {
  
                  jButton1ActionPerformed(evt);
  
              }
  
          });
  
  
  
          jButton2.setText("Browse");
  
          jButton2.addActionListener(new java.awt.event.ActionListener() {
  
              public void actionPerformed(java.awt.event.ActionEvent evt) {
  
                  jButton2ActionPerformed(evt);
  
              }
  
          });
  
  
  
          jTextField1.setText("Select A File To Covert");
  
  
  
          jButton3.setText("Run This Puppy");
  
          jButton3.addActionListener(new java.awt.event.ActionListener() {
  
              public void actionPerformed(java.awt.event.ActionEvent evt) {
  
                  jButton3ActionPerformed(evt);
  
              }
  
          });
  
  
  
          jLabel1.setFont(new java.awt.Font("Goudy Old Style", 1, 56)); // NOI18N
  
          jLabel1.setIcon(jLabel1.getIcon());
  
          jLabel1.setText("   MASHiTuP");
  
  
  
          jProgressBar1.setValue(50);
  
          jProgressBar1.setBorder(new javax.swing.border.MatteBorder(null));
  
  
  
          jTextArea1.setColumns(20);
  
          jTextArea1.setRows(5);
  
          jTextArea1.setAutoscrolls(false);
  
          jScrollPane1.setViewportView(jTextArea1);
  
  
  
          javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
  
          getContentPane().setLayout(layout);
  
          layout.setHorizontalGroup(
  
              layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
  
              .addGroup(layout.createSequentialGroup()
  
                  .addContainerGap()
  
                  .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
  
                      .addComponent(jProgressBar1, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
  
                      .addGroup(layout.createSequentialGroup()
  
                          .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING, false)
  
                              .addComponent(jLabel1, javax.swing.GroupLayout.PREFERRED_SIZE, 355, javax.swing.GroupLayout.PREFERRED_SIZE)
  
                              .addGroup(layout.createSequentialGroup()
  
                                  .addComponent(jTextField1, javax.swing.GroupLayout.PREFERRED_SIZE, 282, javax.swing.GroupLayout.PREFERRED_SIZE)
  
                                  .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
  
                                  .addComponent(jButton2, javax.swing.GroupLayout.PREFERRED_SIZE, 77, javax.swing.GroupLayout.PREFERRED_SIZE))
  
                              .addGroup(layout.createSequentialGroup()
  
                                  .addComponent(jButton3)
  
                                  .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
  
                                  .addComponent(jButton1)))
  
                          .addGap(0, 0, Short.MAX_VALUE))
  
                      .addComponent(jScrollPane1))
  
                  .addContainerGap())
  
          );
  
          layout.setVerticalGroup(
  
              layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
  
              .addGroup(javax.swing.GroupLayout.Alignment.TRAILING, layout.createSequentialGroup()
  
                  .addContainerGap()
  
                  .addComponent(jLabel1, javax.swing.GroupLayout.PREFERRED_SIZE, 73, javax.swing.GroupLayout.PREFERRED_SIZE)
  
                  .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
  
                  .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
  
                      .addComponent(jButton2)
  
                      .addComponent(jTextField1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))
  
                  .addGap(34, 34, 34)
  
                  .addComponent(jProgressBar1, javax.swing.GroupLayout.PREFERRED_SIZE, 24, javax.swing.GroupLayout.PREFERRED_SIZE)
  
                  .addGap(18, 18, 18)
  
                  .addComponent(jScrollPane1, javax.swing.GroupLayout.PREFERRED_SIZE, 84, javax.swing.GroupLayout.PREFERRED_SIZE)
  
                  .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, 48, Short.MAX_VALUE)
  
                  .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
  
                      .addComponent(jButton1)
  
                      .addComponent(jButton3))
  
                  .addContainerGap())
  
          );
  
  
  
          jProgressBar1.getAccessibleContext().setAccessibleName("MYsTATUS");
  
  
  
          pack();
  
      }// 
  
  
  
      private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {                                         
  
          System.exit(0);
  
      }                                        
  
  
  
      private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) {                                         
  
         int returnVal = db.showOpenDialog( this );
  
         File f = db.getSelectedFile();
  
          String filename = f.getAbsolutePath();
  
         jTextField1.setText(filename);
  
  
  
      }                                        
  
  
  
      private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {                                         
  
          java.lang.Runtime rt = java.lang.Runtime.getRuntime();
  
          java.lang.Process proc = null;
  
          try {
  
              proc = rt.exec("ipconfig");
  
  
  
              //proc = rt.exec("ffmpeg -i C:\\Users\\brett\\Documents\\MASH_02.avi C:\\Users\\brett\\Documents\\mash09.avi");
  
          } catch (IOException ex) {
  
              Logger.getLogger(NumberAdditionUI.class.getName()).log(Level.SEVERE, null, ex);
  
          }
  
          BufferedReader stdInput = new BufferedReader(new InputStreamReader(proc.getInputStream()));
  
          BufferedReader stdError = new BufferedReader(new InputStreamReader(proc.getErrorStream()));
  
  
  
          // read the output from the command
  
          System.out.println("Here is the standard output of the command:\n");
  
          String s;
  
          try {
  
              while ((s = stdInput.readLine()) != null) {
  
                  System.out.println(s);
  
  
  
                  jTextArea1.append(s+"\n\n");
  
  
  
              }
  
          } catch (IOException ex) {
  
              Logger.getLogger(NumberAdditionUI.class.getName()).log(Level.SEVERE, null, ex);
  
          }
  
  
  
          // read any errors from the attempted command
  
          System.out.println("Here is the standard error of the command (if any):\n");
  
          try {
  
              while ((s = stdError.readLine()) != null) {
  
                  System.out.println(s);
  
              }
  
          } catch (IOException ex) {
  
              Logger.getLogger(NumberAdditionUI.class.getName()).log(Level.SEVERE, null, ex);
  
          }
  
      }                                        
  
  
  
      /**
  
       *
  
       * @param args the command line arguments
  
       */
  
      public static void main(String args[])
  
   {
  
          /*
  
           * Set the Nimbus look and feel
  
           */
  
          //
  
          /*
  
           * If Nimbus (introduced in Java SE 6) is not available, stay with the
  
           * default look and feel. For details see
  
           * http://download.oracle.com/javase/tutorial/uiswing/lookandfeel/plaf.html
  
           */
  
          try {
  
              for (javax.swing.UIManager.LookAndFeelInfo info : javax.swing.UIManager.getInstalledLookAndFeels()) {
  
                  if ("Nimbus".equals(info.getName())) {
  
                      javax.swing.UIManager.setLookAndFeel(info.getClassName());
  
                      break;
  
                  }
  
              }
  
          } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | javax.swing.UnsupportedLookAndFeelException ex) {
  
              java.util.logging.Logger.getLogger(NumberAdditionUI.class.getName()).log(java.util.logging.Level.SEVERE, null, ex);
  
          }
  
          //
  
  
  
          /*
  
           * Create and display the form
  
           */
  
          java.awt.EventQueue.invokeLater(new Runnable() {
  
  
  
              @Override
  
              public void run() {
  
                  new NumberAdditionUI().setVisible(true);
  
              }
  
          });
  
      }
  
      // Variables declaration - do not modify
  
      private javax.swing.JFileChooser db;
  
      private javax.swing.JButton jButton1;
  
      private javax.swing.JButton jButton2;
  
      private javax.swing.JButton jButton3;
  
      private javax.swing.JLabel jLabel1;
  
      private javax.swing.JProgressBar jProgressBar1;
  
      private javax.swing.JScrollPane jScrollPane1;
  
      private javax.swing.JTextArea jTextArea1;
  
      private javax.swing.JTextField jTextField1;
  
      // End of variables declaration
  
  }

• First image not showing image to video using ffmpeg

  3 octobre 2014, par death_relic0

  I am very new to ffmpeg and trying to convert a series of images to a video.

  The command I am using (copied/modified from a tutorial)

  ffmpeg -framerate 1/5 -start_number 1 -i dog%01d.jpg -c:v libx264 -r 30 -pix_fmt rgb24 dog.mp4

  Basically, I have 4 images labelled dog1.jpg, dog2.jpg, dog3.jpg and dog4.jpg.

  The problem is the output video I get has image starting at "dog2.jpg" and ending at "dog4.jpg" meaning that it is missing the first image in the sequence (i.e dog1.jpg).

  I tried with different image combinations and the same behavior happened, the resulting video never had the first image in the sequence.

  Any ideas ?