Truy cập VNPhoto trực tiếp từ smartphone/ tablet

[mauvang]

Trước mắt là chưa mặc dù apham rất muốn vì mình từ lâu dị ứng với apple, chỉ xài android. Trước mắt VNPhoto chỉ đủ lực và tiền bạc đầu tư cho việc này trước đã ạ.

Hehe, dị ứng thì dị ứng nhưng vẫn ưu tiên hỗ trợ trước tiên, chật ^^ phái công nhận Apple quá tài, khà khà

[Nikonian2006]

Chào các bạn

Nguồn gốc ý tưởng viết iphone/ipad application cho vnphoto

1. Tiếp theo bài viết giới thiệu của anh apham, mình bổ sung thêm thông tin và chi tiết cho các bạn xem về dự án này.

2. Nguồn gốc của iphone/ipad app cho vnphoto xuất phát từ topic này của bạn phongthvn http://www.vnphoto.net/forums/showthread.php?t=119315. Mình đã có đọc trước đây và chợt nghĩ sao mình không dành thời gian viết một application chuyên cho vnphoto để đọc bài viết mới thông qua RSS feed. Vì vậy, nếu bạn phongthvn có đọc bài, mình cám ơn bài viết của bạn.

Thay đổi giao diện trang chính

3. Thoạt đầu khi mình viết xong phiên bản thử nghiệm đầu tiên và trình cho các anh BQT đang chạy thử trên iphone 4s của mình (hình xem trong trang 1), mình chỉ có ý định viết application này dành cho thành viên hay ra vào box mua bán. Vì vậy, nếu bạn nhìn vào trang chính (xem trang 1) bạn thấy chỉ có icon cho box mua bán.

4. Tuy nhiên, sau khi trình phiên bản đầu tiên, mình suy nghĩ lại và hôm nay mình viết ra phiên bản lớn hơn phiên bản trước. Vì vậy, iphone app điều chỉnh lại sẽ bao gồm toàn bộ tất cả các box trong forum của vnphoto mà mình sẽ upload hình screen dumps từ iphone của mình cho các bạn xem trong post tiếp theo đây. Khi nhìn thấy hình các bạn sẽ hiểu hơn.

Bước kế tiếp

5. Nếu các bạn đã chưa biết về thủ tục viết iphone apps thì, sau khi viết xong, để mang apps lên Apple Store online cho dowload (bán hoặc free) là một quá trình không đơn giản.

6. Mỗi năm, vnphoto sẽ phải trả 99 đồng và số tiền này chỉ là để được phép mang apps lên Apple Store. Tạm gọi là licence. Tìm hiểu việc này rất dễ dàng https://developer.apple.com/programs/ios/.

7. Hiện tại anh XichLo đang hoàn tất thủ tục mà Apple yêu cầu để có licence cho mình đưa iphone app lên.

8. Apple rất khó khăn trước khi cho app lên store. Chúng ta phải nộp application cho họ kèm theo screen dumps và giải thích rõ ràng app này dùng để làm gì. Sau đó Apple sẽ duyệt báo cáo và application và nếu không có ý định xấu trong application như cài virus chẳng hạn thì Apple sẽ thông qua.

9. Vì vậy, quá trình này từ khi có giấy phép đến khi được duyệt sẽ kéo dài một khoảng thời gian ngắn. Mong các bạn vui lòng chờ đợi, khi nào app lên Apple Store mình sẽ thông báo trong topic này cho các bạn biết.

10. Quan điểm của BQT là các bạn download free không tốn tiền và không kèm theo bất cứ quảng cáo nào trong đó. Chi phí 99 đồng hàng năm vnphoto sẽ lấy tiền quỹ ra trả.

Viết app cho ipad

11. Trong thời gian ngắn sắp đến mình sẽ chuyển app này sang giao diện ipad. Thông thường thì chúng ta viết riêng cho iphone và ipad thay vì nhập chung lại vì giao diện hai cái khác nhau (nhỏ và to) và ipad có split view sẽ dễ dàng truy cập đến trang chính ngay trong các giao diện.

12. Sau khi viết xong app cho ipad (sẽ có cùng giao diện) mình sẽ gửi một số screen dumps từ ipad của mình lên cho các bạn xem.

