BrowserSync Grunt configuration - Multi browswer Live Reload

How to configure BrowserSync's Live Reload feature with Grunt tasks :

BrowserSync is capable of live reloading and syncing the changes across all your test browsers. This will launch a mini web server by using your current working directory as the base, watch your files for changes & auto-inject those changes into all connected browsers.

See my earlier blog post for the pros/cons of BrowserSync over LiveReload.

In this tutorial, I will demonstrate how to configure the BrowserSync with Grunt tasks "grunt-contrib-watch" and "grunt-browser-sync" in a basic web page setup. You can easily configure your bigger projects on you follow the following steps:

Setup Steps:

The link to github project is given at the end of this article.

1) Web App/Site setup :

I've a basic web site with the following files / directories in my working folder:

  index.html
  css/
      main.css
  js/
      app.js

BrowserSync vs LiveReload productivity boosters comparison

BrowserSync and LiveReload both are the cool tools that are aimed to improve the development workflow i.e., productivity of front-end development team. In summary, they both reload your browser automatically when you change some css or javascript or HTML - let's say any resource.

The main feature that we get from BrowserSync is : it has capacity of live reloading all your test browsers. It doesn't has constraint to one browser, meaning : it can reflect your code changes on every browser/device/emulator. The new devices/browsers can be added/tested with no additional configurations.

 

Pros and Cons of BrowserSync with LiveReload:

Pros :

• Works across multiple devices at the same time
• Works with all browsers and devices
• No configuration/plugin needed in each browser
• Synchronized actions across all browsers
• form input, page scroll, navigation all gets synchronized across the browsers
• Works with all browsers and devices

Con :

• Initial configuration might be a little tricky
• npm, grunt or gulp etc needs to be configured and the dependencies might give some problems to configure

 

Configuring Lombok on IntelliJ - Installation of Lombok plugin

How to install/configure Lombok plugin on IntelliJ IDEA :

Steps :

1) Installation 
Using IDE built-in plugin system on Windows:

• File > Settings > Plugins > Browse repositories... > Search for "lombok" > Install Plugin

Using IDE built-in plugin system on MacOs:

• Preferences > Settings > Plugins > Browse repositories... > Search for "lombok" > Install Plugin

Manually:

• Download the latest release from https://github.com/mplushnikov/lombok-intellij-plugin 
• Install it manually using Preferences > Plugins > Install plugin from disk...

2) Restart IDE.
3) Enable Annotation Processing
 In your project: Click Preferences, "Build, Execution, Deployment", Compiler, Annotation Processors. Click Enable Annotation Processing

Enabling Annotation Processing on IntelliJ IDEA

Optional) IntelliJ and Eclipse compiler
If you're using Eclipse compiler with lombok, try this setup:

• install plugin (above process)
• change compiler setting:
•  > Compiler > Java Compiler > Use Compiler: Eclipse
•  > Compiler > Annotation Processors > Enable annotation processing: checked (default configuration)
•  > Compiler > Additional build process VM options: -javaagent:lombok.jar

References :

• https://github.com/mplushnikov/lombok-intellij-plugin
• http://stackoverflow.com/questions/24006937/lombok-annotations-do-not-compile-under-intellij-idea
• http://stackoverflow.com/questions/9424364/cant-compile-project-when-im-using-lombok-under-intellij-idea
• https://projectlombok.org/index.html
• https://projectlombok.org/mavenrepo/

MongoException$DuplicateKey: E11000 duplicate key error index - @Version

Obviously, we get this exception when we try to update/insert a document(record) with duplicate key field in MongoDB collection(table). There exists several explanation on this:

• http://stackoverflow.com/questions/24430220/e11000-duplicate-key-error-index-in-mongodb-mongoose
• http://stackoverflow.com/questions/16465416/mongodb-upsert-throwing-duplicatekeyexception
• https://www.youtube.com/watch?v=7SLerprHiG8

But, I was getting this error in a different scenario:

1) I already had a model User and data in it. Sample data were being created using mongeez change log file
2) Later, I added a new auditing field @Version to the entity definition.
3) When updating a User record, I got the above exception ( MongoException$DuplicateKey: E11000 duplicate key error index )

User entity :

@Document(collection = "user")
public class User implements Serializable {

    @NotNull    @Size(min = 5, max = 100)
    @Id    private String id;

    @Version    Long version; // THIS WAS ADDED LATER
    
    @Size(max = 50)
    @Field("first_name")
    private String firstName;

    @Field("last_name")
    private String lastName;

    @Email
    private String email;

 

Solution :

I added a property version and initialized to 1 in all documents

Mongo Change Log  : Using mongeez

<mongoChangeLog>
    <changeSet changeId="ChangeSet-2" author="gtiwari">
        <script>
            db.user.insert(
            {
                "_id" : "user1",
                "first_name": "",
                "last_name": "User 1",
                "email": "user1@localhost",
                "version":1  --> I UPDATED ALL user RECORDS'S VERSION = 1 TO SOLVE THIS
            });

Spring MongoDB _id field mapping conventions

Java Spring MongoDB  : '_id' field mapping :

MongoDB requires that you have an '_id' field for all documents. If you don’t provide one the driver will assign a ObjectId with a generated value. The "_id" field can be of any type the, other than arrays.

The following outlines what field will be mapped to the '_id' document field:

• A field annotated with @Id (org.springframework.data.annotation.Id) will be mapped to the '_id' field.
  
• A field without an annotation but named 'id' will be mapped to the '_id' field.
  
• The default field name for identifiers is '_id' and can be customized via the @Field annotation.
  

Examples for the translation of '_id'-field definitions

Field definition	Resulting Id-Fieldname in MongoDB
String id	_id
@Field String id	_id
@Field('x') String id	x
@Id String x	_id
@Field('x') @Id String x	_id

Source :  How the '_id' field is handled in the mapping layer

MongoDB Multiple insert at once

We can insert multiple documents (bulk insert) to a collection using a single insert command :

Syntax :
   db.[COLLECTION].insert( [ { DOC1 }, {DOC2} ] ) ;

Example :
   db.people.insert( [ {name: "Ganesh", age: 24, country : "Nepal"}, {name: "John", age : 20} ]);

In Java  ( Using Spring Data JPA Repository )

