Motyar's Blog

A Note to Myself

noreply@blogger.com (Motyar D) — Sun, 12 May 2013 01:20:00 +0000

I wrote this a few weeks ago and I keep it open on my desktop at all times.
---
That would be great. But you know what else would be? Actually finishing an idea that you have started. How many times do you start to work on something and never finish it?
EVERY time.
You've been doing this your whole life. Somehow along the way you have learned many things and even became a master in a few different areas. But that is not what you want.
You want to create.
It's not really creating when you never finish.

via

Instagram for pc

noreply@blogger.com (Motyar D) — Sat, 20 Apr 2013 11:37:00 +0000

Is there any service same like Instagram I can use on PC. Let me know, reply @motyar

Parsing JSON API response with php

noreply@blogger.com (Motyar D) — Sun, 10 Mar 2013 17:45:00 +0000

PHP has a powerful JSON parsing system, you can encode JSON string to Object using json_decode and by using Php Object to Array, object can be converted to array. Lets break this in few steps.

1. Fetching the response from API


$response  = file_get_contents($requestUrl);

2. Decoding the JSON data to Object


$jsonobj  = json_decode($response);

4. Converting object to array.

You can use Php Object to Array function to convert object to array.


$resultArray = object2array($jsonobj);

Final code

You can use Php Object to Array function to convert object to array.


$requestUrl = 'https://graph.facebook.com/motyar';
$response  = file_get_contents($requestUrl);
$jsonobj  = json_decode($response);
$resultArray = object2array($jsonobj);
print_r($resultArray);

Hacking Micromax 400R (Mi-Fi)

noreply@blogger.com (Motyar D) — Thu, 28 Feb 2013 16:26:00 +0000

Hacking means making things usable. For me most of the times its possible by creating stuff but sometimes have to break stuff. Today I hacked at a software just to get the functionality out as needed.
Let me tell you the story in breaf -

Yesterday I bought a Micromax 400R (Mi-Fi), Its a great device and cheap too ( Got just for 2450INR ). The MMX 400R is wireless router and Wi – Fi hotspot. Can be used to share 2G-3G dataplan over Wi-Fi for max 5 devices.

It was working well at start, but it started showing annoying ads when opening new web pages. For example if I am opening google.com, It redirects to 192.168.1.1/ads.html?url=http://google.com and ask you to "Enter M! APPs" or "Do not show this page". Every-time Have to click "Do not show this page".
Was something like this:-

I was exploring things, all the settings but found nothing to disable this ad. MMX 400R have a feature of "SD Card Sharing", Card can be accessed in browser by opening http://192.168.1.1 and choosing "Advance settings"-"Sharing"-"Sharing"

Buy exploring all the Ajax-calls I found that I can

1. View file list of a location using this call -
http://192.168.1.1/cgi-bin/ajax.cgi?which_cgi=ajax_get_file_list&pram=DIR_PATH 2. Can download file using this call - http://192.168.1.1/cgi-bin/export_file.cgi?get_file_path=DIR_PATH/FILE_NAME&get_file_name=FILE_NAME

2. Can create folder by using this call

http://192.168.1.1/cgi-bin/ajax.cgi?which_cgi=ajax_creat_folder&creat_current_folder_dir=DIR_PATH&lc_folder_name=FOLDER_NAME

3. Delete file or folder by using
http://192.168.1.1/cgi-bin/ajax.cgi?which_cgi=ajax_delete_file&file_op_name=DIR_OR_FILE_PATH

4. Upload or overwrite file, sending POST [multipart/form-data] request using these parameters current_folder_dir( value should be "longcheer_w>DIR_PATH>") lc_upfile ( type="file" File)

I tried and found that by using DIR_PATH as "/../../../mnt/resource/webpage" you can view, download or edit [ By uploading/overwriting ] all the scripts, files working at http://192.168.1.1/

I downloaded ads.html, as Its simple HTML/JS file, edited it so it can automatic redirect to the url without clicking on "Do not show this page".

Try editing the cgi-scripts on your own risk.

Happy Hacking.

Buy this Responsive Blogger Template

noreply@blogger.com (Motyar D) — Sun, 10 Feb 2013 12:07:00 +0000

