Magento Files and Folder Structure

Hello Devs,

I’m Amit, a Magento Developer building cool e-commerce websites for RetailOn.

Magento is one of the widely used e-commerce platform based on Zend framework. Today I would like to explain few important Magento files and folders. Please have patience and let me know if you have any queries. I would love to help you out.

Once you will install Magento on your server you will see the following files/folders. MagentoFolderapp Directory
This is one of the most important directory of Magento.It contains different application development related files, module configuration files, design and theme related files and different localization files. app directory contains following folders and files.

  • code
  • design
  • etc
  • locale
  • Mage.php

code Directory
Most of the time developers have to play around this code directory only. It contains three different directories.

  • core
  • community
  • local

app/code/core: It contains Magento core folders. Only Core Magento Developers, who have written Magento are allowed to make modification in this folder. If your are planning to upgrade your your Magento version in future, never modify this folder.

app/code/community: It contains extensions installed from Magento Connect.

app/code/local:  It contains modules developed by developers locally. It is highly recommended to make your modification in this folder only(If you are not developing an extension).

app/design It contains all the designing files/folders . It contains following three sub folders.
  frontend : It contains all the design files related to fronend of Magento.
adminhtml: It contains all the design files related to back-end of Magento.
  install: It contains all the design Files related to Magento Installer.

app/etc: This directory contains all the configuration files related to the website (xml files).

app/locale: This directory contains localization specific csv files.

How to develop Firefox OS Apps

Are you a developer ? Do you want to develop Apps for  Firefox OS ? Here is a small walk through which will be helpful in getting you started with it. But before directly jumping into developing the App let’s first define what is Firefox OS.

Firefox OS (codenamed Boot2Gecko or B2G) is a mobile operating system based on Linux and Mozilla’s Gecko technology. It is built upon open web standards like HTML5, CSS3, and JavaScript.

Here is a screenshot of a Firefox OS device.


Though this new mobile OS is an emerging technology, it is quickly catching the eyes of users, developers, and critics. Now let’s get down to the development of the Apps.

Where to run and test my App:

1.. Firefox OS device to run your app and check how it’s working.

2. Simulator: If you are not having a Firefox OS device still you can run and check you App on the simulator. Simulator is an add-on which is used to test apps in a Firefox OS-like environment that looks and feels like a mobile phone. If you need here you can download the Simulator and install.

3. Firefox Browser :  If you are not having Simulator installed still you can check your app on the Firefox browser opening it in the mobile mode using Ctrl+Shift+M also you can check it in various sizes choosing the sizes given.

It was all about running and testing the app. Now Let’s start building an App.

There are two types of apps you can build: packed Apps which are essentially a zip file containing all of of an apps assets: HTML, CSS, JavaScript, images, manifest, etc or hosted Apps, which are basically a website wrapped in an app. You’ll need server hosting for a hosted app.

Here I will be building a small App to write something into an text field and output it on the screen.

App Manifest:

Every Firefox OS App contains a manifest file.

1. create a folder and inside it create a file named manifest.webapp and paste the following code.

