Pages

Monday, April 21, 2014

Introduction to Web Server (For Joomla Installation) Based On Apache-MySQL-PHP (AMP) Package



-----
Introduction to Web Server (For Joomla Installation) Based On Apache-MySQL-PHP (AMP) Package

Introduction

Web Server Application is a software that handles web page requests and responses.
Web Server also processes data using scripting language such as PHP.
One of the popular approaches to run Web-based application is through the use of Apache-MySQL-PHP package. Examples are XAMPP, WAMP and USBwebserver.
Apache handles web page requests and responses.
MySQL handles data storage.
PHP handles data processing.
This tutorial provides a step-by-step approach to understand how Apache-MySQL-PHP package works.

STEPS

1) Download and setup UsbWebserver Folder group.

1.1) Download UsbWebserver from www.usbwebserver.net
1.2) Extract the contents to C:\USBW
https://lh4.googleusercontent.com/GGsFKRlav3YXK7Hpe0QS2piRWM7D-96p9oteNcGIjHWQGvtUz1T-aTYTooJQKdBGqhtYcRnPniDW__uTUAefdEaaoftvBh7bLgPZKtSDCqrVVmn90hfKZQik4DGw-8vCiwnbdaH_mOI

2) Test Apache Server

2.1) Double-click the usbwebserver program above.
Check that Apache and MySQL server indicator light is in green color.
Unblock the programs if the Windows Firewall asks your permission.
https://lh4.googleusercontent.com/O6hRLS-ix7tlFE7eb732XSFJVn11rhNt4gp7JfZwa5bbxP0-l9Pmx8E1qcWpyb1UmVXmAX7IHVRSMrndZanYP3JdkWCo5IHJ4coBJamDDYJzcyUbTUf9iwjyetLMryhguyTt8v-Dmkc
2.2) Click the localhost button.
You should see a web browser program automatically opens the URL http://localhost:8080.
(By default, Chrome web browser hides http://)
Localhost is the default domain name for a web server that runs on a local machine.
8080 is a port number. Port number is a logic connection point between the web server program and other program that communicates with it.
A combination of domain:port-number is also called a socket.

3) Test MySQL Server.

3.1) Switch back to USBwebserver Control Panel.
3.2) Click the PHPMyAdmin button.
4) PHP Test?
So far we have tested Apache and MySQL.
Do we have to test PHP?
Actually Step 3 (running PHPMyAdmin) has indirectly tested PHP.
However, if you want to check PHP Configuration, you can repeat Step 2.2 and click the hyperlink at the bottom of the page to see PHP server configuration details. It is also important to check that some values are right and compatible with Joomla.
-----

Pengenalan Kepada Internet dan Web

-----

Internet and Worldwide Web

