Siri Innovations

Google oauth 2.0 in CodeIgniter

admin — Wed, 10 Apr 2019 09:18:35 +0000

Google OAuth API is the simple and powerful way to integrate login system in the website. Google OAuth Login API let you allow the user to sign in the web application using their Google account without registration. The main advantage of Google login is the user can log in to the web application with their existing Google account without register account on the website. Nowadays almost all web users have a Google account, Sign-in with Google helps to increase the user’s subscription on your website.

Step1:-
Create Google API Console Project
-> Go to Google API Console.
-> Create project,Auth credentials for the project.

Step2:-
-> Download the latest version of codeigniter and extract into your root folder.

Step3:-
Create a google_config.php in /config folder, place below code.

defined('BASEPATH') OR exit('No direct script access allowed'); 
/* | To get API details you have to create a Google Project 
| at Google API Console (https://console.developers.google.com) 
| client_id string Your Google API Client ID.
| client_secret string Your Google API Client secret. 
| redirect_uri string URL to redirect back to after login. 
| application_name string Your Google application name. 
| api_key string Developer key. 
| scopes string Specify scopes */
$config['google']['client_id'] = 'Google_API_Client_ID';
$config['google']['client_secret'] = 'Google_API_Client_Secret';
$config['google']['redirect_uri'] = 'https://example.com/project_folder_name/user_authentication/';
$config['google']['application_name'] = 'Login to example.com';
$config['google']['api_key'] = '';
$config['google']['scopes'] = array();

Step4:-

Create Controller Auth.php In yor controllers/ folder.

if ( ! defined('BASEPATH')) exit('No direct script access allowed'); class Auth extends CI_Controller { function __construct() { parent::__construct(); $this->load->library('google');
 }
public function index(){
$data['google_login_url']=$this->google->get_login_url();
$this->load->view('home',$data);
}
public function oauth2callback(){
$google_data=$this->google->validate();
$session_data=array(
'name'=>$google_data['name'],
'email'=>$google_data['email'],
'source'=>'google',
'profile_pic'=>$google_data['profile_pic'],
'link'=>$google_data['link'],
'sess_logged_in'=>1
);
$this->session->set_userdata($session_data);
redirect(base_url());
}
public function logout(){
session_destroy();
unset($_SESSION['access_token']);
$session_data=array('sess_logged_in'=>0);
$this->session->set_userdata($session_data);
redirect(base_url());
}
}

Step5:-
Create A view home.php file in view forlder.



Google authentication library for codeigniter










Google authentication library for Codeigniter





