is easy to install, simple to manage, and reliable.” –www.joomla.org
a. Content Management System
As a first step you should first understand what a CMS or Content Management System. Do the same with the HTML editor software such as Microsoft FrontPage, Dreamweaver, or even a Notepad?As we know, Conte nt is one pulse of the life of a website. No content can be ascertained there is no website. A well managed website will always try to show the latest content for its visitors.Then what is dim aksud with actual content?
Basically the content is a unit of information used to set up a page on the website.Can consist of anything; text, images, video, sound, and so forth.Of the existing content before, and then arranged in such a way so as to form a website. To facilitate the work, often times the rules and work processes were made between a webmaster who pay more attention to the technical side and the appearance of the website with a writer / editor who contributes content to the website. In other words, management of content to be displayed. Neither the webmaster norwriter / editor can create, edit, organize and publish a content in the framework / system that has been prepared in advance.Framework or system, where content is placed facilitate 'paraphernalia' needed to maintain consistency of manufacture process is s pages on the website by e fisien and effective.If all the above information we merge into one, it can be concluded, CMS is a system that facilitates the process of creating a dynamic website rich in content, to provide convenience to the author / editor to add, update and remove content without any direct intervention from webmaster. A CMS will distinguish Conte nt of design, maintains consistency in appearance and facilitate the utilization of content for various purposes. By storingdata in one place, to control access rights and workflow enlarge the user the opportunity to participate in the development of your website.b. CMS Joo MLA [www.joomla.org]Joomla is one of hundreds of free CMS is available on the Internet that has a large number of users. Ease of content regulation, the support on the Internet that much, plugins are abundant; an advantage that makes Joomla CMS Joomla attracted many people.In Joomla, each page of the website contains various blocks of content, this block is also called position. You set the layout for pages with a template, including the placement of blocks on many web pages, fonts, colors, and backgrounds. Then you place the various modules in a block. And lastly you add content and display on the main page of your website.2. Pre Installation Joomla CMSa. The applications that you need1) Package AMP (Apache, MySQL, and PHP): one of which is already integrated XAMPP AMP inside and save computer resources than the AMP install one by one.2) CMS Joomla version 1.5.33) Notepad, freeware for editing programming languages. Alternative: Wordpad, Editplus, Macromedia Dreamweaver or PHP editor.4) 7zip, a powerful freeware compression program. Alternative: WinZip or WinRar5) Internet browser, eg Internet Explorer or Opera or Firefox.b. AMP package installation (XAMPP)AMP package installation on your computer (before you upload to the Internet) is required to run the CMS Joomla.Make sure MySQL and Apache is already active (Running)To test access to the internet browser type localhost.Furthermore, files and folders on your web aka n placed in: C: \ ProgramFiles \ xampp \ htdocs3. Installing Joomla CMSa. Extract the package Joomla [Joomla_1.0.10.zip] to the folder C: \ Program Files \ xampp \ htdocsb. Rename the folder extraction results with the name you want. Suppose webmakananc. Run your Internet browser, access: localhost / webmakanan. So installation of Joomla CMS made via internet browser.d. Pre-installation check: make sure each item is marked in green. Then click Next.e. License: Click Nextf. DatabaseStep 1: Fill in a custom database configuration that you used.g. FTP Configuration: Click Nexth. ConfigurationStep 2: Fill in the name of your website on the field Si te nameSuppose Aneka Food.Step 3: Fill in Your E-mail field with your email and password fields with the Admin Passwordyou want.Step 4: As a beginner, do not forget to click "Install Sample Data" which will bechanged to "Sample Data Installed Succesfully"Then kilk Nexti. FinishStep 5: Remove the [installation] on your web folder[C: \ Program Files \ xampp \ htdocs \ webmakanan \]Step 6: click Admin to see the web admin page. Or by accessinglocalhost / webmakanan / administratorStep 7: Click on Site to see the front page of your new web. Or by accessinglocalhost / webmakanan.Footnote:On the Joomla CMS web page is divided into two parts, namely pages Backend and Frontend.Backend admin page is a page that is used to perform all configurationYour web. Access: localhost / webmakanan / administratorFrontend page is the page that will appear and be viewable by all visitors of your website. Access: localhost / webmakanan4. Joomla Content ManagementAfter you install the CMS Joomla, you can begin to be working with content. Joomla version currently has a static hierarchy of content: you have to divide the content into three hierarchies, no more, no less. Three hierarchy are: Sections, Categories, and Content.Sections such as a large container that contains all the categories. Categorie s is a smaller container and the contained content. All text and images that appear on web pages is content. You can not create content without having sections and categories.For example, we'll create a web lab. Hierarchy as follows:Section: FoodSection: PastriesCategory:Category:Traditional FoodZwiebackModern FoodWet CakeEveryday FoodPuddingSection: BeveragesCategory:Traditional DrinksModern Drinksa. To manage all web configuration, including changing the hierarchy of content, into the Joomla administrator page (localhost / workshops / administrator).b. Enter your username and password.Create SectionClick on the menu or the icon to add or edit sectionThis will take you to the layer section managerClick the link to edit an existing sectionClick the New icon tocreate a new section
By default, Joomla've installed a few sections (as well as the category and content).a. Click a link to edit the existing links. Suppose a link About Joomla!b. Enter the Title field and Alias: Foodc. Click the Save icon to save changes and return to the Section Manager.NB: Icon Apply to save changes and return to the page Section Editor.Icon Close to cancel changes.[.:: Exercise::. ] Make 2 other section by editing an existing section (News andFAQs), namely Drinks and PastriesFinal Results:NB: To return to the beginning of the administrator page, click the Site menu -> Control Panel.
Create CategoryClick on the menu or the icon to add or edit a categoryThis will take you to the Category Manager screen.Click to edit an existing categoryClick the New icon to create a new categorya. Click the New icon to create a new category.b. Enter the Title field and Alias: Traditional Foodc. Select Section: Foodd. Click the Save icon to save changes and return to the Section Manager.NB: Icon Apply to save changes and return to the page Section Editor.Icon Close to cancel changes.[.:: Exercise::. ] Make seven other category and adjust with that category as in the example, by editing an existing category and to unpublish a category that is not required.Final Results:Create Content ItemThere are several ways to create content:You can use one of the options for accessing items contenWe will use the Content menu option -> Article ManagerClick the icon for content published can be seen by web visitorsClick on the content title to edit existing content Click the icon to frontpagedisplay on the front page of the web column order and the save button to set the order-sequence contentClick the New icon to create new contentabcde Textf g ha. Fill in Title fieldb. If you want to show content on the web, select the option Yes, If the content you want displayed on the front page of the web, select the option Yesc. Select Sectiond. Select Categorye. Type or insert an article into Textf. Image Button is used to insert imagesTo take a picture on the computer, b Rowse files -> Start Upload -> Select the image in a row of pictures -> click Insertg. Pag ebreak button is used to continue the text to the next pageh. Read more ... button is used to cut a long article.[.:: Exercise::. ]Fill content in the category: [Content can be retrieved on the Internet]Traditional Food: Rice UdukTraditional Drinks: BajigurChicken SatayCendol BandungAyam oporModern Drink: Banana MilkshakeModern Foods: Chicken Ste akPastries: NastarSpaghettiKastengleEveryday Food: Vegetable Jakarta AsemWet Cake: Prince AyuTempe BacemBowspritPudding: Pudding CaramelFruit PuddingChanging Views on the Front Page Contenta. Access Menu -> Main Menuc. Change the value of field # Leading # Intro,# Columns and # Linksd. Click the Save Iconb. On the Menu Item, click HomeFinal Results:Welcome to the FrontpageAyam opor<
To add or subtract a link on the menu: click menu item in the Named MenuClick here to remove links,select the link and click Trash iconTo add a link, click the New iconArticles - Article layout: create a link to the article which we selectArticle Submission Layout: allow users to send / create the article. This only applies to writers and members.Category Blog Layout Category List Layout or: create a link to the categoryFront Page Blog Layout: create a link to the article with the status of front pagelooks setSection Blog layout or Section Layout: create a link to a section[.:: Exercise::. ]1. On MainMenu menu, Delete Menu Item 2, 3, 4, 5, 6, 7, 8 and 9. Create Profiles itemwith an option to Articles - Article Layout. Before making the item, Buatla h article with the following profile:The final result:2. In usermenu menu, change the name of the item by name Submit an Article Submit Article,Your Details rename the item with the name My Details andSubmit an item to delete a Web Link.3. On the topmenu menu items for menu Story of This Web with an option to Articles - Article Layout (Make advance their ma sing his article.) Thendeleting items that are not needed.4. On the drinks menu for menu items with options Traditional Articles - Category Blog Layout menu item with option Modern Articles - Category List Layout. Then delete the items that are not needed.5. On the food menu for Traditional and Modern items menu with the option of Articles - Category Blog Layout menu item with an optional side dishes Articles - Category List Layout. Then delete the items that are not needed.6. On the menu for menu items Bas cake ah and Dry with options Articles - Category Blog Layout menu item option Pudding with Articles - Category List Layout. Then delete the items that are not needed.In order for the menu to appear in the page web frontend:1. Access menu Extentions -> Module ManagerOn the making of the previous manager menu, edit from the menu Menu Beverage Resources,then in the module manager does not have m odule drinks. Therefore, change the moduleSed adi Resources Beverages.2. Arrange the order of the menu so that it looks like the picture next to Adjust Display Joomla TemplatesTemplates can be analogous to such "themes" on the Microsoft Windows OS, so that is responsible in your web interface. In the template there is usually an index.php file that lis defining the general view of all web pages and css files(Cascading style sheets) which defines the format of web pages.1. Access to the Template Manager page: Extensions -> Template Manager2. To preview the template to be used, point the mouse over a link template.3. To use the template you want, select a template then click the Default icon.4. To use a different template on a particular page, click the template name, then on assignment menu select Select List from the menu then select the template that will differentiate it.ModulesIt is plug-ins that appear in front-end web. Used as a bridge betweenComponent and Joomla. You need a Module to him that the components of a ktifkanselected. Examples of modules such as: facilities Login Form, Search, Pools etc.1. Access to the Module Manager page: Extensions -> Module Manager2. To use the module you want, activate the enable status.ComponentsPlug-ins that are in the back-end web. One of its functions, namely to set the configuration of the module. Misalknya make a list of questions on the module Pools.1. Access to Components: Components -> Select the destination component2. Each component has a setting's and different functions.PluginsThe plugin also called Mambots, integrated with the content, so add it fe ature of content. The most obvious example is the editor to create a content, so the content can be made like a Microsoft Word editor with WYSIWYG display. It was the MCE mambot Name Editor.1. Access to Components: Components -> Select the destination component2. To use the module you want, activate the enable status.LanguageIt is one of the plugins used to add the language on our website.1. Access to the page Lang uage Manager: Extensions -> Language Manager2. To activate, select the language to be activated, then click the Default buttonis on the top right corner.How to Install / Uninstall Modules, Plugins, Templates, Language and Components.1. Access to the Install / Uninstall: Extentions -> Install / Uninstall2. Browse file to install, then click on upload file & install3. To uninstall, go to the destination plugin which will then select uninstall.[.:: Exercise::. ]1. Install and use the template with Pizza.zip name as the default.2. Install and use the template with the name Frooty Fresh.zip as Assign to pageModern Drinks3. Install and use the module mod_vvisit_counter.zip adjust its settings.4. Install and use the module camp26_smoothgallery_J15x.zip set width and height settings with 800. Then go to:modules/mod_camp26_smoothgallery/images_smoothgallery /enter the picture (size 500x70) will be displayed and change the title to Our Gallery
Introduction to Joomla
4/
5
Oleh
Ayo Sinau
