Tạo trang web di động trên Mofuse Mobi

Tạo website mofuse.mobi dùng cho điên-thoại di-động toàn cầu.

Điện-thoại di-động đã có số người sử dụng cao gấp nhiều lần số người dùng internet ,hiện tại việc mở rộng mọi khả năng kết-nối đến toàn cầu qua mạng điện-thoại di-động đã là giải pháp số 1 cho bất-cứ ai ,không chỉ dành cho các website lớn hay các cty nổi-tiếng như những năm trước. Nói đến mở rộng kết-nối là nói đến các trang web ,website trên mạng chuyên dùng cho điện-thoại di-động . Ai cũng biết rằng,website cho mobile không như các website mà chúng ta vẫn thường dùng trên internet, với các hình ảnh,video,các ứng dụng đủ kiểu sẽ làm cho người dùng điện-thoại tốn bộn-tiền để “chờ” mở được trang web ; ngay như các ngành giải trí trên mạng hay các website cỡ-lớn họ đều có phiên bản dùng cho điện-thoại di-động để đưa ngay người truy cập vào nội dung cần xem dễ nhận thấy nhất là các video-clip định-dạng mobile chỉ trình chiếu cho khung hình rộng cỡ 3”.

• Bài viết này sẽ hướng dẫn tự tạo một website một weblog ,của bạn chuyên dùng cho các truy cập qua điện-thoại di-động với tên miền MOBI ( .mobi ) đang dùng trên toàn mạng di-động thế-giới .Là website dạng mobi nên sẽ bỏ các ứng dụng về tương-tác media ,để người dùng mobile phone sẽ thấy việc truy-cập, duyệt trang web nhanh chóng gần như là ngay tức khắc ,thật-sự là điều mọi người cần-thiết.

• Dịch vụ Mofuse.mobi được đánh giá là hàng đầu trong nguồn web2.0 và ưu-điểm đầu tiên luôn là được dùng hoàn-toàn miễn-phí.

Hình 1 : website Mofuse.com và màn hình duyệt các website .mobi.

TẠO WEBSITE MOFUSE.MOBI DÙNG MIỄN PHÍ.

Mọi thao-tác đều được thực hiện trên máy PC thông-thường để tạo website mobi ,chọn unicode người dùng sẽ viết bài có thể hiện dấu tiếng Việt rất chuẩn-xác. Truy cập lần đầu tiên vào trang chính của website www.Mofuse.com qua URL: http://www.mofuse.com/ và nhập các khai báo vào phần Sign Up chỉ gồm email và password ,sau đó bạn tiếp-tục thực-hiện các bước tạo website với trang account mới của bạn đang mở ra .Bên trái là thanh Quick Navigation ,trước hết bạn chọn vào Create a Mobile site để khởi-tạo trang web loại di-động :

1. Create a New Mobile site : Lần đầu tiên bạn sẽ thấy câu hướng dẫn tạo một website mobile mới ,với các mục tuần-tự bên dưới.

2. Essential site information : chọn lựa đặt tên cho website sao cho dễ-nhớ dựa vào tính chất ,nội dung hoạt động của website

   1. Site name :điền tên nào đó cho website bạn muốn vào hộp Site name ,nên dùng không có dấu tiếng Việt để tiện lưu hành vào các thư-mục .mobi và công-cụ tìm kíếm

   2. Site ID (URL) : ở hộp http:// ... đặt tên website kiểu địa-chỉ ID cần liên-tục không có khoảng cách sẽ là địa-chỉ website dùng cho di-động của bạn ,ai cũng có thể vào xem với thời-gian truy-cập nhanh,chỉ khoảng 10 giây URL có mẫu như sau : http://tênwebsite.mofuse.mobi/

3. Add Your RSS feed : lấy bài từ một website khác về theo giao thức RSS ,để đăng lên website mofuse.mobi của bạn.Nếu bạn không biết cụ thể địa chỉ và cách ghi các RSS feed có thể bỏ trống hai hộp Page Title và RSS Feed URL .Để xác nhận không dùng mục RSS lúc này ,bạn đánh dấu  vào ô-vuông Stop adding an Rss feed right now ,sau này sẽ dùng lại khi cần.

4. Add extra content to your mobile site : mục này chỉ nhắc nhở Mofuse còn cung cấp thêm các tiện-ích khác như soạn-thảo WYSWYG ,nhưng chưa thực hiện ngay lúc khởi-tạo này.

