ĐỒ án cơ sở 2 đề tài WEBSITE tìm KIẾM và CHO THUÊ GIA sư

Đặtvấn đề

Tênđềtài

Bốicảnhthựchiệnđềtài

- Việc làm là mối quan tâm hàng đầu của mọi quốc gia trên thế giới nói chung củaViệt Nam nói riêng Giải quyết việc làm là một trong những chính sách quan trọngcủa mỗi quốc gia bởi nó không chỉ tác động đối với sự phát triển kinh tế mà cònđốivớiđờisốngxãhộiquốcgiađó.Đốivớinướctagiảiquyếtviệclàmcònlà giải quyết một vấn đề cấp thiết trong xã hội đồng thời là tiền đề quan trọng để sửdụng có hiệu quả nguồn lực lao động, góp phần chuyển đổi cơ cấu lao động đápứng nhu cầu của quá trình công nghiệp hóa, hiện đại hóa và hội nhập quốc tế, làyếutố quyếtđịnh đểpháthuy nguồnlựcconngười.

- Sau 28 năm thực hiện công cuộc đổi mới đất nước, vấn đề việc làm ở nước ta đãtừng bước được giải quyết, góp phần đưa nền kinh tế nước ta phát triển đạt đượcnhững thành tựu to lớn có ý nghĩa lịch sử Tuy nhiên, thực trạng vấn đề việc làm ởnướctahiệnnayvẫncòncónhiềubấtcập,chưađápứngkịpyêucầupháttriểncủ anềnkinh tếtrongquátrình hội nhậpquốctế.

- Cùng với đó là nhu cầu tìm kiếm cho con em một gia sư phù hợp của các bậc phụhuynh Ngày nay việc chọn một gia sư phụ hợp thì không dễ dàng Đây cũng làmột vấn đề nan giải Vì vậy, “website tìm kiếm gia sư” đã ra đời để giải quyếtnhữngvấnđềtrên.

Vấnđềgiải quyết

- Trong những năm gần đây chúng ta đã đạt được một số thành tựu phát triển rực rỡvề khoa học kỹ thuật, các ngành như du lịch, dịch vụ, xuất khẩu, lương thực thựcphẩm sang các nước, v v Đằng sau những thành tựu chúng ta đã đạt được, thìcũng có không ít vấn đề mà Đảng và nhà nước ta cần quan tâm như: Tệ nạn xã hội,lạm phát, việc làm và tình trạng thất nghiệp Xong với hạn chế của bài viết màchúng ta không thể phân tích kỹ từngv ấ n đ ề đ a n g x ả y r a t r o n g x ã h ộ i n h ư h i ệ n nay được. Nhưng có lẽ điều được quan tâm hàng đầu ở đây có lẽ là vấn đề đượcquantâm hàng đầuởđây có lẽlàvấnđềviệclàm.

- Hiện nay, thị trường lao động ngày càng diễn ra sôi nổi, người tìm việc và nhu cầutuyển dụng tại các doanh nghiệp đều có xu hướng ngày càng tăng Đặc biệt, việcmộtsốsinhviêncònđangtrênghếNhàtrường Vấnđềviệclàmluônlànổi lo lắng của sinh viên để có thêm thu nhập để trang trải cho gia đình Tuy nhiên,không phải người cần việc cũng tìm được công việc phù hợp và nhà tuyển dụngnàocũng tìmđượcứng viênưng ý.

- Vấn đề được đặt ra ở đây là tạo cầu nối để kết nối người tìm việc và nhà tuyểndụngmộtcáchtốiưuhơnsovớicáchtruyềnthống.Nóiđúnghơnlàgiữa giasưvàphụhuynh,giasưvàcáctrung tâmtum kiếmviệclàm.

Đềxuất nộidung thựchiện

