TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI
VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG
——————– * ———————
BÁO CÁO
MÔN HỌC
NHẬP MÔN CÔNG NGHỆ THÔNG TIN
Nhóm sinh viên thực hiện:
Nguyễn Kế Ninh - CNTT-TT2 MSSV: 20101974
Phùng Văn Chiến -CNTT-TT2 MSSV: 20101163
Dam SamNang - CNTT-TT2 MSSV: 20102792
Nguyễn Đình Nhu-CNTT-TT1 MSSV: 20101968
Giáo viên hướng dẫn:Nguyễn Mạnh Tuấn
HÀ NỘI
Ngày 27 tháng 11 năm 2011
Lời cảm ơn
Chúng em xin chân thành cảm ơn thầy Nguyễn Mạnh Tuấn và cô Lê Thanh Hương đã cung cấp
cho chúng em những kiến thức vô cứng bổ ích khi chúng em bắt đầu tìm hiểu về Công nghệ Thông tin
cũng như đã giúp đỡ chúng em rất nhiều trong quá trình viết bản báo cáo này.
2
Lời nói đầu
Chúng em là những sinh viên mới bắt đầu học về ngành Công nghệ thông tin. Đây là một ngành
khoa học mới nhưng phát triển rất nhanh do đó chúng em cần có một nền tảng kiến thức vững chắc,
và phương pháp nghiên cứu hợp lý mới có thể theo kịp những bước tiến của ngành. Dưới sự hướng dẫn
của các thầy cô giảng dạy môn “Nhập môn Công nghệ Thông tin” chúng em đã tìm hiểu những kiến
thức cơ bản nhất về Scilab, L
A
T
E
X , Web. Đây là những công cụ cơ bản nhất để sinh viên Công nghệ
thông tin chúng em có thể tiếp tục học những kiến thức khác.
3

Mục lục. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Giới thiệu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Chương1. Scilab. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1.1 Giới thiệu chung. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1.2 Các phương thức tương tác với Scilab . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
1.3 Sử dụng help trong Scilab. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
1.4 Các loại biến trong Scilab. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
1.5 Ma trận, vector. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
1.5.1 Khởi tạo ma trận. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
1.5.2 Truy cập các phần tử của ma trận. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
1.5.3 Các phép toán ma trận. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
1.5.4 Xây dựng và tính toán đa thức. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
1.5.5 Xây dựng và giải hệ phương trình. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
1.6 Đồ thị. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Chương 2. L
A
T
E
X. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2.1 L
A
T
E
X là gì? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2.2 Cơ bản về L
A
T
E
X. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
2.2.1 Các tập tin nhập liệu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Chương 3. HTML-XHTML, CSS, JavaScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
3.1 Một số khái niệm cơ bản về WWW. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
3.1.1 Khái niệm về siêu văn bản . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
3.1.2 Các thành phần của Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
5
3.2 Một số công cụ thường dùng để tạo trang (X)HTML, CSS, JavaScript. . . . . . . . . . . . . . 23
3.3 HTML-XHTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3.3.1 HTML, XHTML là gì?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3.3.2 Cú pháp của các tags (thẻ) trong (X)HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3.3.3 Chú thích . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
3.3.4 Cấu trúc của một trang HTML-XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
3.3.5 Validate một trang web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
3.3.6 Một số thẻ hay dùng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
3.3.7 Form trong (X)HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
3.4 CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.4.1 CSS là gì . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
3.4.2 Cấu trúc một quy tắc CSS. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.4.3 Một số thuộc tính thường dùng. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.5 JavaScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.5.1 JavaScript là gì. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.5.2 Các thành phần tạo nên JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.5.3 Một vài ứng dụng . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
3.6 Một số vấn đề về thiết kế Web. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
3.6.1 Nên dung CSS thay cho bảng,nhất là đối với cả trang Web . . . . . . . . . . . . . . . . . 31
3.6.2 Với các đoạn JavaScript, CSS lớn, dungfcho toàn bộ Website nên đặt ở file ngoài. . 31
Kết luận. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Tài liệu tham khảo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
6
Giới thiệu
Chúng em thấy các vấn đề này là những vấn đề cơ bản và hết sức quan trọng để chúng em có thể tiếp

