Giải pháp nào để xây dựng một static website tích hợp cms cho site cá nhân đáp ứng accessibility?

#1

Chào anh em,

hôm nay, mình đem tới một chủ đề để anh em thảo luận. Thật ra, nó cũng không phải là mới và cũng không quá cũ. Dạo gần đây, nhiều người hay có sở thích là sử dụng static website để tối ưu tốc độ, tiếp kiệm chi tiêu, bảo mật,… Nói trung, có nhiều lý do để sử dụng static site để xây dựng một site cá nhân. Mình cũng thích những thứ đó vì bản thân mình là accessibility tester nên mình rất quan tâm tới accessibility cũng như để tích kiệm chi phí thì mình chọn static site để đơn giản hóa mọi thứ. Vừa thuận lợi trong việc tối ưu nó để đáp ứng WCAG. Bản thân mình bị hạn chế về kỹ năng lập trình nên không sử dụng site động mà nếu có sử dụng thì dùng cms cũng ok nhưng bản chất nó phải đầu tư một số tiền lớn mà thu nhập trung bình của người khiếm thị thì ít người làm được như thế. Mình đang sử dụng github làm nơi lưu code còn vercel làm nơi để chạy web thay vì dùng github pages vì vercel đối với mình dễ dùng và nó accessible hơn. Tuy nhiên, có điều là việc quản lý site tĩnh sẽ khó hơn là site động vì nếu muốn thay đổi nội dung thì phải code lại từ đầu hoặc đối với những người viết blog hay content creator thì điều đó lại càng khó khăn hơn. Theo anh em, có giải pháp nào để tích hợp cms cho static site hay không? Mình đã thử mọi cách và search trên google thì không có giải pháp nào khả thi cả. Trừ khi code tay từ a tới z.

#2

Đã là static site mà lại còn muốn content động, tự câu hỏi này đã có vấn đề, giống như muốn hình tròn nhưng lại có 4 góc vuông. Về mặt ý nghĩa là đã có vấn đề rồi
Đây là vì bạn không có keyword hoặc không biết các miêu tả, sẽ dễ gây hiểu lầm cho người đọc, hoặc khó hiểu cho người đọc, và khó nhận được câu trả lời như ý muốn

Trên thực tế, idea “làm static site nhưng có thể quản lý content bằng cms” là có, tuy nhiên, content này được gen lại mỗi khi có chỉnh sửa, chứu không phải chỉnh sửa cái hiện có
nghĩa là mỗi khi cập nhật content, sẽ có tool gen lại static site cho bạn, và cứ việc deploy lại static files do tool đã gen mà thôi (giống như build code, sửa code thì build lại, và cái mà dùng để chạy là bản build chứ không phải code bạn viết)

Keyword cho bạn: static site generators

4 Likes
#3

Static site generator

1 Like
#4

Static site generator (SSG)

1 Like
#5

Em không quan trọng là trình soạn thảo nào vì em cũng biết chút ít về markdown. Nếu static site thì có dùng trên netlify có netlify cms là giải pháp tốt. Tiếc là em chỉ có vercel.

#6

Em cũng không quan trọng là nó update nội dung thường xuyên như site động nhưng ít ra nó cũng phải đăng nhập được vào admin và trang dashboard. nếu code tay từ đầu thành một site tĩnh mà có cms thì em sẽ sử dụng express framework làm backEnd và react làm frontEnd rồi kết hợp hai phần này với nhau là quá đủ. Đưa lên github là chạy ngon lành. nếu cần thì kết hợp thêm cái firebase vào là tuyệt cú mèo. Đó là dành cho người có kỹ năng code thành thạo và đỉnh chứ như em thì kiến thức và kỹ năng hạn chế nên khó mà làm được. Chỉ biết, html ở mức hạn chế thôi.

Ngoài ra, em định nói là em biết cả WordPress nhưng nói ở đây sẽ thừa và lạc đề. Vì bản chất WordPress vẫn không thể chạy được trên github. Em không đề cập tới nó.

