Xây dựng ứng dụng hỗ trợ học lập trình ASP NET trên thiết bị di động

TRƯỜNG ĐẠI HỌC HÙNG VƯƠNG KHOA KỸ THUẬT – CÔNG NGHỆ - LÊ KHƯƠNG DUY XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC LẬP TRÌNH ASP.NET TRÊN THIẾT BỊ DI ĐỘNG KHĨA LUẬN TỐT NGHIỆP ĐẠI HỌC Ngành Cơng Nghệ Thông Tin Phú Thọ, (2017) TRƯỜNG ĐẠI HỌC HÙNG VƯƠNG KHOA KỸ THUẬT – CÔNG NGHỆ - LÊ KHƯƠNG DUY XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC LẬP TRÌNH ASP.NET TRÊN THIẾT BỊ DI ĐỘNG KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ngành: Công Nghệ Thông Tin NGƯỜI HƯỚNG DẪN: ThS NGUYỄN THỊ THU HƯƠNG Phú Thọ, 2017 i LỜI CẢM ƠN Sau trình tìm hiểu đề tài “Xây dựng ứng dụng hỗ trợ học Lập trình ASP.NET thiết bị di động”, em hoàn thành tiến độ dự kiến Để đạt kết này, em nỗ lực thực đồng thời nhận nhiều giúp đỡ từ thầy cô, gia đình bạn bè Em xin chân thành cảm ơn thầy, cô trường Đại học Hùng Vương tạo điều kiện sở vật chất, bảo, đóng góp ý kiến giúp khóa luận em thêm hồn thiện hình thức nội dung Em xin gửi lời cảm ơn chân thành tới giáo viên hướng dẫn cô giáo Nguyễn Thị Thu Hương - Bộ môn Công nghệ phần mềm - Khoa Kỹ thuật Công nghệ - Trường Đại Học Hùng Vương tận tình giúp đỡ em suốt q trình làm khóa luận tốt nghiệp Trong thời gian làm việc cô giáo, em khơng ngừng tiếp thu thêm nhiều kiến thức bổ ích mà học tập tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho em trình học tập làm việc sau Trong thời gian nghiên cứu hồn thành khóa luận khơng tránh khỏi thiếu sót, em mong đóng góp ý kiến từ q thầy bạn để đề tài hoàn thiện Em xin chân thành cảm ơn! Việt Trì, tháng năm 2017 Sinh viên Lê Khương Duy ii DANH MỤC ẢNH Hình 1.1 Biểu tượng Android 5.1 Lollipop Hình 1.2 Quá trình thực thi Hình 1.3 Mơ hình xử lý ASP.NET 12 Hình 1.4 Vịng đời activity 16 Hình 1.5 Sơ đồ chuyển trạng thái service 18 Hình 2.1 Biểu đồ UserCase chức 24 Hình 2.2 Mơ hình xử lý đăng ký 25 Hình 2.3 Mơ hình xử lý đăng nhập 25 Hình 2.4 Mơ hình xử lý học video 26 Hình 2.5 Mơ hình xử lý học lý thuyết 27 Hình 2.6 Mơ hình xử lý tập minh họa 27 Hình 2.7 Mơ hình xử lý chức tìm kiếm câu hỏi 28 Hình 2.8 Mơ hình xử lý chấm điểm lưu thi 29 Hình 2.9 Mơ hình lớp chương trình 32 Hình 3.1 Màn hình giới thiệu đầu 35 Hình 3.2 Màn hình đăng nhập 36 Hình 3.3 Màn hình đăng ký 37 Hình 3.4 Màn hình 38 Hình 3.5 Màn hình giảng 39 Hình 3.6 Màn hình nội dung giảng 40 Hình 3.7 Màn hình chọn tập 41 Hình 3.8 Màn hình hiển thị nội dung tập 42 Hình 3.9 Màn hình chọn video 43 Hình 3.10 Màn hình chọn video 44 Hình 3.11 Màn hình lựa chọn câu hỏi trắc nghiệm 45 Hình 3.12 Màn hình hiển thị câu hỏi trắc nghiệm 46 Hình 3.13 Màn hình hiển thị điểm 47 Hình 3.13 Màn hình hiển thị điểm 48 iii Hình 3.14 Màn hình giới thiệu 49 Hình 3.15 Điện thoại Samsung Galaxy S7 Edge 50 Hình 3.16 Điện thoại Sony Xperia Z3 50 Hình 3.17 Icon ứng dụng điện thoại Samsung Galaxy S7 Edge 51 Hình 3.18 Màm hình menu điện thoại 52 Hình 3.19 Menu trái ứng dụng 52 iv DANH MỤC BẢNG Bảng 2.1 Danh sách thực thể 30 Bảng 2.2 Bảng Account 30 Bảng 2.3 Bảng câu hỏi 31 Bảng 2.4 Bảng Điểm 31 Bảng 3.1 Danh sách hình 34 Bảng 3.2 Mô tả chi tiết hình giới thiệu 35 Bảng 3.3 Mơ tả chi tiết hình đăng nhập 36 Bảng 3.4 Mơ tả chi tiết hình đăng ký 37 Bảng 3.5 Mô tả chi tiết hình 38 Bảng 3.6 Mô tả chi tiết hình giảng 39 Bảng 3.7 Mô tả chi tiết hình hiển thị nội dung giảng 40 Bảng 3.8 Mơ tả chi tiết hình hiển thị tập 41 Bảng 3.9 Mơ tả chi tiết hình hiển thị nội dung tập 42 Bảng 3.10 Mơ tả chi tiết hình chọn video 43 Bảng 3.11 Mô tả chi tiết hình hiển thị video 44 Bảng 3.12 Mơ tả chi tiết hình chọn đề thi 45 Bảng 3.13 Mơ tả chi tiết hình câu hỏi trắc nghiệm 46 Bảng 3.14 Mơ tả chi tiết hình hiển thị điểm 47 v MỤC LỤC LỜI CẢM ƠN i DANH MỤC ẢNH ii DANH MỤC BẢNG iv MỤC LỤC v MỞ ĐẦU CHƯƠNG I: TỔNG QUAN VỀ HỆ ĐIỀU HÀNH ANDROID, NGÔN NGỮ LẬP TRÌNH JAVA, HỌC PHẦN LẬP TRÌNH ASP.NET 1.1 Khái niệm, lịch sử hình thành phát triển hệ điều hành Android 1.1.1 Khái niệm hệ điều hành Android 1.1.2 Lịch sử hình thành phát triển hệ điều hành Android 1.2 Tổng quan ngôn ngữ Java 1.2.1 Giới thiệu ngôn ngữ Java 1.2.2 Các đặc trưng Java 1.3 Tổng quan học phần lập trình ASP.NET 11 1.3.1 Ưu điểm ASP.NET 12 1.3.2 Nội dung học phần lập trình ASP.NET 13 1.4 Lập trình ứng dụng hệ điều hành Android 14 1.4.1 Cơng cụ lập trình ứng dụng Android 14 1.4.2 Các thành phần ứng dụng Android 15 CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG CỦA ỨNG DỤNG HỖ TRỢ HỌC LẬP TRÌNH ASP.NET 23 2.1 Xác định yêu cầu 23 2.1.1 Các chức chương trình 23 2.1.2 Biểu đồ Usercase 23 2.2 Phân tích thiết kế 24 2.2.1 Phân tích mơ hình xử lý chức 24 2.2.2 Thiết kế sở liệu 30 2.2.3 Thiết kế mơ hình lớp 32 vi CHƯƠNG III: XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC LẬP TRÌNH ASP.NET 34 3.1 Giao diện ứng dụng 34 3.1.1 Danh sách hình 34 3.1.2 Chi tiết hình 35 3.2 Cài đặt ứng dụng thử nghiệm 49 3.3 Hướng dẫn sử dụng 51 KẾT LUẬN CHUNG 53 Kết đạt 53 Hạn chế 53 Hướng phát triển 53 TÀI LIỆU THAM KHẢO 54 PHỤ LỤC 55 Phụ lục A: Chi tiết MainActivity.java 55 Phụ lục B: Chi tiết HomeFragment.java 62 MỞ ĐẦU Tính cấp thiết đề tài khóa luận ASP.NET tảng ứng dụng web (Web Applicationframework) xây dựng, phát triển tập đoàn Microsoft, cho phép lập trình viên tạo trang web động, ứng dụng web dịch vụ web Vào tháng năm 2002, phiên đưa thị trường với phiên 1.0 NET framework, ASP.NET công nghệ nối tiếp cơng nghệ Microsoft's Active Server Pages (ASP) trước đó, biên dịch dạng Common Language Runtime (CLR), cho phép người lập trình viết mã ASP.NET với ngôn ngữ (C#, VB.NET, ) hỗ trợ NET framework Với xu hướng ứng dụng web phát triển mạnh mẽ, ngày có nhiều ứng dụng viết ASP.NET, nhiều công ty chọn ASP.NET làm ngôn ngữ phát triển website cho khách hàng sản phẩm riêng họ nên việc nắm vững sử dụng thành thạo công nghệ web nói chung chuyên sâu ASP.NET nói riêng lợi cho sinh viên lập trình viên ứng dụng web Cùng với đó, phát triển công nghệ di động bùng nổ vài năm qua Các thiết bị di động trở nên mạnh mẽ phổ biến Trong vài năm trở lại đây, hệ điều hành Android đời trở thành tảng điện thoại thông minh phổ biến giới, với kế thừa ưu việt hệ điều hành đời trước kết hợp nhiều công nghệ tiên tiến Những ưu điểm dễ thấy Android khả tùy biến nhanh chóng, dễ làm quen, ứng dụng hỗ trợ phong phú, tương thích với đa cấu hình phần cứng nhà sản xuất Đồng thời Android có mã nguồn mở cho phép nhà phát triển thiết bị, mạng di động lập trình viên điều chỉnh phân phối Android cách tự Vấn đề đặt có ứng dụng hỗ trợ học tập không đơn giản đa số ứng dụng hỗ trợ học phải phí việc sử dụng cịn số hạn chế Bởi trước nhu cầu mơn học Lập trình ASP.NET ưu điểm hệ điều hành Android, em chọn đề tài “Xây dựng ứng dụng hỗ trợ học Lập trình ASP.NET thiết bị di động” làm khóa luận tốt nghiệp cho Để tạo ứng dụng cho sinh viên ngành cơng nghệ thơng tin có ứng dụng học lập trình ASP.NET thiết bị động chạy hệ điều hành Android Ý nghĩa khoa học thực tiễn  Ứng dụng lý thuyết, phương pháp, kỹ thuật lập trình hệ điều hành Android để xây dựng ứng dụng hỗ trợ học tập học phần Lập trình ASP.NET thiết bị di động Mục tiêu khóa luận  Xây dựng thành công ứng dụng hỗ trợ học phần Lập trình ASP.NET thiết bị động Nhiệm vụ nghiên cứu  Tìm hiểu hệ điều hành Android cách thu thập, đọc tài liệu, nghiên cứu sử dụng ngôn ngữ Java thư viện Android để lập trình ứng dụng  Nghiên cứu thuật toán sử dụng ứng dụng học lập trình ASP.NET  Lập trình, cài đặt hồn thiện ứng dụng hỗ trợ học lập trình ASP.NET Phương pháp nghiên cứu  Phương pháp nghiên cứu tự luận: đọc nghiên cứu tài liệu, giáo trình có liên quan đến việc lập trình game Android phân hóa, hệ thống kiến thức  Phương pháp tổng kết kinh nghiệm: qua việc nghiên cứu, tham khảo tài liệu, giáo trình từ rút kinh nghiệm để áp dụng vào việc nghiên cứu  Phương pháp lấy ý kiến chuyên gia: lấy ý kiến giảng viên trực tiếp hướng dẫn, giảng viên khác để hoàn thiện mặt nội dung hình thức khóa luận 52 Hình 3.18 Màm hình menu điện thoại Hoặc người dùng vuốt từ trái xang để xem điều hướng chức cách nhanh chóng Ở hình menu người dùng sử dụng menu tương ứng với chức năng: Hình 3.19 Menu trái ứng dụng 53 KẾT LUẬN CHUNG Kết đạt Qua trình thực khóa luận tốt nghiệp “Xây dựng ứng dụng hỗ trợ học Lập trình ASP.NET thiết bị di động” với hướng dẫn Cô giáo Nguyễn Thị Thu Hương, tác giả lập trình thành cơng ứng dụng Tác giả nắm bắt sở lý thuyết, cài đặt công cụ liên quan đến việc lập trình, hiểu yếu tố để viết ứng dụng chạy hệ điều hành Android, nghiên cứu ngôn ngữ mới, công nghệ  Ứng dụng đạt yêu cầu đặt  Lập trình thành cơng ứng dụng với giao diện bắt mắt dễ sử dụng  Tích hợp đầy đủ chức ứng dụng hỗ trợ học tập Hạn chế Hạn chế cịn tồn giao diện ứng dụng cịn thơ sơ, đơn giản Thời gian phát triển đề tài ngắn nên cịn chức năng, tùy chọn đơn giản Hướng phát triển Ứng dụng làm với CSDL(cơ sở liệu) SQLite CSDL tĩnh khơng có tính linh hoạt cao việc thay đổi thêm nội dung tập trắc nghiệm Muốn ứng dụng có tính linh hoạt cao cần xây dựng Server chạy web để quản lý CSDL cách linh hoạt Cùng với việc nghiên cứu, tìm hiểu sâu kiến thức liên quan đến hệ điều hành Android để lập trình ứng dụng phức tạp hơn, chức nhiều thay đổi hình nền, đổi nhạc nền, thay đổi kích thước font chữ, trau chuốt lại hình ảnh, tối ưu code, để sản phẩm tham gia chợ ứng dụng Android, người dùng dễ dàng tải sử dụng 54 TÀI LIỆU THAM KHẢO EBOOK: [1] Conder, L D (2012) Sams Teach Yourself Android Application Development int 24 Hours, Second Edition [2] Dương Quang Thiện(2013), Lập Trình Web Dùng ASP.NET Và C#, NXB Thành phố Hồ Chí Minh [3] Đồn Văn Ban – Đồn Văn Trung (2011), Giáo trình lập trình Java, NXB Giáo dục Việt Nam [4] Lê Hoàng Sơn (2015), Giáo trình lập trình Android, NXB Xây Dựng [5] Nguyễn Minh Đạo (2011), Giáo trình lập trình web với ASP.NET, NXB Đại học Quốc Gia thành phố Hồ Chí Minh WEBSITE: [6].< https://vi.wikipedia.org>, xem 12/12/2016 [7].< https://droidviet.com/ >, xem 12/3/2017 55 PHỤ LỤC Phụ lục A: Chi tiết MainActivity.java package com.leduypt.aspnetprogramming_hvu; /** * Created by LeDuyPT on 16/01/2017 */ public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); ActionBarDrawerToggle toggle = new ActionBarDrawerToggle( this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); drawer.setDrawerListener(toggle); toggle.syncState(); 56 NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view); navigationView.setNavigationItemSelectedListener(t his); if(savedInstanceState == null) { HomeFragment homeFragment = new HomeFragment(); FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, homeFragment, homeFragment.getTag()).commit(); } DBHelper db = new DBHelper(this); try { db.createDataBase(); } catch (IOException e) { e.printStackTrace(); } } @Override public void onBackPressed() { DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); if (drawer.isDrawerOpen(GravityCompat.START)) { drawer.closeDrawer(GravityCompat.START); } else { 57 super.onBackPressed(); } } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { int id = item.getItemId(); return super.onOptionsItemSelected(item); } @SuppressWarnings("StatementWithEmptyBody") @Override public boolean onNavigationItemSelected(MenuItem item) { // Handle navigation view item clicks here int id = item.getItemId(); if (id == R.id.home) { HomeFragment homeFragment = new HomeFragment(); 58 FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, homeFragment, homeFragment.getTag()).commit(); } else if (id == R.id.thitracnghiem) { TracNghiemFragment tracNghiemFragment = new TracNghiemFragment(); FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, tracNghiemFragment, tracNghiemFragment.getTag()).addToBackStack("lamba ithi").commit(); }else if (id == R.id.baitap) { ExampleFragment exampleFragment = new ExampleFragment(); FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, exampleFragment, exampleFragment.getTag()).addToBackStack("baitap") commit(); } else if (id == R.id.video) { VideoFragment videoFragment = new VideoFragment(); FragmentManager manager = getSupportFragmentManager(); 59 manager.beginTransaction().replace(R.id.content_ma in, videoFragment, videoFragment.getTag()).addToBackStack("video1").c ommit(); } else if (id == R.id.exit) { Intent activitymoi = new Intent(getApplicationContext(),com.leduypt.aspnetp rogramming_hvu.LoginActivity.class); startActivity(activitymoi); } else if (id == R.id.lythuyet) { DocumentFragment documentFragment = new DocumentFragment(); FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, documentFragment, documentFragment.getTag()).addToBackStack("tailieu ").commit(); } else if (id == R.id.about) { AboutFragment aboutFragment = new AboutFragment(); FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, aboutFragment, 60 aboutFragment.getTag()).addToBackStack("thongtin") commit(); } else if (id == R.id.search) { SearchQuesFragment searchQuesFragment = new SearchQuesFragment(); FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, searchQuesFragment, searchQuesFragment.getTag()).addToBackStack("timki em").commit(); }else if (id == R.id.score) { ScoreFragment scoreFragment = new ScoreFragment(); FragmentManager manager = getSupportFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, scoreFragment, scoreFragment.getTag()).addToBackStack("diemthi") commit(); } DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); drawer.closeDrawer(GravityCompat.START); return true; } } 61 62 Phụ lục B: Chi tiết HomeFragment.java package com.leduypt.aspnetprogramming_hvu.home; /** * Created by LeDuyPT on 16/01/2017 */ public class HomeFragment extends Fragment { HomeAdapter homeAdapter; GridView gridView; public static String[] gridViewStrings = { "Nội dung giảng", "Bài tập minh họa", "Học Video", "Làm thi", "Danh sách điểm thi", "Tìm kiếm câu hỏi", "Thơng tin", }; public static int[] gridViewImages = { R.drawable.menu_1, R.drawable.menu_2, R.drawable.menu_3, R.drawable.menu_4, R.drawable.menu_5, R.drawable.menu_6, R.drawable.menu_8, }; public HomeFragment() { 63 // Required empty public constructor } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment ((MainActivity) getActivity()).getSupportActionBar().setTitle("Tra ng chủ"); return inflater.inflate(R.layout.fragment_home, container, false); } @Override public void onActivityCreated(@Nullable Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); gridView=(GridView) getActivity().findViewById(R.id.grid); homeAdapter=new HomeAdapter(getActivity(),gridViewStrings,gridView Images); gridView.setAdapter(homeAdapter); gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override 64 public void onItemClick(AdapterView adapterView, View view, int position, long l) { if (position == 0) { DocumentFragment documentFragment = new DocumentFragment(); FragmentManager manager = getFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, documentFragment, documentFragment.getTag()).addToBackStack("documen t").commit(); } if (position == 1) { ExampleFragment exampleFragment = new ExampleFragment(); FragmentManager manager = getFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, exampleFragment, exampleFragment.getTag()).addToBackStack("exam").c ommit(); } if (position == 2) { VideoFragment videoFragment = new VideoFragment(); FragmentManager manager = getFragmentManager(); 65 manager.beginTransaction().replace(R.id.content_ma in, videoFragment, videoFragment.getTag()).addToBackStack("video").co mmit(); } if (position == 3) { TracNghiemFragment tracNghiemFragment = new TracNghiemFragment(); FragmentManager manager = getFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, tracNghiemFragment, tracNghiemFragment.getTag()).addToBackStack("asp.n et").commit(); } if (position == 4) { ScoreFragment scoreFragment = new ScoreFragment(); FragmentManager manager = getFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, scoreFragment, scoreFragment.getTag()).addToBackStack("scoure").c ommit(); } if (position == 5) { 66 SearchQuesFragment searchQuesFragment = new SearchQuesFragment(); FragmentManager manager = getFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, searchQuesFragment, searchQuesFragment.getTag()).addToBackStack("searc h").commit(); } if (position == 6) { AboutFragment aboutFragment = new AboutFragment(); FragmentManager manager = getFragmentManager(); manager.beginTransaction().replace(R.id.content_ma in, aboutFragment, aboutFragment.getTag()).addToBackStack("info").com mit(); } } }); } } ... ngơn ngữ lập trình Java, học phần lập trình ASP. NET  Chương II: Phân tích thiết kế hệ thống ứng dụng hỗ trợ học lập trình ASP. NET  Chương III: Xây dựng ứng dụng hỗ trợ học lập trình ASP. NET 4... ? ?Xây dựng ứng dụng hỗ trợ học Lập trình ASP. NET thiết bị di động? ?? làm khóa luận tốt nghiệp cho Để tạo ứng dụng cho sinh viên ngành công nghệ thông tin có ứng dụng học lập trình ASP. NET thiết bị động. .. Java thư viện Android để lập trình ứng dụng  Nghiên cứu thuật tốn sử dụng ứng dụng học lập trình ASP. NET  Lập trình, cài đặt hồn thiện ứng dụng hỗ trợ học lập trình ASP. NET Phương pháp nghiên