Tài liệu TÀI LIỆU HƯỚNG DẪN QUẢN TRỊ WEBSITE ALPHANET WEB SOLUTION pdf

- Thiết kế: đồ họa tĩnh, flash, CSS kết hợp Rich Web Controls - Thiết kế và lập trình theo chuẩn web mới nhất của W3C - Công cụ soạn thảo nội dung FCKEditor sọan thảo ngay trên màn hình

ALPHANET – INTERNET TECHNOLOGY & MEDIA

[www.alphanet.vn]

TÀI LIỆU HƯỚNG DẪN QUẢN TRỊ WEBSITE

ALPHANET WEB SOLUTION

MỤC LỤC

I GIỚI THIỆU CÔNG NGHỆ ALPHANET WEB SOLUTION

II QUẢN LÝ DANH MỤC

III QUẢN LÝ SẢN PHẨM

IV QUẢN LÝ BÀI VIẾT

V QUẢN LÝ NỘI DUNG MULTIMEDIA

VI QUẢN LÝ FILE

VII QUẢN LÝ VÀ PHÂN QUYỀN NGƯỜI DÙNG

VIII QUẢN LÝ VÀ CẤU HÌNH WEBSITE

IX MỘT SỐ THỦ THUẬT QUẢN TRỊ NỘI DUNG

I – GIỚI THIỆU CÔNG NGHỆ ALPHANET WEB SOLUTION

I.1 - CÔNG NGHỆ SỬ DUNG

- Công nghệ Lập trình sản phẩm: Server Linux, Ngôn ngữ lập trình PHP5, Cơ sở dữ liệu MySQL5 trên nền tảng Alphanet E-commerce Solution version 3.6.5 của Alphanet

- Thiết kế: đồ họa tĩnh, flash, CSS kết hợp Rich Web Controls

- Thiết kế và lập trình theo chuẩn web mới nhất của W3C

- Công cụ soạn thảo nội dung FCKEditor (sọan thảo ngay trên màn hình quản trị như chỉnh lề, chèn ảnh, chỉnh fonts, màu sắc, attach file video, flash, liên kết, chèn ký tự đặc biệt…)

- Công nghệ lấy tin tự động từ website khác với tính năng thông minh

I.2 – TỐI ƯU WEBSITE

- Mã nguồn trang web được lập trình theo chuẩn web ngữ nghĩa (XHTML, CSS, Javascritp), less

table Đăng ký website trên các Công cụ tìm kiếm phổ biến: Google, Yahoo, Bing, …

- Viết lại đường dẫn (Url rewrite) tự động

- Đặt TITLE tự động theo nội dung trang

- Tùy biến thẻ Meta Description , Meta Keywords cho từng trang bài viết

- Tiêu đề bài viết được bao trong các thẻ H1, H2, H3

- Đánh dấu nội dung hình ảnh

- Định dạng thiết kế trang trên công nghệ CSS

- Tích hợp Google Analytics và bàn giao tài khoản quản lý

I.3 - BẢO MẬT HỆ THỐNG

- Server Linux và Webserver Apache có tính ổn định cao và an toàn về bảo mật

- Chế độ mã hóa: Mã hóa mật khẩu người dùng MD5 kèm các biện pháp cắt xâu ký tự tuyệt đối an toàn

- Chế độ xác nhận mỗi khi người dùng gửi liên hệ hoặc đánh giá sản phẩm chống SPAM

- Website được tối ưu đường dẫn và lập trình mã nguồn tránh nguy cơ SQL Injection và Cross-site sripting, …

- Website được xây dựng trên công nghệ có bản quyền của Alphanet Chúng tôi không sử dụng các phần mềm nguồn mở (như Joomla, Drupal, ….) để xây dựng Website cho khách hàng

là sản phẩm, tin tức, người dùng, file, ảnh, phim …

Danh mục được tổ chức phân cấp Alphanet cho phép bạn tổ chức danh mục đa cấp Tuy nhiên với nhu cầu cơ bản bạn chỉ cần tổ chức danh mục tối đa là 3 cấp giúp khách hàng tiện theo dõi nội dung trên website