Internet adalah gabungan rangkaian komputer serata dunia. Gabungan ini melibatkan penggunaan berbagai jenis perkakasan dan perisian komputer yang dimiliki oleh syarikat telekomunikasi, organisasi awam dan orang persendirian. Melalui gabungan rangkaian ini, pelbagai perkhidmatan berasaskan pertukaran data dapat diwujudkan termasuklah Worldwide Web (Web).
Antara teknologi utama yang digunakan di dalam Internet ialah TCP/IP. TCP bermaksud Transfer Control Protocol. Ia merangkumi aspek pemindahan data dari satu peranti komunikasi (communication device) ke peranti yang lain. IP bermaksud Internet Protocol. Ia merangkumi aspek penentuan lokasi setiap komputer yang berada di dalam rangkaian Internet (atau mana2 rangkaian setempat yang menggunakan teknologi TCP/IP). Melalui teknologi TCP/IP, maklumat elektronik dapat dihantar dari satu komputer ke komputer yang lain dengan cekap meskipun jarak perhubungan ini sangat jauh.
Lihat klip video ini untuk memahami bagaimana teknologi TCP/IP berfungsi (http://www.youtube.com/watch?v=Ve7_4ot-Dzs)

Worldwide Web (Web)

Worldwide Web atau WEB adalah sejenis perkhidmatan perkongsian dokumen dan aplikasi elektronik melalui rangkaian Internet. Pertukaran data elektronik dilakukan dengan berdasarkan teknologi HTTP (Hyper Text Transfer Protocol). Apabila dua komputer berhubung melalui kaedah HTTP, kedua-duanya akan melalui kitaran yang dipanggil HTTP Request/Response

HTTP Request/Response Basics

HTTP Request/Response adalah sebahagian dari kitaran perhubungan di antara dua mesin yang berinteraksi menggunakan teknologi HTTP melalui rangkaian Internet. Maklumat lanjut tentangnya boleh dibaca di http://devhub.fm/http-requestresponse-basics/.
Ringkasnya:
1. Perhubungan bermula apabila pengguna melawat sesebuah tapak web melalui URL tapak tersebut, e.g google.com
2. Komputer pengguna akan menghantar HTTP Request untuk mendapatkan laman web di komputer google.com.
3. Komputer google.com menerima HTTP Request, lalu memprosesnya dan mengembalikan data yang diperlukan melalui HTTP Response.

Client-Server Architecture

Client-Server Architecture adalah satu senibina perhubungan komputer di mana peranan dua komputer yang sedang berinteraksi melalui rangkaian komputer (seperti Internet) ditakrif sebagai Client (komputer yang memohon data, iaitu HTTP Request) dan Server (komputer yang melayan permohonan data, iaitu HTTP Response).
Sesebuah komputer Client perlu mempunyai perisian Web Client seperti perisian Web Browser untuk membolehkannya menghantar isyarat HTTP Request dan memaparkan isyarat HTTP Response yang diterima dari Server.
Sesebuah komputer Server pula perlu mempunyai perisian Web Server seperti Apache, Microsoft IIS atau Apple OS X untuk membolehkannya menerima isyarat HTTP Request, memproses permohonan dan memulangkan isyarat HTTP Response ke komputer Client.

History of Web Browsers

Terdapat berbagai perisian Web Browser yang digunakan pada hari ini. Sejarah perisian ini bermula pada tahun 1990 pada Tim Berners Lee memperkenalkan teknologi Web. Lihat infografik berikut untuk mengikuti perjalanan sejarah Web Browser.

History of Web Server Software

Web Server pertama di dunia terletak di URL http://info.cern.ch/. Jika anda melawatnya, anda berpeluang membaca kisah tentangnya termasuklah komputer pertama (komputer NEXT) yang menjadi hos perkhidmatan ini.
Perisian Web Server yang pertama dikenali sebagai CERN HTTPD (http://en.wikipedia.org/wiki/CERN_httpd), kemudiannya diikuti oleh NCSA HTTPD (http://en.wikipedia.org/wiki/NCSA_HTTPd). Pembangunan perisian NCSA HTTPD diteruskan oleh projek Apache (http://en.wikipedia.org/wiki/Apache_HTTP_Server). Projek Apache terus berkembang sehingga sekarang. Pada tahun 2009, ia telah mencatat rekod melepasi jumlah penggunaan oleh 100 juta tapak web.
Antara perisian Web Server terawal selain Apache adalah Netscape Enterprise Server 1994 (http://en.wikipedia.org/wiki/Netscape_Enterprise_Server) yang kini dikenali sebagai Oracle iPlanet Web Server (http://en.wikipedia.org/wiki/Oracle_iPlanet_Web_Server). Syarikat perisian gergasi Microsoft turut mempunyai perisian Web Server sendiri yang dipanngil Internet Information Service, IIS yang mula diedar melalui perisian Sistem Operasi NT seawal tahun 1995 (http://en.wikipedia.org/wiki/Internet_Information_Services).(Lihat juga imbasan sejarah syarikat Microsoft terhadap pembabitan mereka di dalam Web, http://www.microsoft.com/misc/features/features_flshbk.htm)
Pada hari ini terdapat berbagai produk perisian Web Server (lihat http://en.wikipedia.org/wiki/Comparison_of_web_server_software).
Apache masih kekal popular dan terdapat berbagai jenis produk variant yang dihasilkan daripadanya. Tutorial dalam dokumen ini juga akan menggunakan perisian Apache yang diedarkan olehhttp://www.usbwebserver.net/en/

Web Application Development

Pembangunan Aplikasi Web merujuk kepada aktiviti membangunkan perisian yang dicapai melalui persekitaran Web. Oleh kerana bahasa asal Web iaitu HTML adalah terhad kepada paparan maklumat, bahasa pengaturcaraan khas diperlukan untuk menjalankan aktiviti pemprosesan maklumat yang akan dijalankan oleh Server Machine. Antara bahasa pengaturcaraan popular pada hari ini termasuklah PHP (PHP Hypertext Processor), ASP (Active Server Page) dan JSP (Java Server Page). Ketiga-tiga bahasa ini mempunyai sejarah dan komuniti yang tersendiri.
PHP pernah merekodkan catatan sebagai bahasa pengaturcaraan yang digunakan oleh sejumlah 20 juta Internet Domain pada bulan April 2007. PHP juga turut dicatatkan sebagai penyumbang kepada 30% Web Vulnerabilities. Antara punca yang dikenalpasti adalah kelalaian pengaturcara di samping ralat teknikal pada bahasa tersebut.
-----

Sunday, April 20, 2014

Joomla 3 - Install into hostinger.my web hosting space

-----
-----
Joomla 3 - Install into hostinger.my web hosting space
-----

STEPS

1) Log into Control Panel page.

1.1) Browse url http://cpanel.hostinger.my 
1.2) Enter your login details and click Login.
1.3) As I write this tutorial in English, it is recommended that you choose English Language (refer image below).
1.4) Click Hosting button (refer image below).