-Editor
Dễ dàng soạn thảo các file chứa tập các đọan code của Scilab.
Cách gọi ra editor: vào Application/Editor hoặc vào editor() từ console
Hình 1.2 Editor
– Một số tính năng
Load into Scilab: chạy toàn bộ đoạn code trong file đang soạn thảo. Evaluate selection: Chạy
toàn bộ code được bôi đen.
Execute file into scilab: Chạy một file như khi gọi hàm exec
Khác với Load into Scilab: chỉ cho ra output trên màn hình khi có lệnh display()
– Editor-Docking: Giúp làm việc đồng thời với editor và console
9
Hình 1.3 Docking
– Lưu ý: Có thể tích hợp nhiều cửa sổ làm một
Có thể có nhiều lựa chọn kết hợp
Kết hợp theo tab
• Sử dụng hàm exec:
File .sci và .sce để dễ quản lý code
– File .sci: chứa một hay nhiều hàm tự viết. Các hàm này sau đó sẽ đươc load vào môi trường
Scilab khi gọi getf
– File .sce chứa cả các hàm tự viết và mã lệnh thực thi của Scilab
• Ngoài ra còn có phương pháp xử lí theo lô.
1.3 Sử dụng help trong Scilab
Vào chức năng help từ thanh công cụ
Nếu biết tên lệnh nhưng quên hoặc chưa biết cú pháp có thể dùng lệnh help <name> với <name> là
tên lệnh cần tra.
10
Ví dụ:
help sin // cho biết cú pháp của hàm sin help + // help của toán tử
Help trong Scilab
Nếu không biết rõ tên lệnh, có thể dùng lệnh apropos để tìm thông tin liên quan với từ khóa.

và cuối của cột lấy giá trị. Có thể dùng toán tử $ để chỉ hàng hoặc cột cuối cứng.
1.5.3 Các phép toán ma trận
Có các phép toán +, - , *, /, tính định thức (det), trị riêng (spec) là các phép toán áp dụng với cả
ma trận như toán học.
Ngoài ra còn các phép toán như .* , ./ để áp dụng trên từng phần tử của hai ma trân.
12
Ví dụ:
Tính toán với ma trận
1.5.4 Xây dựng và tính toán đa thức
Xây dựng đa thức Ví dụ xây dựng đa thức: x
2
− 3x − 4
Nếu v là vector chứa các hệ số từ thấp đến cao
v = [-4 -3 1]
p = poly (v, ‘x’, ‘coeff’)
Cách khác: Khởi tạo một đa thức là “x” và áp dụng các phép toán để xây dựng đa thức phức tạp hơn
x = poly(0,‘x’)
p = x ^ 2 - 3 * x - 4
Xây dựng đa thức với nghiệm cho trước: Sử dụng hàm poly nhưng tham số cuối là “roots”.
Ví dụ: Xây dựng đa thức có hai nghiệm là 1 và 2:
z = [ 1 2 ];
p = poly(z,‘x’,‘roots’) Khi đó có:
p = 2 - 3 * x + x ^2
Như vậy hai giá trị tham số cuối cứng của hàm poly (“coeff” và “roots” có tác dụng ngược nhau).
Tính toán với đa thức: Một số hàm như roots() để tìm nghiệm, horner() để tính giá trị của đa
thức với giá trị x nào đó, derivat() để tính đạo hàm. Ví dụ: với đa thức p = x
2
− 3 ∗ x − 4
z = roots(p);
Khi đó: z == [-1 4]’;

fplot2d(x,f) ( Hình 1.5)
Hình 1.5: Đồ thị cho dưới dạng hàm
15
Đồ thị trong không gian 3 chiều: Có thể vẽ đồ thị của hàm 2 biến trong không gian 3 chiều,
tương tự trường hợp trên, dùng hàm “plot3d” và “fplot3d”.
Ví dụ:(Hình 1.6) Vẽ đồ thị hàm z=sin(x)*y với x∈ [0; 2π], y ∈ [0; 5]
Ta soạn thảo trong Scilab:
x=[0:%pi/16:2*%pi]’
y=[0:0.5:5]
z=sin(x)*y
plot3d(x, y, z)
Hình 1.6: Đồ thị không gian 3 chiều
16
Chương 2
L
A
T
E
X
2.1 L
A
T
E
X là gì?
L
A
T
E
X là một hệ thống sắp chữ, một ngôn ngữ biểu diễn văn bản dẫn xuất từ T
E

