Web Design using Joomla CMS : Module Development using jQuery for Joomla CMS
Nadiri, Izzat (2013)
Nadiri, Izzat
Mikkelin ammattikorkeakoulu
2013
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201303042872
https://urn.fi/URN:NBN:fi:amk-201303042872
Tiivistelmä
MHG Systems is worldwide known ERP company. Starting from 2011 MHG Systems started upgrading website. My task was to create a website with modern modules for them. The goal was to create a modern website, which should be attractive and eye catching. The target group was business companies not only from Europe, but also from Russia, China and other countries.
The aim was to create a website with alluring moving plugins. As a base, jQuery library was chosen. jQuery worked perfect for this project, since it is very light and easy to implement.
Several modules were developed. Language switcher, drop down menu, slide-up menu, slide-in box are one of those. All these modules are important and popular nowadays.
Language switcher allows us to change the language of website with nice drop down menu which looks very neat and attractive. It works smooth and doesn not take too long to load.
Slide-in box is a module that pops in a box with information and links after scrolling the article to the certain distance.
Slide-up menu is a speed navigation menu, which has heading texts. Those texts slide down and a picture appears instead when they are hovered over. Those pictures have hyperlink, and they would lead us to re-quired url.
Drop down menu does what it says. However, it does not use jQuery. The reason it is included into this pro-ject, is for contrast. The idea is to show the difference between module customized with jQuery and the mod-ule customized without it.
Last issue was a conversion of jQuery modules in Joomla CMS compatible extensions. This allowed us to continue using Joomla in our project and combine jQuery with CMS.
As a result we got 4 amazing and light modules which made the website look nice and work fast without any lags. These modules clearly show the advantages of jQuery over other libraries and methods of customizing. jQuery can be utilized free of charge, and any questions will be answered in its forum which is active 24/7.
The aim was to create a website with alluring moving plugins. As a base, jQuery library was chosen. jQuery worked perfect for this project, since it is very light and easy to implement.
Several modules were developed. Language switcher, drop down menu, slide-up menu, slide-in box are one of those. All these modules are important and popular nowadays.
Language switcher allows us to change the language of website with nice drop down menu which looks very neat and attractive. It works smooth and doesn not take too long to load.
Slide-in box is a module that pops in a box with information and links after scrolling the article to the certain distance.
Slide-up menu is a speed navigation menu, which has heading texts. Those texts slide down and a picture appears instead when they are hovered over. Those pictures have hyperlink, and they would lead us to re-quired url.
Drop down menu does what it says. However, it does not use jQuery. The reason it is included into this pro-ject, is for contrast. The idea is to show the difference between module customized with jQuery and the mod-ule customized without it.
Last issue was a conversion of jQuery modules in Joomla CMS compatible extensions. This allowed us to continue using Joomla in our project and combine jQuery with CMS.
As a result we got 4 amazing and light modules which made the website look nice and work fast without any lags. These modules clearly show the advantages of jQuery over other libraries and methods of customizing. jQuery can be utilized free of charge, and any questions will be answered in its forum which is active 24/7.