- Trong những năm gần đây chúng ta đã đạt được một số thành tựu phát triển rực rỡvề khoa học kỹ thuật, các ngành như du lịch, dịch vụ, xuất khẩu, lương thực thựcphẩm sang các nước, v v Đằng sau những thành tựu chúng ta đã đạt được, thìcũng có không ít vấn đề mà Đảng và nhà nước ta cần quan tâm như: Tệ nạn xã hội,lạm phát, việc làm và tình trạng thất nghiệp Xong với hạn chế của bài viết màchúng ta không thể phân tích kỹ từngv ấ n đ ề đ a n g x ả y r a t r o n g x ã h ộ i n h ư h i ệ n nay được. Nhưng có lẽ điều được quan tâm hàng đầu ở đây có lẽ là vấn đề đượcquantâm hàng đầuởđây có lẽlàvấnđềviệclàm.

- Hiện nay, thị trường lao động ngày càng diễn ra sôi nổi, người tìm việc và nhu cầutuyển dụng tại các doanh nghiệp đều có xu hướng ngày càng tăng Đặc biệt, việcmộtsốsinhviêncònđangtrênghếNhàtrường Vấnđềviệclàmluônlànổi lolắng của sinh viên để có thêm thu nhập để trang trải cho gia đình Tuy nhiên,không phải người cần việc cũng tìm được công việc phù hợp và nhà tuyển dụngnàocũng tìmđượcứng viênưng ý.

- Vấn đề được đặt ra ở đây là tạo cầu nối để kết nối người tìm việc và nhà tuyểndụngmộtcáchtốiưuhơnsovớicáchtruyềnthống.Nóiđúnghơnlàgiữa giasưvàphụhuynh,giasưvàcáctrungtâmtìm kiếmviệclàm.

Các đốitượng phụcvụ hệthống

Khách

 Phụ huynh học sinh là nhừng người cần tìm đến website tìm gia sư mong muốn,Admin sau khi tuyển các gia sư thì sẽ đăng thồn tin gia sư lên hệ thống, Phụ huynhsẽ đăn nhập vào hệ thống và chọn gia sư mong muốn Sau khi chọn Phụ huynh sẽđiền1sốthông tincầnthiếtđềAdmingửimail choGiasư.

 Gia sư là thuộc nhiều loại người như giáo viên, đặc biệt là sinh viên cần dạy thêm.Họ sé đăng nhập vào website sau đó đăng ký làm gia sư và nhập thông tin đểAdmin có thể thêm bạn vào danh sách gia sư, Sau khi Phụ huynh đã đăng ký bạnthìAdminsẽgửimailtớichobạnvàgửi1vàithôngtincầnthiếtđểbạnliênlạc.

Ngườiquảntrị hệthống(Admin)

 Admin sẽ chịu trách nhiệm như một người trung giang giữa Gia sư và Phụ huynh.Admin có trách nhiệm phê duyệt thông tin gia sư, chỉnh sủa hoặc xóa gia sư đó.Khi Phụ huynh nhập thông tin liên lạc của mình thì Amin sẽ chịu trách nhiệm gửimailquachoGiasưđểGiasưliênhệvới Phụhuynh.

Côngcụ thựchiện

Phầnfront-end

- HTML (viết tắt của từ Hypertext Markup Language, hay là “Ngôn ngữ Đánh dấuSiêuvănbản”)làmộtngônngữ đánhdấuđượcthiếtkếra đểtạonêncáctra ngweb trên World Wide Web Cùng với CSS và JavaScript, HTML là một trongnhững ngôn ngữ quan trọng trong lĩnh vực thiết kế website HTML là xương sốngcủa một trang web Nó giúp cấu thành các cấu trúc cơ bản của một website, làmchotrangwebtrởthànhmộthệthốnghoànchỉnh.Ngônngữđánhdấusiêu vănbản này giúp bố cục, chia khung sườn các thành phần trang web Đồng thời nó cònhỗtrợkhaibáo cácfilekỹthuật sốnhư nhạc,video,hìnhảnh,…

- HTML được sáng tạo bởi Tim Berners-Lee, nhà vật lý học của trung tâm nghiêncứu CERN ở Thụy Sĩ Anh ta đã nghĩ ra được ý tưởng cho hệ thống hypertext trênnềninternet.

