Hàm Tiếu: tháng 4 2013

Thứ Hai, 15 tháng 4, 2013

Symphony Limited - Hoàn thành giao diện cơ bản

****** Lưu ý khi chạy thử có thể browser không cập nhận kịp css, các bạn chạy rồi bấm nút refresh trình duyệt sẽ hiển thị ngay
Bài này chúng ta sẽ hoàn thành giao diện cơ bản của trang web

-Đầu tiên là chình sửa lại trang site.css

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{

background: #000 url('img/background/black.png') repeat-x 100% 0;
font-size: 15px;
color:#2d0e06;
font-family:Gill Sans MT;
}
header,
footer,
nav,
section
{
display: block;
}
/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #000;
}
h1
{
font-size: 2em;
padding-bottom: 0;
margin-bottom: 0;
}
h2
{
padding: 0 0 10px 0;
}
h3
{
font-size: 1.2em;
}
h4
{
font-size: 1.1em;
}
h5, h6
{
font-size: 1em;
}
a
{
color: #696969;
}
li
{
line-height: 1.6;
}
/* this rule styles <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
margin-top: 0;
}
/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.page
{
width: 80%;
margin: 0 auto;

}
header, #header
{
position: relative;
margin-bottom: 5px;
color: #000;
padding:0px 0px 0px 10px;

height:110px;

}
header h1, #header h1
{
font-weight: bold;
padding: 5px 0;
margin: 0;
color: #fff;
border: none;
line-height: 2em;
font-size: 32px !important;

}
#main
{
background:#fff;
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
margin-top:10px;
_height: 1px; /* only IE6 applies CSS properties starting with an underscore */

font-size:14px;
-moz-box-shadow: 3px 3px 3px 36px #1E1C1C;
-webkit-box-shadow: 3px 3px 3px 3px #1E1C1C;
box-shadow: 0px 0px 10px 3px #1E1C1C;
border-radius:5px;
}
footer, #footer
{
color: #fff;
padding: 0px 0;
text-align: center;
line-height: normal;
margin: 0;
font-size: .9em;
text-align:center;

-moz-box-shadow: 3px 3px 3px 36px #1E1C1C;
-webkit-box-shadow: 3px 3px 3px 3px #1E1C1C;
box-shadow: 0px 0px 10px 3px #1E1C1C;
border-radius:5px;
}

.content
{

padding:5px 20px 30px 20px;
}
table
{
padding:0;
margin:0;
}
/* ---------------------------Menu--------------------------------- */
#Menu
.t-content
{

color: #333;

padding: 0;
margin: 0;
}
.product-list
{
background-color: #7B7979;
padding: 2px 2px 2px 2px;
margin: 0px;
}
.product
{
vertical-align:top;
background-color: #7B7979;
text-align: left;
list-style: none;
margin: 5px 5px 5px 5px;
border: 2px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 15px;
background: #fff;

}

.title
{
vertical-align:top;
font-size:12px;
color:Blue;

}
.linkmenu
{

font-size:13px;
color:Blue;
font-weight:bold;
text-decoration:none;

}
.linkmenu1
{

font-size:13px;
color:Blue;

}
.new
{
color:Red;
font-weight:bold;
}

-Bây h tiếp tục chình sửa layout cho đẹp:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.black.css").Combined(true).Compress(true)))
</head>
<body>
<div class="page">
@*----------------Header-----------------------------*@
<header>
<img src="../../Content/img/banner/abc.png" alt="Banner" width="" />
</header>
@*----------------Menu-----------------------------*@
<div>
</div>
@*----------------Main Content-----------------------------*@
<section id="main">
<div class="content">
@RenderBody()
</div>
</section>
@*----------------Footer-----------------------------*@
<footer>

@Html.ActionLink("Home", "Index", "Home", "") | @Html.ActionLink("About", "Index", "Home", "")
| @Html.ActionLink("Contact Us", "Index", "Home", "") | @Html.ActionLink("FAQs", "Index", "Home", "")

