Xây dựng website tin tức bằng cách tạo theme dựa trên nền tảng wordpress

TRƢỜNG ĐẠI HỌC VINH VI N THU T V C NG NGH BÁO CÁO ĐỒ ÁN TỐT NGHI P ĐẠI HỌC Tên đồ án: Xây dựng website tin tức cách tạo theme dựa n n tảng Wordpress Nghệ An, tháng 05 năm 2017 Đồ án tốt nghiệp đại học LỜI CÁM ƠN Ngành công nghệ thông tin ngành khoa học đà phát triển mạnh ứng dụng rộng rãi nhiều lĩnh vực Cùng với xu hướng phát triển phương tiện truyền thơng Báo, Radio… việc sử dụng Internet ngày phổ biến Truy cập Internet, có kho thơng tin khổng lồ phục vụ nhu cầu, mục đích nhấp chuột Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội, đời hàng loạt website cho mục đích thương mại, giải trí, tin tức…Để đáp ứng với việc cập nhật thơng tin hàng ngày, tình hình xã hội, trị, thời sự, sức khỏe… website tin tức đời nhu cầu tất yếu Do đó, em vận dụng ngơn ngữ HTML, PHP, phần mềm nguồn mở WordPress để xây dựng ứng dụng Website Tin tức Hoàn thành xong đề tài, em vơ biết ơn thầy, nhiệt tình giảng dạy, hướng dẫn đặc biệt thầy giáo Th.S Lê Văn Thành, người trực tiếp hướng dẫn nhiệt tình cho em suốt trình học hỏi thực đề tài NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học M CL C LỜI CÁM ƠN M C L C CHƢƠNG TỔNG QUAN 1.1 Giới thiệu đề tài website tin tức 1.1.1 Phân tích tiêu chí hình thành Tin Tức 1.1.2 Yêu cầu Website 1.2 Giới thiệu tổng quát CMS WORDPRESS .7 1.2.1 Nền tảng website 1.2.2 Những thành tựu wordpress 1.2.3 Những lý chọn wordpress 1.2.4 Những hiểu lầm wordpress .10 1.2.5 Lời kết 10 1.3 Những kiến thức cần trang bị 11 1.3.1 HTML .11 1.3.3 Javascipt 13 1.3.4 PHP 13 CHƢƠNG 2: PHÂN TÍCH CẤU TRÚC TRANG WEB 14 2.1 Cấu trúc trang web 14 CHƢƠNG C I ĐẶT WORDPRESS 19 3.1 Cài đặt wordpress localhost .19 CHƢƠNG 4: XÂY DỰNG WEBSITE TIN TỨC 22 4.1 Quá trình xây dựng giao diện: 22 4.1.1 Code HTML 22 4.1.2 Code CSS 23 4.2 Thực đẩy liệu lên Wordpress .25 4.3 Cài đặt giao diện Wordpress 26 4.4 Thực đổ liệu 26 4.5 Giao diện số trang 35 KẾT LU N 37 1.Kết đạt đề tài: 37 Hướng phát triển 37 NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học T I LI U THAM HẢO 38 NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học CHƢƠNG TỔNG QUAN 1.1 Giới thi u tài website tin tức “Tin tức tích lũy ƣợc gọi kiến thức, tài sản quý giá ngƣời ” Với bùng nổ thông tin internet, vai trị trang thơng tin điện tử trực tuyến trở nên quan trọng Khác với báo chí truyền thơng có giới hạn thời gian cập nhật tin tức, tờ báo trực tuyến cung cấp tiện lợi việc cập nhật phát hành thông tin Về phía người dùng, họ xem thơng tin lúc nơi Về phía người cung cấp thơng tin, nhà báo, họ dễ dàng cập nhật tin tức nhất, thời Do việc sử dụng trang thơng tin trực tuyến điều cần thiết nhằm đáp ứng nhu cầu cập nhật thông tin người Tin tức việc xảy dù tốt dù xấu, để giúp người biết chuyện xung quanh giới Ngày nhờ thông tin truyền thơng nhanh, chuyện vừa xãy đâu giới ta biết ngay, nhờ mà học nhiều hay tránh chuyện xấu xảy ra, trận sóng Thần, bão táp, núi lửa đến, chất độc hại thức ăn giúp người biết trước mà tránh khỏi nguy hiểm đến Tin tức vô quan trọng cho người ta tri thức sở để người ta tiến hành việc lớn nhỏ Khi có Internet, tin tức quan trọng tốc độ lan truyền nhanh ảnh hưởng tức diện rộng NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học 1.1.1 Phân tích tiêu chí hình thành Tin Tức Tiêu chí dùng để xác định tin tức tóm gọn lại sau: Có liên quan, hữu ích, gây quan tâm Những tiêu chí áp dụng rộng rãi nhà báo hay quan báo chí sử dụng chúng theo bối cảnh đặc thù để nhấn mạnh ý nghĩa theo cách riêng Cái bối cảnh cơng chúng tạo Bạn đọc báo đăng báo in Trên truyền hình, viết có chi tiết hơn, bạn nhìn thấy đoạn băng quay cảnh nhân vật tranh luận Còn báo trực tuyến, báo bao gồm chi tiết đoạn phim – cộng thêm kết nối dễ dàng đến báo liên quan tư liệu đằng sau vụ việc Cách trình bày khác loại hình, giá trị tin tức làm cho trở nên quan trọng kỹ tường thuật việc yêu cầu kể lại câu chuyện có giống Sự liên quan, hữu ích gây quan tâm định hướng khái quát để thẩm định giá trị thông tin kiện, vấn đề hay nhân vật Cùng với tiêu chí rõ ràng đó, yếu tố đặc trưng tiềm tàng câu chuyện Quan trọng yếu tố sau: • Tác ộng: Đây cách khác để đo mức độ liên quan hữu ích Có người bị ảnh hưởng kiện hay ý tưởng? Nó ảnh hưởng đến họ nghiêm trọng nào? • Xung ột: Đây đề tài muôn thuở câu chuyện, dù thuật lại báo chí, văn chương hay kịch nghệ Những đấu tranh người với người, quốc gia hay với sức mạnh thiên nhiên lôi người ta đọc Xung đột yếu tố đời sống, nhà báo phải tỉnh táo trước cám dỗ muốn làm cho câu chuyện tăng thêm kịch tính đơn giản hóa thái q • Mới lạ: Đây yếu tố khác phổ biến báo chí lẫn loại hình khác Con người hay kiện gây hấp dẫn có giá trị thơng tin yếu tố đặc biệt hay kỳ quái • Danh tiếng: Tên tuổi tạo nên tin tức Tên tuổi lớn chừng báo quan trọng chừng Những người dân thường ln bị kích thích tị mị việc làm người giàu có tiếng NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học • Gần gũi: Thơng thường, người ta thích thú quan tâm đến diễn gần nơi họ Khi họ đọc hay nghe tin nước hay tin giới, họ thường muốn biết có liên quan đến cộng đồng họ • Cấp thời: Tin địi hỏi phải Nếu tin thích đáng hữu ích, hẳn phải lúc Ví dụ viết vấn đề mà hội đồng thành phố phải đối mặt trước định có ích sau Những báo kịp thời cho người ta hội tham dự vào vụ việc chung làm khán giả Lƣu ý : yếu tố gợi hai điều quan trọng tin: • Thứ nhất, tin tức nghiêm túc, chuyện sống chết Nghề báo miêu tả “cuộc đối thoại văn hóa với nó” Cuộc đối thoại gắn kết thành văn hóa từ chuyện kể tội ác, trị kiện giới, tất nhiên rồi; bao gồm câu chuyện đời sống ngày Nó bao gồm chuyện khơi hài chuyện tầm phào Tất điều tin tức • Thứ hai, tin tức khơng việc góp nhặt lại kiện Thuật lại tin thường có nghĩa kể lại câu chuyện Tính tường thuật, tính nhân văn, kịch tính câu chuyện nghệ thuật báo chí Để tập hợp kiện viết mình, nhà báo sử dụng nhiều kỹ thuật giống kỹ thuật mà nhà xã hội học, nhà khoa học trị nhà sử học sử dụng Để viết báo cho hiểu kiện đó, nhà báo thường sử dụng kỹ thuật người cầm bút khác nhà văn hay nhà biên kịch 1.1.2 Yêu cầu Website • Yêu cầu bạn đọc: Giao diện thân thiện Dễ tìm kiếm thơng tin Tin tức website cập nhật thường xuyên • Yêu cầu thành viên: Cung cấp chức cập nhật tin tức dễ dàng • Yêu cầu Admin: Thuận lợi việc quản lý thông tin thành viên, tin tức, liệu website NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học 1.2 Giới thi u t ng quát v CMS WORDPRESS 1.2.1 Nền tảng website  Wordpress ? WordPress phần mềm nguồn mở (Open Source Software) viết ngơn ngữ lập trình website PHP (Hypertext Preprocessor) sử dụng hệ quản trị sở liệu MySQL WordPress mắt lần vào ngày 27/5/2003 tác giả Matt Mullenweg Mike Little Hiện WordPress sở hữu phát triển cơng ty Automattic có trụ sở San Francisco, California thuộc hợp chủng quốc Hoa Kỳ WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, nhiều người sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lượng người sử dụng tăng lên, cộng tác viên lập trình viên tham gia đơng đảo để phát triển mã nguồn WordPress có thêm tính tuyệt vời Và thời điểm 2015, WordPress xem hệ quản trị nội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùng tạo nhiều thể loại website khác blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, chí với loại website có độ phức tạp cao đặt phòng khách sạn, thuê xe, đăng dự án bất động sản,… Hầu hình thức website với quy mơ nhỏ vừa triển khai tảng WordPress Nhưng khơng có nghĩa WordPress thích hợp với dự án nhỏ, mà có tới khoảng 25% website danh sách 100 website lớn giới sử dụng mã nguồn WordPress Ví dụ trang tạp chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,…rất nhiều kể hết NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học 1.2.2 Những thành tựu wordpress Khi tìm hiểu WordPress, bạn thật tự hào biết mã nguồn mà bạn tìm hiểu sau có thành tựu vượt bậc mã nguồn CMS mở phổ biến hành tinh Để kiểm chứng điều đó, bạn cần biết là: Trên giới, có khoảng 25 viết đăng lên website sử dụng WordPress giây Số lượng website làm WordPress chiếm 23% tổng số lượng website giới Trong số 100% website sử dụng mã nguồn CMS, WordPress chiếm 60% Phiên WordPress 4.0 đạt 16 triệu lượt tải sau khoảng hai tháng WordPress dịch sang 52 ngôn ngữ khác Tuy nhiên lại chưa có phiên tiếng Việt thức, bạn Việt hóa dễ dàng cách tìm blog với từ khóa “Việt hóa WordPress“ Có 80 chương trình họp mặt WordPress tổ chức vào năm 2014 Mã nguồn WordPress có khoảng 785 lập trình viên hợp tác phát triển Chỉ tính giao diện (hay cịn gọi theme) miễn phí thư viện WordPress.org có 2.700 themes khác Bạn thấy đó, WordPress thật tuyệt vời phải khơng nào? 1.2.3 Những lý chọn wordpress 1.2.3.1 Dễ sử dụng WordPress phát triển nhằm phục vụ đối tượng người dùng phổ thơng, khơng có nhiều kiến thức lập trình website nâng cao Các thao tác WordPress đơn giản, giao diện quản trị trực quan giúp bạn nắm rõ cấu quản lý website WordPress thời gian ngắn Về cách cài đặt lại dễ hơn, bạn tự cài đặt website WordPress host (máy chủ) riêng tự vận hành sau vài cú click 1.2.3.2 Cộng đồng hỗ trợ đông đảo Là mã nguồn CMS mở phổ biến giới, điều có nghĩa bạn cộng đồng người sử dụng WordPress hỗ trợ bạn khó khăn gặp phải trình sử dụng Nếu bạn có khả tiếng Anh tốt, bạn dễ dàng tìm câu trả lời cho vấn đề bạn gặp phải Google với vài từ khóa tìm kiếm Hiện có cộng đồng wordpress tiếng Việt Nam giới : + https://wordpress.org/support/ + https://forums.wordpress.com + www.wpbeginner.com NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học 1.2.3.3 Nhiều gói giao diện có sẵn Trong sử dụng WordPress, khái niệm giao diện cho website WordPress thường gọi theme Hiện WordPress có nhiều theme miễn phí khác để bạn dễ dàng thay đổi “da thịt” website với vài cú click mà không cần bận tâm việc để thiết kế theme cho riêng Cịn bạn muốn website đẹp chuyên nghiệp hơn, bạn mua theme trả phí với giá bán dao động từ $30 đến $65 Nhưng bạn người tập làm quen với WordPress, tạm quên việc dùng theme trả phí cách cài đặt khơng dễ dàng cho người bắt đầu 1.2.3.4 Nhiều plugin hỗ trợ Plugin nghĩa trình cắm thêm vào website để bổ sung chức mà bạn cần Ví dụ mặc định sau cài website WordPress, bạn khơng có chức hiển thị viết liên quan viết, với nhiều plugin miễn phí hỗ trợ bạn dễ dàng cài thêm plugin miễn phí để website có chức Tương tự với theme, có nhiều plugin trả phí mang tính độc đáo có ích vào website có giá khoảng từ $10 đến $80 tùy theo độ phức tạp 1.2.3.5 Dễ phát triển cho lập trình viên Nếu bạn người có am hiểu việc làm website thành thạo HTML, CSS, PHP dễ dàng mở rộng website WordPress bạn với nhiều tính vơ có ích Cách phát triển đơn giản WordPress mã nguồn mở nên bạn dễ dàng hiểu cách hoạt động phát triển thêm tính Với hàng nghìn hàm (function) có sẵn nó, bạn thoải mái sử dụng, bạn thay đổi cấu trúc hàm với filter hook quy trình làm việc lập trình viên chun nghiệp ứng dụng dễ dàng vào WordPress 1.2.3.6 Hỗ trợ nhiều ngôn ngữ Mã nguồn WordPress có nhiều gói ngơn ngữ kèm, bao gồm tiếng Việt Mặc dù giao diện hay plugin có ngơn ngữ riêng bạn dễ dàng tự dịch lại với phần mềm hỗ trợ 1.2.3.7 Có thể làm nhiều loại website NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page Đồ án tốt nghiệp đại học Sau CSS xong ,giao diện lên trình duyệt NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 24 Đồ án tốt nghiệp đại học 4.2 Thực hi n ẩy li u lên Wordpress Chuyển phần forder chứa giao diện vào mục theme giao diện đường dẫn C:\xampp\htdocs\cucbaochi\wp-content\themes\theme3us để tiến hành đổ liệu với php Phần tích core:  Folder “css”: Chứa file responsive.css Toàn code CSS để thực tùy biến hình phù hợp với tất kích thước mobile, ipad hay máy tính có kích thước hình bé  Folder “fonts”: Chứa tất fonts chữ tải riêng Tổng hợp lại để dễ dàng trình import/export fonts  Folder “images”: Chứa tất ảnh sử dụng trang Sau Upload lên Wordpress  Folder “inc”: Bộ nhân soạn để hỗ trợ trình lấy liệu ảnh, text, colors, plug-in, shortcode, widgets tùy biến giao diện Wordpress  Folder “js”: Chứa file “main.js” chạy đoạn Jquery (Một thư viện Javascript) Gồm đoạn code để chạy Slider, thêm thắt hiệu ứng click trang  Folder “libs”: Chứa thư viện OwlCarousel (Slider), FontAwesome (Icons), Bootstrap vv…  File index.php: Chứa nội dung trang chủ  File header.php: Chứa nội dung phần đầu trang  File footer.php: Chứa nội dung phần cuối trang  File archive.php: Đây trang đơn có chứa liên kết trực tiếp đến tất viết bạn, cho phép khách truy cập duyệt website bạn thông qua cổng cụ thể  File content.php: Vòng lặp lấy nội dung tất post(bài viết) trang  File content-none.php: Trang thơng báo load page chưa có nội dung, nội dung cập nhật  File function.php: Chứa hàm php bổ sung NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 25 Đồ án tốt nghiệp đại học  File page.php page-fullwidth.php: Lấy nội dung page Ví dụ page Home, Blog, Contact vv…  File sidebar.php: Chứa nội dung phần sidebar trang  File single.php: Chứa nội dung chi tiết post (bài viết) 4.3 Cài ặt giao di n Wordpress Sau đẩy giao diện html vào theme folder wordpress ta vào http://localhost/cucbaochi/admin chọn mục giao diện để thay đổi giao diện Upload theme code trên, sau install để cài đặt theme Cài đặt Plug-in hỗ trợ:  Advanced Custom Fields Pro  Contact Form  Menu Image 4.4 Thực hi n li u Đổ liệu từ xuống theo bố cục website NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 26 Đồ án tốt nghiệp đại học Phần header.php : Bao gồm toàn nội dung code từ đầu đóng thẻ Chứa thành phần:  Logo  Slider  Main menu  Tìm kiếm Phần footer.php:  Logo  Thông tin liên hệ Phần index.php : Chứa nội dung trang chủ, gồm:  Slider  Menu  Slibar  Post hiển thị viết  Widget giới thiệu  Hiển thị form văn  … NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 27 Đồ án tốt nghiệp đại học Advanced Custom Fields PRO Bắt đầu tạo trường liệu (fields) cho page Các trường có giá trị chung cho tồn page  Logo-logo  Cơ quản chủ quản-company  Người chịu trách nhiệm-user  Giấy phép-license  Điện thoại-phone  Fax-fax  Email-email  … Sau tạo trường liệu(fields): nơi nhập liệu cho trường(field) NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 28 Đồ án tốt nghiệp đại học Lấy giá trị trường(field) Sử dụng hàm: Ví dụ: Lấy giá trị trường logo NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 29 Đồ án tốt nghiệp đại học Ngồi cịn hàm Wordpress sau:  : Trả đường dẫn trang chủ  : Trả đường dẫn viết, sản phẩm  : Lấy tiêu đề viết  : Lấy nội dung viết  : Lấy ảnh viết  : Lấy vắn tắt nội dung viết Tạo menu Tại trang quản trị Wordpress ấn vào Giao diện chọn Menu Tạo menu phần init.php hàm “ register_nav_menus “ NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 30 Đồ án tốt nghiệp đại học Ta gọi menu hiển thị hàm “ wp_nav_menu “ Hiển thị danh sách viết NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 31 Đồ án tốt nghiệp đại học Ta tạo điều kiện cho WP_Query ,trong :  Post_type: Hiển thị viết Post type Post  Posts_per_page: số viết hiển thị  Cat: hiển thị viết chuyên mục VD: có ID =16  „Orderby‟=>‟rand‟: hiển thị viết random Sau đó, sử dụng vịng lặp while để lấy viết theo điều kiện tạo Contact Form Plugin để tạo form wordpress có khả tùy biến vượt trội NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 32 Đồ án tốt nghiệp đại học Thực thiết kế form Contact form Sau hồn thiện CSS Sử dụng hàm: để lấy form vào trang VD: Tạo form hỏi đáp Contact form