- Hypertext có nghĩa là văn bản chứa links, nơi người xem có thể truy cập ngay lậptức Anh xuất bản phiên bản đầu tiên của HTML trong năm 1991 bao gồm 18 tagHTML Từ đó, mỗi phiên bản mới của HTML đều có thêm tag mới và attributesmới.

- TheoM o z i l l a D e v e r l o p e r N e t w o r k : H T M L E l e m e n t R e f e r e n c e , h i ệ n t ạ i c ó h ơ n 140HTMLtags,mặcdùmộtvàitrongsốchúngđãbịtạmngưng(khô nghỗtrợbởi các trình duyệt hiện đại) Nhanh chóng phổ biến ở mức độ chóng mặt, HTMLđược xem như là chuẩn mực của một website Các thiết lập và cấu trúc HTMLđược vận hành và phát triển bởi World Wide Web Consortium(W3C) Chúng ta cóthể kiểm tra tình trạng mới nhất của ngôn ngữ này bất kỳ lúc nào trên trang W3C’swebsite.

- Khi chúng ta gõ ra 1 tên miền, trình duyệt mà chúng ta đang sử dụng (chẳng hạnnhư Chrome) sẽ kết nối tới 1 máy chủ web, bằng cách dùng 1 địa chỉ IP, vốn đượcthấy bằng cách phân giải tên miền đó (DNS) Máy chủ web chính là một máy tínhđược kết nối tới internet và nhận các yêu cầu tới trang web từ trình duyệt củachúngta.Máychủsauđósẽgửitrảthôngtinvềtrìnhduyệt,là1tàiliệuHTML,để hiển thịtrang web.

- 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à.htmlhoặc.htm.Khi một tập tin HTML được hình thành, việc xử lý nó sẽdot r ì n h d u y ệ t w e b đ ả m n h ậ n T r ì n h d u y ệ t s ẽ đ ó n g v a i t r ò đ ọ c h i ể u n ộ i d u n g

HTML từ các thẻ bên trong và sẽ chuyển sang dạng văn bản đã được đánh dấu đểđọc, nghehoặchiểu.

- Chúng ta có thể xem chúng bằng cách sử dụng bất kỳ trình duyệt web nào

(nhưGoogleChrome,Safari,hay Mozilla Firefox).Trìnhduyệt đọc các filesH T M L này và xuất bản nội dung lên internet sao cho người đọc có thể xem được nó.Thông thường, trung bình một web chứa nhiều trang web HTML, ví dụ như: tranghome,trang product,trangblog…

 Tag là element cao nhất dùng để đóng gói mỗi trangHTML.

 Tag chứa các thông tin meta như là tiêu đề trang vàcharset.

 Inline tags thường được dùng để định dạng, tạo bố cục cho nội dung bêntrong của block-level tags Ví dụ như, tag sẽ địnhdạng chữ in đậm, trong khi đó tag sẽ định dạng chữ innghiên.

 Hyperlinks cũng là yếu tố element mà cần tag và attributes hrefđểxácđịnhlinkcụthể:Clickme!

 Ảnhc ũ n g l à e l e m e n t i n l i n e C h ú n g t a c ó t h ể t h ê m ả n h b ằ n g c á c h s ử dụng tag mà không cần tag đóng Nhưng cũng cần sử dụngattributesrcđểxácđịnhnguồnảnh,vídụnhư: Ưuđiểm:

- Dễdàngtíchhợpvớicác loạingônngữbackend(vídụ:PHP,Node.js,…).

- Chỉđượcápdụngchủyếuchowebtĩnh.Nếumuốntạocáctínhnăngđộng,lậptrì nhviênphảisửdụngthêmJavaScripthoặcngônngữbackendcủa bênthứ3.

- CSS là các tập tin định kiểu theo tầng (Cascading Style Sheets (CSS)) được dùngđể miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML.Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML, SVG,

