1. Trang chủ
  2. » Công Nghệ Thông Tin

biến pc của bạn thành internet server or theo dõi camera từ xa

59 572 9
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Biến Pc Của Bạn Thành Internet Server Or Theo Dõi Camera Từ Xa
Trường học University of Information Technology
Chuyên ngành Computer Science
Thể loại Bài viết
Năm xuất bản 2025
Thành phố Ho Chi Minh City
Định dạng
Số trang 59
Dung lượng 2,15 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

DOWNLOAD WampServer 2.0 : http://www.wampserver.com/en/download.php Vào trang web đó sẽ thấy hình này, click vào chỗ download WampServer 2.0 I - CÀI ĐẶT WAMP SERVER : Nào chúng ta tiếp

Trang 1

Biến PC của bạn thành Internet Server or theo dõi camera từ xa

Đọc trên mạng thấy có cái này hay cóp về đây cho ai thích quậy,tìm hiểu,tò mò làm chơi cho biết thì

cứ thử !

-Đây là cách để làm 1 Internet Server nho nhỏ ngay trên máy PC ở nhà của mình hoặc bạn cũng có thể lắp các camera theo dõi từ xa ( trên internet) tình hình trộm cắp ở nhà của mình khi bạn đang ở nơi khác nếu như máy PC của bạn có kết nối internet (ADSL) với tốc độ đường truyền càng cao càng tốt

Bài này sẽ chia thành nhiều bài viết nho nhỏ để các bác tiện theo dõi Và sau bài này sẽ hướng dẫn các bác làm internet camera để chúng ta có thể quan sát nhà của chúng ta, công xưởng của chúng ta bất kỳ nơi nào trên thế giới Biết đâu nó sẽ giúp cho các bác có thể dùng để làm thành một nghề, ví dụ như đi làm internet servers cho các tiểu công ty với giá rẻ hơn bên ngoài, hoặc mở công ty về security trông coi các hãng xưởng

Muốn biết IP máy của mình là reachable hay unreachable, các bác vào internet rồi type

http://www.ip2location/ để xem địa chỉ IP address của mình là gì

Thường thì IP có dạng 4 group hex number FF.FF.FF.FF mà dịch ra decimal là dạng :

000.000.000.000 tới 255.255.255.255

Sau khi biết IP address của mình là số nào (đừng lo lắng về nó là dynamic IP hay static IP bây giờ ), các bác vào trang web sau để thử xem IP đó có ở bên ngoài (internet) có liên lạc tới được không (reachable)?

http://centralops.net/asp/co/Ping.vbs.asp

các bác type vào địa chỉ IP (or domain address - sau này sẽ hướng dẫn cách lấy một free domain name)rồi click GO or press ENTER key

Nếu mọi việc suôn sẻ (no lost packages) thì máy của các bác có thể làm internet server được

Nếu không, phải tìm hiểu lại xem các điều sau:

2- Firewall:

Firewall tức là bức tường lửa ngăn chặn traffic từ trong ra ngoài và từ ngoài vào trong Firewall có thể được dùng bằng:

*- Software: là các firewall programs hoặc Windows Firewall

Các bác " turn off windows Firewall" và remove (disable) các firewall softwares ( thường có trong cácchương trình antivirus)

*- Hardware là các Router hay Gateway :

Trang 2

Muốn làm internet server thì computer của mình phải được đưa ra ngoài các Router hay Gateway này Muốn đưa computer của mình ra ngoài firewall của Router hay Gateway,bạn vào setup của Router hoặc Gateway (or modem ADSL có Router, Gateway) để cho nó ra ngoài DMZ (gọi là Demilitarized Zone)

Tất cả các computers khác trong nhà (trong mạng LAN) thì vẫn cứ để sau DMZ

Các bác đã biết nếu mình mua Router hay Gateway có Firewall build-in, tất cả computers sau Router hay Gateway được coi là sau firewall và các computers khác muốn vào computer của mình đều bị firewall chặn lạị

- Sau khi turn off firewall software và đưa computer muốn làm internet server ra DMZ rồi, các bác vàolại các trang web trên để test xem có liên lạc được với IP đó không?

Nếu được,thì chúng ta đã sẵn sàng để làm internet server Nếu vẫn chưa được thì ISP của mình đã đặt mình sau DMZ Chỉ cần gọi đến ISP của mình bảo tôi muốn đưa lưng ra cho người ta đấm, làm ơn chocomputer của tôi ra ngoài DMZ

Chú ý: Nếu có Router hay Gateway, các IP trong máy mình thường bắt đầu bằng 192.168.***.***

Muốn biết số địa chỉ IP của mình với Router thì ra :menu "Start" / Run (command prompt) rồi type IPCONFIG là nó sẽ cho biết

- Khi vào internet, IP của máy mình sẽ không phải là 192.168.1.*** mà là IP do ISP

(Internet Service Provider) nó chỉ định cho mình, thường là IP động (Dynamic IP)

Nếu mua được IP tĩnh (Static IP) thì làm dễ dàng hơn 1 chút

Nhớ là IP của mình phải reachable (các computers khác trên internet phải PING được đến computer của mình), nếu đặt sau firewall thì phải mang computer tính làm server ra ngoài firewall

2- Theo Unix (simulation giống Unix chứ không phải unix) thì hoàn toàn Free các bác ạ

- Http server dùng Apache

- Ftp server dùng free các ftp server software

- MySql server free

- Php free

-

Tất cả đều free Vậy chúng ta sẽ dùng các software free này

Trang 3

WARNING : do not try to install WampServer 2 over WAMP5.

If WAMP5 is installed on your computer, save your data, uninstall it and delete the WAMP5 directory before installing WampServer 2

DOWNLOAD WampServer 2.0 : http://www.wampserver.com/en/download.php

Vào trang web đó sẽ thấy hình này, click vào chỗ download WampServer 2.0