“name”: “Hello World”,
“description”: “An appication to check the entered value”,
“launch_path”: “/index.html”,
“icons”: {
“128”: “/images.png”
“developer”: {
“name”: “Your name”,
“url”: “Your Blog site url”
“default_locale”: “en”

2. Create a file named index.html and paste the following code.

<!DOCTYPE html>
<title>My First App!</title>

<h1>Hello, World!</h1>
<br />
<input type=’text’ id=’myTextInput’ value=’Type something!’onclick=”this.value=”;” />
<button id=’myButton’>Click Me!</button>
<!– link to your javascript folder –>
<script src=’hello.js’></script>

3. create a file named hello.js and paste the following code.

var button = document.getElementById(‘myButton’);
var txtInput = document.getElementById(‘myTextInput’);
button.addEventListener(‘click’, function(){
var text = txtInput.value;
// Show alert box with this text
document.write(“You have successfully typed: <strong>”+text +”</strong> !!!”);

4. paste any image of size 128*128 pixels and name it images.png.

Now you are done with your code. To run your App open Simulator (go to Firefox browsers Tool->Web Developer->Firefox OS Simulator) and if you are having apps installed you will see a screen like this otherwise a blank screen.


5. Click Add Directory and add your manifest file to it. Now open the simulator by clicking the stopped button and your App is installed now. Slide left on your Simulator device and click on your app you will see a screen like this:

hello_worldType something and test it.

testingappWoohha!!! Now you are done with your first app. For making the user interface of your app stylish play with css and making the buttons alive play with JavaScript codes to make the mobile world wonderful. Thank you.

How to Bookmark a Page on Firefox OS

This article will help you create a bookmark with the built-in Firefox web browser on Firefox OS.
Creating a Bookmark

  1.  Tap on Image (Firefox browser).
  2. Go to the website you want to bookmark.
  • Take Twitter for example

Image3. Tap the star at the bottom of the browser to add a bookmark.


4. Tap on Button Bookmark.


  •  The website you want is now bookmarked!

How do I view and use my bookmarks?

  1. Open the browser by tapping on Image (Firefox browser).
  2. Tap on the URL bar.
  3. Tap on the  Bookmarks tab.


4. You will see your list of bookmarked websites.

5. Tap on the bookmark if you would like to navigate to it.

Destiny Takes a man to Heaven

Yes, it’s true, believe or not but  history is always there as a proof. Whenever a bird flies in the sky, it doesn’t know where it will get the food.Sometimes it gets just at the starting of their journey, sometimes they have to spent their whole days starving for the food .These all are fate. These all are destiny.

But the question is How destiny supports a man ? Do the destiny travels the whole way to give a man comfort and pleasure ? I will say – Nah !!!! nooo. The man have to search for it. They have to strike their mind and finally it says to do some innovative, inspirational Karma. Now the point comes to Karma.

Hello!!! You better know what the Karma mean ? What the Karma says ? What the Karma does ? So do your Karma and believe in your destiny. It may vary from people to people , there may be a delay but finally you will land in the Heaven !!!


Let’s talk about Mozilla Projects


I know this is coming a quite late but every plan after execution needs review at its end point. The awareness towards Mozilla and Open web was started in Durgapur from Mozcafe@bcrec from 13th February, 2013. That event was successful. But to measure the success and growth in contribution towards Mozilla and its products from mozcafe@bcrec, we have hosted a event to teach the new contributors and invite them to join the Mozilla mission. We have hosted in Dr. B.Roy Engineering College, Durgapur on 17th Apr,2013.Here newbies were introduced how they can use IRC,mailing list etc as well as the basics of communication, collaboration and contribution of the Mozilla community. Almost 50+ people attended this event.
The agenda of the event was

Introduction to IRC
Introduction to mailing-lists
Tracking bugs on Bugzilla
Basics of Locamotion
Basics of SUMO and Localisation

First of all chandan began talking about out initiative and why this event is important for new contributor.Then we collected the interest(Localization,Code base,SUMO,Design) from the people and noted it down. Then We divided the group according to their interested .

After that, we showed these people how we can communicate in IRC using chatzilla,X-chat also told some basic commands about IRC. Gave them a demo chat session.
After that we came to mailing-lists. Here we showed them some rule i.e how to reply in mailing-list etc.
According to their interest , four groups have been formed —

Video Design and firefox flicks
The first group was laid by umesh. He showed the interest how you can join firefox filcks competition . Also told some basics of design etc.
The second group was laid by Souradeep ,Apporve and Zubin . They told them how to tracking mozilla code base bugs,how to solve that bug via different languages like python , c etc. Approve told about webmaker tools. He and Zubin gave some demo sessions on Thimble, Popcorn Maker and X-Ray Goggles.
Third group was laid by me and Biraj. I showed them how to register in locamotion,how any one does translation via locamotion and Verbatim. Giving them some sample of rules how to do that.I talked about translation tools also showed some style guides for their native language. After that i talked about sumo i.e main features of sumo, how contributors work with that.I also formed a group for sumo interface localization project. Here is the etherpad

Later on few other contributor Sujith Reddy,Ashish Namdev, Aniket Deshpande, Ram Dayal Vaishanav, Ankit Gadgil joined the verbatim localization project and we are rocking there.

The 15th B’day celebration of Mozilla Firefox

Yes, today is 31st of march and it is the time to remember that Mozilla is now 15 years old but always including new web advancements to make the web better and user friendly.

We all Mozilla lovers and contributos( Chandan kumar, Gaurav Kumar, Mritunjay kumar Singh, Biraj Karmakar, Umesh Agrawal, Abhishekh Singh, Manish Kumar and many more) from Dr. B. C. Roy Engineering college and NIT Durgapur were gathered at Evelyn Restaurant, Bidhannagar, Durgapur to participate in this grand completion of 15th years.

The event was started at 1 PM with the introduction of contributors and how they are involved with Mozilla. There were few new enthusiast also who were having eager to know about Mozilla community and how they can support the web.

After the introduction we celeberatd the B’day by slashing the cake . We had lunch after that and we had a review of previus Mozilla meet. We had decided to organize the ” Mozilla awareness and how to contribute in Mozilla” event in NIT Durgapur next week. After all we had a great fun and it was a nice meeting with enthusiastic Mozillians and event ended at 4 PM.

Mozilla Firefox 21 in hindi

This is another week after the successful completion of Sprint Session for Firefox OS localization in Hindi which was a great success in itself. That event was hosted on on 24th February 2013 and about 4000 submission were made that day. You have a look at Planning pad at the following link:

Today (03rd March, 2013) we were again gathered from every corner of the country to repeat the history and it was a great success.
The vanue was
#india channel on server
#indlinux Channel on server

The pootal server was at:

The event page for the sprint is:

The whole planning was done at

and the participants were:
Rajesh Ranjan, chandan Kumar,
Abhishek Potnis, Keshav Kumar,
Sayan Chowdhury, Suraj Kawade,
Gaurav Kumar Saurav Agrawal
and Amit Kumar Thakur(me)
It is truly said that “enthusiasm is the mother of effort, and without it nothing great was ever achieved”. All the members have given their best effort and with their great enthusiasm we performed very well and about 8000 submissions were made today.I have enjoyed participating in this session a lot and I would like to thank all the participants for their great efforts. Hope soon will join to another Mozilla project.