WELCOME TO

Human Computer Interaction

Lecturers: Tran Thi Thanh Nga

Azure

Windows Azure và Azure Services Platform là gì? 

Windows Azure tên mã Red Dog, là nền tảng cho việc phát triển những ứng dụng hoạt động trong "đám mây" (*). Nói cách khác, Windows Azure là cơ sở cho nền tảng các dịch vụ Azure (Azure Services Platform), được Microsoft phát triển nhằm mang đến cho cộng đồng các nhà phát triển ứng dụng cơ hội được xây dựng và cung cấp các dịch vụ trực tuyến trên nền tảng cơ sở hạ tầng Windows.

Windows Azure tách biệt hoàn toàn các ứng dụng chạy trên các lớp hệ điều hành ứng dụng công nghệ ảo hóa của Microsoft. Điều này cho phép các nhà quản trị không cần phải nâng cấp từng PC độc lập khi ứng dụng được chỉnh sửa.

Theo Microsoft, công nghệ điện toán đã bước đến thế hệ thứ 5, thế hệ mà các ứng dụng không còn bị giới hạn vào máy tính. Internet sẽ là phương thức chính để những khách hàng tương tác với các doanh nghiệp. Nhưng kiến trúc hoạt động kinh doanh đã được thiết kế trước đây là theo hướng riêng cho những nhân viên và các đối tác. Windows Azure thay đổi điều này bằng cách cung cấp cho doanh nghiệp khả năng linh hoạt, nền tảng "tiếp cận" khách hàng nhằm triển khai các ứng dụng và dịch vụ.

Windows Azure được phát triển trong 2 năm bởi kiến trúc sư trưởng phần mềm Ray Ozzie của Microsoft. Trước đây, Microsoft đã từng triển khai dự án khởi đầu vào năm 2001 với tên gọi Hailstorm tại hội nghị PDC 2001 như là .NET My Services, mở rộng dịch vụ online và hợp nhất nhận diện với Passport nhưng đã bị gạt bỏ, ít được chú ý.

Việc phát triển Windows Azure và Azure Services Platform cũng là lời đáp trả của Microsoft trước Amazon. Microsoft không phủ nhận Amazon là người đi tiên phong trong lĩnh vực điện toán đám mây với nền tảng dịch vụ EC2 (Elastic Compute Cloud) và Simple Storage. Microsoft cũng thừa nhận lĩnh vực công nghệ điện toán đám mây sẽ còn phải "dựa hơi" nền tảng của Amazon. Tuy vậy, Microsoft sẽ tập trung phát triển mạnh mẽ hơn cho Azure so với các dịch vụ Web của Amazon

Azure Services Platform là một giải pháp hoàn thiện cho các doanh nghiệp. Microsoft sẽ lưu trữ các ứng dụng được xây dựng từ các hãng thứ ba cũng như những dịch vụ Web của chính Microsoft như là Office Live, Windows Live, Exchange Online, CRM Online... Kết hợp chặt chẽ .NET Services (cho lập trình viên), SQL Services (cho cơ sở dữ liệu và báo biểu), Live Services (cho việc tương tác với các thiết bị người dùng) vào trong các dịch vụ SharePoint và CRM (cho nội dung doanh nghiệp). 

Điểm khác biệt giữa Azure và Azure Services Platform: Windows Azure là một hệ điều hành còn Azure Services Platform là một sự kết hợp của Azure, lớp các dịch vụ cơ sở hạ tầng và lớp ứng dụng trực tuyến.


Fabric Controller là gì?

Fabric Controller là "gia vị" chủ chốt của Windows Azure, đảm nhiệm chức năng quản lý “vòng đời” của tất cả dịch vụ trực tuyến được triển khai. Công cụ này giúp tổ chức và tập trung quản lý tại trung tâm dữ liệu theo mô hình chia sẻ nguồn tài nguyên phần cứng. Điều này cho phép Azure tự động cập nhật ứng dụng chứ không cần phải cập nhật trực tiếp trên từng PC độc lập.