5. Last Step : bước cuối cùng để khởi tạo website mobile,bạn cần đánh dấu vào ô-vuông Make this site public ? để đưa website vào danh-sách cộng-đồng .mobi ; tiếp-tục đánh dấu vào ô-vuông “You’ve Read and agree to our Revenue sharing...” là bạn đồng-ý các điều khoản về chia-sẻ lợi-nhuận theo qui-định .(đối với các quảng cáo trên website mofuse.mobi cho người có tài-khoản Mobile.Google-Adsense hoặc AdMob ).

6. Create Your Mobile Site : sau khi nhấp vào nút Create Your Mobile Site Mofuse sẽ hoàn-thành website cho bạn và mở ra

TUỲ-BIẾN THIẾT-KẾ WEBSITE MỚI KHỞI TẠO.

Trong các lần đăng-nhập sau ,với người dùng đã có tài-khoản sẽ thấy hiển thị URL được Mofuse cung-cấp riêng theo lúc login như sau : “http://snapple.mofuse.com/users/edit/12345/home” ,các con số 12345 là số-hiệu tài-khoản của bạn. Mofuse.com còn cung-cấp các công-cụ tuỳ-biến cho website đặt bên phải của màn hình với Make it unique .Đầu tiên , để chỉnh sửa lại màu-sắc thiết-kế cho trang web bạn chọn vào DesignColors.

1. Design Your Mobile site : trong phần này ,bạn có thể chọn lựa lại các màu sắc cho Font chữ ,màu-nền,khung tiêu-đề ,màu các link để làm đẹp website theo sở thích của bạn.

   1. Background : nhấp chuột vào khung hình chữ nhật bên phải background ,hộp màu sắc sẽ hiện ra để bạn chọn một màu tuỳ-thích cho màu nền của website và nhấp nút OK bên dưới hộp,các mục tiếp-theo cũng làm tương-tự.

   2. Header background : màu-nền cho khung nằm ngang đầu trang, thường hiện tiêu-đề và tên của website .

   3. Text : ấn-định màu cho chữ viết chính ở body các trang.

   4. Header Text : ấn-định màu sắc các chữ trên đầu trang.

   5. Link : chọn một màu dùng cho các link tuỳ-thích.

2. Widgets : khi bạn muốn thể hiện sô lượt truy cập ,đánh dấu vào ô-vuông Visitor counter .

3. Mobile site preview : sau khi chỉnh sửa vừa –ý bạn nhấp vào link Refresh Preview để xem lại mẫu thiết kế mới nhất và chọn nút Save để hoàn tất phần cơ-bản cho phép xuất website mobi của bạn lên mạng internet toàn cầu.

Hình 2 : tuỳ-biến màu-sắc thiết-kề cho website mobi

NHẬP NỘI DUNG VỚI NEWPAGE VÀ ADD LINK

Lúc này bạn đã có thể nhấp vào tên tiêu-đề của website đã thực hiện theo http://tênwebsite.mofuse.mobi/ của bạn để xem thử ,mặc dù chưa có các trang ,các bài nội dung nhưng vẫn thấy rõ thiết-kế của website với tên tiêu đề và màu-sắc đã chọn lựa . Nếu dùng điện thoại di-động truy cập bạn sẽ thấy cửa sổ màn hình Homepage của bạn rất rõ-ràng ,hoặc truy cập qua máy PC thì Mofuse sẽ thể hiện trang web trong hình mẫu mặt tiền của điện thoại di-động giống như đang duyệt xem dùng trên điện-thoại di-động.

Để hoàn chỉnh cơ-bản website mobile bạn cần điền phần mô-tả về website của bạn vào trang home qua mục Edit Homepage.

1. Edit Homepage : với tài khoản miễn-phí Basic-Free Mofuse có giới hạn không cho đưa hình ảnh lên để tạo Logo hay hình banner đầu trang,bạn cần lưu-ý về chi-tiết này để khỏi tốn-công Upload hình-ảnh với tài khoản Basic Free của mình. Với chi phí 9usd/tháng để chuyển qua tài khoản PRO, lúc này người dùng sẽ upload hình ảnh không có giới hạn. Do vậy ,việc còn lại là bạn viết vào một câu mô-tả ngắn hoặc dùng một câu phương châm để làm Slogan cho hiển thị theo sau tên tiêu-đề ở Homepage.

