KS091302 Introduction to Information System PRACTICAL WORK REPORT
Module 01
Concisely, in one paragraph, explain WHAT the objective(s) of the practical work, HOW to attain the objectives, and How the RESULT.
INFORMATION SYSTEM DEPARTMENT FACULTY OF INFORMATION TECHNOLOGY INSTITUT TEKNOLOGI SEPULUH NOPEMBER 2010 KS091302 – Introduction To Information System Practical Work Report
PRACTICAL WORK INFORMATION
PRACTICANT INFORMATION
Student id 5208 100 073 Class/Group Name Route Gemilang C/8
PRACTICAL WORK INFORMATION
Held On Friday, 05-February-2010 Time 15.15 PM – 16.55 PM
PRACTICAL WORK ASSISTANT No. Student ID Student Name
01 5207 100 064 Huda Fajar Arianto 02 5207 100 032 Budi Chandra Dekalaros 03 5207 100 089 Zinzia Shafira P.H
The due date of submission isb DD-MM-YYYY Actual submission
DD-MM-YYYY .
This work has been examined by Practical Work Assistant
On DD-MM-YYYY With total grade /100
1 KS091302 – Introduction To Information System Practical Work Report
COMMENT FROM EXAMINER
EXAMINER COMMENTS
2 KS091302 – Introduction To Information System Practical Work Report
TABLE OF CONTENTS
PRACTICAL WORK INFORMATION 1 PRACTICANT INFORMATION 1 PRACTICAL WORK INFORMATION 1 PRACTICAL WORK ASSISTANT 1
COMMENT FROM EXAMINER EXAMINER COMMENTS 2
TABLE OF CONTENTS 3
LIST OF TABLES/FIGURES 4
CHAPTER 2 LITERATURE REVIEW 6 XAMPP OVERVIEW 6 CMS OVERVIEW 7
CHAPTER 3 DELIVERABLES AND RESULT 9 INSTALLING XAMPP 9 INSTALLING JOOMLA 14 INSTALLING PRESTASHOP 20 INSTALLING WORDPRESS 26 Joomla FEATURE 30 CMS FUNCTION 30
CHAPTER 4 CONCLUSION AND IDEAS 32
PRACTICANT COMMENTS 33
BIBLIOGRAPHY 34
Appendices 35
3 KS091302 – Introduction To Information System Practical Work Report
LIST OF TABLES/FIGURES
Figure 1.1 Icon Installer xampp-win32-1.7.2 9 Figure 1.2 Install Xampp in Directory C 10 Figure 1.3 Xampp cmd shortcut to desktop 11 Figure 1.4 to display the Start XAMPP Control Panel 11 Figure 1.5 Display Control Panel XAMPP 12 Figure 1.6 localhost / xampp / splash.php 13 Figure 1.7 Creating a Database 14 Figure 2.1 Xampp folder -> htdocs -> joomla 15 Figure 2.2 Select Language 16 Figure 2.3 Basic Settings 17 Figure 2.4 Configuration 18 Figure 2.6 Joomla Administrator 19 Figure 2.7 Joomla routeterritory 20 Figure 3.1 htdocs -> prestashop (New Folder) 20 Figure 3.2 Prestashop Install 21 Figure 3.3 System Configuration 22 Figure 3.4 Shop Configuration 23 Figure 3.5 The command to delete the folder prestashop install and rename admin folder with administrator 24 Figure 3.6 Login Prestashop Administrator 25 Figure 3.7 Prestashop 26 Figure 3.7 Prestashop 26 Figure 4.2 htdocs -> wordpress (New Folder) 27 Figure 4.3 Insert Database Wordpress 28 Figure 4.4 Information needed 29 Figure 4.4 Information needed 29
4 KS091302 – Introduction To Information System Practical Work Report
CHAPTER 1 OBJECTIVES
The objectives of this practical work is giving practicant w ith knowledge and experience of: 1. XAMPP 2. CMS 3. Installing XAMPP Ver. 1.7.2 4. Installing Joomla! Ver. 1.5.14 5. Creating Database. 6. Joomla Feature
5 KS091302 – Introduction To Information System Practical Work Report
CHAPTER 2 LITERATURE REVIEW
XAMPP OVERVIEW
XAMPP is the development of the LAMP (Linux Apache, My SQL, PHP, and PERL) and a software free to support many operating systems. XAMPP is a non-profit project developed by Apache Friends, founded by Kai 'Oswalad' Seidler and Kay Vogelsang in 2002. XAMPP localhost using XAMPP server that itself contains a program that consists of the Apache HTTP Server, MySQL database and written using a language translator programming languages PHP and Perl. Until now XAMPP can be widely distributed because have the GNU General Public License. Detailed package available in a version of XAMPP, are as follows : • Apache 2.2.6 • MySQL 5.0.45 • PHP 5.2.4 + PHP 4.4.7 + PEAR • PHP – Switch Win32 1.0 • XAMPP Control Version 2.5 • XAMPP Security 1.0 • SQLite 2.8.15 • OpenSSL 0.9.8e • phpMyAdmin 2.11.1 • ADOdb 4.95 • Mercury Mail Transport System v4.01b • FileZilla FTP Server 0.9.23
6 KS091302 – Introduction To Information System Practical Work Report
CMS OVERVIEW CMS is a web-based software, which is used to manage content or the content contained in a web, CMS itself is made memgunakkan programming language one of the most common is the PHP and HTML. CMS also can walk in almost all good Operating System Windows, Linux, or Mac OS, an important support PHP and Apache server can have or IIS. Based on CMS function is divided into several kinds, which is to create a Web Portal, Blogs, Web E-Commerce, Forum, E-Learning, Images Galleries, Wikki, the following division:
Web Portals : BigAce CMS Made Simple Drupal EazyPortal Fundanemt Glorilla ImpressCMS Joomla Kajona LoveCMS Mambo NexPro PHPWbsite
Blogs : FlatPress SimplePHPBlog Wordpress
7 KS091302 – Introduction To Information System Practical Work Report
E-Commerce cPCommerce Opencart osCommerce
Forum IceBB phpBB SMF XMB
E-learning ATutor DrupalED
Image Galleries Gallery WEBalbum
Wiki Mediawiki Wikkawiki
8 KS091302 – Introduction To Information System Practical Work Report
CHAPTER 3 DELIVERABLES AND RESULT
INSTALLING XAMPP 1) In Practice Introduction to Information Systems class C is taught how to mengiinstal Joomla, but before we had to install Joomla install Xampp, because the program needed to install Joomla and Xammp Web Server Web Server is a program that was already full because after installing Xampp then obtained is an Apache Server, MySQL Database, and PHP.
• The steps to install Xampp :
Figure 1.1 Icon Installer xampp-win32-1.7.2
• Then the display will appear as below, then choose the Directory that is used to store xampp, then click Install.
9 KS091302 – Introduction To Information System Practical Work Report
Figure 1.2 Install Xampp in Directory C
• After the display will appear below cmd like this, if you want shortcuts on the desktop is displayed xampp then type y and press Enter.
10 KS091302 – Introduction To Information System Practical Work Report
Figure 1.3 xampp cmd shortcut to the desktop
• The next steps will be the same as above, so that the display will appear as shown below and then type 1 to create the Start XAMPP Control Panel.
Figure 1.4 to display the Start XAMPP Control Panel
11 KS091302 – Introduction To Information System Practical Work Report
• The display will show the Start XAMPP Control Panel, then press Start on Apache and MySql, like below.
Figure 1.5 Display Control Panel XAMPP
• After that, type localhost in the browser, it will be out of view as below, then select Home to use the English language.
12 KS091302 – Introduction To Information System Practical Work Report
Figure 1.6 localhost / xampp / splash.php
• To create a database in XAMMP your browser type localhost / phpmyadmin, then the display will appear like phpmyadmin, then Create new database in accordance with the desired (database name "5208100073"), as below:
13 KS091302 – Introduction To Information System Practical Work Report
Figure 1.7 Creating a Database
Description: o Xampp Desktop: To generate the Desktop Icon Xampp. o Xampp Start Menu: To activate the Xampp automatically when entering Windows. o Service Section: enable services such as Apache, MySQL, Filezilla automatically when given a check mark.
INSTALLING JOOMLA Once the database is created, then install Joomla, the steps, as follows: The steps to install Joomla : • Before installing Joomla with Xampp, first step is to enter the Joomla installer in the folder C Xampp on Directory, then look for the htdocs folder, then create a new folder for the installer Joomla.rar, then placed in extractnya New Folder "joomla", as it appears in below:
14 KS091302 – Introduction To Information System Practical Work Report
Figure 2.1 Xampp folder -> htdocs -> joomla
• Then go to your browser and type localhost / joomla to install Joomla. Then the display will appear as below and select the language you want to use, then press Next.
15 KS091302 – Introduction To Information System Practical Work Report
Figure 2.2 Select Language
• In the Pre-Installation Check and License, press Next. Then the display will appear on the Database view Basic Settings, and inset below : Description: Basic Settings Database Type: mysql Selected a Host Name: Enter the localhost Username: Enter the root Password: Empty Database Name: Enter the database in Xampp which had created (eg "5208100073")
16 KS091302 – Introduction To Information System Practical Work Report
Figure 2.3 Basic Settings
• Then the display FTP Configuration press Next. Then the display will appear on the Configuration and insert columns as below : Description: Main Configuration Site Name: Site Name that will be used later (eg "routeterritory"). Your Email: Fill in the email that is owned (eg "[email protected]"). Admin Password: Enter password that will be used later. Confirm Admin Password: Password Confirmasi Click Install Sample Data.
17 KS091302 – Introduction To Information System Practical Work Report
Figure 2.4 Configuration
• When Finish the display will show the command to delete the installation folder, then delete the installation folder in the joomla folder (new folder).
18 KS091302 – Introduction To Information System Practical Work Report
Figure 2.5 The command to delete the folder Joomla installations
• Then delete the folder after installations, press Admin view will display Joomla Administrator, and then fill with the admin username and password that have been made earlier, press Login.
Figure 2.6 Joomla Administrator
19 KS091302 – Introduction To Information System Practical Work Report
• After a successful login will display the initial view of the routeterritory Joomla that was created earlier, then you can use Joomla CMS.
Figure 2.7 Joomla routeterritory
INSTALLING PRESTASHOP If you do not have the installation files Prestashop then you can download it from first www.prestashop.com free. If you already have, then create a new folder (eg “ in the htdocs folder in XAMPP folder for example in Directory C: \ xampp \ htdocs. And then extract the files Prestashop to the new folder you just created.
Figure 3.1 htdocs -> prestashop (New Folder)
20 KS091302 – Introduction To Information System Practical Work Report
• Then go to your browser and type localhost / prestashop to install Prestashop. Then press Next.
Figure 3.2 Prestashop Install
• Then the display System Compatibility press Next. Then fill in the System Configuration, then press Next. Description: Database Server name: mysql Selected a Database name: Enter the database in Xampp which had created (eg "52081073") Login: Enter the root Password: Empty
21 KS091302 – Introduction To Information System Practical Work Report
Figure 3.3 System Configuration
• Then the display will appear on the Configuration and insert columns as below, then press Next : Description: Shop Configuration Shop name: Site Name that will be used later (eg "Fashion Shop"). Default country: Indonesia Shop logo: First name: Route Last name: GEMILANG E-mail address: Fill in the email that is owned (eg "[email protected]"). Shop Password: Enter password that will be used later. Re-type to confirm: Password Confirmasi
22 KS091302 – Introduction To Information System Practical Work Report
Figure 3.4 Shop Configuration
• When Installation is complete the display will show the command to delete the install folder and rename admin folder with administrator in the prestashop folder (new folder).
23 KS091302 – Introduction To Information System Practical Work Report
Figure 3.5 The command to delete the folder prestashop install and rename admin folder with administrator
• Then delete the folder after installations and rename admin folder with administrator, After then to go your browser and type localhost/prestashop/administrator. Then Admin view will display prestashop Administrator, and then fill with the admin username and password that have been made earlier, press Connection.
24 KS091302 – Introduction To Information System Practical Work Report
Figure 3.6 Login Prestashop Administrator
• After a successful login will display the initial view of the Prestashop that was created earlier, then you can use Prestashop CMS.
25 KS091302 – Introduction To Information System Practical Work Report
Figure 3.7 Prestashop
INSTALLING WORDPRESS The steps to install Wordpress : • Open a web browser and then typing http://localhost/phpmyadmin/. then the display will appear like phpmyadmin, then Create new database in accordance with the desired (database name "08073").
Figure 4.1 Creating a Database
26 KS091302 – Introduction To Information System Practical Work Report
• After then create a new folder (eg “ in the htdocs folder in XAMPP folder for example in Directory C: \ xampp \ htdocs. and then extract the files Wordpress to the new folder you just created.
Figure 4.2 htdocs -> wordpress (New Folder)
• Then go to your browser and type localhost / joomla to install Wordpress. Then press Create a Configuration File and after then press Let's go!. After Then the display will appear on the database Wordpress and insert columns as below : Database Name: 08073 User Name: root Password: Empty Database Host: localhost
27 KS091302 – Introduction To Information System Practical Work Report
Figure 4.3 Insert Database Wordpress
• After then press Submit, and installing now. • After that will come view Information needed, then fill the columns as below: Information needed Blog Title: Blog Name "routeterritory" Your email: Fill in the email "route.gemilang @ gmail.com"
28 KS091302 – Introduction To Information System Practical Work Report
Figure 4.4 Information needed
• Then after that press Installl WordPress. • If successful it will appear Success view, and get a username and password, such as the view below :
Figure 4.5 Username and Password Log in
29 KS091302 – Introduction To Information System Practical Work Report
Joomla FEATURE • User Management Joomla has a registration system that allows users to configure personal options. There are nine user groups with various types of permissions on what users are allowed to access, edit, publish and administrate.
• Content Management You can organize your content any way you want and not necessarily how it will be on your Website.
• Menu Manager Used to set the menu to create a new menu, delete the existing menu, or directly manage each sub - sub menu you want.
• User Management used to create new users, delete existing ones, change passwords,language and time preferences change, and even manage changes WYSIWYG editor that can be and the user can change the user group, provides access to levels and different capabilities on the site
CMS FUNCTION • Making Content CMS is a software implementation of a simple and useful that allows web site can be updated simply by adding text and background image that had been prepared previously. CMS can be used easily by anyone without knowing basic HTML
30 KS091302 – Introduction To Information System Practical Work Report
• Content Management One page has been created, the CMS will store these pages in the penyimpananya. Storage Center also provides facilities to manage the content with the method: o keep traking all the content so that it can know who to change and when. o Ensuring that each user only have privacy in accordance with their rights. o Mengitegrasikan the system in accordance with the specific content.
• Publication After atikel accepted by admin and reviewed, of course, admin or other user biberi privelege also reserves the right to edit all the time felt was appropriate then that article will be diapprove then otamatis be published in accordance with the category.
31 KS091302 – Introduction To Information System Practical Work Report
CHAPTER 4 CONCLUSION AND IDEAS
CMS (Content Management System) is an application system for managing content and can be adjusted easily, even by a layman. CMS also facilitates the development of the site to become more rapid, and effective. CMS can also be useful in business processes (eg CRM) and can use this site to communicate instantly with customers and get feedback about the product.
32 KS091302 – Introduction To Information System Practical Work Report
PRACTICANT COMMENTS Work practices successfully completed, but there are some constraints such as lack of computers and there are some problems with some computers in the lab. Hopefully, the next Internship constraints on the first lab was not there.
33 KS091302 – Introduction To Information System Practical Work Report
BIBLIOGRAPHY
http://www.apachefriends.org/en/xampp.html caturla Blog – kl asifikasi cms berdasarkan fungsinya.html http://www.id-joomla.com - Komunitas Joomla Indonesia http://www.prestashop.com/
34 KS091302 – Introduction To Information System Practical Work Report
Appendices
35