Windows Azure với người dùng và lập trình viên

Lập trình viên có thể xây dựng các ứng dụng mới hoặc hiệu chỉnh các ứng dụng hiện tại cho Windows Azure bằng những công cụ hiện có như Visual Studio, ASP.Net, .NET Framework và cập nhật thêm một vài công nghệ mới mà Microsoft sẽ phổ biến trong thời gian sắp tới. .NET Services và SQL Services sẽ cung cấp những khả năng "hướng đám mây" mới và Azure Tool cho Visual Studio, cung cấp các mẫu (template) làm nền tảng xây dựng (Azure SDK). Ngoài ra, công cụ "Oslo" mới từ Microsoft sẽ trợ giúp với các ứng dụng phân phối kiểu mẫu bao gồm một ngôn ngữ lập trình mới với tên gọi "M.". Azure cũng sẽ hỗ trợ các công cụ và ngôn ngữ thứ ba như Eclipse, Ruby, PHP và Python cũng như các tiêu chuẩn và cổng như SOAP, REST hay XML. 

Người dùng không cần phải lo lắng về kiến trúc hoạt động đằng sau các ứng dụng dựa trên "đám mây". Windows Azure sẽ mang lại nhiều chức năng cho các ứng dụng Web, cho phép doanh nghiệp nhanh chóng triển khai và cập nhật các dịch vụ với chi phí thấp hơn.

HTML

HTML là gì?


HTML là chữ viết tắt của cụm từ HyperText Markup Language, được sử dụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trang được quy ra là một tài liệu HTML (thi thoảng mình sẽ ghi là một tập tin HTML).

Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập ra các chuẩn trên môi trường Internet).

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) được quy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ đóng (ví dụ và ). Các văn bản muốn được đánh dấu bằng HTML sẽ được khai báo bên trong cặp thẻ (ví dụ Đây là chữ in đậm). Nhưng một số thẻ đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính (ví dụ như thẻ ).

Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mở rộng là .html hoặc .htm.


HTML được xử lý ra sao?

Khi một tập tin HTML được hình thành, việc xử lý nó sẽ do trình duyệt web đảm nhận. Trình duyệt sẽ đóng vai trò đọc hiểu nội dung HTML từ các thẻ bên trong và sẽ chuyển sang dạng văn bản đã được đánh dấu để đọc, nghe hoặc hiểu (do các bot máy tính hiểu).

Để kiểm tra, bạn có thể sử dụng khung nội dung bên dưới và chuyển qua lại giữa phần HTML và Result để xem kết quả của một tập tin HTML sau khi được xử lý.


Cấu trúc một đoạn HTML và dùng gì để khởi tạo tập tin HTML

HTML là một tập tin siêu văn bản nên bạn có thể dùng các chương trình soạn thảo văn bản không có chức năng định dạng văn bản để tạo ra một tập tin HTML. Trong Windows, bạn có thể dùng Notepad để tạo ra một tập tin HTML, còn trên Mac thì có thể dùng TextEdit và Vim trên các hệ điều hành Linux khác. Miễn là sau đó bạn phải lưu tập tin thành đuôi .html và sử dụng trình duyệt website để đọc nó.

Tuy nhiên Notepad lại quá đơn giản để sử dụng cho mục đích soạn thảo, nên từ các bài sau chúng ta sẽ dùng một chương trình khác tương tự để soạn thảo HTML. Và mình cũng không bao giờ khuyến khích bạn sửa một tập tin HTML bất kỳ bằng chương trinh Notepad để tránh gặp các lỗi hiển thị ký tự tiếng Việt.


HTML đóng vai trò gì trong website?

HTML là một ngôn ngữ đánh dấu siêu văn bản nên nó sẽ có vai trò xây dựng cấu trúc siêu văn bản trên một website, hoặc khai báo các tập tin kỹ thuật số (media) như hình ảnh, video, nhạc.