Hệ thống cho phép bạn tạo mới/ thay đổi/ xóa sửa, thay đổi thứ tự danh mục dễ dàng Bạn lưu ý, để xóa danh mục khỏi hệ thống, bạn cần xóa các danh mục con và nội dung bên trong nó trước khi thực hiện xóa danh mục đó

Nội dung của Website được phân loại và tổ chức vào các danh mục sau:

- Danh mục bài viết: chứa các bài viết , tin tức

- Danh mục nội dung tĩnh: chứa các thành phần nội dung ít thay đổi trên website (như nội dung chân trang, thông tin hướng dẫn mua hàng, chính sách kinh doanh)

- Danh mục File: chứa file upload

- Danh mục Multimedia: chứa banner, quảng cáo, video, ảnh background, …

- Danh mục người dùng: giúp tổ chức thành viên quản trị hệ thống và khách hàng vào các nhóm

Đối với Website bán hàng, hệ thống bổ sung

- Danh mục sản phẩm: chứa sản phẩm

- Danh mục hãng sản xuất: chứa danh sách hãng sản xuất / thương hiệu sản phẩm

Đối với Website du lịch, hệ thống bổ sung

Một số hình ảnh minh họa về quản lý danh mục

Hình ảnh: Danh sách danh mục

Hình ảnh: Tạo mới danh mục

Hình ảnh: Xác nhận bạn có chắc chắn muốn xóa danh mục hay không

III - QUẢN LÝ SẢN PHẨM

Chức năng quản lý sản phẩm của Alphanet E-commerce Solution cho phép người dùng:

 Phân nhóm đa cấp danh mục sản phẩm Không giới hạn số lượng danh mục cấp con và số lượng sản phẩm trong danh mục

 Hỗ trợ người dùng quản lý và trình bày sản phẩm theo danh mục Người dùng dễ dàng duyệt danh mục sản phẩm để xem danh sách sản phẩm trong đó Hiển thị thông tin tóm lược về sản phẩm bao gồm: tên, ảnh đại diện, giá bán, thứ tự, thuộc tính

 Thêm, xóa, sửa sản phẩm nhanh chóng, thuận tiện

 Hỗ trợ sao chép, di chuyển sản phẩm giữa các danh mục Sắp xếp thứ tự sản phẩm trước sau linh hoạt, dễ dàng

 Hỗ trợ đặt thuộc tính sản phẩm đa dạng giúp tùy biện hiển thị sản phẩm trên các trang giao diện người dùng

 Cho phép đăng nhiều ảnh liên quan tới sản phẩm

 Hỗ trợ cập nhật giá bán thuận tiện, linh hoạt thông qua nhiều hình thức

o Cập nhật giá hàng loạt qua giao diện quản trị website Hỗ trợ cập nhật giá VNĐ, hoặc USD

o Cập nhật giá hàng loạt qua tệp Excel (tính năng chỉ có trong phiên bản cao cấp)

Một số hình ảnh minh họa về quản lý sản phẩm

Hình ảnh: Danh sách sản phẩm

Hình ảnh: Nhập sản phẩm mới

IV - QUẢN LÝ BÀI VIẾT

Chức năng quản lý bài viết (tin tức) của Alphanet Web Solution cho phép người dùng:

 Phân nhóm đa cấp danh mục bài viết Không giới hạn số lượng danh mục cấp con và số lượng bài viết trong danh mục

 Hỗ trợ người dùng quản lý và trình bày bài viết theo danh mục Người dùng dễ dàng duyệt danh mục bài viết để xem danh sách bài viết trong đó Hiển thị thông tin tóm lược về bài viết bao gồm: tiêu đề, ảnh đại diện, ngày đăng, thứ tự, thuộc tính

 Thêm, xóa, sửa bài viết nhanh chóng, thuận tiện

 Hỗ trợ sao chép, di chuyển bài viết giữa các danh mục Sắp xếp thứ tự bài viết trước sau linh hoạt,

o Khi upload hình ảnh sử dụng FCKEditor, chú ý tạo các thư mục chứa ảnh để tiện theo dõi

và quản lý hình ảnh up lên server Thư mục ảnh có thể phân loại theo chủ đề (ví dụ:

hoi_thao, hoat_dong, tin_tuc, …), ngày tháng (2010, 2011, 2012, ….)

Một số hình ảnh minh họa về quản lý, viết bài

