Tampilkan postingan dengan label Joomla. Tampilkan semua postingan
Tampilkan postingan dengan label Joomla. Tampilkan semua postingan

Joomla Terms and Concepts

16:12 Add Comment
Joomla Terms and Concepts
Before you can understand how to operate Joomla!, allow me to explain the basic principles that underlie the Joomla! Content Management System. Content Management System (CMS) contains the terms content and management (administration) that imprecisely refer only to a system that administers content. Such a system could be a board and a piece of chalk (menu or school chalkboard), or it could be something like Wikipedia (the free online encyclopedia at http://www.wikipedia.org), or an online auction house such as eBay (http://www.ebay.com/). In all these cases, content is administered; at times even for a large number of participants as in the case of the last two examples. These participants play a major role with the CMS, on one hand as the administrators, and on the other hand as users.

In general, the term content management is used in connection with web pages that can be maintained by a browser. This doesn't necessarily make the definition any easier. Apart from CMSs there are Enterprise Resource Planning Systems (ERP, administration of corporate data), Customer Relationship Management Systems (CRM, care of customer contacts), Document Management Systems (DMS, administration of documents), Human Resource Management Systems (HRM, administration of staffing), and many others. An operating system such as Windows or Linux also administers content.

Joomla! belongs to the category of Web Content Management Systems (WCMS), since it exclusively administers content on a web server. It is difficult to define the term CMS because of its encompassing nature and variety of functions. Lately ECMS has established itself as the nickname for Enterprise Content Management Systems. The other systems listed above are subsets of ECMS. Since these terms are still relatively new in the enterprise world, these systems will surely be developed even further. In principle, however, there will always be an integration system that tries to interconnect all these systems.

A Quick Glance into History
While Sun Microsystems maintained in the nineties that "the Network is the computer", Microsoft was not going to rest until a Windows computer sat on every desk. The computer that Microsoft was concerned with was a mixture of data files and binary executable files. Files with executable binary contents are called programs and were bought and installed by customers to manipulate data. Microsoft Office was the winner in most of the offices around the world. The computer that Sun was working with was a cheap, dumb terminal with a screen, a keyboard, a mouse, and access to the Internet. The programs and data were not stored on this computer, but somewhere on the net.

The mine philosophy governed Microsoft's practices whereas the our philosophy was adopted by Sun. The motivation for these philosophies was not for pure humanitarian reasons, but for economic interest. Primarily, Microsoft sold software for PCs to the consumer market; Sun, on the other hand, sold server hardware and programs to the enterprise market.

The Internet, invented in the sixties, spread like an explosion in the mid-nineties. Among other things, HyperText Markup Language (HTML)—the language used to write web pages—and the development of web servers and web clients (browsers) helped its expansion. The Internet itself was a set of rules that could be understood by different devices and was developed so skillfully that it covered the entire planet in almost no time.

An individual without an e-mail address could no longer be reached and a company without a website was not only old-fashioned, but didn't exist in the eyes of many customers. The whole world swarmed to the Internet within a short time to become a part of it. Movies like The Matrix (http://whatisthematrix.warnerbros.com/) became huge hits and 1984 (http://en.wikipedia.org/wiki/1984), a book by George Orwell, was forgotten.

New net citizens came from the mine world on one hand and from the our world on the other hand. Those who were used to buying programs bought HTML editors and created Internet pages with them. The others preferred to write their own HTML code with any text editor they had on hand. And the web agency, where one could order a homepage, was born.

Both groups faced the problem that HTML pages were static. To change the contents of the page, it first had to be modified on a PC and then copied to the server. This was not only awkward and expensive, but also made web presences like eBay or Amazon (http://amazon.com/) impossible. Both groups found more or less good solutions for this problem. The mine faction developed fast binary programs with which one could produce HTML pages and load them via automated procedures onto the server. Interactive elements such as visitor counters, among others, were built into such pages.

The our faction discovered Java applets, and with them, the capability of writing a program that resided centrally on a server, which was operated via a browser. Entire business ideas were based on this solution—like online booking and flight reservation concepts. Both groups tried to develop market share in different ways.

The result was quite a stable market for both, in which passionate battles over the correct
operating system (Windows, Linux, or Mac OS X) constantly drove the version numbers higher and higher. Customers got used to the fact that the whole thing wasn't that easy.

There is always a third option in these situations. As in our case, it was the emergence of
open-source scripting languages like PHP (http://www.php.net/). Rasmus Lerdorf had the goal of offering interactive elements on his homepage, and with that a new programming language was born. From the outset, PHP was optimized in a perfect cooperation with the MySQL database, which also worked on the GNU/GPL platform (http://www.gnu.org/licenses/gpl.html).

Fortunately, on the server there was a Linux operating system and an Apache web server that offered the necessary infrastructure. Display medium at the client side was the browser, which was certainly available. Soon LAMP (Linux, Apache, MySQL, and PHP) became synonymous with database-supported, interactive presence on the Internet.
The most diverse systems like forums, communities, online shops, voting pages, and similar things that made it possible to organize contents with the help of a browser were developed in an enthusiastic creative rush.

After 'difficult' things such as Linux and Apache, 'soft' products were developed. The nineties were nearing their end; the Internet share bubble burst and suddenly the trend was to build unmitigated classical business models with unmitigated classical methods.
Whenever the economy isn't doing well, costs are scrutinized and the possibility of lowering costs is contemplated. There are now, as there were earlier, numerous possibilities. PHP applications always had distribution numbers in the millions. Only the phpBB (http://www.phpbb.com/) and phpMyAdmin (http://www.phpmyadmin.net) projects are mentioned here as examples.

One was developed into the quasi-standard for forum software, the other one into the standard for manipulating MySQL databases via web interfaces. The source code of the PHP language and that of applications were improved because they had an enormous number of users and developers.

The more open a project was, the more successful it became. Individual gurus were able to save enterprises immense costs in the shortest time. Static HTML pages were considered old and expensive and were overhauled. They had to be dynamic! Developers have been working in this environment for a few years now. Linux, Apache, MySQL, and PHP are readily accepted in industry. The search for professionally usable PHP applications had begun.

With this search, one looks for:
  • A simple installation process
  • Easy serviceability of the source code
  • Security of the source code
  • User-friendliness
  • Easy expandability

The special advantage of PHP applications is the independence from hardware and operating system. LAMP also exists as WAMP (Windows, Apache, MySQL, and PHP) for Windows, MAMP (Mac, Apache, MySQL, and PHP) for Apple, and for numerous other platforms. And now finally Joomla! comes into the fray.

Source : Building Website with Joomla by Hagen Graf ( PACKT Publishing)

Modul hanya tampil pada frontpage

21:45 Add Comment
Modul hanya tampil pada frontpage
Tutorial membuat modul hanya tampil pada frontpage joomla (saya menggunakan
module Feature Product punya Virtuemart).
Disini saya akan mencoba dua cara yang sudah saya praktekan.

Cara Pertama
  1. buat module position baru Site–> Template Manager –> Module Positions (tapi posisi yang baru di buat namanya jangan yang sama dengan yang di pake di template) contoh namanya "new"
  2. terus set Module yang mau di tampilkan di frontpage contoh module featured product bawaan dari VirtueMart ke posisi "new". Caranya pilih Module –> Site Module terus klik module Featured Product kemudian ubah Position –> new
  3. terus ketik dibawah teks pada content yang ditampilkan di frontpage.


Cara Kedua
  1. buat module position baru Site–> Template Manager –> Module Positions (tapi posisi yang baru di buat namanya jangan yang sama dengan yang di pake di template) contoh namanya "new"
  2. terus set Module yang mau di tampilkan di frontpage contoh module featured product bawaan dari VirtueMart ke posisi "new". Caranya pilih Module –> Site Module terus klik module Featured Product kemudian ubah Position –> new
  3. terus ketik kode di bawah ini pada template


    tepat di bawah kode
Bagi saya pribadi lebih mudah menggunakan cara kedua karena pengaturan tampilan modulenya lebih mudah daripada menggunakan cara pertama.
Semoga membantu.

Complete CSS for Joomla

21:35 Add Comment
Complete CSS for Joomla
/* STANDARD COMPLETE CSS FOR JOOMLA 1.0.X and MAMBO 4.5.X TEMPLATES */
/* By Dinh Viet Hung (C) http://www.joomlart.com: Free templates and Professional Templates Club */

/* DEFAULT SETTINGS */
/* Below are default settings are used when no other style has been defined.*/
body {}/*Style for the body tag of your website, controls font family page background, etc.*/
p {} /*formatting all
(division) items. This is a catch-all that only applies when no other style has been defined.*/
td {} /*formatting all items. This default setting is used when no other style has been defined.*/
tr {} /*formatting all
items. This default setting is used when no other style has been defined.*/
ul {} /*formatting all UL (unordered list) items. This default setting is used when no other style has been defined.*/
a:link {} /* general links style*/
a:visited {}
a:hover {}
hr {} /* horizontal line in your template*/
hr.separator {}

/* FORMS SETTINGS */
.button {}
.inputbox {}
.search {} /*formatting the
which holds search items: inputbox, search button…*/

/* NAVIGATION/MENU SETTINGS */

a.mainlevel{} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}

#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/

ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}

a.sublevel{} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}