Em cần một giải pháp vì vừa làm web cá nhân mà có thể tiếp kiệm tiền cho việc thuê dịch vụ bên thứ ba như text to speech, đăng ký các video call. Lý do em muốn là ngoài bố cục và các tính năng cơ bản của một site cá nhân bao gồm: trang chủ, blog, hồ sơ, các dự án đang làm và đã làm, liên hê, giới thiệu,… thì em muốn site của mình nó phải khác với những site khác là nó có cms đơn giản, dễ quản lý cho những người kém về kỹ năng, kiến thức lập trình.

Em cũng muốn có các tính năng như search, login, sign up, comment,… đó là trước mắt nhưng sau này web ổn định thì em thích có những thứ lạ lạ như video call, chứ không phải live chat. Các tính năng accessibility vì như em đã nói ở trên là do em là accessibility tester nên em cũng muốn nó có những thứ liên quan tới nó. Tuy nhiên, comment, search, login có thể tự tạo hoặc sử dụng dịch vụ bên thứ ba nhưng những thứ như video call thì không. Em thấy, google meet rất phù hợp để tích hợp nhưng nó lại không cho.

Em chưa thấy là site tĩnh có thể chạy được adSense nên em không đề cập. Những tính năng accessibility như phóng to, thu nhỏ, đăng giảm độ tương phản, thay đổi font chữ, điều chỉnh màu, text to speech, dark mode, screen reader mode. Ngoài ra, một số thứ trên giao diện em muốn làm cho nó đáp ứng WCAG như alt text, access key, tùy chỉnh menu hay thanh điều hướng,… những thứ đó rất khó làm ở site tĩnh.

#7

Em quan trọng là quản lý nội dung đơn giản là được ạ.

#8

Trên internet có nói là nhược điểm của site động lại là ưu điểm của site tĩnh và ngược lại. Tuy nhiên, nếu site tĩnh nó cũng phát huy những ưu điểm của site động và đơn giản hóa mọi thứ thì quá tốt vì dù sao xây dựng site tĩnh nó vẫn tiếp kiệm chi phí và công sức, thời gian. Dễ tùy chỉnh cho accessibility. Ngoài ra, đối với khách hàng không phải là lập trình thì sẽ dễ quản lý vì họ có một trang admin. Không thay đổi tính năng cũng không sao nhưng ít nhất cũng cần phải đơn giản hóa.

#9

Nếu làm theo cách trên thì github cũng có thể chạy site động mà. Cũng có thể login được. Có lẽ, làm một ứng dụng web sẽ đáp ứng cả ưu điểm của cả site động và tĩnh. Tuy nhiên, kỹ năng và kiến thức của em không đủ để làm những thứ đó.

#10

Quan trọng là tại sao bạn thích static website, do bạn muốn web nhanh hay bạn thấy người khác làm rồi làm theo. Bạn muốn làm web dynamic content nhưng lại muốn host free github, vercel rất khó vì CMS cần database nữa. Nhưng dùng cách nào đi nữa mỗi khi bạn post bài mới phải build và deploy static site lại từ đầu.

2 Likes
#11

Mình đã trả lời bạn ở bên topic này

Ý kiến của mình là bạn không nên đổ quá nhiều thời gian vào việc xây dựng trang web, việc cần thiết hơn là viết bài cho những người bị khiếm thị muốn học lập trình, nội dung lên Internet càng sớm bao nhiêu thì cơ hội càng đến sớm hơn với những người khiếm thị.

3 Likes
#12

Như em đã ghi rõ ở title là cái này dành cho site cá nhân nên em nghĩ là có một cms cũng tốt, viết blog dễ dàng, có thể làm form login hay redirect về trang quản trị khi gõ domain/admin hay domain/login. Dù site tĩnh hay site động thì có thể login google hay có thể làm nhiều thứ khác. Lý do, em thích site tĩnh là vì dùng WordPress database về lâu dài sẽ bị phình to, em thích site tĩnh ở chỗ là nó nhanh. Ngoài ra, em đã đề cập ở bên trên thì do kinh tế của em hạn hẹp nên em cần tiếp kiệm mọi thứ để đầu tư vào đăng ký các dịch vụ để bổ xung tính năng cho site cá nhân.

#13

