Scroom : A jQuery plugin

I was working on project and client ask for something but after a lot of Googling, I didn’t find anything that matches my expectations. But there was a lot of searches related to that.
I thought someone has to build a plugin which will fulfill this requirement, then I thought that someone could be me.

And here it is the Scroom jQuery plugin.

# The Scroom plugin will basically have features like
1. Scroll the big images.
2. zoom in and out.
4. Selection of area.
5. Open modal after selection.
6. Savable form data and co-ordinates.
7. Removable selection with form data and co-ordinates.
8. Visualization of selection details.

Scroom keys
1. boxes : For populating selected areas.
2. saveDataUrl : URL which will handle the form data.
3. saveCoordinateUrl : URL which will handle the coordinates.
4. deleteUrl : URL which will use for deletion of saved selected area.
5. hoverData : Fields name display on hover with values.

# For populating saved selected area
var savedBoxes = [
{“id”:”square-306-238″,”left”:”306″,”top”:”238″,”width”:”40″,”height”:”27″},
{“id”:”square-660-312″,”left”:”660″,”top”:”312″,”width”:”80″,”height”:”51″},
{“id”:”square-380-265″,”left”:”380″,”top”:”265″,”width”:”180″,”height”:”124″}
];

$(‘#scroom-block’).scrollZoom({boxes: savedBoxes});

# For displaying details of selected area on hover
var savedBoxes = [
{“id”:”square-306-238″,”left”:”306″,”top”:”238″,”width”:”40″,”height”:”27″, “name”:”test1″, “description”:”testdes1″},
{“id”:”square-660-312″,”left”:”660″,”top”:”312″,”width”:”80″,”height”:”51″, “name”:”test2″, “description”:”testdes2″},
{“id”:”square-380-265″,”left”:”380″,”top”:”265″,”width”:”180″,”height”:”124″, “name”:”test3″, “description”:”testdes3″}
];

var displayFields = [‘name’, ‘description’];

$(‘#scroom-block’).scrollZoom({boxes: savedBoxes, hoverData: displayFields});

 

History of my watch PR

I was working on Pagure, fixed few random issues. That boost me up so searched for more issues and thought why not go for adding a feature! I just selected one and asked Pingou that I want to work on this issue.

I started working on the issue. That was basically a feature for showing the users either you are watching or not the current repo and you can also change the current watch status for the repo. I added the markup, migrations, logics and pushed it. I was excited “Yea, Now I have done some coding!!”. But there was time for this thought. I started getting comments, those were not for “I have done a great coding!” rather for the fixes. Even I got comments for indentation fixes.

I started to work as per the comments and reached to a stage where I realized I must missing something that was nothing just my interest. I left working on this for few days and then restarted.

After 67 comments and lots of fixes, the PR got merged. In this bug fixing process I learned so many things like Alembic, SQLAlchemy, testing etc. Hopefully, I’ll see this feature on the next version of Pagure.

thanks Pingou.

CakePHP-3 with Docker

All are working with images and containers, why not CakePHP-3 using Docker in few simple steps.

Installation with Docker repo

docker pull aavrug/docker
docker images

Installation using git repo and docker

You can download the CakePHP Docker zip or clone it.

git clone https://github.com/aavrug/Docker.git
cd Docker
docker build -t <image-name> .
-t is for tag name and ‘.’ is syntax for docker so don’t miss that.
docker images

Now You have the docker image, For running the CakePHP app.

docker run -d -p 8080:3000 <image id/image name>
-d is for running as demon.
-p is for port, since our dockerfile exposing at 3000 so we are mapping 8080 port to 3000.

Now you can run localhost:8080/<app-name> or ip:8080/<app-name>.
Currently the name is docker so localhost:8080/docker

The First Season Of Mozcafe@BCREC

With a new sun shine the most amazing day was started for Mozcafe@bcrec, Durgapur. Sayan, me, ciypro, biraj, piyush, umesh and apoorv we all are there for making this event successful. This was the first time that Mozcafe organized in Durgapur.

At 10:30 am we started our registration procedure. Some Nit guys  are came for registration and a lot of guys from our college they registered for this event, about 60 guys enrolled for this event. There was basically two session: Presentation & Pratical.

In the first session Chandan started the presentation and told them about the mozilla, it’s foundation, history and brief about contributing formozilla. After that Umesh told them about the designs of mozilla and in the last of the first session biraj gave the presentation on Localization.

After this we reach to 1:00 o’clock pm and take a tea break for all.

Now the second session was started at 2:00 pm then Shahid Ali Farooqui was there as our guest. We discuss with him that how to contribute for mozilla, participate in next mozilla events and a lot of more. Then started the further events

How to do Mozilla Localization –Biraj Karmakar, Chandan Kumar
How to create design –Umesh Agarwal, Gaurav Kumar
How to work with Webmaker –Sayan Chowdhury, Apoorv Ashutosh, Biraj Karmakar, Piyush Kumar Chouhan

In the last we discuss about the latest mozilla projects, gsoc and research projects from different universities.

Socialising Linux

A seminar and workshop was organized on Linux by Linux User group-dgplug on 8th September.

The registration procedure was clocked at 9:45am and was open to all students irrespective of year and department.Registration witnessed huge queue of students which was beyond our expectations. Thus embarking the passion and enthusiasm for open souce amongst young opulent coders. The pre-final year and final year students keeningly participated the seminar cum workshop. The workshop got further motivated by our college teachers by their patient hearing and knowledge transfer.

Biraj, piyush, apoorv and souradeep broke the ice at 10:30am by conducting the first phase of the event which was the “Why” session, it was about why to use another OS(operating system) apart from being clinged into windows. It was for the penchant users to spread the terminus of knowledge and gain experince by digging into the usablity of other OS namely fedora. After a grandiose talk by them.

The second phase was conducted by sayan, ciypro and me(aavrug) at 11:30am, which was the ” How” session, in that we explained the installation of two concurrent existence of operating systems in a system(pc and laptops).
All of us tried to make the seminar luculent for all.

From 2:30pm we have our last session ” Hands on Practice”.
In that session we installed fedora17 and fedora16 in many laptops,though we faced some new problems such as ” an unhandeled exception occured” error during partioning , the session was successfully completed .

We express of greatest thanks to Dinesh Pradhan(Asst prof.) , Pratap sir for helping us in organizing this seminar and workshop. Expressing my regards to my friend Tuhin for helping me in writing this blog.

This slideshow requires JavaScript.

dgplug 8 stones crossed-miles ahead

Today’s 8th sept, anniversary of dgplug. And on this eve i want to wish all opulent coders and fedora users a great success ahead.

On my early days though i was familiar with fedora, I didnt had a way with xchat. After brushing my shoulders and working with other prominent fedora users i came across knowing a lot about xchat. “Its an IRC client ” i thought, constraining myself to be a part of it. But as days went by i got par with my novice attitude and broadened my vision to closely witness the extravagent usage of xchat .I realised it as a mean way to good to interact, learn and enrich thoughts.
I come closer through this to some of my seniors like kushal das, rtnpro, bamacharan and also one of my close friend Sayan. After passing years in dgplug i am enthusiast far more confident and still absorbing. I like to extend my thanks to my seniors and mates to shape me the way i am today.

Now these days i am just trying to continue with open source projects and also organizing dgplug meets in my college.

Thanks to my friend Tuhin to express my views on this hefty text.