Tương thích

13. App của vnphoto này dùng cho tất cả các loại iphone (từ 3GS đến 4S) và ipad (1, 2 và 3) trừ iphone 3G đã rất cũ vì nó không chạy được IOS5.1 là hệ điều hành mới nhất của Apple cho mobile. Nếu nhiều bạn nào ở đây vẫn dùng iphone 3G vui lòng cho mình biết để mình tính.

14. Các bạn phải dùng IOS5.1 nếu không sẽ không xem được.

Thắc mắc

15. Nếu có bạn nào thắc mắc chi tiết về app này thì vui lòng viết lên cho mình biết. Mình sẽ upload ba hình theo tiếp bài post này cho các bạn thấy giao diện mới mình thay đổi để mở rộng app ra cho tất cả các box của forum.

16. App này sẽ rất hữu ích cho bạn nào thường xuyên vào box mua bán và có dùng iphone vì các bạn sẽ có thể nhận được thông tin mua bán mới bất cứ lúc nào trong ngày khi bạn muốn và khi bạn đang ở trong vùng có sóng 3G.

[Nikonian2006]

Đầu tiên là mình xin lỗi vì đã thay đổi giao diện của trang chính iphone app (bạn xem lại hình giao diện cũ trong trang một). Trong giao diện mới bạn sẽ thấy có một icon nằm ở chính giữa. Bốn icon còn lại xung quanh là bốn box của box mua bán. Hình này là mình chụp thẳng từ máy iphone 4s mà mình đang chạy thử. Mỗi một icon mình lựa chọn đều có suy nghĩ đến sự liên quan của nó với box để cho người sử dụng có thể không cần nhìn chữ giải thích cũng hiểu được nó là box nào. Icon chính giữa không có chữ nhưng nó là icon rất phổ thông cho bạn nào rành về RSS feed.

Anh XL sẽ cung cấp cho mình logo khác của vnphoto có clear background để cho background của logo không làm hỏng đi background của trang chính và nó sẽ hòa lẫn vào trong nền texture mình chọn. Bạn sẽ thấy đẹp hơn so với bây giờ khi phiên bản chính thức lên Apple Store để download xuống.



Trong hai screen dumps nói trên, nó là trang mình mới viết ra sau phiên bản đầu tiên trình BQT. Khi bạn nhấn vào icon ở giữa của trang chính, nó sẽ hiện lên một danh sách tất cả các box của forum. Sau đó bạn chọn vào từng item nó sẽ dẫn bạn đến danh sách bài mới nhất mà RSS cung cấp (hình của trang đó bạn xem trong trang 1).

Như vậy, ngoài nhiệm vụ chính của app là phục vụ cho thành viên mua/bán trong forum (mà có iphone/ipad) nó còn có thể phục vụ cho việc cung cấp thông tin mới ở tất cả các trang.

Vì mình không có khả năng viết tiếng Việt có dấu cho nên các chữ tiếng Việt (kể cả thông báo lỗi) đều không có dấu nhưng mình hoàn toàn không dùng tiếng Anh để tạo điều kiện thuận lợi cho các bạn nào không biết tiếng Anh ở Việt Nam.

Bản quyền

Các icon trong trang chính của iphone/ipad apps là mình lấy từ trang www.iconfinder.com. Đây là nơi cung cấp free các icons. Mình đã xem kỹ quy định của họ về sử dụng icons (terms of service) và không có vấn đề gì về bản quyền khi sử dụng cho vnphoto.

Ngoài ra tất cả những thiết kế và codes cho chương trình đều viết riêng biệt cho vnphoto. Sẽ không có vấn đề gì với copyright. Nếu có, mình sẽ chịu trách nhiệm về việc này.

Vì những iphone/ipad apps này là sẽ bỏ vào trong Apple Store cho public cho nên mình đã rất cẩn thận kiểm tra kỹ lưỡng về vấn đề copyright để tránh BQT vnphoto sẽ gặp rủi ro về vấn đề bản quyền.

[apham]

Tuyệt vời, bài của bác nikonian2006 rất rõ ràng, đọc vào hiểu rõ thêm dự án mà bác đang thực hiện để làm cho VNPhoto ngày càng hay hơn.