XUL.CácđặcđiểmkỹthuậtcủaCSSđượcduytrìbởiWorldWideWebConsortium(W3C) Thay vì đặt các thẻ quy định kiểu dáng cho văn bản HTMLngaytrong nội dungcủanó,bạnnên sửdụng CSS.

- Tác dụng của CSS: Hạn chế tối thiểu việc làm rối mã HTML của trang web bằngcáct h ẻ q u y đ ị n h k i ể u d á n g ( c h ữ đ ậ m , c h ữ i n n g h i ê n g , c h ữ c ó g ạ c h c h â n , c h ữ màu), khiến mã nguồn của trang web được gọn gàng hơn, tách nội dung của trangweb và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung Tạo ra các kiểudáng có thể áp dụng cho nhiều trang web, giúp tránh phải lặp lại việc định dạngchocáctrangweb giốngnhau.

 "Internal CSS": Đặt CSS ở đầu trang Web để áp dụng kiểu dáng chotoàn bộ trang ấy, khi đó chỉ cần đặt đoạn CSS vào trong cặp thẻ

rồiđặtvàotrongphầnheadercủaWeb(giữa và ).

 "External CSS": Đặt các thuộc tính CSS vào một tệp tin riêng biệt(*.css),khiđócóthể thamchiếuđếntừnhiềutrangWebkhácnhau.

- JavaScript là một ngôn ngữ lập trình kịch bản dựa trên đối tượng được phát triểntừcác ýniệmnguyênmẫu.Ngônngữnàyđược dùngrộngrãichocáctrangweb, nhưng cũng được dùng để tạo khả năng viết script sử dụng các đối tượng nằm sẵntrong các ứng dụng Nó vốn được phát triển bởi Brandan Eich tại Hãng truyềnthôngNetscapevớicáitênđầutiênMocha,rồisauđóđổitênthànhLiveScript,vàcuốicùn g thành JavaScript.

- GiốngJava,JavaScriptcócúpháptươngtựC.Jslàphầnmởrộngthườngđượcdùngcho tậptin mãnguồn JavaScript.

- JavaScriptlàmộtngônngữlậptrìnhdựatrênnguyênmẫuvớicúpháppháttriểntừ C Giống như C, JavaScript có khái niệm từ khóa, do đó JavaScript gần nhưkhôngthểđượcmởrộng.

- Bootstrapchophépquátrìnhthiếtkếwebsitediễnranhanhchóngvàdễdànghơndựa trên những thành tố cơ bản sẵn có như typhography, form, button, tables,grids,navigation,imagecarousel…

- Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng đểtạoramộtmẫuwebsitehoànchỉnh.Vớicácthuộctínhvềgiaodiệnđượcquyđịnhsẵnnhưkí chthước, màusắc,độcao, độrộng, cácdesignercóthểsángtạonhiềusảnphẩmmớimẻnhưngvẫntiếtkiệmthờigia nkhilàmviệcvớiframeworknàytrong quátrình thiếtkếgiaodiệnwebsite.

- Bootstrap.css là một framework CSS sắp xếp và quản lý bố cục củatrangweb.Trong khiHTMLquảnlýnộidungvà cấutrúccủatrangweb, CSS xử lý bố cục của trang web Vì lý do đó, cả hai cấu trúccầncùngtồntạiđểthực hiệnmột hànhđộng cụthể.

- Do các chức năng của nó, CSS cho phép chúng ta tạo giao diệnthống nhất trên bao nhiêu trang web tùy thích Giờ thì ta có thể nóilờitạmbiệtvớiviệc phảingồihànggiờ đểchỉnhsửa thủcôngchỉđểthayđổiđộ rộngcủađường viền.

- VớiCSS,tấtcảnhữnggìcầnlàmlàgiớithiệucáctrangwebđếnfileCSS Bất kỳ thay đổi cần thiết có thể được thực hiện trong file đómộtmình.

- Các hàmCSSkhôngchỉgiớihạnở cáckiểuvănbản vìchúngcóthểđược sử dụng để định dạng các khía cạnh khác của trang web nhưbảngvàbốcụchình ảnh.

