Xây dựng Giao diện Xây dựng Tuỳ chỉnh

Question

Tôi đang tìm cách thực sự thử thách bản thân bằng cách tạo một giao diện tạo các bản dựng tùy chỉnh (sản phẩm) dựa trên lựa chọn của người dùng.

Dưới đây là 2 ví dụ về những gì tôi đang đề cập đến:

* Chú ý: Những đôi khi có thể mất một ít thời gian để tải

Design Your Own Converse Shoes

Custom Made Womens Shoes - Shoes of Prey

Như bạn có thể nhìn thấy , người dùng chọn một sản phẩm cơ bản (loại giày hoặc kiểu) và lựa chọn các tùy chọn cho phép họ tùy chỉnh xây dựng sản phẩm của riêng họ với các lớp lót, màu sắc, vật liệu khác nhau. Tôi biết rằng một số công ty t-shirt cũng làm điều này nhưng tôi đã chọn những ví dụ này vì chúng toàn diện hơn một chút với các biến thể chi tiết.

Vì vậy, câu hỏi SO của tôi là:

1. Có một tên cụ thể cho loại ứng dụng mà tôi có thể nghiên cứu hơn nữa?

2. Có khung hoặc nền tảng hiện có sẽ giúp tôi tìm hiểu và hiểu rõ hơn về logic đằng sau loại ứng dụng phần mềm này không?

3. Nếu có ai đã xây dựng hoặc sử dụng một cái gì đó như thế này trước đây, bạn đã sử dụng ngôn ngữ nào và tại sao?

Tôi là một học tập Web Developer và tôi nhận được khá thoải mái với công nghệ web như HTML, CSS, JavaScript, PHP, mySQL vv Tôi chỉ bây giờ chỉ nhận được đầu của tôi xung quanh việc xây dựng dự án dựa trên MVC đầu tiên của tôi. Đó là một quá trình học tập chậm như tôi đang cố gắng những thứ khác nhau trước khi tôi "chuyên" trong một ngành cụ thể. Giải mã những gì được sử dụng ở đâu và tại sao lại là một thử thách trong chính nó.

Có nhiều cách khác nhau để thực hiện việc này vì Converse đang sử dụng Adobe Flash Player để tạo kết quả và Giày của con mồi đang cập nhật hình ảnh jpg mỗi khi có thay đổi mới. Sự hiểu biết hiện tại (và hạn chế) của tôi về logic cho đến nay là có khả năng hàng trăm hình ảnh trong phần phụ trợ cập nhật tùy thuộc vào các biến được người dùng chọn. Tôi thực sự muốn đảo ngược kỹ sư một ví dụ làm việc để tôi có thể hiểu được lập trình liên quan và xây dựng một chương trình bằng cách sử dụng những hiểu biết đó.

Tôi đã đi qua mã nguồn của các ví dụ ở trên nhưng rõ ràng là có rất nhiều thứ bên máy chủ mà tôi không thể nhìn thấy. Tôi cũng đã chạy từng trang web thông qua tài nguyên builtwith.com nhưng không có nhiều thông tin kỹ thuật đã giúp tôi cho đến nay.

Mọi lời khuyên, tài nguyên hoặc thông tin chi tiết chuyên nghiệp đều được chào đón thực sự. Tôi học được rất nhiều từ cộng đồng SO vì vậy tôi cảm ơn bạn đã dành thời gian và xin lỗi vì bài viết dài.

Answer 1

Tôi sẽ đề xuất sử dụng tệp SVG cho giày của bạn.

SVG được hỗ trợ bởi tất cả các trình duyệt chính hiện nay và chúng rất nhỏ so với JPG và cũng hoạt động trên máy tính bảng/điện thoại mà Flash không hỗ trợ.

Điều này sẽ làm cho ứng dụng của bạn rất nhanh khi bạn không gây nhầm lẫn với quá nhiều hình ảnh và khi tô màu vv, bạn chỉ cần chuyển lớp trên đối tượng và thay đổi, không gọi lại máy chủ.

Bạn thậm chí có thể làm cho nó có thể làm thay đổi chiều cao một trục hoặc mở rộng duy nhất, vv

SVG có thể xử lý cả khu vực bất thường (đa giác), mô hình, hình ảnh, văn bản và màu sắc, trong lớp, với tính minh bạch, để bạn có thể tạo đôi giày rất đẹp :)

Và chúng có thể không bị mất chất lượng, vừa với màn hình/màn hình nhỏ và lớn.

Ở đây bạn có thể đọc một số chi tiết về những gì HTML5 cung cấp khi nói đến đồ họa
http://www.html5rocks.com/en/features/graphics

Và đây về SVG và HTML5 Canvas
http://seenjs.io/

Nếu bạn muốn làm phức tạp hơn nữa, google cho "3D" và tìm những thứ như thế này
http://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954

Nhưng tôi recommen d, giữ cho nó đơn giản và bán giày thay vì xây dựng một trang web 3D mát mẻ.

Answer 2

Có hình ảnh riêng biệt cho từng thuộc tính thiết kế mà người dùng có thể thêm. Giữ một tệp XML với tất cả thông tin như hình ảnh sẽ được tải khi người dùng thêm một thuộc tính nhất định. Phù hợp với yêu cầu của người dùng với yêu cầu của xml và tìm nạp hình ảnh thích hợp từ máy chủ.