   personRepository.insert( personList);
   --> It follows org.springframework.data.mongodb.repository.MongoRepository#insert(Iterable<S> entities) method's syntax

MongoDB rename a database

As of now, there is not a straight forward way to rename a MongoDB database. But you can use the following steps to achieve so :

Here, we are trying to rename OLD_DB to NEW_DB

Steps :
1) copy old database to new one using db.CopyDatabase( OLD_DB, NEW_DB )
2) switching to OLD_DB and dropping the database

Mongo Command :

  #Step 1 : Copy database to new name
     db.copyDatabase("OLD_DB","NEW_DB") 

  #Step 2 and 3, drop OLD_DB
     use OLD_DB
     db.dropDatabase()

MongoDB Drop Database

We can use the following query to drop ( DELETE EVERYTHING) from a MongoDB database

( please be careful on running the query, it deletes everything )

   use [database]
   db.dropDatabase() 

MongoDB Like Query

We can do the following to achieve SQL's LIKE equivalent on a Query :

MongoDB :  db.users.find({"name": /jo/})

MYSQL Equivalent:   select * from users where name like '%jo%' 

MongoDB - show all database in server

We can use following commands to view all databases in the server
   show dbs
OR
   show databases

MongoDB - List all collection from selected DB

There are two ways to do so, so far :

1 ) using  reference variable 'db'
     db.getCollectionNames()

2) using show command
    show collections

MongoDB : use database / switch to different database

MongoDB uses same syntax as SQL/MySQL to switch to different database :

MongoDB Syntax :
    use DATABASE_NAME
SQL Syntax :
     use DATABASE_NAME ;

Speech Recognition using HMM and VQ - Code Updates

Hey guys,

I've done some minor changes to the Speech Recognition code that I pushed to github/googlecode couple of years ago. As I received several attention/queries from readers/students all over the world regarding couple of minor bugs within the project, I thought its time ( better late than never :P ) to address them into the code.

Significant changes are on:

- Exception handling
- File handling
- File (recorded WAVE file, VQ codebook, HMM models) save path corrected
- Delta calculation fixed when regression window is less than number of frames ( when a short audio sample is recorded)

I've also uploaded training audio samples for few  words, trained Vector Quantization coebook and trained HMM model file for the words.

If you wish to add/train more words, please use the GUI - "HMM_VQ_Speech_Recognition" class. Just a note, you need to re-train both VQ and HMM for each word that you add.

Code :

https://github.com/gtiwari333/speech-recognition-java-hidden-markov-model-vq-mfcc

Report File (contains both Speech and Speaker recognition)

http://ganeshtiwaridotcomdotnp.blogspot.com/2011/06/final-report-text-prompted-remote.html

I hope everyone will benefit from this. Keep coding, keep learning. Please let me know if you see any issues.

Thank you!

Ynaxdh - answer acronym in Yeoman generator

Meaning of Ynaxdh in Yeoman generator

Here the complete list of options/meanings:

• Y: yes (Default)
• n: no
• a: always yes (yes to this question and all others)
• x: exit
• d: show the differences between the old and the new file
• h: help, list all options

Notes :   

• If you don't remember this definitions you can always enter h and see the list.
• Also in the new version, when you enter one of the letters you will see the definition showing behind the question so that you can verify your answer before pressing Enter key.
• The one in uppercase is the default one. If that is your choice, you can just hit enter.

QC/QA/Software Testing Training Videos Free

I've listed some useful videos that would be beneficial for  beginners or some one who wants to understand software testing from scratch. These are free and best  videos that I found on YouTube.


You can watch these in sequence. The first three videos discusses the fundamental and the 4th and 5th playlist has the information in depth.

1) Open Lecture by James Bach on Software Testing

https://www.youtube.com/watch?v=ILkT_HV9DVU

2) SOFTWARE TESTING DEMO - Understand QA !!

https://www.youtube.com/watch?v=oFLAZj9GIoA

3) Software Testing Tutorial for beginners

https://www.youtube.com/watch?v=vwTHeDTqhTI

4) Manual Testing Tutorials: 34+ videos

 

5)Software Testing Videos: 9+ videos

Java Tutorials - Kindle epub/mobi format

Learning the java language can be tough if you follow wrong documents. It's always best to follow the official tutorials provided by Oracle. They have provided all the Java Tutorials which are present on its website in ePub and mobi format.

You can download all of them at
http://www.oracle.com/technetwork/java/javase/java-tutorial-downloads-2005894.html

Check for the latest version of above page. Currently the link contains docs for Java8. It will prompt you the link for new version once later versions are released.