This site uses a Responsive Blogger Template developed specially for this blog. After various request from friends and colleagues I decided to sell it online.

The template have responsive layout. Work and look beautiful in almost any resolution device.

I decided to charge $12 per installation. [ This includes all future updates #FREE].

After the checkout process I will manually (24 hrs maximum) send you a template file of the theme.

All sales are final— no refunds. Life-time updates for 1 domain: $12 USD

Hacking IFTTT

noreply@blogger.com (Motyar D) — Fri, 08 Feb 2013 13:14:00 +0000

I hope you all know about IFTTT (if this, then that), Using IFTTT you can automate few Actions when Triggers fire on Channels.

But everything have its limits so IFTTT has them too, In this post I will try to explain how I tried to expand its limits.

Here is on example Recipes.

If I like an image post on Tumblr, put image in Dropbox

What the hack here

The problem with "New like on tumblr" doesnt provide image url, but it provides the "Post URL". I am using this script to get "Image url" using "Post url" and script (tumb.php) redirects to the image link.
Using "http://motyar.info/tumb.php?u={{Url}}" as file url.

Code


function getImg($postUrl){
 $url = explode("/", $postUrl);
 $data = file_get_contents("htt"."p://".$url[2]."/mobile/post/".$url[4]);
 preg_match_all('',$data,$matches,PREG_PATTERN_ORDER);
 return $matches[1][0];
}
$imgUrl = getImg($_GET['u']);
header("Location:".$imgUrl);

What is possible?

There are a lot of possibilities, You just have to process the available input to generate the required output.

Happy hacking.

-1 not enough jQuery.

noreply@blogger.com (Motyar D) — Sun, 06 Jan 2013 08:10:00 +0000

I found it so funny, Read it, what you think?

via this

Amazon Offers Price Tracking using WebScrapeMaster

noreply@blogger.com (Motyar D) — Tue, 18 Dec 2012 06:39:00 +0000

Was trying to get a list of offers (their prices) for an item based on the ASIN. Exploring all the APIs but find nothing that can solve my problem. So scraping web is the last choice.

Which page to scrape

This page displays the information I was looking for.http://www.amazon.com/gp/offer-listing/B0002F7MX6/ref=dp_olp_new?ie=UTF8&condition=new ( for ASIN B0002F7MX6)

WebScrapeMaster FTW

Its how I figured it out using WebScrapeMaster API, I know the url, I know the xpath of the information I need. This simple call solved my problem

http://motyar.info/webscrapemaster/api/?key=YOUR_API_KEY&url=http://www.amazon.com/gp/offer-listing/B00005BRNO/ref=dp_olp_new?ie=UTF8&condition=new&xpath=span.price

And I got the output in this simple JSON format:-

Check the WebScrapeMaster API here.

Read mp3 file info with PHP

noreply@blogger.com (Motyar D) — Fri, 14 Dec 2012 11:23:00 +0000

I know there are a lot of PHP libraries out there you can use to read ID3 tags from a MP3 file. But here is the simplest one.


$file = "path/to/file.mp3";
$data = file_get_contents($file);
if(substr($data, -128, -125)=="TAG"){
 echo "Title: ".substr($data, -125, -95);
 echo "Artist: ".substr($data, -95, -65);
 echo "Album: ".substr($data, -65, -35);
 echo "Year: ".substr($data, -35, -31);
 echo "Comment: ".substr($data, -31, -1);
 echo "Genre: ".$genre_arr[ord(substr($data, -1, 1))];
 }

Getting paid on Internet is Easy

noreply@blogger.com (Motyar D) — Sat, 08 Dec 2012 12:33:00 +0000

My friends ask me about how to get paid for a service or product they can offer to someone over internet. Writing this post for all of them and for everyone who thinks about how to do this.

Its so easy

Yes its. You have to have an PayPal id and a bank account you can connect to your Paypal account.

Getting paid on a Web Page

You simply have to put this code (Please edit/insert all your YourPayPalId nd amount etc.). You can make few fields as text or selection box so they can enter amount and/or choose "what they are paying for".


<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post" >
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="YourPayPalId">
<input type="hidden" name="image_url" value="">
<input type="hidden" name="cpp_header_image" value="">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="item_name" value="Web Consultancy">
<input type="hidden" name="amount" value="25.00">
<input type="submit" value="Pay now" />

Demo

Sure try it - (Note this is a working demo, Money will be paid to me in real)

Why Every Company Should Have APIs

noreply@blogger.com (Motyar D) — Fri, 30 Nov 2012 06:19:00 +0000

Whats an API?

An application programming interface (API) provides access to the data and services a company is providing in "raw form" (JSON, XML etc) and allows to use that data in diverse ways to get and give value. APIs are the best way to get your services out there and used.

Technically API allows and manages the interaction between two internet connected services. This can be:

Getting share price data from the Stock Exchange into a web application.
The ability to get Facebook share count for an url.
Ability to share on twitter form within a mobile application.

APIs allow data from one online service to flow outside of it, be it through an app or a mashup with another Internet service.

Why Every Company should have an API?

See the curve of ProgrammableWeb's path to a directory with 5,000 APIs:

There are lot of good reasons for a company to create an API and offer it to developers. Here are few:

Think about Amazon, eBay, Facebook, Twitter, Salesforce, Google Maps, Flickr, UPS, etc. They provide APIs on which hundreds of thousands of developers create mashup for millions of users worldwide.

Few B2B / SAAS platforms provide API to integrate with their back-end system having an API here cuts down on the support costs of doing this individually with each customers, increases engagement with your customers.

Other benefit from partners. They can take content and services to integrate into their own applications. Having an API means partners can bring your brand and services to large audiences they already have.

It's worth building a website "API first" - that is; design the data/service API up front and make your web application the first client of your API. It gives you a huge amount of flexibility when new formats and partners start using it.

Let think about the Mobile, what about iphone, ipods, tablets. it's very hard for a startup to support multiple clients on multiple platforms from day one - so having an API early means people can help themselves and integrate your content/services into other applications.

Have I missed any important point? I’d love your thoughts on this topic or other important outcomes providing an API can offers.

Host your first NodeJs app on Heroku in 5 mins

noreply@blogger.com (Motyar D) — Fri, 23 Nov 2012 16:00:00 +0000

Heroku is a cloud platform as a service (PaaS), A cloud platforms that supports Java, Node.js, Scala, Clojure and Python and PHP (undocumented). It provides small Ubuntu virtual server instances that can be spun up and down on demand. Each instance (dynos). You get one dyno for free each month (per app). So lets get started :-

Step 1 - Signup for Heroku. Its easy go to - https://api.heroku.com/signup/devcenter
Step 2 - Install the Heroku Toolbelt on your local workstation.
Step 3 - Write your nodejs app.
Step 4 - Store your app in Git

$ git init
$ git add .
$ git commit -m "init"

Step 5 - Create a Heroku App


$ heroku create

Or, if you'd like to set a name, (i.e. myname.herokuapp.com) use:


$ heroku create myname

Step 6 - Deploy your code


$ git push heroku master

Step 7 - Visit your application. Simply open the http://myname.herokuapp.com in browser. We can now visit the app in our browser with heroku open.


$ heroku open

Write and run your first nodejs app on Windows

noreply@blogger.com (Motyar D) — Fri, 23 Nov 2012 15:54:00 +0000

Node.js is a server side software system designed for writing server side JS. Node.js was created by Ryan Dahl starting in 2009, and its growth is sponsored by Joyent, his employer. Getting started with nodejs is easy.

Simply follow these simple steps:-

Step 1. Download and install nodejs for window. It will install Node and npm. And will be accessible from cmd.exe.

Step 2. Open command prompt and create a app directory, go to the directory.

(i) Create a file called package.json:


{
  "name": "hello"
, "version": "0.0.1"
, "dependencies": {
    "express": "latest"
  }
}

(ii) run npm install to install Express:

npm install

This will read the package.json in the root of the app and download all of the dependencies that you are missing.

(iii) Make a file that contains a simple app index.js:


var express = require('express')
  , app = express.createServer();

app.get('/', function(req, res) {
  res.send('Hello World !');
});

app.listen(3000)

Step 3. Run it with

node index.js

and visit http://localhost:3000/ in a browser. You should see "Hello World !".

Generate and download a file in pure javascript

noreply@blogger.com (Motyar D) — Fri, 16 Nov 2012 18:06:00 +0000

Here is a question.

Is generating files possible with JavaScript alone?

I am sharing an idea, let me know how we can improve it or how useful this is.
We are going to use the dataURI and A[DOWNLOAD] in this example.


window.location.href="data:text/plain,text goes here";

Check this simple prototype here - http://jsbin.com/uwoxat

How to tell HTML from HTML5?

noreply@blogger.com (Motyar D) — Tue, 13 Nov 2012 06:35:00 +0000

Try it out on Internet Explorer.
Did it work?
No?
It’s HTML5.

— Kent Brewster at SXSW11

Web Scrape Master : Because Not Every Company Have APIs.

noreply@blogger.com (Motyar D) — Sat, 15 Sep 2012 05:09:00 +0000

I built WebScrapeMaster because not every company have APIs to provide access to data.

Web scrape master provides a very simple JSONP API for retrieving data. You can use the API by making a GET request. The API response is always an JSON object.

Check this here

Web scrape master

Get the Image link of a Tumblr post

noreply@blogger.com (Motyar D) — Sun, 02 Sep 2012 06:05:00 +0000

I was trying trying IFTTT and wanted to save my Tumblr liked image post to Dropbox. Searched Google for it but found nothing I can get direct image link with post url. So I decided to scrape post html to get link.

TIP: When you have to scrape and web page think about its mobile version, they are always light weighted and with simple dom structures.

Tumblr provides a mobile version for their blogs, you can open this my simply putting /mobile at the end of home page url. So its its xyz.tumblr.com, mobile version ll be at xyz.tumblr.com/mobile.

Here is simple PHP function that returns the image permalink by post url.


function getImg($postUrl){
	$url = explode("/", $postUrl);
	$data = file_get_contents("htt"."p://".$url[2]."/mobile/post/".$url[4]);
	preg_match_all('',$data,$matches,PREG_PATTERN_ORDER);
	return $matches[1][0];
}

Hope this ll help you.

Php Object to Array

noreply@blogger.com (Motyar D) — Sat, 07 Jul 2012 16:30:00 +0000

Want to share a simple but very useful php function. It helped me in many projects while parsing XML. We got simple Object by loading XML with simplexml_load_string or simplexml_load_file. This function converts a complex object to array.

Its more easy to parse and access and array than a object
Here is the function



//Function returns array by a SimpleXmlObject
function object2array($object){
    $return = NULL;
      
    if(is_array($object))
    {
        foreach($object as $key => $value)
            $return[$key] = object2array($value);
    }
    else
    {
        $var = get_object_vars($object);
          
        if($var)
        {
            foreach($var as $key => $value)
                $return[$key] = ($key && !$value) ? NULL : object2array($value);
        }
        else return $object;
    }

    return $return;
}

Leaving CodePlayers

noreply@blogger.com (Motyar D) — Fri, 01 Jun 2012 13:56:00 +0000

Many of you know this already, but most of you probably don't. I've left the CodePlayers after two unbelievable years. It's bittersweet. I don't regret my decision but I ll miss Mozi and the rest of the CodePlayers team.

What's Next?
I'm not sure what's next for me, but one thing is for sure, I will miss working with my co-founder, friend and designer Mozi. He impacted my life in so many ways.

I'm excited about some of the recent changes and the direction the company is taking. CodePlayers will be around for a long time, and I'm so excited to have been a big part of how it got to where it is today.

Generating QR code of current Page URL

noreply@blogger.com (Motyar D) — Fri, 25 May 2012 16:23:00 +0000

Thank Japan for QR code, or Quick Response Code.
And thanks Google to making the creation of QR codes so simple, Google have an API for it.

You can see a lot of QR codes in print media, The objective to use is to take people from the physical world to the online world.

Web pages use them to let users scan and open the app store url of apps, or to open any page in mobile browser.

Today I want to share a code that can help a web page to display its own URL as QR code, the code uses Google chart API and small JavaScript Code.
Here is the code:

HTML code:


<img id="qr" />

JavaScript Code:


document.body.onload = function(){
  document.getElementById("qr").
   setAttribute(
   'src',
   'http://chart.apis.google.com/chart?cht=qr&chs=100x100&chld=H|0&chl='+window.location
   );
};

You can change size of image by editing the chs parameter.
Demo
Here is the QR code for current page, generated by the code above.

Hope this code will help you.

How You Can Be a Memory Champion

noreply@blogger.com (Motyar D) — Thu, 17 May 2012 11:25:00 +0000

There are people who can quickly memorize lists of thousands of numbers, the order of all the cards in a deck (or ten!), and much more. U.S. Memory Championship Winner Joshua Foer describes the technique - called the memory palace. Check it out:-

Adding Dynamic CSS style rules with Data URIs and JavaScript

noreply@blogger.com (Motyar D) — Wed, 04 Apr 2012 08:56:00 +0000

Whats the Data URIs?

Data URI scheme provides a way to resources to be fetched in a single HTTP request. which is more efficient

The format

data:[mime type=""][;charset=charset][;base64],encoded data=""

The Why?

It saves HTTP Requests, and make webpages load faster.

Adding Dynamic Style

How we do it with jQuery:

$('h1').css("color","red");

How we do it with palin JavaScript:

document.getElementById("hello").style.color = "#000267";

And using DataURIs.


function addStyle(css){
            var datuURIs = document.createElement("link");
            document.head = document.head || document.getElementsByTagName('head'[0]);
            datuURIs.href = "data:text/css,"+css;
            datuURIs.rel = "stylesheet";
            document.head.appendChild(datuURIs);
        }

addStyle('h1{color:pink;}');

addStyle('h2{width:200px;}body{background:yellow}');

I think doing it using DataURI is easy, because it looks same like CSS code. You just have to use one JS function and can add style rules anywhere in the JS code, whenever you want one the fly.

Try the code here.

Feel free to share your thought about it. I am on twitter as @motyar.

HTML5 Full Screen

noreply@blogger.com (Motyar D) — Sun, 01 Apr 2012 05:19:00 +0000

Its how wishes come true. I love the new "Full Screen API" form HTML5. Just want to share code about how get started using it.

Facebook started using it, you can see a small button on photo lightbox.
Update : You can add fullscreen button to your website too.

Going fullscreen


var docElm = document.documentElement;
if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
}
else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
}
else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
}