1. Show on every page : nếu muốn cho phần homepage luôn thể hiện trên đầu website ở tất cả các trang,bạn đánh dấu X vào ô-kiểm này.

Trang Home của website mobile thường chỉ gói gọn trong việc hiển-thị Logo-tên website-mô tả các nội dung hoạt-động như hình minh hoạ đã thấy , cùng với các đường dẫn link của các bài viết có trên website hoặc các link dẫn đến các video-clip,các website nào bạn muốn người xem truy cập thẳng vào. Để thực hiện bài viết cùng với các link bạn cho mở thêm một trang mới với mục Add a New Page.

2. Add a New Page : mỗi lần muốn tạo trang mới để viết bài hoặc đưa nội dung lên website bạn chọn vào Add a New Page.Trang mới mở ra với trình soạn thảo thông dụng chỉ cần lưu-ý vài điểm sau :

1. Classic editor : trình soạn thảo thông thường.

2. Version 2 Editor : soạn thảo có hỗ-trợ WYSWYG .

3. Text : các lựa chọn font chữ nên dùng cho tiếng Việt gồm có : Times,arial,verdana,tahoma .

4. Highlights: nhằm nhấn mạnh các câu quan trọng hoặc các thông-tin chủ-yếu ,dùng Highlights để tô màu cho phần cần thiết.Với website mobile việc hướng người xem đến ngay mục đích của mình là cách tốt nhất và không làm mất thời gian vì phải đọc lòng-vòng .

5. Hyperlinks : khi muốn trình chiếu một video-clip cho người xem theo cách nhúng vào trang với embed code bạn phải có các clip định dạng cho mobile host ở các Mobile-video-site ( như GlanceTV, các video site có thêm chữ m và dấu chấm nằm ở trước tên site ) là clip kích cỡ nhỏ cho khung hình 3”. Nếu không có sẵn các video-clip dạng mobile bạn dùng Hyperlinks theo tên của clip để dẫn người xem đến thẳng video-site nào đó.

Sau khi soạn trang mới xong bạn nhấp vào Save-Preview để xem thử hoặc nhấp vào Publish để xuất-bản lên website luôn. Mỗi trang được thể-hiện bằng một URL-Link trên website Mobile của bạn,người xem chỉ cần chọn vào link nào muốn xem để mở ngay trang đó ra ,trên màn hình Mofuse Mobile chỉ thể-hiện một trang hiện-hành đang xem,các trang còn lại là các Link nằm ở Menu cuối màn hình

DÙNG SMS WIDGET & CHICKLET

Ngoài tiện-ích Invite A friend qua email như các website thông thường ,Mofuse cung-cấp cho website mobile hai tiện-ích để liên-kết và tự giới thiệu website mobile đến những nơi khác.

1. Our Chicklet : thông dụng nhưng hiệu quả là Chicklet ( giống như các mini-logo ) để đặt vào sidebar của các website,các blog hoặc đưa vào bài viết như Logo hay chữ-ký để người đọc có thể nhấp vào chicklet đến website mobile của mình. Bạn chọn vào Our Chicklet trong phần Promote để chọn mẫu chicklet Mofuse cho mình, đoạn mã của Chicklet như sau :

<a href="http://tênwebsite.mofuse.mobi"><img src="http://m.mofuse.com/images/public/chicklet_1.png" border="0" /></a>

2. SMS Widget : là một widget kích cỡ 180px X 240px dùng cho bất cứ ai muốn liên-lạc khi chưa biết địa chỉ website mobile của bạn qua SMS Widget sẽ viết tin-nhắn gởi cho bạn.Sau khi nhấp vào SMS Widget ,Mofuse mở cửa sổ tạo Sms widget bạn sẽ tự-chọn màu sắc cho widget của mình rồi Save ,và copy đoạn mã của widget.

   1. Cách dùng SMS Widget : với widget này bạn nên đặt ở sidebar hay trong bài viết của một website do bạn làm chủ .Người muốn liên lạc qua việc gởi message đến bạn sẽ nhập số điện-thoại di-động của họ vào hộp-thoại trong widget rồi nhấp vào nút Send. Mofuse sẽ gửi qua tin nhắn SMS đến số mobile-phone này một URL dẫn đến nơi viết tin nhắn trên website mobile của bạn .Bạn có thể trả lời tin nhắn ngay lúc đọc tin ,thao-tác trên Dashboard của website mobile của bạn.