Em làm site cá nhân để phục vụ nhu cầu cá nhân của em thôi còn về giúp đỡ cộng đồng thì em phải có kế hoạch riêng chứ. Em và các bạn trong group biên soạn đã thảo luận hết rồi nên mọi thứ không quá phức tạp. Cái khó ở đây là thiếu người có chuyên môn mà nếu có nhưng họ không hiểu về người khiếm thị thì sẽ khó làm. Mấy bạn trong group của em thì do đã tiếp xúc với người khiếm thị và đã từng đào tạo về việc hỗ trợ họ nên sẽ dễ làm việc ở mức đơn giản nhưng để mọi thứ tốt thì phải có chuyên môn nhất định về mảng đó.

#14

Google blog sẽ phù hợp với nhu cầu của bạn

2 Likes
#15

Em đã từng sử dụng google blog nhưng nó bị hạn chế là mình không thể kiểm soát giữ liệu, giữ liệu là của mình nhưng không phải là của mình, Em biết, WordPress là sự lựa chọn duy nhất và cũng có nhiều người khiếm thị sử dụng nó nhưng đó chỉ khi kinh tế ổn thôi còn như thời điểm hiện tại thì khá khó khăn vì mặc dù em đủ tiền nhưng toàn là tiền mặt nên không mua được hosting, thứ hai là tài khoản ngân hàng ở Việt Nam không cho phép người khiếm thị làm tài khoản vì họ nghĩ rằng, bọn em không có hành vi năng lực dân sự, không hỗ trợ disability mở tài khoản,… nhiều lý do lắm. Mặc dù, giải pháp hiện tại của em là làm tài khoản online và em đang sử dụng cake làm ngân hàng chính nhưng khổ lỗi là phải xác thực nâng cao hay update tài khoản thì mới thanh toán được nước ngoài. Nếu làm qua video thì mình không nhìn thấy nên sẽ khó xác thực và nếu làm tại quầy thì sẽ bị làm khó ngay, nếu có cho sử dụng thì mình phải ủy quyền cho người khác hay nói trắng ra thì phải có người bảo hộ. mang tiếng là tài khoản của mình mà lại cho người khác quản lý không khác gì thực dân và đế quốc quản lý thuộc địa cả. Rất tù túng.

Về tốc độ, google blog không phải bàn vì em thấy là rất nhanh nhưng hiện tại thì khả năng tùy biến rất thấp và nó vẫn không bằng WordPress. Mặc dù, nó hơn WordPress ở chỗ là về lâu dài database nó không bị phình to và google sẽ tối ưu. Nó cũng gắn được AdSense nhưng phải phụ thuộc vào một số điều kiện bắt buộc như có chính sách điều khoản, có kênh youtube. Cái này rất khó vì bản thân người khiếm thị bọn em rất ít người làm youtube mà lấy kênh khác gắn vào thì vi phạm bản quyền. Em không thích bị ràng buộc kiểu đó. Em muốn giữ liệu của mình do mình làm chủ và ít nhất thì nó không ràng buộc quá nhiều. Về WordPress em chỉ không thích là cái database còn mấy cái khác thì quá ổn.

Giải pháp tốt thay thế wordPress là nukeviet. Nhưng nukeviet lại không đáp ứng WCAG nên em cũng đang gặp khó về điều này. Tự do, nhân quyền thì ai cũng muốn nhưng để phụ thuộc hay bị ràng buộc thì ai cũng khó chịu. Em cũng quan tâm tới quyền riêng tư và bảo mật. Đối với người không quan tâm gì tới công nghệ thì sẽ không đề cao cái này. Đặc biệt là về bảo mật. Static site làm rất tốt điều đó. Nói về mặt chuyên môn, static site có thể dễ tùy chỉnh thêm những thứ về mặt trải nghiệm, cụ thể là accessibility. Tuy rằng, một số tính năng bị hạn chế nhưng nếu cần thì có thể tích hợp dịch vụ bên thứ ba như text to speech, video call, voice chat, comment form,…

Dù sao, các giải pháp trên em cũng đã thử qua và em biết nó khi search google nhưng việc trải nghiệm thực tế thì nó sẽ không giải quyết triệt để vấn đề của em.