E
X
2.2.1 Các tập tin nhập liệu
Dữ liệu đưa vào L
A
T
E
X là văn bản thông thường được lưu dưới dạng kí tự. Tập tin này sẽ chứa phần
văn bản cũng như các lệnh định dạng của L
A
T
E
X.
2.2.2 Khoảng trắng
Các kí tự khoảng trắng hay tab được xem như nhau và được gọi là kí tự “khoảng trắng”. Nhiều kí
tự khoảng trắng liên tiếp chỉ được coi là một khoảng trắng. Các khoảng trắng ở vị trí đầu một hàng
thì được bỏ qua. Ngoài ra kí tự xuống hàng đơn được xem là một khoảng trắng. Một hàng trắng giữa
hai hàng văn bản sẽ xác định việc kết thúc một đoạn văn. Nhiều hàng trắng được xem là một hàng trắng.
2.2.3 Một số kí tự đặc biệt
Những kí tự sau là các kí tự dành riêng. Nó có thể là kí tự có ý nghĩa đặc biệt trong L
A
T
E
X hay nó
không thuộc vào bất kì một font chữ nào. Khi bạn nhập chúng một cách trực tiếp thì thông thường
chúng không được in ra và đôi khi chúng cho L
A
T
E
X làm một số việc không định trước hoặc có thể bị