Hình ảnh: Danh sách bài viết

Hình ảnh: Cập nhật bài viết

Hình ảnh: Trình soạn thảo nội dung FCKEditor

V - QUẢN LÝ NỘI DUNG MULTIMEDIA

Nội dung Multimedia được hiểu là:

- Banner, quảng cáo trên website ở dạng hình ảnh (png, jpg, gif, …)

- Banner, quảng cáo trên website ở dạng video (flash, hoặc các định dạng film khác)

- Các siêu liên kết (hyperlink)

Chức năng quản lý nội dung multimedia của Alphanet Web Solution cho phép người dùng:

 Đăng tải các banner quảng cáo nhanh chóng, thuận tiện, theo các khu vực nội dung được định sẵn

trên trang giao diện ngoài

 Phân nhóm quảng cáo, banner để hiển thị trên giao diện website linh hoạt Cho phép đặt/thay đổi

các banner, hình ảnh… lên các vị trí phù hợp của trang web

 Quảng cáo và Banner có định dạng hình ảnh (gif, png, jpg, …) hoặc flash (swf) Thuận tiện và

linh hoạt để làm chương trình khuyến mãi bán hàng

Hình ảnh: Danh sách banner quảng cáo

VI - QUẢN LÝ FILE

Chức năng quản lý file của Alphanet Web Solution cho phép người dùng:

 Phân nhóm danh mục file Không giới hạn số lượng file trong danh mục

 Hỗ trợ người dùng quản lý và trình bày file theo danh mục Người dùng dễ dàng duyệt danh mục file để xem danh sách file trong đó

 Thêm, xóa, sửa file nhanh chóng, thuận tiện

 Hỗ trợ đặt thuộc tính file đa dạng giúp tùy biện hiển thị sản phẩm trên các trang giao diện người dùng

Hình ảnh: Danh sách file

Hình ảnh: Cập nhật file

VII - QUẢN LÝ VÀ PHÂN QUYỀN NGƯỜI DÙNG

Bạn cần phân biệt các thuật ngữ sau trước khi có thể quản lý người dùng website

- Admin: Là người quản trị website có quyền hạn cao nhất Khi triển khai tại các doanh nghiệp,

Admin thường là giám đốc công ty, hoặc giám đốc bộ phận Marketing

- Quản trị viên: là những người cùng Admin quản lý website nhưng chỉ được giao một số quyền sử

dụng nhất định đối với hệ thống

- Hỗ trợ trực tuyến: Là những thành viên không có quyền quản trị website, nhưng có quyền hỗ trợ

khách hàng sử dụng website Phương thức hỗ trợ thông qua số điện thoại, nick chat yahoo, nick skype được đặt trên trang ngoài của website

- Khách hàng: những người truy cập, tìm kiếm, giao dịch với công ty thông qua website

- Quyền: Là quyền thao tác (xem/ tạo mới/ sửa/ xóa) với một loại nội dung trong website (bài viết,

sản phẩm, banner quảng cáo, ….)

- Nhóm quyền: Là tập hợp các quyền sử dụng website được Admin tạo ra và gán cho quản trị viên

Nhóm quyền tương ứng với Phòng ban trong doanh nghiệp

Giới thiệu chức năng quản lý người dùng của Alphanet Web Solution:

 Mặc định hệ thống có 01 thành viên duy nhất là Admin Admin là người có toàn quyền quản trị website

 Danh sách người dùng được phân loại theo các danh mục: quản trị hệ thống, hỗ trợ trực tuyến, khách hàng

 Admin kiểm soát thành viên sử dung hệ thống bằng cách tạo ra các quản trị viên, các thành viên hỗ trợ khách hàng và phân bổ vào danh mục tương ứng Khi không đủ thời gian quản lý website, Admin có thể tạo ra các nhóm quyền và các quản trị viên để quản lý website cùng mình

Lưu ý:

- Trang quản trị của website có địa chỉ: http://[tên miền của website]/admincp

- Nếu bạn là Admin, hãy thay đổi mật khẩu sau lần đầu đăng nhập Alphanet không chịu trách

nhiệm khi nội dung website bị thay đổi do lỗi chưa đổi mật khẩu, hoặc Admin bị mất mật khẩu