[hbtrung]

Bác viết app mà chỉ cho iOS 5.1 xài là làm khó anh em ở VN rồi. Phiên bản này hiện chưa jailbreak hoàn toàn được nên anh em ở VN ít up lên lắm. Hiện đa số chỉ dùng từ 5.0.1 trở xuống thôi.

[Nikonian2006]

1. Mình gửi cho các bạn xem năm hình ảnh screen dumps mà mình lấy ra từ ipad mình đang chạy thử. Mình đã hoàn thành toàn bộ phiên bản ipad và chỉ chờ vnphoto đăng ký đóng tiền vào chương trình Apple Developer Program và được chấp thuận là mình sẽ viết báo cáo chi tiết bằng tiếng Anh gửi lên cho Apple về hai applications (iphone và ipad) cho vnphoto và gửi lên cho Apple duyệt. Họ sẽ duyệt rất nhanh vì họ chỉ kiểm tra chương trình có gây hại cho người download hay không. Nếu không có là sẽ được duyệt và vnphoto sẽ chính thức có mặt trên Apple Store.

2. Chúng ta sẽ có hai phiên bản riêng iphone và ipad.

3. Vì mình chỉ dùng thư viện ảnh của vnhpoto, mà không dùng ở bất cứ nơi nào khác, cho nên một ngày chỉ post được năm hình. Lẽ ra mình định cho các bạn xem những thông báo của trang khi các bạn không có thông tin ví dụ như iphone/ipad không phát hiện ra sóng 3G hay wifi hoặc bạn vào một box của diễn đàn mà không có thông tin mới nhưng mà không gửi thêm được hình mình sẽ gửi sau.

4. Bức hình đầu tiên là icon mà các bạn sẽ thấy trên ipad sau khi các bạn download từ Apple Store về máy. Theo mình nghĩ, mình sẽ đề nghị BQT dùng từ vnphoto (thay vì vnphoto.net) để làm từ khóa dò tìm trên Apple Store.

5. Nếu các bạn đã chưa biết về viết chương trình cho Apple Store, nếu như không có mua bản quyền của Apple, chúng ta có thể viết app nhưng sẽ không thể nào cài vào trong iphone/ipad. Cần phải có digital certificate (hay distribution profile) kèm theo mỗi application viết ra. Mình đã có thể install vào cả iphone và ipad để chụp hình như trong topic này cho các bạn là vì mình có licence riêng rẽ. Tuy nhiên, để cho chính quy với vnphoto là seller trên Apple Store thì chúng ta sẽ cần có thêm licence cấp riêng cho vnphoto.



còn 4 ảnh nữa

[Nikonian2006]

6. Trong bức hình này các bạn sẽ thấy trang chính của application khi các bạn nhấn vào icon ở trên để chạy trên ipad. Sẽ có logo mới của vnphoto đẹp hơn logo này với clear background.



7. Trang dưới đây là kết quả của việc bạn nhấn vào icon ngay chính giữa để bạn có thể chọn ra bất cứ trang nào của vnphto để đọc tin mới. Vì ipad có màn hình rộng hơn iphone rất nhiều, mình sẽ sửa lại trang này và sẽ ghi tiêu đề từng box một đầy đủ như tiêu đề box mà bạn thấy trên vnphoto forum. Phiên bản đó bạn sẽ thấy trên version của Apple Store.



còn hai hình nữa mình phân ra theo từng post để bạn dễ đọc

[Nikonian2006]

8. Đây là trang kết quả từ việc bạn nhấn vào icon cho máy ảnh trong trang chính. Bạn lưu ý ở trên bên phải màn hình trên toolbar của ipad có một nút có ký hiệu refresh. Nhấn vào trong đó bạn sẽ nhận lại thông tin mới nhất từ RSS của vnphoto phát ra. Như đã nói, vì tránh sự khác biệt tiếng Việt tiếng Anh cho nên đa số icon trong application mình đều dùng hình vẽ phổ thông mà không cần ngôn ngữ bạn nhìn vào đó bạn biết ngay nó dùng để làm gì.