Sau khi hoàn thành website bạn có thể thêm bao-nhiêu trang mới tuỳ-ý ,kể từ lúc này website mobile của bạn chính thức hạt-động với URL là http://tenwebsite.mofuse.mobi/ ,website này chuyên dùng cho điện-thoại di-động nên người dùng mobile-phone truy cập vào sẽ rất hài-lòng với khả-năng kích-hoạt mở website rất nhanh và thích-hợp với các nội dung tin-tức ngắn-gọn,chuẩn-xác.Mofuse.com có cam-kết sẽ hỗ-trợ người dùng basic-free về hình-ảnh trong thời gian sắp-tới.

Hình 3 : trang soạn-thảo-editing , lấy SMS Widget và Our chicklet.

KIỂM TRA HOẠT ĐỘNG TOÀN CẦU CỦA WEBSITE .mobi

( phần phụ-lục)

Dù đã có website mobile ,đã truy cập vào qua điện-thoại di-động tốt nhưng để biết chắc website di-động của bạn có thực-sự phù-hợp với tiêu chuẩn di-động toàn cầu ,cho phép truy câp vào dù bất-cứ ở quốc gia nào hay không ? bạn tiếp-tục thực hiện việc kiểm tra website di-động của bạn theo dịch-vụ sau ( Free) của ready.mobi “dotmobi compliance” theo URL chính thức sau : http://mr.dev.mobi/

1. Dịch-vụ ready.mobi : website ready.mobi được hầu-hết các webserver về mạng di-động trong nguồn web2.0 liên-kết và sử dụng dịch-vụ kiểm tra hỗ-trợ từ ready.mobi chuyên cho tên miền di-động .mobi .Các kết quả ready.mobi đưa ra rất rõ-ràng và thuyết-phục . Trong bài này chỉ nêu ra vài thông-số dễ-nhận biết nhất để bạn tham-khảo ,các thông-số về kỹ-thuật khác hơi ngoài nhu cầu tìm hiểu nên không nêu ở trong bài .

   1. Page Check : để kiểm tra các trang ,nhập địa chỉ URL của website mobile vào hộp-thoại rồi nhấp vào nút Go.Thời gian tải dữ-liệu qua các công-cụ kiểm tra giống như người truy cập vào xem chính thức, cộng thêm khoảng 10-15 giây ready.mobi sẽ đưa ra kết quả cụ-thể.

   2. Page Results : trang thông báo kết-quả kiểm tra sẽ thể-hiện trước hết là URL mang địa chỉ tênwebsite của bạn là chính-xác và có-thật trên mạng .mobi toàn cầu,cùng với câu thông-tin “It will probably well display on a mobile phone” cho biết website này hiễn-thị tốt trên điện-thoại di-động. Hình minh hoạ cho thấy mức-độ 4 là Good màu xanh biểu hiện kết-quả tốt,bên dưới còn các biểu-đồ về băng-thông,thời-gian truyền-tải...

   3. MIME types : mục thông-tin về định-dạng mã cho di-động với câu kết quả “Your page was sent with correct MIME types.” cho biết trang web mobile lưu-hành trên mạng hợp-chuẩn theo MIME types không bị ngăn-chận các tập-tin áp dụng cho chuẩn XHTML-MP di-động.

   4. Page Markup : trong phần này ready.mobi thể-hiện toàn bộ trang web theo mã soạn thảo HTML đã nhận được ,y-như trang web thấy trên website mobile dạng HTML , trang Markup tương-tự như Page source.

Ngoài các chi-tiết trên ready.mobi còn cho biết nhiều loại thông số khác nhưng với người dùng thông thường ,các chi-tiết trên đã thể hiện hiệu quả trên mạng của website http://tênwebsite.mofuse.mobi/ của bạn vừa tạo ra. Giúp bạn yên-tâm sử dụng và liên-kết đến mạng .mobi toàn-cầu.

Hình 4 : dịch vụ kiểm tra website dùng cho di-động ready.mobi

Bạn có thể xem thêm nhiều thông tin hữu-ích khác qua trang web Việt-ngữ trên mạng xã-hội Ning.com theo URL bên đây : GO2WEB20VIET .