session->userdata('sess_logged_in')==0){?>
Google login

Google logout










">


 


close
Email Id:

The post Google oauth 2.0 in CodeIgniter appeared first on Siri Innovations.

Watermarking an image using paperclip gem

admin — Fri, 05 Feb 2016 05:47:31 +0000

You can brand all the images present in your application by placing your official logo as watermark on images. This can be done in a programmatic manner using a paperclip gem.

Requirements:
• Add paperclip gem to your ruby on rails application and install all the dependencies like image magick.

Implementation:
• Choose a model and add image attribute columns by following paperclip documentation.
• Using paperclip options you can easily define different size of images within the model.
• Paperclip allows you to add your custom processor to deal with the images and its sizes.
• If you have multiple sizes of images then you can workout the changes on the original image by adding a custom processor. So that the other images will do have a watermark image correspondingly.
• Create a processor and place in your library folder of your application. If you have multiple processors then it is suggested to have a folder for processors.

Path:RAILS_APP/lib/paperclip_processors/watermark.rb

module Paperclip
class Watermark < Processor
    # Handles watermarking of images that are uploaded.
attr_accessor :current_geometry, :target_geometry, :format, :whiny, :convert_options, :watermark_path, :overlay, :position
def initialize file, options = {}, attachment = nil
super
geometry          = options[:geometry]
      @file             = file
ifgeometry.present?
        @crop             = geometry[-1,1] == '#'
end
      @target_geometry  =Geometry.parse geometry
      @current_geometry = Geometry.from_file @file
      @convert_options  = options[:convert_options]
      @whiny            = options[:whiny].nil? ? true : options[:whiny]
      @format           = options[:format]
      @watermark_path   = options[:watermark_path]
      @dissolve         = options.fetch(:watermark_dissolve, 70)
      @position         = options[:position].nil? ? "SouthEast" : options[:position]
      @overlay          = options[:overlay].nil? ? true : false
      @current_format   = File.extname(@file.path)
      @basename         = File.basename(@file.path, @current_format)
end
    # TODO: extend watermark
    # Returns true if the +target_geometry+ is meant to crop.
def crop?
      @crop
end
    # Returns true if the image is meant to make use of additional convert options.
defconvert_options?
not @convert_options.blank?
end
    # Performs the conversion of the +file+ into a watermark. Returns the Tempfile
    # that contains the new image.
def make
dst = Tempfile.new([@basename, @format].compact.join("."))
dst.binmode
command = "convert"
params = [fromfile]
params += transformation_command
params<
• By using this module, you can manipulate the image to handle watermarking.

 • Your model cant call any of the method in the module since its out of model scope. You can require the module by specifying require    paperclip_processors/watermark’ on top of your model inside the class.

 • Once after requiring the module, you can able to call the processor on to your image with various options.

 • You can place your desired image/logo in public folder.

 • Specify the following options in your model inorder to get the watermark on the uploaded image.
:original => {		
			:processors => [:watermark],
			:watermark_path => "#{Rails.root}/public/images/logo-home-new.png",
			:position => 'NorthWest',
			:watermark_dissolve => 90,
			:auto_orient    => false
		}

• Here the processors option in the original hash uses the customized watermark class.

 • Watermark_path should have the watermark image complete url. This image will come on uploads.

 • The position option is where the watermark image will get pasted. For now, the watermark image comes on left-top    of the uploaded      image, refer the documentation of image magick for various values to pass.

 • Auto orient adjusts an image so that its orientation is suitable for viewing. Currently it is set to false.

 • After all configurations are done, the image uploads will get a watermark present on them.

 • For adding watermarks to existing images in your model, you can try as below,
ModelName.find_eachdo|rec|

 rec.image_or_avatar.reprocess!

 end
Note: Running above command on your model will convert all the images to be watermarked.
The post Watermarking an image using paperclip gem appeared first on Siri Innovations.

Simple HTML5 audio player with playlist

Yuva kumar — Thu, 17 Jul 2014 03:34:21 +0000

Introduction:

HTML5 introduces built-in media support via the and elements, offering the ability to easily embed media into HTML documents.The tag defines sound, such as music or other audio streams. Currently, there are 3 supported file formats for the element: MP3, Wav, and Ogg.

How to Use:


Sorry, your browser does not support HTML5 audio.

HTML5 audio tags:

 - Defines sound content.
 - Defines multiple media resources for media elements, such as  and .

How to Setup playlist:
In Html body:


Kalimba
Maid with the Flaxen Hair
Sleep Away

In Javascript:
1. To initialize player

function init(){
current = 0;
audio = $('audio');
playlist = $('#playlist');
tracks = playlist.find('li a');
len = tracks.length - 1;
audio[0].volume = .10;
playlist.find('a').click(function(e){
e.preventDefault();
link = $(this);
current = link.parent().index();
run(link, audio[0]);

});
audio[0].addEventListener('ended',function(e){
current++;
if(current == len){
current = 0;
link = playlist.find('a')[0];
}else{
link = playlist.find('a')[current];
}
run($(link),audio[0]);
});
}

2. To playlist media

function run(link, player){
player.src = link.attr('href');
par = link.parent();
par.addClass('active').siblings().removeClass('active');
audio[0].load();
audio[0].play();
}

3. Last step – Combine above two functions in jquery load function.

In CSS – make little design to your player:

Conclusion:
In this article we have looked in detail at the HTML5 element with simple playlist, used jQuery to make easier and help us work through cross-browser differences, and built a really useful audio player that works as part of a web page.

The post Simple HTML5 audio player with playlist appeared first on Siri Innovations.

How to create module in YII framework?

Shilpa Buddha — Thu, 17 Jul 2014 03:28:41 +0000

A module is a self-contained unit which contains models, views, controllers and other supporting components. It is same like an application, but the difference is module can’t be deployed alone.

Modules are useful units in large applications. We can easily develop and maintain the large application by dividing it into several modules and we can use the common modules for several applications.

Creating module: Every module should have unique name in one application and the module should be organized as a folder. The typical directory structure of a module will be like:

For example our module name is ‘abc’, the folder structure is as follows:

abc
AbcModule.php	the module class file
components	containing reusable user components
views	containing view files for widgets
controllers	containing controller class files
DefaultController.php	the default controller class file
extensions	containing third-party extensions
models	containing model class files
views	containing controller view and layout files
layouts	containing layout view files
default	containing view files for DefaultController
index.php	the index view file

A module should have module class which extends from CWebModule.

Using Module:

Place the module directory under the modules folder,then declare the module id in the modules property of the application.

 return array(
......
'modules'=>array('abc',...),
......
);

The module instance may be accessed via the module property of the currently active controller.

A controller action in a module can be accessed using the route moduleID/controllerID/actionID. For example, assuming the above abc module has a controller named PostController, we can use the route abc/post/create to refer to the create action in this controller. The corresponding URL for this route would be http://www.example.com/index.php?r=abc/post/create.

The post How to create module in YII framework? appeared first on Siri Innovations.

How to save multiple input entries in one column in mysql using php?

Yuva kumar — Fri, 11 Jul 2014 06:03:27 +0000

Introduction:

Serialization method – serialize() is to store multiple fields in single column. PHP is able to automatically serialize most of its variables to strings – letting you save them into storage like $_SESSION. However, there are some tweaks you have to know to avoid exploding .php scripts and performance problems.

serialize() converts an array, given as its only parameter, into a normal string that you can save in a file, pass in a URL, etc. Unserialize() is the opposite of serialize() – it takes a serialized string and converts it back to an array.

Example:

On Post request you have received $_POST data for name, mobile, address, email.

Output:

resulting array will be

a:4:{s:4:"name";s:3:"abc";s:6:"mobile";s:13:"9874325972398";
s:7:"address";s:4:"test";s:5:"email";s:13:"test@test.com";}

use this serialized string to insert into database.

Unserialize value from DB:

$data_unserialize = unserialize($records_serialize);

The post How to save multiple input entries in one column in mysql using php? appeared first on Siri Innovations.

How to use jQuery?

Yuva kumar — Fri, 11 Jul 2014 05:29:58 +0000

Introduction:

jQuery is not a language, but it is a well written JavaScript code. It is fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In order to work with jQuery, you should be aware of the basics of JavaScript, HTML and CSS.

Why jQuery:

It helps to improve the performance of the application.
It helps to develop most browser compatible web page.
It helps to implement UI related critical functionality without writing hundreds of lines of codes.
It is extensible – jQuery can be extended to implement customized behavior.
No need to learn fresh new syntaxes to use jQuery, knowing simple JavaScript syntax is enough.

How to use jQuery?:

jQuery JavaScript file can be downloaded from jQuery Official website.
To load jquery file

Load jQuery from CDN:

A jQuery file can be loaded from Google CDN. You will need to keep the following tag in your page.

How to load local jQuery file when CDN is not available:

How to execute jQuery code?:

As and when page loads, execute the jQuery code:

Execute jQuery only when the complete DOM objects (the complete page has been loaded). You will have to wrap your code in .ready function.

References:
http://jquery.com/

The post How to use jQuery? appeared first on Siri Innovations.

Execute your PHP code from html file

Shilpa Buddha — Fri, 11 Jul 2014 05:25:48 +0000

Execute your PHP code from html file:

When web page is loaded, the server will check the extension of the file to know how to handle the page. If it is a .htm or .html file, it sends directly to the browser because it does not have anything to process on server. If it is a .php or .asp etc file, it needs to execute on server.

If you want to add some PHP code in your existing html file, we can do that by two ways.

We can change the file extension as .php, so that the file will execute on the server.
By using your htaccess file you can make your html file as php file as shown below.

Add below line for .html file

AddType application/x-httpd-php .html

for .htm file

AddType application/x-httpd-php .htm

If you want to include the php code only in one page just add the below code to your htaccess file.


AddType application/x-httpd-php .html

This code will make the PHP code executable on the html file and not in all other files.

Take care while adding the lines to your existing htaccess file.

1. Don’t overwrite your htaccess file, just add extra lines for that as shown above.

2. If your html file have any code which starts with

'; ?>

This coding is only preferable for small websites, which has little php code.

The post Execute your PHP code from html file appeared first on Siri Innovations.

CakePHP Installation

Sindhuja Buddha — Thu, 10 Jul 2014 11:39:50 +0000

Cake PHP:

Cake PHP is a free open-source rapid development framework for PHP, inspired by Ruby on Rails. It provides an extensible architecture for developing, maintaining, and deploying applications. It uses MVC software design pattern. It supports UNIX and Windows Platform and it is easy to install.

Before running cakephp we must need

* Apache(HTTP) server.

* php 4.3.2 or greater.

* database server(MySQL).

steps to instal cake php:

1. Go to official site http://cakephp.org/ to download the cakephp.zip file.

2. Download the file and unzip the file.

3. Rename the unzipped file and save into localhost root (wamp/www or xampp/htdocs).

Example: xampp/htdocs/cakephp

4. Now open a web browser and type http://localhost/cakephp/

Note: you have to run the web server(Apache) and database server(MySQL).

5. Now you will get some notifications as following.

6. According to the first two notifications we have to change the security salt value and security cipher Seed value.

Open the file cakephp/app/config/core.php and change those two values.

Note: security salt is a random string used in security hashing methods and security cipher Seed is a random numeric string (digits only) used to encrypt/decrypt strings.

7. Now we have to configure the database for database connection.

8. Open localhost/PhpMyadmin and create one database.

Ex: db_cakephp

9. Rename the database.php.default as database.php in app/config/ folder.

10. Open database.php file and change the DATABASE_CONFIG class.

Actual code:

class DATABASE_CONFIG {

public $default = array(
'datasource' => 'Database/Mysql',
'persistent' => false,
'host' => 'localhost',
'login' => 'user',
'password' => 'password',
'database' => 'database_name',
'prefix' => '',
//'encoding' => 'utf8',
);
 public $test = array(
'datasource' => 'Database/Mysql',
'persistent' => false,
'host' => 'localhost',
'login' => 'user',
'password' => 'password',
'database' => 'test_database_name',
'prefix' => '',
//'encoding' => 'utf8',
);
}

Change the login, password and database details.

Ex:

class DATABASE_CONFIG {
public $default = array(
'datasource' => 'Database/Mysql',
'persistent' => false,
'host' => 'localhost',
'login' => 'root',
'password' => '',
'database' => 'db_cakephp',
'prefix' => '',
//'encoding' => 'utf8',
);
public $test = array(
'datasource' => 'Database/Mysql',
'persistent' => false,
'host' => 'localhost',
'login' => 'root',
'password' => 'root',
'database' => 'db_cakephp',
'prefix' => '',
//'encoding' => 'utf8',
);
}

11. Now again go through the link: http://localhost/cakephp/

You will get the notifications as follows

12. Now your cakephp is ready to use.

The post CakePHP Installation appeared first on Siri Innovations.

Yahoo and Google Multi Messenger

admin — Thu, 10 Jul 2014 11:09:52 +0000

Users of Google Talk (GTalk) and Yahoo Messenger can also let them go to polygamy, that’s running multiple instances and login to multiple accounts.

Ability to polygamy running multiple Google Talk is useful if users have multiple Google Talk accounts (or Google or Gmail accounts that used to login to GTalk) or multiple profiles or personalities, and don’t want to log on and off from one account to another account every time when want to switch, or want to log in to all accounts at the same time on the same computer.

You can add the /nomutex switch or parameter to existing Google Talk shortcut, or create a new shortcut with the /nomutex command line parameter.

Gtalk Messenger multiple login To edit existing Google Talk shortcut:

Step1: Right click on the Google Talk shortcut.
Step2: On the right click contextual menu, click on Properties.
Step3: Go to Shortcut tab on Google Talk Properties window.
Step4: On the Target textbox, add in the /nomutex to the end of the line so that it looks like below (or you can simply copy and paste the below syntax and replace the original).

“C:\Program Files\Google\Google Talk\googletalk.exe” /nomutex

Step5: Click on OK.

Alternate Method:
If you have hex editor, you can act like a hacker and modify the bits in Google Talk program so that it will always allow multiple instances of GTalk to be launched whether the /nomutex switch is specified or not.

Launch hex editor and open googletalk.exe, then search for the following patterns in the hex editor:

004536FD . 3BC6 CMP EAX,ESI
004536FF . 75 05 JNZ SHORT googleta.00453706

Modify the string to look like the following:

004536FD . 8BC1 MOV EAX,ECX
004536FF . EB 05 JMP SHORT googleta.00453706

Yahoo Messenger:

Step 1: Go to Start
Step2: Run,type regedit, then enter.
Step3: Navigate to HKEY_CURRENT_ USER –> Software –> Yahoo –> Pager –> Test.
Step4: On the right page, right-click and choose new Dword value.
Step5: Rename it as Plural.
Step6: Double click and assign a decimal value of 1.

The post Yahoo and Google Multi Messenger appeared first on Siri Innovations.

Decoupling with custom jQuery events

Yuva kumar — Wed, 09 Jul 2014 11:56:06 +0000

Introduction:

Decoupling is when we remove these unnecessary relationships, allowing units of code to function independently. Applications should be able to function independently or with other apps in a container (think widgets).

While the concept of custom events in jQuery may not be a new one, I tend to only see them used amongst plugins, mainly to keep their events namespaced for fear of collusion with other events.

The truth is they can be leveraged in everyday and jQuery code to help make life a little easier.

The problem

It’s not uncommon to see a single event handler finding itself responsible for many things:

$('.add-items').on('click', function(event) {
$('.loading-message').show();
$.ajax({
// etc
});
$('.something-else').addClass('foo')
event.preventDefault();
});

Having an event handler responsible for a lot of different tasks will typically result in large, incoherent event callbacks. These can often get worse when other developers have to add in additional functionality later.

Decoupling all the things

One route I like to take is to separate the logic relating to the DOM event.This means just handling anything related to the event (preventDefault or stopPropagation calls, for example) and then firing a custom event and allowing another part of the application handle the ‘business’ side of things:

var doc = $(document);
$('.add-items').on('click', function(event) {
doc.trigger('addItem', [$(this)]);
event.preventDefault();
});

The first thing to note is that I’m grabbing a reference to the document wrapped as a jQuery object:

var doc = $(document);

By triggering the events on this global object, it can become a sort of mediator between other parts of code.

Storing a reference to it outside of the event handler callback also means that it won’t be created each time the button is clicked. This is a good practice to get in the habit of.

Then all that is required is to trigger an event of our choice and pass any useful data along with it.

doc.trigger('addItem', [$(this)]);

An object or array can be passed along with the event. In this case i am passing along a jQuery object that refers to the clicked button.

Responding to the event

Listening for the addItem event is as simple as creating an event listener on the documentobject:

$(document).on('addItem', function(event, btnElement) {
$('.something-else').addClass('foo')
});
$(document).on('addItem', function(event, btnElement) {
$.ajax({
// etc
});
});

The event object in the above callback handlers are related to the add Itemcustom event and have nothing to do with the earlier click event.

Now the logic is nicely separated, and additional chunks of functionality can be added or removed without any need to worry about the other parts of the application.

And seeing as the global document object was chosen to be the mediator, these events can be attached in other places (perhaps a different file completely) without any extra effort.

It seems like a bit more work initially, but as the code expands, this way of decoupling events will start to pay back in droves.

The post Decoupling with custom jQuery events appeared first on Siri Innovations.