@*------ @Html.Action("Menu","Home")------*@
<br />
Copyright © AMA English Center
<br />
Address: 186 Nguyen Thi Minh Khai, Ward 6, District 3, HCMC
<br />
Tel: (08) 3930 2861
<br />
Email: info@ama.edu.vn
<br />

</footer>
</div>
@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))
</body>
</html>

-Copy folder img dưới dây vào mục content (vào content add folder img, trong img add banner, menu, background, rồi trong từng thư muc add existing item từng hình ảnh vào)

img folder

-Xóa phần menu ở trang index thay vào chữ /Home di chạy thử chương trình nào

Nhìn cũng kha khá dc rồi

Bây h vào trang Layout ngay chỗ :
@*----------------Menu-----------------------------*@

<div> </div>

Thêm vào menu ở giữa thẻ div:

@{ Html.Telerik().Menu() .Name("Menu") .Items(menu => { menu.Add().Text("HOME"); menu.Add() .Text("ABOUT US") .Items(item => { item.Add().Text("Overview"); item.Add().Text("Faculty Members"); item.Add().Text("Achievements"); }); menu.Add() .Text("COURSES")
.Items(item => { item.Add().Text("PROFESSIONNAL COURSES").Items(childitem => { childitem.Add().Text("Smart Professional- Java"); childitem.Add().Text("Smart Professional- .NET"); childitem.Add().Text("IT Booster - .NET"); childitem.Add().Text("IT Booster – Java");
}); item.Add().Text("CAREER COURSES").Items(childitem => { childitem.Add().Text("ACCP Pro "); childitem.Add().Text("DCS Plus 2012");
}); item.Add().Text("CIRTIFICATION COURSES").Items(childitem => { childitem.Add().Text("ACCP Pro "); childitem.Add().Text("DCS Plus 2012");

}); item.Add().Text("SHORT-TERM COURSES").Items(childitem => { childitem.Add().Text("ACCP Pro "); childitem.Add().Text("DCS Plus 2012");

}); }); menu.Add() .Text("ENTRANCE EXAM")
.Items(item => { item.Add().Text("Upcomming Exam "); item.Add().Text("Register"); item.Add().Text("Exam Result");
}); }) .Render();}

Bây h chạy thử xem thế nào

Nhìn thấy menu không đẹp lắm đúng không, vậy thì chúng ta phải vào css để chỉnh sửa cho menu, vào theme telerik.black.min.csss , ngay dòng đầu tiên .t-widget, t-input thềm vào trong đó để dc như sau :