.pagenavbar {} /*Sets the style for the footer navigation (”<<>>”)
when they do not appear as hyperlinks (when only a few articles exist).*/

.pagenavbar:link {} /*Style for the footer navigation (”<<>>”) when
they become hyper links*/
.pagenavbar:visited {}

.pagenav {} /* as the name implies, this is for formatting texts for those
“<<>>” links */
a.pagenav:visited {}
a.pagenav:hover {}

a.readon:link {} /*Style for the “Read More” link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}

.back_button {} /*Style for the “BACK” button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/

.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}

.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}

/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}

.blogsection {} /* Formatting the links in Blog section */
.blog_more {} /*The “More” text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */

.componentheading {}/* Title of the component being used to display the content.*/
.contentheading {} /* Title of the content, article, etc. being displayed.*/
.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpaneopen {} /* Table that holds the actual text for an article.*/
.contentpagetitle {} /*Title of articles*/

a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}

.contentdescription {} /* Formating the “DESCRIPTION” of sections, categories (News/Weblinks/Latest news…) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of “Tables of Content” ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {}
a.toclink:hover {}

/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a SECTION’s page. Example: table header of “Date”, “Item Title”, “Author” and “Hits”? */
.sectiontableentry1 {}
.sectiontableentry2 {}

/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable {} /* Formatting the module table */
table.moduletable th {} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */

