Sonar – Javascript and CSS review

Pre-Requisite:

  • MySql is installed and started.
  • Sonar Qube is installed and started (sonar start)
  • Eclipse
  • JavaScript Source files to be analysed.
  • Sonar ant task jar (sonar-ant-task-2.2.jar).

Create a blank eclipse project and copy thesonar-ant-task-2.2.jar. 

Create an ant build file build-Sonar-JS.xml.

<project name=“Sonar JS” default=“sonar” basedir=“.” xmlns:sonar=“antlib:org.sonar.ant”><property name=“sonar.jdbc.url” value=“jdbc:mysql://localhost:3306/sonar?useUnicode=true&amp;characterEncoding=utf8” />

<property name=“sonar.jdbc.username” value=“sonar” />

<property name=“sonar.jdbc.password” value=“sonar” />

<!– Define the SonarQube project properties –>

<property name=“sonar.projectKey” value=“org.codehaus.sonar:example-css-ant” />

<property name=“sonar.projectName” value=“Sonar JS” />

<property name=“sonar.projectVersion” value=“1.0” />

<property name=“sonar.language” value=“js” />

<property name=“sonar.sourceEncoding” value=“UTF-8” />

<property name=“sonar.sources” value=“/full/path/of/the/js/folder” />

<target name=“sonar”>

    <taskdef uri=“antlib:org.sonar.ant” resource=“org/sonar/ant/antlib.xml”>

        <classpath path=“sonar-ant-task-2.2.jar” />

</taskdef>

    <sonar:sonar />

</target>

</project>

Run the build-Sonar-JS.xml as ant task.

Open Sonar Qube dashboard.

http://localhost:9000/

login with default credentials admin/admin

Click on the Dashboard menu and you see the JS violations.

HTML Reports:

In order to view the reports as HTML file