#16

Mình có đọc qua nội dung bài post của bạn …Yêu cầu thì làm site tĩnh nhưng có các tính năng của site động !
Thực ra với các blog cá nhân thì gần như chả có gì để bảo mật, kể cả bạn có làm web phim, tin tức,săn mã giảm giá các kiểu .

Trừ khi các bạn làm các site liên quan đến thanh toán, dịch vụ hoặc các yếu tố liên quan đến an toàn thông tin cá nhân người dùng thì việc bảo mật được đặt lên hàng đầu .>Còn lại thì bạn chỉ cần chăm chỉ sao lưu dữ liệu dự phòng là đc, chẳng may bị hack replace website, tấn công DDOS hoặc sự cố k mong muốn thì có cái để phục hồi là được!

1 Like
#17

Nếu bạn không có kinh nghiệm lập trình thì mình nghĩ bạn lên sử dụng CMS như Wordpress vì tiện lợi ,đơn giản,dễ sử dụng và miễn phí.Thích hợp cho mục đích cá nhân và doanh nghiệp
Còn nếu bạn biết lập trình thì kiếm 1 cái template HTML đẹp đẹp nào đó rồi dùng Flask ,Django code tầm 1-2 ngày là được 1 website với các chức năng cơ bản. Sau đó nếu bạn muốn các tính năng khác thì code thêm .Bạn thích thêm,sửa, xóa hay vẽ vời cái gì cũng được !
Nếu bạn không thích lưu lên Database thì lưu nó vào file JSON hay XLM cũng được hay dùng SQLite !
Thực ra chi phí vận hành 1 website tin tức,blog nho nhỏ cho mục đích cá nhân k tốn là bao …Tầm 5 USD mỗi tháng hoặc 17 USD mỗi năm là chán.
Nếu bạn cần phục vụ mục đích thương mại thì cần đi gọi vốn hoặc kiếm vốn bằng việc đi làm thêm để chi trả chi phí ban đầu, sau đó nếu kiếm đc tiền từ ứng dụng,website của mình thì dùng nó để trả chi phí hàng tháng

2 Likes
#18

Sau khi theo dõi các bài của bạn @Nguyen_QuangNguyen thì mình thấy khoan loay hoay với cái chuyện làm web, lập trình đã. Giờ là lúc bạn cần tham gia hội người mù ở địa phương, có vài người bạn cũng có khát vọng tương tự, rồi kêu gọi vài anh em cùng tham gia. Vì “một cánh én chẳng làm nên mùa xuân”, ngay cả người sáng mắt cũng chỉ tự kỷ rồi nằm thở chứ không bơi được gì.

2 Likes
#19

Về static site generators thì nó không thể quản lý nội dung một cách thụ động như cms (content Management System), nó cũng không thể tùy biến sâu nhưng nó hơn WordPress ở chỗ là không có rác. Ngoài ra, không có database nên không có chuyện là bị hack. Ngoài ra, em nghĩ nếu có một giao diện chực quan thì quá tốt vì bản thân Word hay google doc vẫn có thể đảm nhiệm việc soạn thảo. Tuy nhiên, WYSIWYG hay Block cũng sẽ đơn giản với những người ít hiểu biết về công nghệ nhưng đối với em thì khác bản thân em không rành markdown nhưng ít ra nếu viết bằng markdown thì sẽ có thể viết tài liệu theo chuẩn tiếp cận. Lúc này, Một site tĩnh có thể dễ dùng nhưng em muốn có cms và tích hợp markdown editor vào để nếu soạn thảo bằng notepad thì hơi cực vì như em đã quen với WordPress từ khi em tìm hiểu về nó. Trước đây em cũng chạy thử WordPress bằng host free nhưng hiệu quả không cao vì web load rất chậm. Khó để chèn adSense vào. Thế nên, site tĩnh là cái phù hợp cho người kinh tế hạn hẹp. Biết rằng, mấy thứ như comment, contact, search, voice chat, video call, text to speech, screen reader support hay một vài thứ liên quan tới accessibility thì phải sử dụng dịch vụ của bên thứ ba nhưng ít ra mọi thứ về lâu dài không phải lo lắng gì nhiều.