Điều đó không có nghĩa là chỉ sử dụng HTML để tạo ra một website mà HTML chỉ đóng một vai trò hình thành trên website. Ví dụ một website sẽ được hình thành bởi:

HTML
Xây dựng cấu trúc và định hình các siêu văn bản
CSS
Định dạng các siêu văn bản dạng thô tạo ra từ HTML thành một bố cục website, có màu sắc, ảnh nền,….
Javascript
Tạo ra các sự kiện tương tác với hành vi của người dùng (ví dụ nhấp vào ảnh trên nó sẽ có hiệu ứng phóng to).
MySQL/SQL Server
Hệ quản trị cơ sở dữ liệu truy vấn có cấu trúc (SQL – ví dụ như các bài viết sẽ được lưu lại với dạng dữ liệu SQL).

CSS

CSS là gì?


CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML).

Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều.

Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó.


Cấu trúc một đoạn CSS

Nghĩa là nó sẽ được khai báo bằng vùng chọn, sau đó các thuộc tính và giá trị sẽ nằm bên trong cặp dấu ngoặc nhọn {}. Mỗi thuộc tính sẽ luôn có một giá trị riêng, giá trị có thể là dạng số, hoặc các tên giá trị trong danh sách có sẵn của CSS. Phần giá trị và thuộc tính phải được cách nhau bằng dấu hai chấm, và mỗi một dòng khai báo thuộc tính sẽ luôn có dấu chấm phẩy ở cuối. Một vùng chọn có thể sử dụng không giới hạn thuộc tính.

Bootstrap

Bootstrap là gì?


Bootstrap là 1 framework HTML, CSS, và JavaScript cho phép người dùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các thiết bị cầm tay như mobile, ipad, tablet,...

Bootstrap bao gồm những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels và nhiều thứ khác. Trong bootstrap có thêm nhiều Component, Javascript hỗ trợ cho việc thiết kế reponsive của bạn dễ dàng, thuận tiện và nhanh chóng hơn.


Tại sao chúng ta nên sử dụng Bootstrap?

Bootstrap là một trong những framework được sử dụng nhiều nhất trên thế giới để xây dựng nên một website. Bootstrap đã xây dựng nên 1 chuẩn riêng và rất được người dùng ưa chuộng. Chính vì thế, chúng ta hay nghe tới một cụm từ rất thông dụng "Thiết kế theo chuẩn Bootstrap".

Từ cái "chuẩn mực" này, chúng ta có thể thấy rõ được những điểm thuận lợi khi sử dụng Bootstrap.

Rất dễ để sử dụng:
Nó đơn giản vì nó được base trên HTML, CSS và Javascript chỉ cẩn có kiến thức cơ bản về 3 cái đó là có thể sử dụng bootstrap tốt.
Tính năng Responsive
Bootstrap’s xây dựng sẵn reponsive css trên các thiết bị phones, tablets, và desktops
Mobile
Trong Bootstrap 3 mobile-first styles là một phần của core framework
Tương thích với trình duyệt
Nó tương thích với tất cả các trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera) nhưng lưu ý vì em IE vẫn rất hãm với IE phiên bản cũ vì thế việc IE9 hay IE8 đổ xuống không support là chuyện bình thường. Các bạn có dùng nên luy ý điểm này theo như mình dùng làm dự án thì nó support tuyệt vời trên IE10 đổ lên nhé, thấp nhất có lẽ là IE9 thôi còn IE8 thì không nên xài nhé

Lấy Bootstrap từ đâu?

Có 2 cách để bạn có thể sử dụng Bootstrap trên web của bạn.

Download Bootstrap từ getbootstrap.com
Thêm Bootstrap từ CDN
Note: cái này là kinh nghiệm thôi chia sẻ với mọi người là nên “Thêm nó từ CDN” vì theo như các diễn đàn chia sẻ thì nó có sẵn các cơ chế cache trên máy như thế sẽ không mất thời gian tải lại file nữa mà dùng luôn, còn không thì mỗi lần vào site mình lại phải tải bootstrap về sẽ mất time load trang.