9. Đây là trang chi tiết do kết quả của việc bạn chọn xem chi tiết của một thông tin từ hình ngay ở trên ví dụ như bạn muốn có số điện thoại của người bán thì bạn chọn vào item và xem chi tiết trên forum. Ở bên phải bên trên bạn thấy một cái button có hình cái nhà. Nhấn vào đó bạn sẽ ngay lập tức trở về trang chính của application để chọn lựa box khác mà bạn muốn xem. Ở phía bên dưới các buttons thì không cần phải giải thích nó để làm gì.

10. Trừ trang chính, tất cả các trang khác đều tự động xoay chiều ngang chiều dọc khi bạn xoay iphone/ipad của bạn nhất là trang chi tiết bạn sẽ cần xoay ngang nhiều để đọc website dễ dàng hơn. Sau này anh XL sẽ nâng cấp forum lên chúng ta sẽ không còn xem chi tiết bằng website giao diện nữa.

[Nikonian2006]

Bác viết app mà chỉ cho iOS 5.1 xài là làm khó anh em ở VN rồi. Phiên bản này hiện chưa jailbreak hoàn toàn được nên anh em ở VN ít up lên lắm. Hiện đa số chỉ dùng từ 5.0.1 trở xuống thôi.

Bạn hbtrung

1. Thành thật xin lỗi bạn mình đã không biết việc ở vn hay dùng jailbreak nên không thể upgrade IOS. Việc dùng iOS deployment target là 5.1 là do lỗi của mình. Mình đã cài lại trên iphone/ipad với deployment target là 5.0 thì cả hai máy của mình chạy thử OK nghĩa là máy nào có 5.0 sẽ chạy OK và install được từ Apple Store sau này. Mình không muốn đi xuống thêm IOS4 vì mình không có máy iphone/ipad cũ để thử không thể nào đưa lên chương trình mà không chạy thử.

2. Vì vậy, nếu bạn nào ở vn trong đây còn dùng IOS version 4 trở xuống vui lòng cho mình biết để mình tính.

Cần giúp đỡ

3. Việc bạn hbtrung nói ở trên làm mình phải đi kiếm tester ở Việt Nam giúp mình. Bạn nào trong forum là bạn bè đã nói chuyện với mình trên forum mà có iphone/ipad có thể vui lòng làm tester cho mình được không. Mình cần bạn giúp trước khi đem applications lên Apple Store cho mọi thành viên download. Nếu có thì hoặc post lên hoặc pm để mình liên hệ và đưa application (*.ipa) cho bạn install vào máy chạy thử và làm việc với mình. Xin vui lòng giúp vì chúng ta cần phải bảo đảm chương trình chạy tốt trước khi mang ra public trong khi bản thân mình đã kiểm tra từng functions một trong chương trình rồi ah.

[tamock]

Tuyệt vời!

Nói chung là các site/forum lớn và nổi tiếng thường có riêng 1 app cho mobile, nhất là cho IOS. Số lượng người cài đặt lên mobile cũng chứng tỏ quy mô của forum, bởi vì nếu ít truy cập, chẳng ai lại mất công cài riêng một phần mềm vào máy. Bản thân em cũng hay dùng các app riêng để truy cập vào những sites ưa thích trên IPAD, ví dụ như Facebook, Tinh Tế, IMDB, Wikipedia... Trong khi hiện nay vào vnphoto bằng IPAD chữ vừa bé tý, đọc luôn phải zoom, lại vừa hay bấm nhầm link khác :D

Tuy nhiên viết app riêng cho mobile cũng phải tốt hơn việc dùng trình duyệt: chữ to hơn, thông báo, nút bấm tiện lợi hơn, back và forward ít nhất cũng phải tiện như trên trình duyệt. Và ngoài ra em thấy chức năng tìm kiếm của diễn đàn mình rất kém, ví dụ gõ "ánh sáng" trên ô tìm kiếm cho kết quả bằng 0; mà vào google để tìm topic trên site mình thì vừa lâu vừa bất tiện.

PS. Đúng là ở VN ít người nâng cấp IOS lên 5.1. Hiện em có cả OS 5.0.1 (iPad 2) và OS 4.3.3 (iPad 1) và luôn sẵn sàng test phần mềm ạ.