(Hình 2.1)
• TeXnicCenter ( (Hình 2.2)
Hình 2.1 Texmaker
18
Hình 2.2 TeXnicCenter
2.3 Cấu trúc tổng quát của một tập tin mã nguồn
\documentclass[tham số tùy chọn]{class}
% khai báo các package sử dụng.
\usepackage[. . . ] class
\begin{document}
% nội dung
\end{document}
2.3.1 Lệnh documentclass
Dùng để khai báo loại tài liệu. Tham số “class” để khai báo loại tài liệu, bao gồm: article, proc,
minimal, report, book, slides, letter. Các tham số tùy chọn để tùy chỉnh một số định dạng của
loại tài liệu như kích thước trang giấy, kích thước font mặc định, . . .
2.3.2 Khai báo package
Sử dụng lệnh \usepackage[ ]{tên package} Trong đó tham số tùy chọn để đặt các thông số
cho package sử dụng. Ví dụ:
\usepackage[utf8]{vietnam}
Dùng để sử dụng gói vntex để dùng tiếng Việt.
\usepackage[unicode]{hyperref }
Dùng để tạo tham chiếu cho mục lục, tham số “unicode” để tạo bookmark hỗ trợ tiếng Việt.
2.4 Một số lệnh để tạo chương, mục
Các lệnh để tạo chương mục từ lớn đến nhỏ (với article class)
\section{. . .}
\subsection{. . .}
\subsubsection{. . .}
\paragraph{. . .}
\subparagraph{. . .}

2.5.2 Môi trường
Cấu trúc
\begin{tên môi trường} nội dung \end{tên môi trường}
Môi trường tạo danh sách, miêu tả
Để tạo danh sách không đánh thứ tự: dùng môi trường itemsize , để tạo danh sách có đánh thứ
tự: dùng môi trường enumerate , để tạo môi trường dùng để miêu tả: dùng môi trường description
Môi trường dùng để căn lề
• Căn lề trái: dùng môi trường flushleft
• Căn lề phải: dùng môi trường flushright
• Căn giữa: dùng môi trường center
20
Môi trường trích dẫn
Môi trường “quote” sử dụng với trích dẫn, những câu quan trọng và ví dụ.
Môi trường “quotation” sử dụng với trích dẫn dài, có nhiều đoạn văn, dòng đầu tiên mỗi đoạn sẽ được
indent.
Môi trường “verse” sử dụng để trích dẫn thơ.
Môi trường tạo bảng biểu
Dùng môi trường tabular
-Cấu trúc:
\begin{tabular}[pos]{table spec}
% nội dung
\end{tabular}
Tham số “table spec” định nghĩa cấu trúc cột của bảng: “l” để chỉ ra một cột căn lề trái, “c” để chỉ
ra một cột căn giữa, “r” để chỉ ra một cột căn lề phải, “|” để chỉ ra một đường kẻ dọc giữa 2 cột.
Tham số “pos” để chỉ ra vị trí của bảng so với chữ ở xung quanh.
Trong bảng: hai cột liên tiếp ngăn cách bằng dấu “& ”, hai hàng liên tiếp ngăn cách bằng dấu “\\”.
Để tạo đường kẻ giữa 2 dòng dùng “\hline”
2.6 Soạn thảo công thức toán học
Nếu công thức ngắn, viết ngay trong văn bản thì có thể dùng: $ công thức $. Với công thức dài hơn,
dùng môi trường equation hoặc equation* nếu không muốn đánh số.

ln x dx
\int_1^2 \ln x \,\mathrm{d}x
\end{equation*}
2.6.4 Công thức nhiều dòng
Dùng môi trường eqnarray. Môi trường này tạo ra 3 cột, cột đầu canh lề trái, cột thứ hai canh
lề giữa, cột thứ ba canh lề phải. Các dòng được đánh số mặc định, tuy nhiên có thể bỏ số bằng lệnh
\nonumber trên dòng tương ứng, hoặc trên tất cả các dòng bằng cách dùng môi trường eqnarray*.
21
Các cột tách biệt nhau bằng &, các dòng phân tách bằng \\.
Ví dụ:
\begin{eqnarray*}
f & = & x^2 + x
f’ & = & 2x + 1
\end{eqnarray*}
Kết quả:
f = x
2
+ x
f

= 2x + 1
2.7 Tham chiếu trong văn bản
Dùng lệnh \label{marker} để tạo tham chiếu, lệnh \ref{marker} để tham chiếu đến vị trí đã
đánh dấu hoặc \pageref{marker} để tham chiếu đến trang có label đó.
2.8 Chèn hình vào văn bản
Phải thêm gói graphicx:
\usepackage{ graphicx }
Để chèn hình dùng lệnh \includegraphicstên file Ví dụ để chèn hình ở trong file vidu.jpg
\includegraphics{vidu.jpg}
2.8.1 Một số tham số hay dùng

– Uniform Resource Locator: dùng để định vị tài nguyên trên Internet theo cách thuận tiện cho người
sử dụng (thay cho địa chỉ IP không mang ý nghĩa và khó nhớ).
Cấu trúc: giao thức://địa chỉ máy:cổng/đường dẫn đến tài nguyên
– Web Server: cung cấp tài nguyên cho máy khác.
– Web Browser: dùng để khai thác dàch vụ Web.
3.2 Một số công cụ thường dùng để tạo trang (X)HTML,
CSS, JavaScript
1. Dreamweaver: Là công cụ có phí, mạnh, dễ sử dụng. (Hình 3.1)
23
Hình 3.1: Macromedia Dreamweaver 8
2. Notepad++: Là công cụ miễn phí, nguồn mở tuy nhiên không mạnh bằng Dremweaver, chỉ có
tính năng highlight và auto-completion tuy nhiên khá hạn chế.(Hình 3.2)
Link: />Hình 3.2: Notepad++
3. Gedit: Là công cụ miễn phí, nguồn mở, ban đầu viết cho Linux, đi kèm hầu hết các bản phân
phối dùng GNOME.(Hình 3.3)
24
Hình 3.2: Gedit
3.3 HTML - XHTML
3.3.1 HTML, XHTML là gì?
Định nghĩa
HTML (HyperText Markup Language) là ngôn ngữ đánh dấu dùng để miêu tả một trang Web.
XHTML (eXtensible HyperText Markup Language) có chức năng tương tự HTML nhưng tuân theo
XML (Extensible Markup Language) và được định nghĩa chặt chẽ hơn HTML. XHTML có thể được
các parser XML xử lý, do đó dễ xử lý bằng các ngôn ngữ, nền tảng khác hơn HTML (tận dụng được
các thư viện có sẵn).
HTML và XHTML đều được tạo thành từ các tags (gồm tag mở và tag đóng) để định nghĩa cách
hiển thà các thành phần của trang web.
Các phiên bản
Phiên bản chính thức mới nhất của HTML là HTML 4.01, HTML 5 đang là dự thảo với nhiều tính
năng mới. Phiên bản đầu tiên của HTML được Tim Berner Lee phát minh và được W3C đưa thành