CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề STT 1 Trở về trang chủ 2 Trở về trang chủ 3 Mở tính năng Xem hướng nhà 4 4.1 Mở tính năng bói tình dun 4.2 Mở tính năng ghép đơi facebook 5 Mở tính năng xem lịch âm dương 6 Mở tình năng xem
tài liệu phong thủy
7 Mở Thơng tin giới
thiệu website 8 Tìm trong Website 9 Chọn năm 10 Chọn giới tính nam 11 Chọn giới tính nữ 12 Chọn năm 13 Chọn giới tính nam 14 Chọn giới tính nữ 15 Xem tình dun
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
2.1.4. Giao diện ghép đơi facebook
Hình 44. Giao diện ghép đơi facebook
Bảng 16. Danh sách xử lý ghép đôi facebook
STT Tên Xử Lý 1 Trở về trang chủ 2 Trở về trang chủ 3 Mở tính năng Xem hướng nhà 4 Mở tính năng bói tình dun 5 Mở tính năng xem lịch âm dương 6 Mở tình năng xem
tài liệu phong thủy
7 Mở Thơng tin giới
thiệu website
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
trong Website
9 Chia sẻ thông tin
lên facebook
10 Xem tuổi bạn bè
trên facebook
2.1.5. Giao diện lịch âm dương
Hình 45. Giao diện đổi lịch âm dương
Bảng 17. Danh sách xử lý đổi lịch âm dương
STT Tên Xử Lý 1 Trở về trang chủ 2 Trở về trang chủ 3 Mở tính năng Xem hướng nhà 4 Mở tính năng bói tình dun 5 Mở tính năng xem lịch âm dương
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
6 Mở tình năng xem
tài liệu phong thủy
7 Mở Thơng tin giới
thiệu website 8 Tìm trong Website 9 Xem âm lịch 10 Chọn năm 11 Chọn chức năng đổi
lịch dương sang âm
12 Chọn chức năng đổi
lịch âm sang dương
13 Đổi Ngày
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
2.1.6. Giao diện xem tài liệu phong thủy
Hình 46. Giao diện tài liệu phong thủy
Bảng 18. Danh sách xử lý xem tài liệu phong thủy
STT Tên Xử Lý 1 Trở về trang chủ 2 Trở về trang chủ 3 Mở tính năng Xem hướng nhà 4 Mở tính năng bói tình dun 5 Mở tính năng xem lịch âm dương 6 Mở tình năng xem
tài liệu phong thủy
7 Mở Thông tin giới
thiệu website
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
trong Website 9 Xem chi tiết nội
dung tài liệu
2.1.7. Giao diện xem giới thiệu và thơng tin liên hệ
Hình 47. Giao diện giới thiệu và thông tin liên hệ
Bảng 19. Danh sách xử lý xem giới thiệu và thông tin liên hệ
STT Tên Xử Lý 1 Trở về trang chủ 2 Trở về trang chủ 3 Mở tính năng Xem hướng nhà 4 Mở tính năng bói tình dun 5 Mở tính năng xem lịch âm dương 6 Mở tình năng xem
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
7 Mở Thông tin giới
thiệu website 8 Tìm kiếm tài liệu
trong Website
2.1.8. Giao diện đăng nhập hệ thống quản trị
Hình 48. Giao diện đăng nhập hệ thống quản trị
Bảng 20. Danh sách xử lý đăng nhập
STT Tên Xử Lý
1 Nhập tên tài khoản
2 Nhập mật khẩu
3 Lưu mật khẩu người
dùng
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
2.2. Giao diện và xử lý của admin
2.2.1. Giao diện trang chủ
Hình 49. Giao diện xem trang chủ
Bảng 21. Danh sách xử lý xem trang chủ
STT Tên Xử Lý 1 Trở về trang quản lý 2 Trở về trang quản lý 3 Mở tính năng quản lý tài liệu 4 Mở tính năng quản lý Dữ liệu ngũ Hành
5 Quản lý tài khoản cá
nhân
6 Xem Trang Hướng dẫn
sử dụng website
7 Thao tác với tài khoản
hiện tại(
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
khoản)
2.2.2. Giao diện quản lý tài liệu
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
Hình 51. Giao diện quản lý tài liệu_2
Bảng 22. Danh sách xử lý quản lý tài liệu
STT Tên Xử Lý 1 Trở về trang quản lý 2 Trở về trang quản lý 3 Mở tính năng quản lý tài liệu 4 Mở tính năng quản lý Dữ liệu ngũ Hành
5 Quản lý tài khoản cá
nhân
6 Xem Trang Hướng dẫn
sử dụng website
7 Thao tác với tài khoản
hiện
Xem thông
khoản)
8 Trở về giao diện trang
quản lý
9 Chuyển sang giao diện
trang thêm mới tài liệu
10 Hiển thị danh sách tài
liệu có trong database
11 Xác nhận việc xóa tài
liệu khỏi database
12 Chọn trang muốn xem
13 Nhập mã tài liệu
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
tài liệu
15 Nhập tiêu đề bài viết 16 Nhập nội dung tài liệu
17 Nhập link ảnh
18 Xác nhận việc thêm tài liệu mới
19 Hủy bỏ việc thêm tài liệu mới
2.2.3. Giao diện quản lý dữ liệu ngũ hành
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
Hình 53. Giao diện quản lý dữ liệu ngũ hành_2
Bảng 23. Danh sách xử lý quản lý tài liệu
STT Tên Xử Lý 1 Trở về trang quản lý 2 Trở về trang quản lý 3 Mở tính năng quản lý tài liệu 4 Mở tính năng quản lý Dữ liệu ngũ Hành
5 Quản lý tài khoản cá
nhân
6 Xem Trang Hướng dẫn
sử dụng website
7 Thao tác với tài khoản
hiện tại(
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
khoản)
8 Trở về giao diện trang
quản lý
9 Hiển thị giao diện trang
thêm mới dữ liệu
10 Hiển thị danh sách dữ
liệu ngũ hành có trong database
11 Xác nhận việc xóa dữ
liệu liệu khỏi database
12 Chuyển sang giao diện
sửa đổi dữ liệu ứng với bản ghi được chọn
13 Chọn
muốn hiển thị
14 Nhập năm âm lịch theo
chữ số muốn sửa đổi
15 Nhập năm âm lịch 16 Nhập giải nghĩa 17 Nhập cung nam 18 Nhập mệnh nam 19 Nhập cung nữ 20 Nhập mệnh nữ 21 Nhập năm sinh 22 Nhập tên ngũ hành
23 Xác nhận việc thay đổi
thông tin ngũ hành theo năm sinh được chọn từ Table
24 Hủy bỏ việc thay đổi
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
năm sinh được chọn từ Table
2.2.4. Giao diện đổi mật khẩu
Hình 54. Giao diện đổi mật khẩu
Bảng 24. Danh sách xử lý đổi mật khẩu
STT Tên Xử Lý
1 Nhập mật khẩu cũ
của tài khoản
2 Nhập mật khẩu mới
3 Nhập lại mật khẩu
mới
4 Xác nhận việc thay
CHƯƠNG 3: THI T K PH N M MẾ Ế Ầ Ề
2.2.5. Giao diện phục hồi mật khẩu
Hình 55. Giao diện phục hồi mật khẩu
Bảng 25. Danh sách xử lý phục hồi mật khẩu
STT Tên Xử Lý
1 Nhập lại tên đăng
nhập của tài khoản
2 Nhập số điện thoại
của tài khoản
3 Xác nhận việc phục
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
CHƯƠNG 4 : CÀI ĐẶT VÀ THUẬT TỐN
1. Ngơn ngữ lập trình và hệ quản trị cơ sở dữ liệu
1. 1. Web Application
Hình 56. Mơ hình Web Application
Web Application(Client Server) cần có trình chủ Web(Web server - Hosting) và người
dùng cần có ứng dụng web để triển khai lên nó. Có 2 ứng dụng là Internet(phục vụ cho thế giới) và Intranet(phục vụ doanh nghiệp hay số lượng đối tượng cụ thể có giới hạn - ai đăng ký thì mới có thể sử dụng). Dù sử dụng ứng dụng nào thì cũng phải sử dụng các ngôn ngữ - công nghệ, chẳng hạn như Perl, PHP, JSP, Java Servlet, JSF, Cold Fusion, ASP, cơng nghệ ASP.NET. Đồng thời theo đó là các FrameWork như PHP thì có PHP và Zend Word Press. Riêng ASP.NET thì có các nhánh như SSRS(dịch vụ báo
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
cáo trong CSDL Server 2008, 2012), WPF(xây dựng Winform giao diện đẹp cấu trúc XAML), ASP.NET SharePoint, ASP.NET Web Forms, ASP.NET MVC
1.2. ASP.NET MVC 4
1.2.1. Giới thiệu ASP.NET 4 MVC 4.0
ASP.NET 4 MVC 4.0 là một framework để phát triển ứng dụng Web theo mơ hình MVC được định nghĩa bởi Model-View-Controller. Và framework này khuyến khích lập trình viên lập trình những ứng dụng web với qui mơ lớn, được chia ra thành từng phần là UI - phần giao tiếp với người dùng riêng và phần điều khiển và tương tác với CSDL là phần Model, và phần tương tác giữa CSDL và người dùng thơng qua Controller. Được xem giống như mơ hình 3 tầng theo kiểu hàn lâm mà chúng ta đã từng học trong các trường Đại học và Cao đẳng. MVC 4.0 hỗ trợ lập trình cho ứng dụng Mobile
ASP.NET MVC là 1 phần của ASP.NET Web application framework
ASP.NET MVC là 1 cơng nghệ mới của ASP.NET platform, nó khơng thay thế cho Web form. Vì mỗi cơng nghệ có một điểm mạnh hay điểm hạn chế riêng. Góc nhìn về cách lập trình này nói chung về cú pháp và hình thức để cấu trúc cái ứng dụng về mặt kỹ thuật là khác nhau.
1.2.2. Mơ hình ASP.NET 4 MVC 4.0
Là mơ hình chuẩn cho ứng dụng Web mà bất kỹ hãng nào cũng có thể xây dựng phát triển ngôn ngữ, dựa theo để phát triển ứng dụng web.
MVC sử dụng cho PHP, ASP.NET, JAVA và Joomla CMS MVC được coi là mơ hình 3 tầng.
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
Hình 57. Mơ hình MVC
1.2.3. ASP.NET 4 MVC 4.0 - Model Component
Hình 58. Model Component
Yêu cầu của người dùng thường xuất phát từ View, View sẽ nhờ Controller để điều khiển các hành động, các giao tiếp, chuyển những thông tin từ Model xuống Cơ sở dữ liệu, tương tự như vậy, từ CSDL, thơng qua Model thì Controller sẽ điều khiển để hiển thị trên View. Chắc chắn View đang sử dụng bằng HTML(Server Control). Controller là phần sử dụng Code Behind, phần Model sử dụng ADO.NET hoặc LINQ hoặc Entity.
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
Các đối tượng Model là các thành phần cài đặt giống như business logic ở trong cơ chế nhiều tầng.
Các đối tượng Model dùng để đưa dữ liệu lên, hoặc lấy dữ liệu xuống.
Ví dụ, đối tượng Product(xây dựng Class làm việc thông qua Model hoặc Linq hoặc Entity) cố gắng lấy thông tin từ CSDL, tổ chức nó và cập nhật bảng Product trong SQL Server.
1.2.4. MVC - View Component
Thành phần View là thành phần giao tiếp với người sử dụng, dùng để hiện thực phần trình bày cho người xem
UI HTML tags: No ViewSate
UI với Server Control: Có thể phải có ViewState
1.2.5. Hình dung lại CMS(quản trị nội dung) và Web
CMS
NET: DOTNET NUKE(không phải của Microsoft) PHP: Joomla hoặc Wordpress
Dotnet Nuke
Mã nguồn mở
Sinh ra bởi C# và Visual Basic.NET Hoàn thành ứng dụng
o Cài đặt và thực thi
o Sửa đổi và thêm tính năng
Đối với ASP.NET MVC có phải là mã nguồn mở? Nó khơng được định nghĩa như là Open Source mà nó được định nghĩa là 1 framework - 1 công nghệ trong Microsoft cho
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
phép bạn phát triển ứng dụng web dựa trên cơng nghệ MVC và sau đó đóng gói và public cho người dụng public- cài đặt trên ứng dụng web.
1.2.6. Tính năng của ASP.NET MVC 4
Thành phần tổ chức MVC bao gồm input logic, business logic và UI logic Có thể làm unit-test trong Visual Studio
Nhúng AJAX
Có thể sử dụng mã Razor hoặc ASPX cho View Controller tích hợp với Entity Model
1.2.7. So sánh giữa Web Form và MVC
Hai kiểu ASP.NET MVC(ASPX, Razor)
Hỗ trợ cho việc sử dụng mở rộng trang ASP.NET(.aspx/cshtml), sử dụng user control(.ascx) và master page(.master/cshtml).
Bạn có thể sử dụng các tính năng của ASP.NET với framework ASP.NET MVC, giống như master page, cú pháp (<%= %>)
Vẫn hỗ trợ ASP.NET Form với những đặc điểm như form authentication,
Window authentication, URL authorization, membership và role, output và data caching, session, quản lý thông tin trạng thái(điều này giúp trang web nhẹ đi đáng kể), health monitoring, configuration system(web.config), kiến trúc provider
Ánh xạ - mapping điều khiển do Controller
1.2.8. Lợi ích của MVC Web App
Cách lập trình biến cố - chẳng hạn như đang có 1 nút trên web form, có thể nhấn đúp để nhảy qua trang viết hàm cho nút đó. MVC khơng sử dụng Server Control nữa.
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
1.3. Hệ quản trị cơ sở dữ liệu SQL Server 2012
SQL là gì?
SQL là viết tắt của Structured Query Language, là ngơn ngữ truy vấn mang tính cấu trúc.
Nó được thiết kế để quản lý dữ liệu trong một hệ thống quản lý cơ sở dữ liệu quan hệ (RDBMS).
SQL là ngôn ngữ cơ sở dữ liệu, được sử dụng để tạo, xóa trong cơ sở dữ liệu, lấy các hàng và sửa đổi các hàng, …
Tất cả DBMS như MySQL, Oracle, MS Access, Sybase, Informix, Postgres và SQL Server sử dụng SQL như là ngôn ngữ cơ sở dữ liệu chuẩn.
Tại sao SQL là cần thiết
SQL là cần thiết để:
Tạo cơ sở dữ liệu, bảng và view mới.
Để chèn các bản ghi vào trong một cơ sở dữ liệu. Để xóa các bản ghi từ một cơ sở dữ liệu.
Để lấy dữ liệu từ một cơ sở dữ liệu.
Chức năng của SQL
Với SQL, chúng ta có thể truy vấn Database theo nhiều cách khác nhau, bởi sử dụng các lệnh.
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
SQL cho phép người dùng miêu tả dữ liệu.
SQL cho phép người dùng định nghĩa dữ liệu trong một Database và thao tác nó khi cần thiết.
Cho phép người dùng tạo, xóa Database và bảng.
Cho phép người dùng tạo view, Procedure, hàm trong một Database. Cho phép người dùng thiết lập quyền truy cập vào bảng, thủ tục và view.
Lịch sử của SQL
1970 -- Dr. Edgar F. "Ted" Codd của IBM được biết đến như là cha đẻ của
Relational Database (Cơ sở dữ liệu quan hệ). Ông miêu tả một mơ hình quan hệ (Relational Model) cho các Database.
1974 -- SQL (Structured Query Language) xuất hiện.
1978 -- IBM tiếp tục phát triển ý tưởng của Codd và công bố một sản phẩm tên
là System/R.
1986 -- IBM phát triển nguyên mẫu đầu tiên về Relation Database và được
chuẩn hóa bởi ANSI. Relation Database đầu tiên được cơng bố là Relational Software và sau đó là Oracle.
Lệnh trong SQL
Các lệnh SQL chuẩn để tương tác với Relational Database là CREATE, SELECT, INSERT, UPDATE, DELETE và DROP. Các lệnh này có thể được phân loại thành các nhóm dựa trên bản chất của chúng.
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
Lệnh CREATE: Tạo một bảng, một View của bảng, hoặc đối tượng khác trong Database.
Lệnh ALTER: Sửa đổi một đối tượng Database đang tồn tại, ví dụ như một bảng.
Lệnh: Xóa tồn bộ một bảng, một View của bảng hoặc đối tượng khác trong một Database.
DML (Data Manipulation Language) – Ngôn ngữ thao tác dữ liệu
Lệnh SELECT: Lấy các bản ghi cụ thể từ một hoặc nhiều bảng. Lệnh INSERT: Tạo một bản ghi.
Lệnh UPDATE: Sửa đổi các bản ghi. Lệnh DELETE: Xóa các bản ghi.
DCL (Data Control Language) – Ngơn ngữ điều khiển dữ liệu
Lệnh GRANT: Trao một quyền tới người dùng.
Lệnh REVOKE: Thu hồi quyền đã trao cho người dùng.
1.4. Facebook Graph API
1.4.1. Tổng quan Facebook Graph API
Graph API là cách chính để lấy dữ liệu ra khỏi và đưa dữ liệu vào nền tảng của Facebook. Đó là API dựa trên HTTP cấp thấp mà bạn có thể sử dụng để truy vấn dữ liệu, đăng tin mới, quản lý quảng cáo, tải ảnh lên và thực hiện nhiều tác vụ khác theo lập trình mà ứng dụng có thể triển khai.
CHƯƠNG 5 : KI M TH PH N M MỂ Ử Ầ Ề
Graph API được xử dụng trong trang web hiện tại với mục đích lấy dữ liệu cá nhân (Facebook ID, Tên, Giới tính, Sinh nhật) của người dùng cơng khai và không công khai thông qua sự chấp thuận của họ (Permission ) .
1.4.2. Sử dụng Facebook Graph API
API Đồ thị là cách chủ yếu để tải dữ liệu vào và lấy dữ liệu ra khỏi đồ thị xã hội của Facebook. Đó là API dựa trên HTTP cấp thấp được sử dụng để truy vấn dữ liệu, đăng tin mới, tải ảnh lên và nhiều tác vụ khác mà ứng dụng có thể cần thực hiện. Hướng dẫn này giải thích cách hồn thành tất cả những việc sau đây trong API Đồ thị.
Đối tượng khai thác là User
Đối tượng khai thác bao gốm các thuộc tính :
Field id numeric string