- File này là phần cốt lõi của Bootstrap Nó bao gồm các fileJavaScriptchịutráchnhiệmchoviệctươngtáccủatrangweb.

- ĐểtiếtkiệmthờigiankhiviếtcúphápJavaScriptnhiềulần, cácnhàphát triển có xu hướng sử dụng jQuery Nó có một thư việnJavaScript đa nền tảng, mã nguồn mở phổ biến cho phép thêm cácchức năng khác nhau vàomột trangweb.

-Mặc dù Bootstrap với các thuộc tính CSS và element HTML có thểhoạtđ ộ n g t ố t , n h ư n g n ó c ầ n j Q u e r y đ ể t ạ o r a t h i ế t k ế r e s p o n s i v e Nếukhông,bạnchỉ có thểsửdụngcác phần tĩnhcủaCSS.

- Icons là một phần không thể thiếu của giao diện trang web

Chúngthường được liên kết với các hành động và dữ liệu nhất định tronggiaodiệnngườidùng.BootstrapsửdụngGlyphiconsđểđápứngnhucầ uđó.

- Bootstrap bao gồm một bộ Halflings Glyphicons đã được mở khóađểsửdụngmiễnphí.Phiênbảnmiễnphícógiaodiệnchuẩnnhưngphù hợpvớicácchứcnăngthiếtyếu.

- Nếu muốn tìm icon có phong cách hơn, Glyphicons cũng bán các bộiconpremiumkhácnhau,chắcchắnsẽtrôngđẹphơntrêntừngtrangwebcụ thể.

- Jquery là thư viện được viết từ JavaScript, jquery giúp xây dựng cácchứcnăngbằngJavarscriptdễdàng,nhanhvàgiàutínhnănghơn

- Jquery được tích hợp nhiều module khác nhau Từ module hiệu ứngchođ ế n m o d u l e t r u y v ấ n s e l e c t o r J q u e r y đ ư ợ c s ử d ụ n g d ế n 9 9 % trên tổng số website trên thế giới Các module chính của jquery baogồm:

Phầnback-end

- PHP-viếttắthồiquycủa"HypertextPreprocessor",làmộtngônngữlậptrìnhkịch bản được chạy ở phía server nhằm sinh ra mã html trên client PHP đã trảiqua rất nhiều phiên bản và được tối ưu hóa cho các ứng dụng web, với cách viếtmã rõ rãng, tốc độ nhanh, dễ học nên PHP đã trở thành một ngôn ngữ lập trìnhwebrất phổbiến vàđượcưachuộng.

- PHPchạytrênmôitrườngWebservervàlưutrữdữliệuthôngquahệquảntrịcơsở dữ liệu nên PHP thường đi kèm với Apache, MySQL và hệ điều hành Linux(LAMP).

- MySQLcũngtươngtựnhưcáchệquảntrịcơsởdữliệukhác(Postgress,Oracle,SQLserver )đóng vaitròlànơilưutrữvà truyvấn dữliệu

Phầncơsởdữ liệu

- MySQLlàhệ quản trị cơ sở dữ liệutự do nguồn mởphổ biến nhất thế giới vàđược các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng VìMySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khảchuyển,hoạtđộngtrênnhiềuhệđiềuhànhcungcấpmộthệthốnglớncác hàmtiệních rất mạnh Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứngdụng cótruycậpCSDLtrêninternet.Ngườidùngcóthểtải về MySQLmiễnphítừ trang chủ MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiênbảnWin32cho cáchệđiềuhànhdòngWindows,Linux,MacOS

X,Unix,FreeBSD,NetBSD,NovellNetWare,SGIIrix,Solaris,SunOS,

- MySQLlàmộttrongnhữngvídụrấtcơbảnvềHệQuảntrịCơsởdữliệuquanhệsửdụngNgô n ngữtruy vấn có cấutrúc(SQL).

- MySQLđược sử dụng cho việc bổ trợNode.js,PHP,Perl, và nhiều ngôn ngữkhác,làmnơilưutrữnhữngthôngtintrêncáctrangwebviếtbằngNodeJs,PHPhayPer l,