Họ tên:* [text text-303 id:name]

Email:* [email email-188 id:email]

Câu hỏi:* [textarea textarea-168 id:text]

[submit "Gửi câu hỏi"]

NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 33 Đồ án tốt nghiệp đại học Lấy form hỏi đáp hiển thị trang Sau hồn thiện CSS ta có form sau hiển thị: NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 34 Đồ án tốt nghiệp đại học 4.5 Giao di n số trang 1.Trang chủ: Trang hỏi đáp NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 35 Đồ án tốt nghiệp đại học Trang văn Trang viết NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 36 Đồ án tốt nghiệp đại học KẾT LU N ết ạt ƣợc tài: Ba tháng, khoảng thời gian không dài, với bảo hướng dẫn Thầy giáo Th.S Lê Văn Thành, đề tài phân tích thiết kế xây dựng website tin tức em hoàn thành Với thuận lợi khó khăn q trình làm việc, website hồn thành khơng tránh phần sai sót Tuy nhiên, em cố gắng website tin tức hồn thành nội dung sau: • Phân tích đánh giá yêu cầu website tin tức • Vận dụng ngơn ngữ HTML, PHP, phần mềm mã nguồn mở Wordpress vào việc xây dựng website tin tức • Phần giao diện người dùng: giao diện thân thiện, cho phép bạn đọc dễ dàng xem tin, tìm kiếm tin, đăng bài, ý kiến cho tin với test mà website cung cấp • Phần quản tri: Đã xây dựng hệ thống quản lý liệu website, giúp cho người quản trị dễ dàng quản lý thông tin, liệu, xem, thêm, xóa, cập nhật liệu cho website Hƣớng phát triển Ngày nay, internet trở thành phương tiện tra cứu thông tin khổng lồ tiện dụng cho tất người giới Việc học hành, tìm hiểu thơng tin qua mạng trở nên phổ biến Hiểu tầm quan trọng tin tức, em ln muốn hồn thiện website tin tức tốt hơn, phân tích kỹ yêu cầu xây dựng giao diện hồn thiện hơn, có tính chun nghiệp NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 37 Đồ án tốt nghiệp đại học T I LI U THAM HẢO 1) https://thachpham.com/ 2) http://hocwebchuan.com/ 3) http://vietjack.com/ NGUYỄN HẮC ĐẠT – Lớp 53k2 - Khoa CNTT Page 38 ... thơng tin hàng ngày, tình hình xã hội, trị, thời sự, sức khỏe… website tin tức đời nhu cầu tất yếu Do đó, em vận dụng ngơn ngữ HTML, PHP, phần mềm nguồn mở WordPress để xây dựng ứng dụng Website Tin. .. trang web 14 CHƢƠNG C I ĐẶT WORDPRESS 19 3.1 Cài đặt wordpress localhost .19 CHƢƠNG 4: XÂY DỰNG WEBSITE TIN TỨC 22 4.1 Quá trình xây dựng giao diện: 22 4.1.1... phân tích thiết kế xây dựng website tin tức em hoàn thành Với thuận lợi khó khăn q trình làm việc, website hồn thành khơng tránh phần sai sót Tuy nhiên, em cố gắng website tin tức hoàn thành nội