/* MISCELLANEOUS */

/* Dates , Authors*/
.createdate {} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating “Last updated on” text at the end of articles/contents */
.small {} /* Formating “Written by:….” text */
.smalldark {}/*Found in poll result page, for ” Number of Voters”.. text */

/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */

/* Weblinks */
.weblinks{} /* well.. to format the link’s titles under the “Weblinks” section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */

/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed’s news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */

/* Search page */
table.searchintro {} /* This is for formatting the box with “Search Keyword: test returned 4 matches” box that appears after you have entered a search value.It appears on the mainbody with the search results */

/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */

.ontab {}/* For styling of the “Tab” buttons when editing contents through the frontend as admin.
This .ontab is the styling for the tab when it is active or after its “clicked” */
.offtab {} /* Same as above, used for styling of the “Tab” buttons when editing contents through the frontend.
This the styling for the tab when it is NOT active or when it is NOT “clicked” */
.tabpadding {} /* this style is used set the size of the tab in the above */
.tabheading {} /* Not too sure what this is used for. Couldn’t find anything related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form contents (where HTMLArea sits and all its forms + contents) in the frontend Administration interface */

Pengenalan Joomla

22:30 Add Comment
Pengenalan Joomla
Joomla! adalah Sistem Manajemen Konten (SMK atau CMS) yang bebas dan terbuka (free opensource) ditulis menggunakan PHP dan basisdata MySQL untuk keperluan di internet maupun intranet. Joomla pertamakali dirilis dengan versi 1.0.0. Fitur-fitur Joomla! diantaranya adalah sistem caching untuk peningkatan performansi, RSS, blogs, poling, dll. Joomla! menggunakan lisensi GPL.

Asal kata Joomla sendiri berasal dari kata Swahili yang mengandung arti "kebersamaan".