Cancelling fullscreen


if (document.exitFullscreen) {
    document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
}

Detecting fullscreen state change


document.addEventListener("fullscreenchange", function () {
    fullscreenState.innerHTML = (document.fullscreen)? "" : "not ";
}, false);

document.addEventListener("mozfullscreenchange", function () {
    fullscreenState.innerHTML = (document.mozFullScreen)? "" : "not ";
}, false);

document.addEventListener("webkitfullscreenchange", function () {
    fullscreenState.innerHTML = (document.webkitIsFullScreen)? "" : "not ";
}, false);

Styling fullscreen mode


html:-moz-full-screen {
    background: red;
}

html:-webkit-full-screen {
    background: red;
}

html:fullscreen {
    background: red;
}

Browser support

Currently available in Firefox 10 and up and Google Chrome since version 15 and Safari since 5.1.

Check - http://motyar.info/fullscreen/

Define “Entrepreneur”

noreply@blogger.com (Motyar D) — Tue, 06 Mar 2012 12:34:00 +0000

Let’s see what you think it means. In this post’s comments , explain “Entrepreneur” in 10 words or less.

Make your website fast using HTML5

noreply@blogger.com (Motyar D) — Wed, 15 Feb 2012 16:54:00 +0000

Paul Irish writes about few HTML5 techniques you can use in your website to make it fast. He talks about HTML5 Application Cache, suggest using web storage in place of cookies, for animations CSS transitions instead of JavaScript if possible.

Here is how you can create a dynamic Application Cache Manifest file using PHP.

You can read the full article here:-

BEST PRACTICES FOR A FASTER WEB APP WITH HTML5