Login to sonar qube (http://localhost:9000) as admin/admin

Click on settings > Update Center > Available Plugins > Install Issues Report plugin.

Once the plugin is installed, restart sonar.

Login to Dashboard > Settings > General Settings > Under Category (Select Issues Report)

Enable HTML Report to True

Run the build-Sonar-JS.xml as ant task.

now you will see a .sonar folder under the eclipse project directory.

The directory will contain issues-report folder.

Open issues-report.html to view the violation offline.

Self Signed SSL Certificate using openssl

This post is heavily inspired by the following post
http://www.akadia.com/services/ssh_test_certificate.html

The setup is to enable a SSL in apache.

My Setup:
Mac OS: Mavericks
Webserver: Apache with modssl.
Apache location:/etc/apache2
Log Files: /var/log/apache2/

To enable SSL in apache, the following files needs to be changed.

/etc/apache2/extra/httpd-ssl.conf
/etc/apache2/httpd.conf

create a folder ssl
/etc/apache2/ssl
At the end of the exercise the below 2 files should be available in the above folder.

  • server.crt
  • server.key

Step 1: Generate a Private Key

The openssl toolkit is used to generate an RSA Private Key and CSR (Certificate Signing Request).
It can also be used to generate self-signed certificates which can be used for
testing purposes or internal usage.

The first step is to create your RSA Private Key.
This key is a 1024 bit RSA key which is encrypted using Triple-DES and stored in a
PEM format so that it is readable as ASCII text.

openssl genrsa -des3 -out server.key 1024
Generating RSA private key, 1024 bit long modulus
.......................++++++
....++++++
e is 65537 (0x10001)
Enter pass phrase for server.key:
Verifying - Enter pass phrase for server.key:

Step 2: Generate a CSR (Certificate Signing Request)
Once the private key is generated a Certificate Signing Request can be generated.
The CSR is then used in one of two ways. Ideally, the CSR will be sent to a
Certificate Authority, such as Thawte or Verisign who will verify the identity of the
requestor and issue a signed certificate. The second option is to self-sign the CSR,
which will be demonstrated in the next section.

During the generation of the CSR, you will be prompted for several pieces of information.
These are the X.509 attributes of the certificate. One of the prompts will be for
“Common Name (e.g., YOUR name)”. It is important that this field be filled in with
the fully qualified domain name of the server to be protected by SSL.

sudo openssl req -new -key server.key -out server.csr

Enter pass phrase for server.key:
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter ‘.’, the field will be left blank.
—–
Country Name (2 letter code) [AU]:IN
State or Province Name (full name) [Some-State]:TN
Locality Name (eg, city) []:CHENNAI
Organization Name (eg, company) [Internet Widgits Pty Ltd]:MyCompany
Organizational Unit Name (eg, section) []:MyUnit
Common Name (e.g. server FQDN or YOUR name) []:venkat.local
Email Address []:youremail@email.com

Please enter the following ‘extra’ attributes
to be sent with your certificate request
A challenge password []:password
An optional company name []:password

Step 3: Remove Passphrase from Key
One unfortunate side-effect of the pass-phrased private key is that Apache will ask for
the pass-phrase each time the web server is started. Obviously this is not necessarily
convenient as someone will not always be around to type in the pass-phrase, such as after
a reboot or crash. mod_ssl includes the ability to use an external program in place of
the built-in pass-phrase dialog, however, this is not necessarily the most secure option
either. It is possible to remove the Triple-DES encryption from the key, thereby no
longer needing to type in a pass-phrase. If the private key is no longer encrypted,
it is critical that this file only be readable by the root user! If your system is ever
compromised and a third party obtains your unencrypted private key, the corresponding
certificate will need to be revoked. With that being said, use the following command
to remove the pass-phrase from the key:

sudo cp server.key server.key.org
sudo openssl rsa -in server.key.org -out server.key
Enter pass phrase for server.key.org:
writing RSA key

Step 4: Generating a Self-Signed Certificate

At this point you will need to generate a self-signed certificate because you either don’t
plan on having your certificate signed by a CA, or you wish to test your new SSL
implementation while the CA is signing your certificate. This temporary certificate
will generate an error in the client browser to the effect that the signing certificate
authority is unknown and not trusted.

To generate a temporary certificate which is good for 365 days, issue the following
command:

sudo openssl x509 -req -days 365 -in server.csr -signkey server.key -out server.crt
Signature ok
subject=/C=IN/ST=TN/L=CHENNAI/O=MyCompany/OU=MyUnit/CN=venkat.local/emailAddress=myemail@email.com
Getting Private key

Step 5 Update the httpd-ssl.conf with the private key & certificate details.

# Server Certificate:
SSLCertificateFile "/etc/apache2/ssl/server.crt"
# Server Private Key:
SSLCertificateKeyFile "/etc/apache2/ssl/server.key"

Javascript coding standards

If you are looking for coding standards in Javascript for doing code review or for your self-improvement. Then, you are in the right place.

Following are some of the gem website which provides information on the Standards and best practices for Javascript. Strictly following this will help you learn good javascript and be a good coder.

These are my collections and may not be exhaustive, i will update it as and when i can.

http://javascript.crockford.com/code.html

http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

https://code.google.com/p/gmaps-utility-library-dev/wiki/JavascriptCodingConventions

https://github.com/dsheiko/jscodesniffer

http://jibbering.com/faq/notes/code-guidelines/

http://dojotoolkit.org/community/styleGuide

http://jstherightway.org/

https://github.com/stevekwan/best-practices/blob/master/javascript/best-practices.md

http://jslinterrors.com

 

Books for developers

If you are looking for some good resources to master your development skills, the following link has a exhaustive list of book recommendation, specifically on Programming, Design and Architecture.

http://www.codeproject.com/Reference/617/Useful-Reference-Books

This is the list prepared by Chris Maunder, who has co-founded CodeProject.com.

CodeProject.com is one of the best resource for technical information, specific to programming language, design and architecture. They cover brief as well as in-depth information on best known technologies. I had subscribed to their new letter which is one the best source for my daily tech needs.

 

What’s new in Android L

In Google I/O Key note, Pichai introduced the latest Android OS code named “L”. L stands for Lollipop, just a guess, but we will come to know about it. Here are the some of the key features:

1. Material Design:

Google is moving to this latest design approach. This will help developers come up with a new style for the apps. The new design will have changes to the look and feel of the app (Shadow, Color palette, animations,…). This will give more flexibility for the developers in designing their app.

2. ART

They have dumped Dalvik engine and moved to something they call ART (Android Runtime).

USP’s are Better garbage collections, new improved developer tools.

3. Safari

Search for contents in web as well in Apps. This surely is going to be something to watch for! Android is orienting itself to “All Web” mantra and may move out of native apps.

Couple of  other features like wearables, TV, Auto & Health was also introduced.

With un-organized OEM providers, i’m not sure how many will have this new OS upgrade? Again, this will be for high end smartphones like Nexus, Samsung S5, Note II..

What about other phones??

 

5 iPad apps for professionals

    Calculator


Excellent app for writing mathematical calculation. Just type the maths, and the app can understand what you typed and converts into proper digits and symbols.

    Haiku deck


A quick app to create Microsoft type PowerPoint slides. You are given options for various templates to choose.

    File app


iPad doesn’t have a file explorer. If you want to check on the files available in your iPad, then this app is for you. It shows various type of files available in iPad

    Draw


Need a quick app for your drawing solution, then Draw is the app you should look out for. You create a quick diagram with the stencils with different colors.

    Khan academy


Need some quick coaching classes. Khan academy is for you. There are quite a few video lessons to enhance your skills.

Secure your Ip address with Hotspot Shield

If you are looking for a solution where you want to have some privacy on the Ip-address of your PC/Laptop. Then Hotspot Shield is your best solution.

http://www.hotspotshield.com/en

Following are the benefits of using Hotspot Shield.

  1. Protect your Ip address so that any anonymous user cannot find it.
  2. You can morph your ipaddress with the one in USA or UK.
  3. Byepass firewall.

Before using the Hotspotshield following were my systems / internet details.

img1

After enabling Hotspot Shield the country is changed as well as ipaddress.

hotspot1

The best purpose of this tool will be:

Let say you are working in USA for some reason you are travelling out of your home country and if there are any USA specific websites which you want to access , then Hotspot Shield is your best bet.

Mobile as WIFI hotspot (Tethering) access Internet

 

If you do not have a internet connection at home or while travelling using laptop. You will have no options right! Not to worry. If you have smart phone with a internet connection (2G, 3G, 4G) then you can use your mobile phone as wireless hotspot. This is called “Mobile Tethering”.

You can connect your laptop, another mobile phone, IPAD or any tablets which has WIFI capability and access internet.

This could be a life saver when you are travelling and wanted to connect to internet from your laptop.

I will show the options available in my Samsung phone (Android OS). This steps may vary based on the handsets that you are using.

Enable internet access in your phone (incase if it is not enabled)

SC20130107-172923

Tap on Wireless and network

SC20130107-172951

Tap Tethering

 SC20130107-172959

Tap mobile AP

SC20130107-173006

Tap Ok

SC20130107-173013

See if the green checkbox is checked.

SC20130107-173025

Tap Configure mobile AP

SC20130107-173033

Tap WPA2 PSK for setting password for your WIFI hotspot.

SC20130107-173047

Enter a name in Network SSID and give a password and tap Save.

SC20130107-173144

You are all set. In your laptop or your tablet, check if the wireless hotspot is displayed (Network SSID) connect to it and provide the password.

If you have good data plan, then I guess you can switch over to this instead of broadband connection. But still it may have its own limitations. Check if your service provider is charging for Tethering data.