Prinsip Dasar Joomla

Secara garis besar dan gamblang, Joomla! terdiri dari 3 elemen dasar, yaitu server web (webserver), skrip PHP dan basisdata MySQL. Server web diasumsikan terhubung dengan Internet/Intranet yang berfungsi sebagai penyedia layanan situs. Skrip PHP terdiri dari kode program dalam bahasa PHP dan basisdata merupakan tempat penyimpanan konten. Joomla menggunakan Apache sebagai server web dan MySQL untuk basisdatanya.

Pertamakali, pengguna meminta akses terhadap halaman Joomla dengan mengeksekusi URL pada browser web yang kemudian terhubung dengan server web. Permintaan ini yang dalam istilah teknis lebih dikenal dengan query string selain terdapat URL juga mengandung parameter konten (section, category, ID article dan lain-lain). Berdasarkan parameter tersebut, sistem skrip Joomla melakukan kontak dengan basisdata dan mengambil konten yang dimaksud berdasarkan parameternya. Terakhir, konten dan templat (template) digabung bersama dan kembali sebagai halaman html, gambar, css dan javascript.

Paket Joomla! terdiri dari beberapa bagian yang terpisah dan termodul yang sangat fleksibel, dapat dengan mudah dikembangkan dan diintegrasikan. Sebagai contoh "plugins" WikiBot yang memperbolehkan penulis di Joomla menggunakan "Wikitags" pada bagian artikel yang fungsinya secara otomatis membuat pranala dinamis ke artikel Wikipedia pada saat ditampilkan. Ada lebih tersedia 1,700 "plugins" yang secara resmi didelegasikan oleh OpenSourceMatters tersedia di http://extensions.joomla.org/ dan saat ini secara resmi dipindahkan ke http://joomlacode.org dengan dukungan server yang lebih lengkap.

Riwayat Joomla

Pada tanggal 17 September 2005, diluncurkan Joomla versi awal yaitu 1.0.0 yang merupakan versi alias dari Mambo 4.5.2.3 yang dikembangkan oleh "Pengembang Inti Mambo hingga Agustus 2005" yang hengkang dari Mambo.

Pemimpin Tim saat itu Andrew Eddie yang dikenal dengan sebutan "MasterChief" menulis surat terbuka di komunitas dan diumumkan di forum mamboserver.com. Tim pengembang kemudian membuat situs OpenSourceMatters untuk mendistrubusikan informasi ke pengguna, pengembang, desainer web dan komunitas lain pada umumnya.

Perkembangan Joomla berawal dari Joomla 1.0.0 sampai dengan tahap yang luar biasa yaitu Joomla 1.0.15. Namun seiring dengan perkembangan versi Joomla 1.0.x ini, sekitar tahun 2007 telah dimulai pengembangan Joomla 1.5.x yang memiliki beberapa persamaan dan perbedaan yang cukup signifikan. Saat ini Joomla 1.5.x telah mencapai pada tahap Joomla 1.5.8.

Masing-masing punya daya tarik tersendiri, Joomla 1.5.8 menawarkan nuansa baru dan lebih modern termasuk dalam systemya. Sedangkan Joomla 1.0.15 lebih stabil dan terdukung oleh banyak aplikasi dan developer.

Seperti yang disampaikan oleh Pihak Pengembang Inti Joomla, Joomla 1.0.x akan berakhir pada Joomla 1.0.15. Tidak ada support dan pengembangan selanjutnya. Dan mereka akan berkonsentrasi pada Joomla 1.5.x

Namun demikian juga tersiar sedikit kabar, bahwa salah satu pengembang Joomla indonesia yang lebih dikenal dengan Camp26-Team (http://www.camp26.com) akan mempertahankan keberlanjutan dari Joomla 1.0.x ini baik dari sisi perbaikan code maupun dari sisi free open source nya. Salah satu versi pengembangan Joomla 1.0.x oleh Camp26-Team adalah Joomla 1.0.x yang digunakan pada Camp26 Medio Template. (Menggunakan Joomla 1.0.15.1)

Joomla secara terus menerus dikembangkan melalui berbagai aktivitas oleh komunitas yang sangat aktif dan tertarik dengan sistem ini.