I - CÀI ĐẶT WAMP SERVER :

Nào chúng ta tiếp tục sau khi đã download package WAMP 2.0

Click Yes

Click Next

Mark I accept the agreement then click Next

Browse tới diectory nào mình muốn hay để nguyên như thế cũng được rồi click next

Trang 4

Mark both boxes rồi click Next

Sau khi click Finish thì tất cả biến mất, để ý ở dưới góc phải sẽ có hình này:

Left click vào cái hình bán nguyệt mầu trắng rồi click LocalHost

Nếu các bác thấy hình như thế này, các bác đã thành công được bước đầu tiên rồi đó

Các bác có thể click vào PHPinfo() hay chờ hướng dẫn tiếp theo

(Tiếp theo)

Tới đây ( khi đã cài đặt xong OK và đang mở WampServer ) nếu bác nào có IP tĩnh (Static IP) và IP của mình ở ngoài firewall mà các computers khác trên internet có thể PING tới được (reachable)thì cácbác có thể dùng browser và type vào chỗ address (_http://***.***.***.***) địa chỉ IP tĩnh của mình Nếu bác nào type IP của mình vào chỗ address mà được như hình dưới cùng thì coi như là xong bước thứ hai

IP động cũng thế, nếu thấy hình cuối cùng bên dưới thì tạm ngưng ở đây qua phần kế tiếp

-Nếu bác nào chưa thấy gì vì bị firewall chặn thì turn off Windows Firewall

Vào Control Panel > security center rồi Turn Off Window Firewall

Sau đó tuỳ theo computer của mình connect vào Internet qua modem hay qua Router (hay Gateway) Nếu qua Modem (tức là connect trực tiếp vào internet) thì có thể type IP address vào Browser để thử

Dù là IP động (Dynamic IP) vẫn có thể type IP động đó vào browser để thử Sau này tôi sẽ chỉ cách lấy một free domain name và làm sao để tự động update IP động này

Trang 5

Windows Firewall hay các programs về firewall là software firewall

Còn nếu computer của các bác nằm trong Router hay Gateway thường Router hay Gateway là

Hadware firewall Các bác phải đưa computer của mình ra khỏi hadware firewall trước khi các

computers khác có thể PING tới computer của mình được như đã nói ở trên

Nhà tôi dùng Gateway của 2wire, các bác có thể dùng Net Gear, Air Link, D-link, hay bất kỳ Router hay Gateway nào nó cũng tương tự thôi

Các bác type 192.168.1.1 vào chỗ browser address, tuỳ theo Router hay Gateway address của mình Của tôi là : 192.168.1.254

Vào đây các bác cần setup firewall nên các bác click vào firewall

Các bác click vào firewall setting

Sau đó các bác click DONE, REBOOT computer để cho setting của mình SAVE an toàn vào register database

Sau khi reboot computer, các bác xem wamp server có thành cái hình bán nguyệt trắng như hình dưới đây không?

Nếu nó màu vàng hay đỏ, tức là bị trở ngại gì đó

Nếu nó màu trắng, các bác check lại IP của mình trên internet rồi type cái IP vào browser, nếu nó hiện

ra hình này tức là các bác đã thành công và bước kế tiếp là làm một domain free và làm sao để IP độngluôn luôn link vào domain name của mình

Ví dụ domain name của mình là whocare.whoiam.com thì mình chỉ cần type :

http://whocare.whoiam.com/

là nó sẽ phải hiển thị trang này cho mình mà không cần biết IP là gì:

II- TẠO 1 DOMAIN FREE :

Trang 6

Tới đây coi như chúng ta đã làm được internet server nhưng nếu cứ phải type http://***.***.***.***/ tức là type cái IP address thì phiền phức quá, nhất là IP động nữa thì hơi nản.

Các bác type http://www.dyndns.com/ vào browser

Vì chúng ta chưa có account với dyndns nên các bác click vào create account để làm cho mình một account với Dyndns

Sau khi có account rồi, các bác vào trở lại, login vào với account name và password của mình

Các bác click vào Service

Các bác click vào Dynamic DNS

Các bác click vào Get Start

Tới đây , ờ các mục :

- Hostname : các bác tự chọn cho mình một cái tên ưng ý

- Rồi chọn domain name : click vào "down arrow" để chọn

- Wildcard : click "Yes"

- Servive type : đánh dấu vào : "Host with IP address"

- IP address : click vào "use auto detected IP address"

Sau cùng click Create Host

Tới đây coi như các bác đã create cho mình một sub domain name từ các domain name của họ và cái sub domain name này sẽ point vào IP address của các bác

Tuy nhiên mỗi lần IP động thay đổi ( khi tắt mở lại PC,modem ) , các bác lại phải login, vào Manage Hosts (cái nút bên dưới Create Host ) để update IP động của mình

Như vậy vẫn chưa ổn phải không các bác?

Muốn sub domain name của mình nó tự point vào IP address mà mình không cần để ý khi nào IP thay đổi thì click vào Support rồi các bác download program "Dyndns Updater version 4.0.6" về và cài đặt vào máy :

Sau khi download xuống, các bác RUN nó để install

Trang 7

Click Agree

Click Next

Click Install

Click Finish to RUN

Các bác type username và password mà các bác vừa create với Dyndns

Click OK, Nếu mọi chuyện suôn sẻ, trong màn hình kế tiếp sẽ hiện ra cái sub domain name của các bác, các bác chỉ việc click Apply, rồi click OK là xong

Tới đây, các bác thử reboot computer rồi type cái sub domain name mà các bác vừa làm với Dyndns xem nó có OK không?

Nếu OK ! các bác sẽ thấy cái home page của các bác lúc install WAMP Server 2

Nếu các bác gặp error, check lại các thứ sau:

1- Xem WAMP server 2 icon ở góc phải (hình bán nguyệt có bị vàng hay đỏ không) Nếu bị vàng hay

đỏ là server bị trở ngại

2- Nếu Wamp server OK, các bác lại click vào nó và click localhost hay type :

http://localhost/ vào browser, các bác sẽ thấy home pagẹ

3- Nào type sub domain name vào http://sub-domain-name/ của các bác đã tạo ra ở trên, nó sẽ cho ra giống với webpage như là của localhost thì coi như các bác đã thành công

Bước kế tiếp là chọn Joomla cho website của mình và phpBB cho diễn đàn của mình và FTP server đểupload và download từ xa

Static IP cũng nên có 1 domain name như forum này chẳng hạn để trỏ (point) vào static IP của forum Bây giờ các bác download "FTP server" ở đây click here

Trang 8

Các bác download xuống, unrar file : ftppro.rar vào 1 directory nào đó ví dụ :

D:\ftpserver3pro (or bất kỳ thư mục nào)

Các bác vào directory D:\ftpserver3pro rồi chạy (RUN) file ftpserver.exe

Các bác có thể click vào setup wizard hoặc theo các hình dưới đây :

Các bác click vào Show configuration, các bác sẽ có hình trên

- Click TAB general, các bác sẽ điền vào như trong hình:

- Mục "Welcome message" : các bác điền tuỳ ý

- Mục "Goodbye mesage" : cũng vậy

Quan trọng :

Ờ mục IP address, các bác chọn IP address do DHCP cấp cho các bác, thường thì chương trình này sẽ

"auto detect" cho các bác

Click vào advanced tab, các bác cho directory mà ftppro.exe program resides

Phần cuối cùng là "security", các bác click vào "Show security setting" trong menu bên trái

Các bác muốn nó block hackers sau bao nhiêu lần "try to hack" bằng cách click vào chỗ "Filter mark

DO NOT accept connections from specified IP address."

Các bác click vào "show users account" để "create" tạo cho mình, bạn bè mình (nếu muốn) 1 account trên web server của mình

Các bác có thể giới hạn số lượng bao nhiêu MB cho bạn bè mình

Tới đây coi như xong phần ftp server Như thế chúng ta đã làm xong:

Trang 9

Cài đặt joomla vào web site của mình

- Step 1: Download joomla.

Tải joomla version mới nhất 1.5.3 ở đây:

http://www.joomla.org/

File mình tải xuống có tên là joomla_1.5.3-stable-Full_package.zip

- Step 2: Unzip joomla.

Tuỳ theo web site ở đâu, các trường hợp làm hơi khác nhau 1 chút:

Ví dụ: web site ở máy của mình tại nhà và root directory ở :

C:\WWW\

thì mình có thể unzip file đó vào đây, hoặc mình làm một directory mới là:

C:\WWW\joomla\

Cài nó vào chỗ nào cũng được Tùy ý !

Cái lợi khi install vào root directory là chỉ cần type domain name, ví dụ :

- Step 3: Create database.

Sau khi cho các files và directories của joomla vào đúng vị trí mà mình muốn, bước kế tiếp là create một "empty database"

Nếu tại máy nhà thì có thể dùng MySQL language để create "empty database" hoặc dùng

MyPHPadmin hoặc dùng bất kỳ program nào để create 1 empty database

Nếu bác nào mua web hosting như ở webhostingpad.com thì login vào cpanel như sau:

Vào được Cpanel rồi chọn databases:

Create database: Cho tên nào mình muốn vào

Cho username và password vào

Trang 10

Nhớ click vào ALL PRIVILLEGES

Click Return to home

Sau đó nhớ close hết các windows và logout khỏi cpanel

CHÚ Ý: Tới đây, coi như đã có 1 empty database

- Password không có prefix, mình cho như thế nào, nó đúng như vậy

- Step 4: Install joomla

Bắt đầu bằng domain name, nhớ là root directory khác với subdirectory nghen

Ví dụ tôi muốn install vào domain name http://gdvbdl.org/ và tôi đã làm đúng các bước trên là upload tất cả các files và directories của joomla lên đó và đã create 1 empty database rồi

Tôi chỉ cần chạy Internet Explorer hoặc FireFox và type vào chỗ address như sau:

Các bác thấy chỗ address tôi type vào đó là http://gdvbdl.org/installation/index.php Tôi chọn English như là language để install

Các bác có thể chọn Language Vietnamese

Joomla sẽ check xem server của mình, nếu làm tại nhà, hoặc ở web hosting xem có đủ PHP và

MySQL không, nếu không, các màu đỏ hay vàng sẽ thay cho các màu xanh, và như thế, các bác phải liên lạc với web hosting và yêu cầu họ turn on PHP và MySQL cho mình dùng

Hình tới là license, just click next, đọc làm gì cho mệt

Tới đây quan trọng nè, các bác nhớ type vào cho đúng:

Trang 11

- Database type : chọn MySQL

- Host name : cho localhost

- username : đây là database username đó các bác, nhớ cho prefix và username của mình cho đúng

- password : không có prefix

- database name : cho đúng prefix và database name

Xong click NEXT

Mục FTP, juct mark NO và click NEXT

Site name, các bác cho web site name (domain name )

Điền vào các ô trống bên dưới

Install sample data : cái này các bác nào mới thì nên mark và click vào button đó, nó sẽ install sample data để mình dễ diểu cách làm và tôi sẽ dùng các sample này để chỉ các bác

Tới đây coi như là xong phần installation, các bác vào web site của mình và delete directory

installation đi

Tôi đã delete installation directory !

Sau khi delete installation directory, chúng ta có thể vào web site vừa install joomla

http://xcafe.gdvbdl.org/

Hoặc vào administation panel bằng cách type: http://xcafe.gdvbdl.org/administrator/

Phần tới chúng ta sẽ thay template mà chúng ta muốn, và chúng ta sẽ học cách design SECTION, CATEGORY của JOOMLA

(Còn tiếp)

(Tiếp theo)

Nếu bác nào xài web hosting mà nó cho free joomla thì việc cài joomla quá dễ dàng, các bác login vàocpanel rồi chọn program mà web site đó cho để cài joomla

Nếu ai xài của webhostingpad.com thì làm như sau:

Trong Cpanel, chỗ Sofware/Services, click vào program Fantastico De luxe như trong hình:

Trang 12

Click vào joomla 1.5 chỗ Content Management bên trái và click vào new installation bên phải

Installation on domain, các bác chọn domain của mình, nếu cài vào root directory thì để trống chỗ install in directory, nếu muốn caì vào sub directory thì cho tên directory vào Tiếp tục điền vào các chi tiết đầy đủ rồi click button install joomla 1.5

Sau cùng click Finish Installation button

Nếu có gì trở ngại, vẫn có thể dùng manual installation như trên

-Bước kế tiếp mình sẽ thay đổi template hay hình thức trình bày trang web của mình Các bác vào đây lựa 1 trong các templates cho không Các bác nhớ chỉ chọn các templates cho joomla 1.5.x đừng chọn templates cho 1.0.x nó không dùng được đâu

C:\WWW\templates\siteground-j15-53\

trên web hosting thì giống trong hình sau:

Nào login vào administrator panel bằng cách type vào chỗ address của browser:

http://xcafe.gdvbdl.org/administrator/

type user name thường là admin và password

Trang 13

Các bác nhớ lại hình này và nhớ lại password cho admin ngheng.

Đây là cái panel (back end) cho administrator

Các bác click vào extensions và click vào template manager

Vào template manager, các bác thấy default của nó là rhuk_milkyway và beez, và cái template mà mình mới download và upload lên là siteground-j15-53 Các bác thử click vào beez và click vào default icon bên góc phải, rồi click preview bên góc phải

Nó sẽ cho các bác template beez (mấy con ong) Các bác close cái đó lại và trở về administrator panel,các bác click siteground-j15-53 rồi click default,

Sau đó click preview, các bác sẽ thấy cái web site của mình, hay front end giống như sau:

Như thế các bác có thể tự thay templates as many and whenever các bác muốn

Sơ lại về templates :

Templates họ cho free, có thể mua và templates có thể tự mình sửa chữa theo ý muốn Hình thức của templates được trang điểm bởi các modules mà tôi sẽ hướng dẫn sau, bây giờ các bác chỉ cần nhớ là templates có cái cố định, fixed, tức là dù ở màn ảnh nào, nó cũng có chiều ngang như vậy không thay đổi Còn các templates di động, fluid, thì nó thay đổi chiều ngang theo màn ảnh mà mình có Ví dụ templates tôi đang xài ở http://gdvbdl.org/ là fluid, co giãn theo màn ảnh

Đó là hình thức của web site, tùy theo templates mình dùng và các modules mình sẽ cho thêm vào sau này mà nó khác nhau chút đỉnh về hình thức Còn nội dung, content, thì joomla được design như sau:

- Joomla content được chia ra làm SECTION, và CATEGORY Mình có thể có bao nhiêu SECTION cũng được và trong một SECTION, mình có thể có bao nhiêu CATEGORY cũng được, và dĩ nhiên trong một CATEGORY mình có thể có bao nhiêu ARTICLE cũng được Như thế ARTICLE là các bàiviết, bản nhạc, hoặc tấm hình đều được coi là 1 ARTICLE

Các bác login vào administrator panel (back end) để chúng ta cùng nghiên cứu SECTION,

CATEGORY, và ARTICLE

Hình trên, các bác vào control panel của administrator rồi click vào CONTENT trên menu bar, các bác

sẽ thấy:

- Article Manager: Để mình control: create, edit, delete các articles

- Article Trash: để mình lấy lại các bài đã bị xóa hay mình có thể xóa vĩnh viễn các bài này

- Section Manager: để mình control: Create, edit, delete các Section

Trang 14

- Category Manager: để mình control: Create, edit, delete các Category.

- Front Page Manager: để mình control các bài ở trang chính

Các bác click vào Section Manager:

Chúng ta thấy có 3 sections: About Joomla, News, và FAQs

- Section About Joomla có 3 categories (nhìn cột cuối cùng trong hình)

- Section News có 2 categories

- Section FAQs có 4 categories

Các bác click vào CONTENT và click vào Category Manager:

Các bác sẽ thấy 9 categories như trong hình và category nào thuộc về section nào trong cột cuối cùng bên phảị

Bây giờ các bác chia ra :

- Category: Thông báo

- Category: Góp ý xây dựng, giải đáp thắc mắc

IV- TẠO FRONT PAGE :

Front page là trang chính của web site Từ trang chính này chúng ta có các MENU và trong các MENU này chúng ta có các ITEM để người xem vào đúng trang mà mình muốn Các bác click vào CONTENT và click vào Front Page Manager

Các bài viết ở Front Page đều nằm ở Front Page Manager

Trang 15

Chúng ta thấy có:

- 3 articles thuộc về Section News trong Category Latest

- 1 articles thuộc về Section FAQs trong Category General

- và 1 article thuộc về Section FAQs trong Category Current Users

Bây giờ chúng ta delete một số article ở Front page ngheng

Các bác mark vào cái ô vuông bên cạnh title rồi unmark ô vuông chỗ welcome to Joomla! để xem Front page sẽ như thế nào Các bác click vào REMOVE icon ở hàng icons

Đó là cách xoá (remove, delete) các article ở Front Page Muốn xoá các article ở các section khác thì làm sao?

Các bác click vào CONTENT rồi click Article Manager

Chỗ Select Section, các bác chọn About Joomla!

Đây là tất cả các articles của Section About Joomla! không cần biết nằm trong Category nàọ

Các bác thấy dấu X đỏ ở cột Front Page không? Các article nào nằm ở Front page sẽ mark dấu xanh, còn dấu đỏ là không nằm ở Front Pagẹ Các bác Mark vào chỗ ô vuông bên cạnh Title, rồi click Trash trên cùng bên phảị

Tiết tục xoá các bài sample của joomla, các bác lại chọn Section FAQs rồi mark vào ô vuông ở chỗ Title rồi click Trash để xoá

Section News cũng làm vậy chỉ chừa lại article Welcome to Joomla! có mark dấu xanh ở Front Pagẹ

Sau khi xoá hết, các bác click vào Preview ở bên phải trên cùng

Nào Web site bây giờ của http://xcafe.gdvbdl.org/ sẽ giống như thế này với article Welcome to Joomla! còn ở lại Front page, còn tất cả gone

Front page còn lại toàn là Menu và các Modules

Bước kế tiếp ta sẽ xoá các Menu này

Trang 16

REMOVE MENU ITEMs

Menu ở Front page là các Module, tại sao gọi là module và module là gì thì chúng ta để đến bài component, module, plugin hãy tìm hiểu kỹ hơn Bây giờ mình tập xoá các menu nào mình không muốn

Các bác login vào back end, administrator control panel

Các bác click vào MENU sẽ thấy như sau:

- Menu Manager: để mình create, edit, và delete các menu

- Menu trash: để mình lấy lại các menu lỡ bị xóa, hoặc vĩnh viễn xóa các menu nàỵ

Bên dưới chúng ta thấy có 6 menu và cái hoa thị (asterisk) ở chỗ Main Menu, đó là default MenụChúng ta tập xóa 3 trong 6 menu này Các bác click vào Menu Manager

Chúng ta sẽ giữ lại:

- Main Menu: Menu chính

- User Menu: để users login

- Top menu:

còn 3 menu kia chúng ta sẽ xoá vì không cần thiết

Các bác mark vào ô tròn bên cạnh Key concept rồi click icon Delete như trong hình

Các bác click Delete lần nữa Nó sợ mình lỡ tay Lỡ thì cho lỡ luôn phải không các bác?

Các bác tiếp tục delete menu Examples pages, và menu Resouces cho đến khi chỉ còn 3 menu như hình dưới

Và bây giờ, click Preview để xem Front Page còn lại gì

Bên trái còn lại module MAIN MENU, module LOGIN FORM và bên phải là Module POLLS, Module WHO'S ONLINE, và module ADVERTISEMENT[/quote]

REMOVE MODULEs

Các MENU đều là các module và có thể nói trừ các article ở front page, tất cả các cái gì được trình bày

ở Front Page đều là Module như POLLs, WHO'S ONLINE, ADVERTISEMENT đều là các modules, muốn control các modules này, các bác vào administrator panel rồi click vào EXTENTIONS rồi click Module Manager

Trang 17

Các bác còn nhớ cái Extentions Menu này chứ? nó cho mình:

- Install/Uninstall các component, module, plugin mà tôi sẽ chỉ các bác download free sau để có thể play music, play video, v.v

- Module Manager là để enable/disable các modules

- Plugin manager cũng vậy, tôi sẽ chỉ plugin saụ

- Templates Manager các bác đã thử qua rồi

- Language Manager để mình có thể thay ngôn ngữtiếng Anh hay bất kỳ tiến gì như tiếng Việt chẳng hạn, có điều sau khi tôi install tiếng Việt, tôi change qua tiếng Việt, tôi đọc không hiểu gì cả, nên để English là chính

Các bác thấy trong này nó cho mình nhiều modules không? Các modules này rất quan trọng để làm joomla Nếu các bác lỡ delete module nào, nên reinstall lại cho đủ vì các modules mình đều cần và mình còn phải download nhiều free module ở trên internet nữa Các bác thấy cột Enable không? nnếu

nó mark đỏ, tức là disable module đó Nếu nó mark xanh là Enable module đó Bây giờ mình mark đỏ bằng cách click vào POLLs và ADVERTISEMENT để disable hai modules nàỵ

Tôi đã xóa cả article Welcome to Joomla!, các bác thử xoá một mình xem sao, và coi cái Front page bây giờ của mình ra sao?

Các bác thích thay hình cô gái thành bà xã, người yêu hay bồ nhí thì chuẩn bị Photoshop nghen

- Thêm vài ý về modules :

Các bác vào Module Manager thấy các cột như Access level là public hay registered để nếu mình muốn module đó public hay chỉ có ai register thì mới thấy module đó Rồi position ở bên trái, bên phải, bên trên,bên dưới hay các chỗ nó gọi là user1, user1, user2, user3 các bác thử enable, disable các module trong này, rồi cho nó ở các position khác nhau xem nó nằm ở đâu Rồi module còn được xuất hiện ở trang chính, hay các trang nào, hay enable nhưng không cho xuất hiện ở đâu cả, hoặc xuất hiện ở mọi trang trong web site của mình

Tóm lại modules giống như các viên gạch để xây cái nhà (web site) của mình vậy Các compnent sau này tôi sẽ chỉ sẽ là các cột để chống đỡ cái nhà này, và các plugin là các tiện nghi, các trang trí

REMOVE ARTICLEs, CATEGORies, SECTIONs

Tiếp tục dọn dẹp sạch sẽ trước khi mình xây dựng cái mới Trước khi chúng ta có thể delete

CATEGORY nào, chúng ta phải delete, remove tất cả ARTICLEs trong CATEGORY đó Chúng ta đãlàm chuyện DELETE các ARTICLEs trong các bài trước, nhưng nếu chúng ta muốn delete

CATERGORY nào, chúng ta phải DELETE các ARTICLEs của nó completely ngay cả trong TRASH.Bây giờ chúng ta click vào CONTENT rồi click vào Article Trash như trong hình:

Trang 18

Trong Trash Manager, chúng ta click vào cái ô vuông bên cạnh Title (mark nó) rồi click DELETE icontrên góc phải

Nó hỏI lần nữa để confirm mình muốn permenantly delete các articles nàỵ Chúng ta click Delete button lần nữạ

Bây giờ chúng ta có thể delte CATEGORY Click vào CONTENT rồi click Category Manager, Mark như trong hình, rồi click Delete

Cũng vậy, muốn delete SECTION Click vào CONTENT rồi click Section Manager, Mark như trong hình, rồi click Delete

Chúng ta có thể kiểm sóat lại xem tất cả đã delete sạch sẽ chưa bằng cách click vào CONTENT rồi click Article Manager, Check Category Manager, Check Section Manager

Bài tới, chúng ta bắt đầu build cái web site.[/quote]

Khu vực thứ hai là Metadata Settings, chúng ta điền vào chỗ:

- Global Site Meta Description: Chúng ta đề bất kỳ cái gì chúng ta muốn

- Global Site Meta Keywords: Chỗ này quan trọng vì tất cả search engine như Google sẽ tìm những keywords trong này VÍ dụ chúng ta muốn ai search trên google chữ xcafe, hay xcachon, hoặc xcachuathì mình cho các key words này vào đây, cách nhau bằng dấu phẩy (comma)

Nhớ mark YES chỗ Show Title Meta tag và Show Author Meta Tag

Trang 19

Tab thứ hai là system, không cần sửa gì cả

-CREATE SECTION, CATEGORY :

Tới đây, có lẽ chúng ta quá quen với Administrator Control Panel rồi phải không? Những lần sau, khi nói đến control panel này, tôi sẽ không có hình nữa trừ phi cần thiết

Muốn create SECTION, chúng ta click vào Section Manager hay click vào CONTENT trên Menu bar rồi click vào Section Manager đều được

Trong Section Manager, chúng ta chưa có gì cả Click vào NEW icon trên góc phải

Vào Section [New]

- chỗ Title, chúng ta điền vào Section mà chúng ta muốn đặt tên, tôi ví dụ XCAFE

- Chỗ Alias: không cần điền gì cả, program tự động cho Alias name

- Published: mark YES

- Chỗ Access Level: chúng ta chọn Public (công cộng, chung) để mọi người đều thấy Registered level

là khi nào mình chỉ muốn các người nào register vào web site của mình mới đọc được hay nhìn thấy, như có programs nào để share cho nhau chẳng hạn thì người không register sẽ không thấy

Xong click SAVE icon trên góc phải

Check lại chúng ta sẽ thấy Section Manager có 1 Section name XCAFE và qua cột Published mark

Trang 20

xanh, Access Level là Public, và Category chưa có.

Muốn Create CATEGORY, chúng ta click vào Category manager ở Control panel, bâY giờ chưa có gì cả

Click New để create Category

Trong Category [New]:

- Chỗ Title: Điền vào tên gì mình muốn, ví dụ Thế giới (tin tức thế giới) chẳng hạn

- Chỗ Alias: để trống

- Chỗ Published: Mark YES

- Chỗ Section: chọn XCAFE mà chúng ta vừa create

- Access Level: Chọn Public

Nhớ click SAVE Chúng ta click New và làm tiếp vài Category nữa tùy theo ý muốn, và sau cùng chúng ta có 5 Categories như sau:

Check lại Section xem có đúng không

Chúng ta thấy cột Category có 5 Category

Bài tới sẽ viết ARTICLE

Trang 21

- Chỗ Section: Chọn XCAFE

- Published: mark YES

- Front Page: Nếu mình muốn cho nó ra Front Page thì mark YES, còn không thì mark NO

- Category: Chọn Thế giới

Kiếm bài nào đó trên internet COPY and PASTE vào (thực tập mà)

Muốn insert hình từ web site nào đó thì click vào icon mà tôi mark Click to insert picture here (đúng raphải đề click here to insert picture)

Nó pop up cho mình cái windows để mình cho cái URL của tấm hình vào, rồi click update button

Cái đường ngang dưới chữ Thị trường tự do là do click vào Read more button bên dưới chỗ có ba cái button Images, Page Break và Read More đó

Nếu mình tự upload hình lên web site của mình hay server ở nhà của mình mà không dùng hình của server nào đó trên internet thì click vào Images button, nó sẽ cho cái windows dưới đây để mình upload và insert hình vào article của mình

Bên phải, check ngày tháng nào mình muốn nó publish, ngày giờ này ảnh hưởng vào cái time zone màmình setup ở Global Configuration Access level cho.n Public để mọi người đều đọc được Click SAVE icon trên cùng góc phải sẽ được 1 article đầu tiên

Tiết tục click New và cho các articles vào rồi muốn coi thử xem nó xuất hiện ngoài Front Page như thế nào thì click Preview trên cùng góc phải

Điều chỉnh Front Page theo ý muốn :

Sau khi post 1 lô bài (articles) Nhìn ra Front Page đôi khi mình muốn thay đổi như cách trình bày chẳng hạn, mình vào Menus > Main Menu

Trong Menu Item Manager chỉ có 1 item là Home Mark vào ô vuông bên cạnh Home rồi click Edit

Trang 22

icon trên góc phải.

Bên trái mình không cần sửa, nhìn qua bên phải chỗ Parameters - Basic:

- Chỗ Leading (article) để 1 tức là 1 article cho leading

- Chỗ Intro (introduction) là 4 articles

- Columns: default của nó là 2, tôi sửa lại thành 1 column ở Ffront Page thôi

- Links: là cac link đến các previous articles (dẫn đến các bài cũ)

Chúng ta sửa theo ý muốn

Page Title có thể change theo ý mình Cho nó display hay không

Sau cùng nhớ click SAVE lại ngheng

Nào click Preview để xem Front page có đúng ý mình chưa Bài tới sẽ làm menu items

(Còn tiếp)

CREATE MENU ITEM :

Chúng ta bắt đầu thực tập create menu item trong Main menu module

Nào chúng ta click vào MENUs rồi click vào Main Menu:

Trong Main Menu, mới có duy nhất 1 item là Home Click New để create new item:

Trong Menu Item này, việc đầu tiên chúng ta phải Select Menu Item type:

Trang 23

Menu item type này quan trọng là hai cái đầu:

- Internal link: là link vào các Section, Category, Article trong web site của mình

- External link: là link ra ngoài web site của mình đến các web site khác

Bây giờ chúng ta thực tập internal link trước CLick vào Internal link nó sẽ cho như sau:

Internal link đầu tiên là các articles, các articles được chia ra như sau:

- Archieve Article List: là list của các Articles mà mình mark Archieve ở Article Manager Khi mark Archieve thì Article đó không còn published nữa, nhưng vẫn được lưu trữ trong database, chứ không vào Trash Nếu mình muốn làm 1 cái list các archieved articles thì click vào đây để chọn

- Article layout hay Article submission layout là cái editor cho registered users dùng để post bài

- Category có Category Blog layout giống như Front Page Blog layout Category List layout nó cho chúng ta cái list của các articles title Chúng ta sẽ thực tập chọn Category Blog layout và Category Listlayout trong bài nàỵ

- Front Page chỉ có 1 là Home item đó

- Section: Section cũng có BLog layout và list layout

Nào chúng ta click vào Category Blog Layout cho menu item type nàỵ

Dù chúng ta chọn type nào, chúng ta vẫn có quyền change type sau này bằng cách click vào CHange Type button ở chỗ Menu Item Type CHúng ta vừa chọn Category Blog type cho menu item này

- Chỗ Title, chúng ta type vào Thế Giới cho Category Thế giới

- Chỗ Display in, chúng ta chọn Main Menu Sau này chún gta sẽ có nhiều Menu nên phải chọn cho đúng Menu nào

- Chỗ Parent Item, chúng ta chọn Top Nếu chúng ta click vào Home, thì item sẽ nằm trong sub menu của Home Chúng ta không muốn điều này nên chúng ta chọn Top Như thế item menu Thế giới sẽ ngang hàng với item Menu Home

- Published: YES

- Access level: Public

Bên Phải chỗ Parameter - Basic chọn Section XCAFE, Category Thế giới (XCAFE/Thế giới)

Các parameter bên dưới tôi đã giải thích trong các bài trước rồi

Nhớ click SAVE lại

Trang 24

Bây giờ trong Menu Item Manager [Main Menu] đã có 2 menu items là Home và Thế giới.

Click vào Preview rồi click vào menu item Thế giới để xem nó ra sao

Chúng ta để ý thấy gì? Bên trái, Menu Login Form biến mất và bên phải WHO'S ONLINE biến mất Nếu chúng ta thích như vậy thì không cần làm gì cả Nếu chúng ta muốn nó có đầy đủ Login Form bêntrái và WHO'S ONLINE bên phải thì trỏ về control panel, click Extensions > Module Manager

Trong Module Manager, nhìn xuống Module Login Form, click vào chữ Login Form hay mark vào ô vuông bên trái Login Form rồi click Edit icon trên góc phải

Chỗ Menu Selection, mark thêm Thế giới để Login Form hiện ra khi người vào coi click vào Thế giới

Nhớ click SAVE lại rồi click Preview để coi

Bây giờ Login Form đã hiện ra khi mình click vào Menu item Thế giới

Trở lại Module Manager, chúng ta click vào WHO'S ONLINE module

Module này mình chọn ALL cho nó xuấ thiện trong tất cả mọi trang web của mình

Nhớ là sau này nếu chúng ta không thích, vẫn có thể trở vào Module Manager và chọn ALL, NONE, hoặc Selection từng Menu items một CLick SAVE, click Preview để xem Click Thế giới trong Mani menu Wow! module WHO'S ONLINE đã hiện ra như ý muốn

Bây giờ ví dụ chúng ta không thích Login Form hiện ra ở Thế Giới thì chúng ta quay trở lại Module Manager, click Login Form và remove mark ở Thế giới, chỉ để lại Home thôi Click SAVE, click

Trang 25

Preview, rồi click Thế giới Login Form không còn nữa.

Chúng ta vào Menus >Main Menu rồi click New để làm thêm Menu item trong Main Menu module:

- Title cho Menu item này, chúng ta chọn Type là Category List Layout và dùng Category Nhạc để listcác bản nhạc CHúng ta type Nhạc vào chỗ Title Bên phải chọn XCAFE/Nhạc

Click vào Paramenter - Advenced, chúng ta chọn Title - Alphabetical để khi chúng ta cho nhạc vào, nó

sẽ sort theo thứ tự Title cho chúng ta

Chỗ Parameter - Component, chúng ta cho nó hide author name, creation date, modify date đi vì không cần

Click SAVE lại, click Preview và click vào Main menu item Nhạc xem sao Wow! có cái list nhưng chưa có bản nhạc nào cả

CREATE NEW MENU module :

Trước khi chúng ta create cái Menu mới, chúng ta thực tập xóa bỏ (delete, remove) menu trước Click vào MENUs chúng ta thấy có Main Menu (đang dùng), User menu (cần thiết cho user login sau này)

và Top Menu

Chúng ta sẽ xoá cái Top Menu này đi bằng theo thứ tự sau:

1- Xóa Top Menu module trước: Click vào Extensions > Module Manager

Chúng ta tìm xem Top Menu module nằm ở đâu, mark vào chỗ ô vuông bên trái của Top Menu module, rồi click Delete icon

2- Xóa Top Menu ở Menu Manager: CLick MENUs > Menu Manager rồi mark vòng tròn bên trái Top Menu, click Delete icon

Trang 26

Click delete lần nữa để confirm

3- Vào MENUs > Trash Manager: Mark vào ô vuông bên trái của Name rồi click Delete

Click delete to confirm

Bây giờ chỉ còn lại hai menus là Main Menu và User menu Click New to create a new menu

Trong Menu [New]

- Chỗ Unique name: không được có SPACE (khoảng trống), viết dính liền TrangLienLac

- Các chỗ khác viết thoải mái, nhớ Module name để chúng ta vào Module Manager còn setup module này theo ý muốn Nhớ là các Menu đều là Module

Click SAVE lại và chúng ta thấy có 3 menu như sau:

Vào Module Manager, tìm Trang Liên lạc,

click vào trang Liên lạc để edit

Menu quan trọng ở chỗ Position mình muốn nó bên trái, bên phải và còn tuỳ theo Templates mà nó cho Top hay không cho, các position user1, user2, user3, cũng vậy Nhiều templates nó chỉ cho Menu nằmở bên trái (left) hoặc bên phải (right), các position khác nó disable

Access level là Public thì mọi người đều nhìn thấy menu này, nếu registered thì chỉ registered users mới thấy

Trang 27

Click SAVE và view xem Menu đó có nằm đúng chỗ mình muốn hay không? Nếu chưa đúng chỗ, chỗModule Manager, position Left, chúng ta có thể Order theo number 1,2,3,4 rồi click vào icon SAVE

để SAVE cái thứ tự đó lại

Click preview xem đúng ý chưa? Nếu đã hài lòng với thứ tự của Menu rồi, giờ chúng ta create a new Menu item cho Menu Trang Liên Lạc này Click vào MENUs > Trang Liên Lạc

- Type chúng ta sẽ chọn External Link

- Title đề x-cafevn.org để link vào diễn đàn này

- Chỗ Link, cho cái URL của x-cafevn.org vào

Bây giờ Trang Liên Lạc Menu có 1 Menu item là X-cafevn.org

Click Preview và click vào Menu item X-cafevn.org ở Trang Liên Lạc Menu sẽ cho chúng ta qua diễn đàn này

DOWNLOAD & INSTALL FREE PLUGIN :

Chúng ta vào web site này để download free component, module, plugin:

http://extensions.joomla.org/

Đây là definition cho các extensions: component, module, plugin,

Đây là khu vực để download:

Chúng ta thực tập download 1 plugin để play MP3 thật đơn giản bằng cách click vào Audio players & Gallery dưới mục Images & Multimedia

Trang 28

Chúng ta cần nhớ 3 yếu tố này trước khi download:

1- Phải là version cho Joomla 1.5.x Version 1.0.x sẽ không được vì engine của joomla 1.0.x khác version 1.5.x

2- Phải là GPL Ver 2.0

3- Phải là non-commercial để khỏi tốn tiền mua thôi chứ nếu mua thì mua commercial

Dù là download free, mình nên đọc review 1 chút Cái nào mà người ta chê quá mà mình download xuống mất công thôi

Nào chúng ta click vào chỗ download của cái 1 PixelOut Audio Player V1.5.1 for Joomla 1.5 only

Nó cho chúng ta qua trang này, chúng ta xuống chỗ zip file của nó để download

Download xuống hard-dish của mình xong, chúng ta vào administrator control panel và click Extensions > Install/Uninstall

Click vào Brown button

Chọn zip file vừa download trong computer của mình

Trở lại Extension Manager, click upload file & install

Sau khi successfull install, click vào Extensions > Plugin Manager

Chỗ Content - 1pixeloutplayer mark đỏ Click vào mark đỏ để enable it, thành màu xanh như hình

Trang 29

Bây giờ chúng ta sẵn sàng để làm cái category list cho menu item Nhạc ở Main Menu Click

CONTENT > Article Manager rồi click New để create new article

- Front Page: YES luôn cho nó ra ngoài Front Page cho bà con thưởng thức

Bây giờ cái code viết như sau:

{audio} là cái tag để joomla biết là phải dùng plugin 1pixelout player để play music Nếu muốn nó tự động play thì dùng tag {audio autostart}

Tiếp đến là URL (link) tới bản nhạc bất kỳ ở đâu, ví dụ

http://gdvbdl.org/joomla/images/stor _hongnhung.mp3 là bản nhạc trên web server của tôi Nếu tôi làm trên web của tôi thì tôi có thể bỏ http://gdvbdl.org/joomla đi chỉ còn

images/stories/audio/diemxua_hongnhung.mp3 cũng được vì 1pixeloutplayer biết là sub-directory của joomla

Đóng cái tag lại bằng {/audio}

Như thế complete syntax cho bản nhạc là:

Chúng ta có thể làm bao nhiêu bản nhạc cũng được, nó sẽ cho vào Category list Nhạc tự động

Hẹn các bác trong bài tới sẽ download và install module, component

(Còn tiếp)

Ngày đăng: 14/09/2013, 22:11

HÌNH ẢNH LIÊN QUAN

Các bạn điền đầy đủ các thông tin có trong bảng đăng ký. - biến pc của bạn thành internet server or theo dõi camera từ xa
c bạn điền đầy đủ các thông tin có trong bảng đăng ký (Trang 39)
Đăng ký thành công các bạn được như hình trên. - biến pc của bạn thành internet server or theo dõi camera từ xa
ng ký thành công các bạn được như hình trên (Trang 40)
Sau khi điền xong các bạn có như hình. - biến pc của bạn thành internet server or theo dõi camera từ xa
au khi điền xong các bạn có như hình (Trang 55)
Chọn mục net work như hình. - biến pc của bạn thành internet server or theo dõi camera từ xa
h ọn mục net work như hình (Trang 57)
Vậy là ta đã cấu hình xong một camera. - biến pc của bạn thành internet server or theo dõi camera từ xa
y là ta đã cấu hình xong một camera (Trang 59)

TỪ KHÓA LIÊN QUAN

w