Lýdo chọn côngcụ

Các ngôn ngữ lập trình như PHP, HTML, CSS, MYSQL là các ngôn ngữ lập trìnhphổbiếnvàdễsửdụng, dễtiếpcận Bởivậychùngemchọnnhững ngonngữnàyđểthựchiệnWesite.

Yêucầubàitoán

Yêucầuchứcnăng

Yêucầuphi chứcnăng

Xácđịnh cáccasửdụng

Biểuđồ casửdụng tổngquát

Hình2 2 Biểu đồ casửdụngkhách hàng

Ngườiquảntrị (Admin)

 Khiđãđăngnhậpthànhcông:Dựatheokhả năngphânquyềnthìtàikhoản đó có thể sử dụng các chức năng tùy theo tài khoản đã cungcấp

Đặctảcáccasửdụng

Đăngnhập

 Khiđãđăngnhậpthànhcông:Dựatheokhả năngphânquyềnthìtàikhoản đó có thể sử dụng các chức năng tùy theo tài khoản đã cungcấp

Chọnchứcnăngđăngnhập Hiểnthịgiaodiệnđăngnhập,yêucầucungcấ pthôngtinđăngnhậpgồmtênđăngnhậpv àmật khẩu

Nếuthànhcôngthìthựchiệnhiểnthịgiao diện tương ứng với cấp bậc tàikhoảnđượccấpquyền

Đăngxuất

Thựchiệnphê duyệtsảnphẩm Đưathôngtincủasảnphẩmlêngiaodiệnngườid ùng Thôngbáothànhcông

Thực hiệnxóa giasư Xóagia sư

Hình2 4 Biểuđồhoạt động chứcnăngđăng xuất

Hình2 5 Biểuđồhoạt động chứcnăngđăng ký làmgia sư

Hình2 6 Biểuđồhoạt độngchứcnăngchọn gia sư

Hình2 8 Biểu đồhoạt độngthêmthôngtin người thuêgia sư

- Biểuđồh o ạ t độngcasửdụngcủa chức năngsửa giasư

Hình2 1 0 Biểuđồhoạt độngchứcnăngsửa gia sư

Hình2 1 1 Biểuđồhoạt độngchứcnăngxóa gia sư

Hình2 1 2 Biểu đồtrình tựchức năngđăng nhập

- Biểuđồtrìnhtựca sửdụng của chức năngđăngđăngkýlàmgiasư

Hình2 1 4 Biểu đồtrình tựchức năngđăngký làmgia sư

- Biểuđồtrìnhtựca sửdụngcủa chức năngđăngchọngia sư

Hình2 1 5 Biểu đồtrình tựchức năngchọngia sư

Hình2 1 6 Biểu đồtrình tựchức năngthêmgia sư

Hình2 1 7 Biểu đồtrình tựchức năngthêmngười thuê giasư

- Biểuđồtrìnhtựca sửdụngcủa chức năngxemgia sư

Hình2 1 8 Biểu đồtrình tựchức năngxemgia sư

Hình2 1 9 Biểu đồtrình tựchức năngsửagia sư

- Biểuđồtrìnhtựca sửdụngcủa chức năngx ó a g i a sư

Hình2 2 0 Biểu đồtrình tựchức năngxóagia sư

Hình3 2 7 Thông tin người đã đăngkýgia sư

Hình3 2 9 Giaodiện chức năngphêduyệt gia sư

Do thời gian và chưa có nhiều kinh nghiệm nên việc nghiên cứuvà thiết kếhệthốngchưađượchoànthiệnnhưngbướcđầuchúngemđãđã đượchọchỏivàlàm quen với điều kiện thực tế Qua báo cáo này, nhóm em mong rằng sẽ đượchọc hỏi nhiều kiến thức cũng như kinh nghiệm hơn trong quá trình phân tích vàthiếtkế hệthống.Nhóm chúngemxinchânthànhcảm ơn!

Sửa giasư

Xóagiasư

Biểuđồ trường hợpsửdụng