- Nếu bạn bị quên mật khẩu hãy liên hệ với chúng tôi để đặt lại mật khẩu quản trị

- Mật khẩu đăng nhập và các thông tin quan trọng đã được mã hóa nghiêm ngặt do vậy bạn hoàn

toàn yên tâm khi sử dụng sản phẩm Alphanet

Một số hình ảnh minh họa về quản lý người dùng

Hình ảnh: Đăng nhập hệ thống

Hình ảnh: Thay đổi mật khẩu

Hình ảnh: Danh sách người dùng

Hình ảnh: Thêm thành viên

Hình ảnh: Danh sách nhóm quyền quản trị

VIII - QUẢN LÝ VÀ CẤU HÌNH WEBSITE

Module cấu hình Website cho phép quản trị viên tùy biến một số thuộc tính của hệ thống Các tùy biến được phân loại thành các nhóm:

- Cấu hình chung: chứa các cấu hình thiết yếu mà mọi website đều cần tới

- Tối ưu tìm kiếm: chứa các cấu hình trợ giúp cho chức năng quảng bá website qua các máy tìm

kiếm (google, yahoo, ….)

- Nội dung: chứa các cấu hình thiết kế cách thức hoạt động của các module chức năng giao diện

trong website

- Chức năng: Các cấu hình liên quan tới hoạt động của website

Hình ảnh: Cấu hình chung

Hình ảnh: Cấu hình nội dung

Hình ảnh: Cấu hình tối ưu tìm kiếm

Hình ảnh: Cấu hình chức năng (module)

IX – MỘT SỐ THỦ THUẬT QUẢN TRỊ NỘI DUNG

IX.I Upload & chèn Video từ Youtube vào nội dung Website

HƯỚNG DẪN

1 Upload video lên Youtube

2 Lấy liên kết URL của Video và hình ảnh đại diện

THỰC HIỆN

1 Đăng nhập vào tài khoản Youtube

2 Click vào nút Upload

3 Thực hiện Upload

4 Lấy liên kết Url và hình ảnh đại diện

LƯU Ý

Video có thời lượng < 15 Phút

Thủ thuật lấy URL mã nhúng của Video Youtube

- Bước 1: Click vào nút “Share”

- Bước 2: Click vào nút “Embed”

- Bước 3: Copy liên kết mã nhúng

<iframe width="425" height="349" src="http://www.youtube.com/embed/Oh9_t5W6MTE"

frameborder="0" allowfullscreen></iframe>

ID của Video là Oh9_t5W6MTE

ID này giúp lấy ảnh thumbnail của video

http://img.youtube.com/vi/ Oh9_t5W6MTE /0.jpg

Thủ thuật lấy Thumbnail của Video Youtube

How To Download A Thumbnail Image From YouTube

There are a few different ways that you can get thumbnails from a YouTube video, one of which is to use YouTube’s Video API to extract the thumbnail YouTube API responses may contain multiple

thumbnail images for a video, each of which is identified by a <media:thumbnail> tag Creating a call to YouTube to get the video and thumbnail information can take some time and when you are like me and don’t know a think about writing code, then the API is relatively useless For me, I needed a simple way

to pull down a thumbnail and thankfully, there is a simple way to do this

Here is the YouTube URL format that you will need in order to view and download a thumbnail from

a YouTube video:

http://img.youtube.com/vi/VIDEO_ID/#.jpg

… where for the video example above, VIDEO_ID=bQVoAWSP7k4 and # (1,2, or 3) corresponds to one

of the 3 thumbnails that YouTube automatically generates

#2, is the default thumbnail, or the one that the owner ends up choosing for their video

Using this convention, below are the URLs and the thumbnails that I was able to pull off of YouTube for the “wedding proposal” video from Jeremy’s post

1st Thumbnail Image, Small (120×90)

http://img.youtube.com/vi/bQVoAWSP7k4/1.jpg

3rd Thumbnail Image, Small (120×90)

http://img.youtube.com/vi/bQVoAWSP7k4/3.jpg

2nd | Default Thumbnail Image, Small (120×90)

http://img.youtube.com/vi/bQVoAWSP7k4/2.jpg

Default Thumbnail Image, Full-Size (480×360)

http://img.youtube.com/vi/bQVoAWSP7k4/0.jpg

I hope helps