2) Auto-Installer Service

2.1) Click on the plus icon besides the domain name.
2.2)  Click Auto-installer service.
2.3) Type “joomla”  (refer image below).
2.4) Click Install  (refer image below).

3) Joomla Auto-Installation Form

3.1) (Continuing from previous step) Enter installation details as shown below:
Available Version: 3.2.3
Language: en
Administrator Username: admin
Administrator Password: password
Administrator Email: youremail@yourdomain
Website Title: My Joomla
Content: Yes
Click Install.
3.2) Wait for installation process to complete.
3.3) Finally, you should get success message.
3.4) Click on the new URL that has been created.

4) Login into Administrator page.

4.1) Add the word “Administrator” to the URL address.
admin-login.PNG
4.2) Enter your login details and click Login
-----

Creating Free Web Hosting Account With Hostinger.My


-----
Creating Free Web Hosting Account With Hostinger.My
-----
STEPS
CREATING FREE WEB HOSTING ACCOUNT WITH HOSTINGER MY
2) Click Sign Up (Buka Akaun).
3) Fill-in the form,
4) Wait for activation email.
Click the activation link.
5) Choose Free Hosting Plan.
6) Enter Domain, Password
6.1) Choose Subdomain.
6.2) Type a suitable name.
6.3) Type a suitable password.
6.4) Click Next.
7) Click Order.
-----

Joomla 3.1 – Publishing Articles


-----
Joomla 3.1 – Publishing Articles

STEPS

1) Log into Administrator Page.

1.1) Add the word “administrator” to your Joomla URL address.

2) Add New Users.

2.1) In the Top Menu, select User Manager/Add New User.
2.2) In the Account Details tab, enter the following details:
Name: Author1
Login Name: author1
Password: password
Confirm Password: password
Email: author1@yourdomain.com
2.3) In the Assigned User Groups, select the followings:
- Registered
- Author
2.4) Click Save button.
2.5) Repeat the steps 2.1 – 2.4 to create the following users:

Name
Login Name
Password
Confirm Password
Email
Registered
Editor
Publisher
Editor1
editor1
password
password
editor1@yourdomain.com
select
Select
Publisher1
publisher1
password
password
publisher1@yourdomain.com
select
select
2.6) Logout from Administrator Page.

3) User Roles and Permissions.

3.1) We have defined three users based on different user roles which subsequently affects their access to Joomla contents.

4) Submit an Article.

4.1) Login as Author1.
4.2) Click the link Submit an Article.
4.3) Type the following texts:
Title: I am the author
Alias: i-am-author
Content: An author is broadly defined as "the person who originated or gave existence to anything" and whose authorship determines responsibility for what was created. Narrowly defined, an author is the originator of any written work and can also be described as a writer.
4.4) Hover your mouse over the label “Alias”.
Joomla provides a contextual help text to help you understand more about the data fields.
4.5) Click Save button.
4.6) Outcome.
4.7) Logout from Joomla.

5) Submit an article as the Editor.

5.1) Login as Editor1.
5.2) Click the link Submit An Article.
5.3) Type the following texts:
Title: I am the editor
Alias: (don’t type anything here)
Content:
Editing is the process of selecting and preparing written, visual, audible and film media used to convey information. The editing process can involve correction, condensation, organization, and other modifications performed with an intention of producing a correct, consistent, accurate and complete work.
The editing process often begins with the author's idea for the work itself, continuing as a collaboration between the author and the editor as the work is created. As such, editing can involve creative skills, human relations and a precise set of methods.
5.4) Save.
5.5) Logout.

6) (Administrator) Edit the Home Menu to display list of articles.

6.1) Log into Administrator page.
6.2) In the Top Menu, select Menus/Main Menu.

6.3) At the moment the Home page is set to display the Articles Module based on Single Article format.
6.4) Click the word Home.
6.5) In the Menu Manager/Edit Menu Item Page, Click Select button for the field Menu Item Type.
6.6) In the popup window, select Category List.
6.7) Click Save button.

7) View the articles on the Front Page using different user types.

7.1) View as guest.
7.2) View as Author1.
7.3) View as Editor1.
7.4) View as Publisher1.

8) Edit.

8.1) Both Editor and Publisher are allowed to view and edit unpublished articles.
8.2) Both Guest and Author are not allowed to view and edit unpublished articles.

9) Published.

9.1) Only Publisher is allowed to publish articles.
9.2) Log in as publisher and click edit for the article title “I am the author”
9.3) In the Edit Page, click the Publishing tab and change the status to Published. Click Save.
9.4) Outcome.
The unpublished label for the article “I am the author” has disappeared.
9.4) Logout.

10) View published articles.

10.1) View the page as guest. Notice that there are now two articles.
-----
Stats