Coding Tech Life: 2014

Tata Docomo 3G/Data Recharge from Main Balance using USSD

Tata Docomo Acivate 3G/Data Packs from Main Balance using USSD

I could successfully activate 3G pack using my existing Tata Docomo main balance(in Kerala Circle on 7th December 2014). My main balance was huge because of great full or more talk time provided by Tata Docomo.

Follow the steps to activate 3G/data service using main balance,

1. Dial *191# . (USSD)

2. Then you will be getting a menu as below. Select option 6. Start/Stop (to start or stop a service). To select the option, enter 6.

3. Choose 1. Start a Service from the next menu.

4. Select 3. GPRS Packs.

5. Select 2. 3G Internet Packs.

6. Select your plan and enter appropriate option.
Eg: 7. 1GB 3G Data@ 153

7. A confirmation message will be shown.
Select 1. Activate.

8. Done.

Thank you Docomo. This make me better utilization of my money.

Performance Tuning Methodologies

Performance Tuning Methodologies

Ratio based tuning
Wait based tuning
Stage based tuning

“Tune the cause not the effect”

3. Stage based tuning

a. Appn Layer

i. Minimise db requests

ii. Increase concurrency

iii. Methods

1. Rewrite code

2. Indexing, partitionig, denormalization

3. Follow best practices

4. Tuning using hints, stored outlines, profiles, sql rewrites

5. Parallelism, optimizer setting

b. Db Code Layer

1. Detection & dealing with oracle internal locks.

c. Memory Layer

i. Adequate memory at OS layer

ii. Resource allocation

iii. AMM (automatic memory management)

d. Disk layer

i. Bandwidth

ii. iostat commands

iii. RAID tech

iv. Ssd, ASM

2. Instance tuning

3. SQL Tuning

a. Index wisely

b. Reduce parsing

c. Cost based optimizer

d. Optimize table scans - keypool, buffercache, keepcache, recycle pool

e. Optimize joins

f. Environment

g. Use array processing

4. Golden rules of tuning

a. Define objective

b. Know when to quit

c. Prevention is better than cure

d. Change one at a time

e. Identify the cause not effect

f. Accurate measurement, current performance

5. Tuning Tools

a. Explain Plan

i. Reveals execution plan for an sql statement

b. Oracle Tracing & tkprof

i. Autotrace on

ii. dump trace file

iii. tkprof for formatting

c. AWR (Automatic Workload Repositories)

i. In 10g

ii. Collects processes db.os statistics for problem detection

iii. Snapshot

iv. ASH

d. ADDM (Automatic Database Diagnostic Monitoring)

i. Analyse awr data on a regular basis

e. SQL Tuning Advisor

i. Generate recommendations based on reports

ii. Source from any above

Contentflow - a plugin for imageflow/coverflow

ContentFlow

ContentFlow - Flexible coverflow/ image flow under slider. MIT license.

http://www.jacksasylum.eu/ContentFlow/index.php

jQuery UI CoverFlow 2.0

I came across a beautiful coverFlow component jQuery UI CoverFlow 2.0 powered by $.widget and CSS3 transforms from addyosmani.

http://addyosmani.com/blog/jqueryuicoverflow/

Demo

SVG.js manipulating and animating SVG - Clock using svg

SVG.js

Came across a beautiful clock example using svg which is developed using plugin SVG.js which is used as lightweight library for manipulating and animating SVG.

http://jsfiddle.net/boser18/7qcn3ptr/

Responsive Website Using Bootstrap

Simple Responsive Website Using Bootstrap

Just found good tutorial to develop a responsive website using Bootstrap. Just add bootstrap libraries amd use some class names for div elements from css and the website will automatically resize with the change in resolution which makes your website accessible via mobile devices as well as desktop browsers.

Libraries: bootstrap.css, bootstrap-responsive.css, bootstrap.js, jquery.min.js.

Class names: container, row-fluid, span1,span2,...,span12,offset1,...

Just follow the Template:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-width=1.0">

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">

</head>
<body>
<div class="container">
<div class="row-fluid">
<div class="span6">
...content
</div>
</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

Try this small Example:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-width=1.0">

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">

</head>
<body>
<div class="container">
<div class="row-fluid">
<div class="span6">
<p>A man who was completely innocent, offered himself as a sacrifice for the good of others, including his enemies, and became the ransom of the world. It was a perfect act. - <b>Mahatma Gandhi</b></p>

</div>
<div class="span6">
<p>Take up one idea. Make that one idea your life - think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea, and just leave every other idea alone. This is the way to success. -<b>Swami Vivekananda</b></p>
</div>
</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

Draw Triangle or Arrow Using DIV ::after CSS HTML

Draw Triangle or Arrow Using DIV ::after CSS HTML

Suppose we want to add an arrow to bottom of div or any other element, just add the css below.

#divid::after{
position:absolute;
border-top:25px solid #f00;
border-left:25px solid transparent;
border-right:25px solid transparent;
border-bottom:25px solid transparent;
content:'';
display:inline-block;
border-right-width:25px;
top:50px;
left:25px;
box-sizing:border-box;
}

example:

<!DOCTYPE html>
<html lang="en">
<head>
<style>

#id1::after{
position:absolute;
border-top:25px solid #f00;
border-left:25px solid transparent;
border-right:25px solid transparent;
border-bottom:25px solid transparent;
content:'';
display:inline-block;
border-right-width:25px;
top:50px;
left:25px;
box-sizing:border-box;
}
</style>
</head>
<body>
<div id="id1"></div>
</body>
</html>

Demo:

Date Picker in Android: Set Date using DatePickerDialog

public void onClick(View v) {

if(v== ( (Button) findViewById(R.id.date_button) ))
{
// Getting current date
final Calendar c = Calendar.getInstance();
int mYear = c.get(Calendar.YEAR);
int mMonth = c.get(Calendar.MONTH);
int mDay = c.get(Calendar.DAY_OF_MONTH);

// Launch Date Picker Dialog
DatePickerDialog dpd = new DatePickerDialog(this,
new DatePickerDialog.OnDateSetListener() {

@Override
public void onDateSet(DatePicker view, int year,
int monthOfYear, int dayOfMonth) {

// Setting Selected date in edit text box
edit .setText(dayOfMonth + "-"
+ (monthOfYear + 1) + "-" + year);

}
}, mYear, mMonth, mDay);
dpd.show();

}
}

Performance Testing Using JMeter in Non-GUI Mode

Apache JMeter, the popular open source performance testing tool, can be run in non-gui mode using command prompt.One of the way to resolve java.lang.OutOfMemoryError is by running Jmeter in non-gui-mode. Follow the steps below to run jmeter in non gui mode,

1. Open Jmeter (in gui mode) and prepare test plan for load testing with no of users/threads. Save it as jmx file (eg: test500.jmx).

Note: Avoid adding listeners in the test plan since reports can be generated from jtl file generated in non-gui run.

2. Open command prompt (Run>>cmd) and change directory to bin folder of apache-jmeter. Type the following command to run jmeter with the saved testplan (test500.jmx).

Jmeter –n –t “path to jmx file “ –l “path to jtl file”

Eg : D:\JMeter\apache-jmeter-2.11\bin>jmeter -n -t D:\JMeter\TestNonGUI.jmx -l D:\JMeter\Testresults\test500.jtl

Load teting will start and test results will be stored in test500.jtl file.

3. To analyse the results. Open JMeter and add the listener test element by which you want to analyse it. Eg: To view summary report add summary report listener element as child set jtl file (test500.jtl).