2015-09-14 9 views
7

Sto cercando di mettermi veramente alla prova costruendo un'interfaccia che genera build (prodotto) personalizzate in base alla selezione dell'utente.Creazione di un'interfaccia di compilazione personalizzata

Qui ci sono 2 esempi di ciò che mi riferisco a:

* NOTA: Questi a volte può prendere un po 'di tempo per caricare

Design Your Own Converse Shoes

Custom Made Womens Shoes - Shoes of Prey

Come si può vedere , gli utenti selezionano un prodotto di base (tipo di scarpe o stile) e selezionano opzioni che consentono loro di creare i propri prodotti personalizzati con rivestimenti, colori, materiali ecc. So che alcune aziende di t-shirt fanno anche questo tipo di cosa ma ho scelto questi esempi in quanto sono un po 'più completi con le variazioni di dettaglio.

Così le mie domande in modo sono:

  1. C'è un nome specifico per questo tipo di app che posso ulteriori ricerche?

  2. Esiste un framework o una base esistente che mi consenta di apprendere e comprendere meglio la logica dietro questo tipo di applicazione software?

  3. Se qualcuno ha già creato o usato qualcosa di simile prima, quale lingua hai usato e perché?

Sono un apprendimento Web Developer e sto ottenendo abbastanza bene con tecnologie web come HTML, CSS, JavaScript, PHP, MySQL ecc sto solo ora solo ricevendo la mia testa intorno a costruire il mio primo progetto basato MVC. È un processo di apprendimento lento poiché sto provando cose diverse prima di "specializzarmi" in una particolare disciplina. Decifrare cosa viene usato dove e perché è una sfida in sé.

Ci sono ovviamente diversi modi per farlo, poiché Converse utilizza Adobe Flash Player per generare risultati e Shoes of Prey sta aggiornando le immagini jpg ogni volta che viene apportata una nuova modifica. La mia attuale (e limitata) comprensione della logica fino ad ora è che ci sono probabilmente centinaia di immagini nel back-end che si aggiornano a seconda delle variabili selezionate dall'utente. Mi piacerebbe davvero decodificare un esempio funzionante in modo da poter capire la programmazione coinvolta e crearne una utilizzando queste conoscenze.

Ho analizzato il codice sorgente degli esempi precedenti ma ovviamente ci sono molte cose sul lato server che non riesco a vedere. Ho anche eseguito ogni sito attraverso la risorsa builtwith.com ma non ci sono molte informazioni tecniche che mi hanno aiutato finora.

Qualsiasi consiglio, risorsa o intuizione professionale è sinceramente il benvenuto. Imparo molto dalla comunità SO così ti ringrazio per il tuo tempo e mi scuso per il lungo post.

+0

Apprezzo quello che stai chiedendo, ma questa domanda non è davvero adatta per questo sito. http://stackoverflow.com/help/on-topic http://stackoverflow.com/help/dont-ask –

+0

Grazie per il feedback. Ho pensato sinceramente che questo sito fosse una risorsa per gli sviluppatori esperti e in cerca di risposte. Ho letto i link che hai fornito (grazie per le risorse) e mi sento come se affrontassero i punti elencati riguardo ad un algoritmo software, (o) strumenti software comunemente usati dai programmatori; (ed è) un problema pratico e risolvibile che è unico nello sviluppo del software. Non sono stato in grado di trovare un nome o un termine che descriva questo tipo di applicazione per ulteriori ricerche indipendenti, quindi speravo che la comunità SO potesse avere qualche intuizione –

+0

La terminologia che stai probabilmente cercando è "Strumenti di personalizzazione del prodotto e-commerce/plug-in/software "Anche se la tua domanda è approfondita e senza dubbio ci hai messo un sacco di tempo, è ancora considerata fuori tema per Stack Overflow, perché stai chiedendo anche risorse/strumenti fuori sito come fare una domanda basata principalmente sull'opinione pubblica ("quale lingua e perché?)". L'unica ragione per cui la tua domanda non è stata chiusa è perché le bounty aperte impediscono la chiusura delle domande. Ovviamente sentiti libero di modificare la tua domanda in qualsiasi momento per renderla più specifica/obiettiva/on-topic, anche dopo la chiusura. – TylerH

risposta

3

Suggerirò di utilizzare i file SVG per le vostre scarpe.

SVG è supportato da tutti i principali browser oggi e sono molto piccoli rispetto a JPG e funzionano anche su tablet/telefoni, che Flash non funziona.

Questo renderà la vostra applicazione molto veloce come non si scherza con troppe immagini e quando la colorazione ecc sarà impostato, basta passare classi in oggetto e cambia, nessun server di richiamata cosa così mai.

Si può anche permettere di modificare l'altezza di un albero o di ampliare la suola ecc

SVG in grado di gestire sia le aree irregolari (poligoni), modelli, immagini, testo e colori, a strati, con trasparenza, così puoi creare delle bellissime scarpe :)

E scalano senza perdere qualità, adattando schermi piccoli e grandi/display.

Qui potete leggere un po 'di più su ciò che HTML5 ha da offrire quando si tratta di grafica
http://www.html5rocks.com/en/features/graphics

E qui circa SVG e HTML5 Canvas
http://seenjs.io/

Se si vuole complicare ancora di più, Google per "3D" e trovare cose come questa
http://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954

Ma io racco d, mantienilo semplice e vendi scarpe invece di costruire un sito Web 3D.

0

Avere immagini separate per ogni attributo di progetto che l'utente potrebbe aggiungere. Mantieni un file XML con tutte le informazioni come l'immagine da caricare quando un utente aggiunge un determinato attributo. Abbina la richiesta dell'utente a quella di xml e recupera l'immagine appropriata dal server.

Problemi correlati