/* Black theme*/.t-widget,.t-input{border-color:#080808;/*font-size:.75em;/* 12px base,if there are no inherited font-sizes(MVC default) */background-color:#4f4f4f;-moz-box-shadow: 3px 3px 3px 36px #1E1C1C;
-webkit-box-shadow: 3px 3px 3px 3px #1E1C1C;
box-shadow: 0px 0px 10px 3px #1E1C1C;
border-radius:5px;}
/* .small .t-widget{font-size:.687em}

chạy thử xem nào

Vậy là đẹp rồi nhé

nếu bạn dùng theme khác thì sao ví dụ theme hay thì vào telerik.hay.min.csss cũng sửa dòng đầu tiên cho vào:

-moz-box-shadow: 3px 3px 3px 36px #ececd8;
-webkit-box-shadow: 3px 3px 3px 3px #ececd8;
box-shadow: 0px 0px 10px 3px #ececd8;
border-radius:5px;

sẽ ra như sau

các bạn cứ thêm 3 dòng trên vào riêng giá trị màu sắc thì chỉ ra bóng đen hay sáng thôi tùy chỉnh sao cho đẹp là dc

Menu như vậy thì con hơi đơn điệu nên mình chỉnh lại phần menu theo kiểu template sẽ đẹp hơn:

thay phần menu trong thẻ div = phần sau:

@{ Html.Telerik().Menu()
.Name("Menu").Effects(fx => fx.Slide()
.Opacity()
.OpenDuration(200)
.CloseDuration(300))
.Items(menu =>
{
menu.Add().Text("HOME").Action("Index", "Home");
menu.Add().Text("ABOUT US").Content(@<text>
<table class="product-list">
<tr>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/overview.jpg")" alt="Understanding Exposure" />
</td>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu">Overview </a>
<td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="product">
<table>
<tr>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu" >
<img src="@Url.Content("~/Content/img/menu/faculty.jpg")" alt="Understanding Exposure" /></a>
</td>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu">Faculty Members </a>
<td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/achievements.jpg")" alt="Understanding Exposure" />
</td>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu">Achievements </a>
<td>
</tr>
</table>
</td>
</tr>
</table>
</text>);
menu.Add().Text("COURSES").Content(@<text>
<table class="product-list">
<tr>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/profcourse.jpg")" alt="Understanding Exposure" />
</td>
<td class="title" rowspan="2">
PROFESSIONNAL COURSES
<ul type="circle">
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Smart Professional- Java
</a></li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Smart Professional- .NET
</a></li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">IT Booster - .NET </a>
</li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">IT Booster – Java </a>
</li>
</ul>
<td>
</tr>
<tr>
<td>
<td>
</tr>
</table>
</td>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/careercourses.jpg")" alt="Understanding Exposure" />
</td>
<td class="title" rowspan="2">
CAREER COURSES
<ul type="circle">
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">ACCP Pro </a></li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">DCS Plus 2012</a></li>
</ul>
<td>
</tr>
<tr>
<td>
<td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/certificationcourses.jpg")" alt="Understanding Exposure" />
</td>
<td class="title" rowspan="2">
CIRTIFICATION COURSES
<ul type="circle">
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Microsoft .NET </a>
</li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Oracle </a><span class="new">
(NEW)</span></li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Java</a></li>
</ul>
<td>
</tr>
<tr>
<td>
<td>
</tr>
</table>
</td>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/shorttermcourses.jpg")" alt="Understanding Exposure" />
</td>
<td class="title" rowspan="2">
SHORT-TERM COURSES
<ul type="circle">
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Cloud Computing </a>
</li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">C in practice </a></li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Programming Languages </a>
</li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Database </a></li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Smart Accountant </a><span
class="new">(NEW)</span> </li>
<li><a href="@Url.Content("~/Home/About")" class="linkmenu1">Foundation Courses </a>
<span class="new">(NEW)</span> </li>
</ul>
<td>
</tr>
<tr>
<td>
<td>
</tr>
</table>
</td>
</tr>
</table>
</text>);
menu.Add().Text("ENTRANCE EXAM").Content(@<text>
<table class="product-list">
<tr>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/overview.jpg")" alt="Understanding Exposure" />
</td>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu">Upcomming Exam </a>
<td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="product">
<table>
<tr>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu" >
<img src="@Url.Content("~/Content/img/menu/faculty.jpg")" alt="Understanding Exposure" /></a>
</td>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu">Register </a>
<td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="product">
<table>
<tr>
<td>
<img src="@Url.Content("~/Content/img/menu/achievements.jpg")" alt="Understanding Exposure" />
</td>
<td>
<a href="@Url.Content("~/Home/About")" class="linkmenu">Exam Result </a>
<td>
</tr>
</table>
</td>
</tr>
</table>
</text>);
menu.Add().Text("FAQS").Action("Index", "Home");
menu.Add().Text("CONTACT US ").Action("Index", "Home");
})
.Render();
}

Các bạn thấy hơi dài vì mình làm tĩnh, khi làm menu động chúng ta xai vòng for viet code sẽ khỏe hơn rất nhiều

Chạy thử xem kết quả nào (mỗi lần chạy thử phải bấm refresh trình duyệt mới áp dụng dc nhe)

Xong đây là kết quả của giao diện cơ bản vậy cũng xem như dc rồi, nếu bạn muốn thay background logo hay theme cứ chỉnh sửa như đã hướng dẫn, còn hình ảnh thì bạn có thể xóa và thay vào hình mà bạn muốn.

Đây là code project sau khi hoàn thành xong 3 bài đầu tiên.

Project phần 3

Project Symphony LTD - phầm mềm cài đặt đề làm đồ án

Các bản sử dụng Microsoft Web Platform Installer để cài đặt những chương trình sau :

1. Visual Studio 2010 SP1
2. ASP.NET MVC 3 Tools Update
3. SQL Server Compact 4.0

Cài đặt Telerik UI Control cho Web

-Mở Visual Studio 2010 SP1 lên
-New Project
-Visual C# : MVC 3

-Chọn Razor, và html5 , với Internet Application

- OK

**** Bây h chúng ta phân tích folder của project.

-Reference: dll của đồ án
-App-data: lưu trữ cơ sở dữ liệu
-Content: css, hình ành project
-Controllers: lớp Controller của project, quản lý request and response từ View
-Models: các class entity generate thành database hay từ database import vào
-Views: các trang view, đây là phần hiển thị của trang web
-Scripts: java script
-Global.asax : quản lý aplication, router
-Webconfig: config cho web

- Trong View co từng folder nhỏ cho từng controller, ví dụ, HomeController quản lý folder Home, AccountController quản lý folder Account, folder Shared dùng để chứa trang layout (master page) và các phần nhỏ import vào trang layout như khung logon , hay khung menu, banner, footer ,vvvvv

*********************************Cài đặt Telerik Nuget

Đầu tiên truy cập Package Manager Console

Vào Tool:

Nó sẽ hiển thị ra khung Package Manager Console

Gõ câu lệnh: PM> Install-Package TelerikMvcExtensions

Enter và ngồi đợi.

vậy là xong , nhìn vào reference ,content và scripts

Vậy là đã cài đặt xong telerik, nhưng mà sử dụng như thế nào đây ^^
Để sử dụng được chúng ta phải config trang layout và Web config

- Layout config
Trên phần <head> <head/> của trang layout thêm vào đoạn code:

@(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.black.css").Combined(true).Compress(true)))

*Lưu ý telerik.black.css là theme , bạn có thể thay đổi tùy ý như telerik.hay.css hay theme mà bạn muốn

Trước khi đóng thẻ body thêm vào đoạn code

@(Html.Telerik().ScriptRegistrar().DefaultGroup(group => group.Combined(true).Compress(true)))

xem hình:

thẻ telerik chưa dùng dc nên nó gạch đỏ báo lỗi, giờ ta config trong web là dc

Vào webconfig của trang chính thêm vào <add namespace="Telerik.Web.Mvc.UI" />

chưa xong đâu trong folder view có 1 trang web config ^^: vào đó chình nốt nào:

Bây h build trang web của bạn lỗi thẻ telerik trong trang layout sẽ biến mất.

Để thử xem telerik co hoạt động không chúng ta vào trang Index

xóa phần phía dưới để lại

@{
ViewBag.Title = "Home Page";
}

Thêm vào đoạn code sau:

@{ Html.Telerik().Menu()
.Name("Menu")
.Items(menu =>
{
menu.Add()
.Text("ASP.NET MVC")
.Items(item =>
{
item.Add().Text("Grid");
item.Add().Text("Menu");
item.Add().Text("PanelBar");
item.Add().Text("TabStrip");
});
menu.Add()
.Text("Silverlight")
.Items(item =>
{
item.Add().Text("GridView");
item.Add().Text("Scheduler");
item.Add().Text("Docking");
item.Add().Text("Chart");
item.Add().Text("... and 28 more!").Url("http://www.telerik.com/products/silverlight.aspx");
});
menu.Add()
.Text("ASP.NET AJAX")

.Items(item =>
{
item.Add().Text("Grid");
item.Add().Text("Editor");
item.Add().Text("Scheduler");
item.Add().Text("... and 28 more!").Url("http://www.telerik.com/products/aspnet-ajax.aspx");
});

})
.Render();
}

Rồi chạy thử chương trình nào

Vậy là đã hoàn thành xong phần thứ 2, hy vọng mình làm kịp project lần này , các bạn nhớ comment vào trang Blog VoHamTieu cho mình nhe nếu có lỗi gì

p/s: Thường thì VS 2010 sp 1 có css 3 nhưng mà nếu ko có thì các bạn chịu khó down về nhé

http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b-4a32-be2d-e797be0db210/file/45272/3/CSS3%20IS%202.1.1.msi

Project Symphony LTD - phân tich đồ án

Project Symphony LTD

Tình hình là mới nhận được đồ án Symphony LTD.
Link: http://www.mediafire.com/download.php?30c1bjbmj6vsqse

Từ bây h bắt đầu làm đồ án, làm tới đâu sẽ post bài tới đó

1. Phân tích đồ án

Đọc sơ file mà bên Ấn Độ người ta gửi :

Introduction: –

Symphony Ltd là 1 học viện tư nhân, tổ chức các lớp học và các lớp đào tạo nhiều chứng chỉ CNTT và công nghệ phần mềm khác nhau, về mạng, java, cơ sỡ dữ liệu SQL vvvvv. Họ là một tổ chức nổi tiếng, lan rộng trong các ngành khác nhau, nằm ở nhiều vị trí khác nhau ở trong tiểu bang.

Họ cung cấp nhiều nguồn lực như các tài liệu hướng dẫn, phòng lab cho từng chủ đề, và những h học phòng lab bổ sung. Giảng viên hướng dẫn cho các phong lab, bài tập hay thư viện.

Existing Scenario: –

Họ quảng cáo về dịch vụ họ cung cấp trên các tờ rơi, báo chí truyền thông để thu hút mọi người. Thường cứ 6 thàng họ tuyển sinh 1 lần.

Họ hay tổ chức các kỳ thi tuyển sinh, thông qua đó họ biết được mức độ kiến thức của sinh vien , những sinh viên không có kiến thức cơ bản sẽ được sẽ được đào tạo lớp cơ bản trước rồi đến lớp chứng chỉ, những sinh viên đã có kiến thức cơ sở thì vào học ngày lớp chứng chỉ.

Sauk hi có kết quả kiểm tra, họ sẽ thông báo kết quả cho sinh viên và yêu cầu sinh viên đến vào 1 ngày gập riêng để tư vấn lớp học và học phí. Nếu sinh vien quan tâm và tham gia các lớp học thì họ sẽ được cung cấp 1 form giấy đăng ký, và chuyển tới bộ phận tài khoản để thanh toán cho các lớp học ít nhất 1 ngày trước khi bắt dầu lớp.

Đối với công tác đào tạo có kiến thức cơ sở chi phí khoảng 6000$ khóa học trong 6 tháng, với công tác đào tạo không có kiến thức cơ sở, chi phí khoản 4275$ và khóa học trong 4 tháng.

Nếu sinh viên có thể đăng ký thêm phòng lab bổ sung riêng biệt với thời gian khóa học. nếu đăng ký ngay từ đầu khóa học thì muc gia là 1000$, 1500$ nếu đăng ký sau khóa học.

Chú ý: chỉ những sinh viên đã đăng ký khóa học ở tổ chức mới dc đăng ký phòng lab , được hướng dẫn bởi giàng viên.

Sauk hi hoàn thành lớp chứng chỉ, họ sẽ tiến hành kỳ kiểm tra cuối khóa, và dựa trên điểm của sinh viên trong khóa học, cung cấp feeback của sinh viên sau khóa học, vvvv Dảm bảo rằng họ phải quan tâm đến sinh viên tối đa, làm cho các sinh viên được nhiều lợi ích trong việc gia nhập tổ chức này.

Sinh viên muốn vào thư viện phải có thẻ sinh viên và họ không cho phép mang tài liệu về nhà.

Proposed Solution: –

Bây h họ muốn kết hợp với 1 cổng thông tin trực tuyến thông qua họ có thể quảng cáo các dịch vụ mà họ cung cấp và đảm bảo rằng họ có dc sự chú ý của mọi người ở mức độ tối đa.

►Non-Financial:

Họ muốn các chức năng sau hiển thị trên cổng thôn g tin.

1. Phải có đăng nhập quản trị ngoài chức năng Web bình thường, nơi mà các quản trị viên có thể cập nhật các thông tin sau:

- Danh sách các lớp học và chủ đề

- Khóa học mới nếu có.

- Thông tin về các kì thi tuyển sinh.

- Trang add, edit, update thông tin sinh viên. (mã sinh vien, thông tin sinh vien, lop hoc tham gia, le phi)

- About Us : nhập thông tin về tổ chức.

- FAq: cau hỏi thường gặp

- Contact Us (thông tin về các trung tam)

2. Trang web:

-Trang chủ

-Giới thiệu

-Chi tiet khóa học.

-Thông tin về các kỳ thi tuyển sinh. Để xem thông tin chi tiết các kỳ thi tuyển sinh sắp tới, và tra cứu thông tin kết quả kỳ thi bằng cách nhập mã số. và hiển thị lớp học sẽ tham gia, ngày bắt đầu nhập học và số tiền phải thanh toán.

-FAQ

-Con tacUs

►Financial:

-Lệ phí thi, học phí, có thể dc thay đổi tùy theo quản trị viên.

1. Chức năng yêu cầu:

-Có 2 chức năng chính,

-Chức năng web bình thương để xem thông tin,

-các chức năng quản trị cho vào, cập nhật và xóa các chi tiết của các chức năng khác nhau như các chi tiết khóa học, chi tiết về kỳ thi tuyển, chi tiết kết quả, câu hỏi thường gặp, và thông tin liên lạc

2. Database luu trử: vvvv...

2. Định hướng xây dựng Website:

1. Các công cụ:

-Xây dựng web dùng mô hình MVC 3 của .Net

-Control UI sử dụng Telerik for MVC

-Database dùng SQL server CE 4.0

-Security dùng Membership của ASP.Net

2. Xây dựng trang web:

*Chính:

-Trang Web để xem thông tin thông thường, chức năng: người xem có thể đăng ký thi tuyển sinh, xem điểm dựa vào mã số của mình

-Trang Web dành cho Admin xem và chỉnh sửa

*Phụ:

-Còn dư thời gian có thể làm thêm trang đăng nhập trên Web xem thông tin cho sinh viên đăng nhập xem điểm thi trong khóa học, thời khóa biểu ,vvvvvv

*Chi Tiết:

-Web Homepage:

+ trang Home: tin tức lớp học mới, kỳ thi tuyển sinh mới,vvv

+ trang About Us: Overview: thông tin về công ty, Faculty members thông tin giảng viên, Achievements giải thưởng đã đạt được

+Cources: thông tin các khóa học

+ Entrance Exam: Upcoming Exam kỳ thi tuyển sắp tới, Register đăng ký tuyển sinh, Exam results xem kết qủa thi

+FAQs: các câu hỏi thường gặp

+Contact US: thông tin liên hệ: thông tin các trung tâm trên các thành phố

-Web Admin:

+ Login : dùng membership để authen user

+ Manager Cources: quản lý chứng chỉ

+ Manager Class: quản lý lớp học

+ Manager Student: quản lý sinh viên

+ Manager About Us: Quản lý thông tin About Us

+ Manager FAQs : quản lý câu hỏi thường gặp

+ Manager Centres : quản lý trung tâm

+ Manager slideshow: quản lý hình ảnh quảng cáo trên trang (trang chúng ta sẽ có 1 slide show các hình ảnh như học bổng, giảm giá, vvvvv)

-Extra Web Homepage thêm: nếu có thời gian, sẽ làm trang đăng nhập cho User : xem điểm môn học, thời khóa biểu ,vvvv

*Người dùng:

Guest: đăng ký tuyển sinh, xem kết quả, xem thông tin trên Web

Admin Centres: quản lý Cources tại trung tâm, quản lý lớp học và sinh viên tại trung tâm, chình sửa thông tin trung tâm

Administrator: quản lý chứng chỉ Cources, quản lý About US, quản lý FAQs, quản lý Centres, quản lý Slideshow.