#20

Web cá nhân thì em cũng phải làm vì có thể là nguồn thu nhập thụ động chứ bọn bạn của em, chúng nó làm tẩm quất thế này lương không đủ ăn vì bao nhiêu tiền cũng dành cho sinh hoạt gia đình hết rồi, ngoài ra thì toàn tiêu dùng cá nhân, nói trung, chỉ đủ ăn thôi chứ mà khấm khá thì còn lâu. Trong cộng đồng thì như em đã nói, có rất ít người biết lập trình mà toàn là tự học là chính nên không giúp được em nhiều và mình phải tự lực gánh sinh thôi anh. Chứ chờ người giúp thì tới mút mùa. Em đã xác định là dự án của em là dài hơi nên em cũng phải cân nhắc vì bỏ tiền túi ra thì đồng nghĩa mình phải chi tiêu hạt tiện. còn nếu làm công việc hiện tại của em thì người ta không trả thù lao vì như anh đã biết, muốn thuyết phục họ tin tưởng mình là một quá trình gian nan, vất vả. Các công ti nước ngoài sẽ tin nhưng khi đòi thù lao thì họ từ chối nguyên do là mình không được đào tạo nên sẽ thiếu nhiều thứ.

Cần có một site cá nhân để duy trì nguồn vốn là tốt chứ kêu gọi từ thiện thì chẳng ai quan tâm. Mọi thứ tiền em kiếm được là nhờ việc tham gia các ứng dụng kiếm tiền online mà có nên điều đó, sẽ gây cản trở vì anh biết là việc các ứng dụng kiếm tiền online hiện nay nó không accessible nên bọn em cũng khó dùng nhưng ít ra cũng kiếm được mấy trăm tiêu vặt thôi. Có site cá nhân thì mình có thể xây dựng thương hiệu, có thu nhập thụ động,… nói trung, có rất nhiều lợi ích.

Thực ra, nếu nói về trong hội thì họ chỉ ủng hộ quyết định của em chứ mà thuyết phục họ tham gia dự án này thì khó lắm. Cũng phải thôi, một phần là họ nghĩ rằng, làm tẩm quất cũng đủ ăn và họ không cần thiết phải có nghề mới, thứ hai là họ không đam mê ngành đó. Ngày xưa, em còn đi học thì trong trung tâm của hội có em và một đứa nữa nhưng kết cục là chỉ có em theo còn đứa bạn thì bỏ cuộc. Vì cũng dễ hiểu, hiện nay các trung tâm đào tạo lập trình không nhận người khiếm thị vì nhiều nguyên do. Tuy nhiên, thuyết phục họ nhận người khiếm thị thì khó rồi nhưng làm cách nào để họ có thể làm việc với mình để nghiên cứu phương pháp, lộ trình phù hợp cho đối tượng này là rất khó. Em chỉ vận động được trung tâm vietnet ict và công ti htecom nhận dạy thôi. Thế mới có khóa frontEnd cho người khiếm thị như bây giờ. Lý do đơn giản là họ có sứ mệnh là đem công nghệ tới cộng đồng nên họ sẽ dạy nhưng những trung tâm như imic, niit, aptech thì sứ mệnh không cùng và họ sẽ ưu tiên lợi nhuận hơn là thành quả.

Về nguồn lực tài chính cho dự án thì hạn chế mà nguồn nhân lực cũng khá hạn chế. Như em đã nói, em phải bỏ tiền túi ra để lo và tiền vào chẳng thấy lại thấy mất thêm. Nhưng hầu hết, thì không đủ vì tiền túi để trả tiền internet và sinh hoạt cá nhân cũng như gia đình hết rồi. Như anh đã nói làm một mình, đơn thương độc mã là khó thành công nhưng ít ai có tâm huyết như em đâu. Kể cả, họ bận thì cũng có thể thu xếp được nhưng hầu hết họ vẫn còn nghĩ là học cho biết và chưa nhận ra tầm quan trọng của nó. Một điều bất cập là các công ti không nhận người khiếm thị nên họ không có động lực để cố gắng.

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?