Demo #3

Sono partito a creare la parte di analisi!

È quella per me meno interessante da fare. Molto stimolante da pensare, ma che palle doverla mettere su carta per convincere altra gente che tanto non capirà.

Comunque sono soddisfatto di ciò che sto creando!

project planning

 

Competitors, Market e Project Planning

Startup #0

Tratto da una mail con Pat:

Per i finanziamenti, in questi giorni non sto facendo altro che leggere su “come si fa startup”
praticamente tutto ciò che ho sempre ignorato fino a poco fa, quando ero concentrato solo sul creare il prodotto.
come essere un buon fondatore, come essere orientato al cliente, a cosa danno importanza gli investitori, e più leggo più penso che sia una cazzata non farlo.
praticamente 2 sole cose contano:
– in fase di startup tu e le poche persone con cui inizi dovete sembrare molto legate e determinate, e avere una chiara visione di come potrebbe evolversi la vostra idea.
– e quando hai ricevuto i primi soldi e sei partito, devi spendere il meno possible e avere più utenti possibili, anche se aggratis all’inizio.

con questi 2 fattori i soldi arrivano. ti danno soldi facilmente, e altrettanto facilmente troverai gente disposta ad investire o a comprarti se hai gli utenti
più conosco l’argomento più mi sembra la mia normale evoluzione lavorativa

Demo #2

Sviluppo messo in pausa a favore della demo.

Sono riuscito a mettere online la nuova versione, con login utente grazie a Facebook e omerali per sul disegno cliccato.

Ora sto buttando giù la scaletta delle varie parti della demo, e stasera incontro Erica per parlare dei disegni da inserire nella descrizione del progetto e nelle slide durante la presentazione.

Ormai mi sono chiari tutti i punti che devo toccare, ma devo ancora raccogliere le informazioni sui concorrenti per l’analisi, e pensare bene come fare gli screenshot per la grafica delle parti social che mancano.

Mi garba di meno fare teoria e meno pratica. Ma guarda caso è propri ciò che garba di più a Riccardone. Cazzo quanto potremmo andare lontano io e lui insieme.

Prima tappa: Demo #1

Progetto:

  • Nome
  • Sottotitolo di max 140 caratteri
  • Descrizione raccontando una storia. Come e perchè verrà usato. (per questo parto dal testo dell’altra volta)

Demo:

  • Demo funzionante della parte editor e dashboard, con login tramite facebook e individuazione dei singoli disegni su click
  • Screenshot di ciò che manca: pagine utenti, pagina feed dei disegnatori che segui, pagina di negozio on line
  • Spiegare con qualche animazione o disegno il concetto di “stendere un foglio di carta sul mondo” che ho visto sia il punto più difficile da far capire

Analisi:

  • Chi sono i concorrenti e come guadagnano (se guadagnano) (ho pensato a deviantArt, instagram e youtube)
  • Perché penso che gli utenti verranno sul sito e perchè / come arriveranno i soldi
  • Stime di tempi e risorse necessarie

Tooltip Dashboard #2

Figata questo tooltip!

tooltip

Ora la struttura è fatta, e usando lo stesso codice trovato per il click trasparenza svg riesco anche a mostrare un’anteprima completa del disegno selezionato.

Per ora i dati del disegno e del disegnatore sono finti; devo ancora modificare la quei di drag per restituirmi queste info legate ad ogni disegno. Inoltre non salvo ancora il titolo e coordinate.

Manca l’animazione durante lo show, ma la grafica mi piace! So che per invogliare la gente a fare mi piace e commenti meglio scrivere “Mi Piace” e “Commenta” piuttosto che mettere le icone, ma per ora per la demo voglio presentarla così.

E grazie ad un consiglio di Pat ho ottimizzato un sacco di punti del codice che contenevano errori di cui io ignoravo completamente l’esistenza!

“use strict”;     par tout :)

Si comincia!

Con la ricerca di contatti!

Ho scritto ad Angiani, ancora una volta non riuscendo a dargli del tu, e da lui ho ottenuto il primo contatto con un “esperto del settore”. Ed effettivamente con lui mi sono ritrovato a parlare per la prima volta di ricerca di investitori.

La strada è ovviamente lunga, ma si comincia! Per la prima volta mi sono trovato a dover scrivere una 40ina di righe per spiegare e convincere un perfetto sconosciuto della missione e della fattibilità di questo progetto. Anche questa è stata una piccola sfida interessante. In fondo tutto passerà da quello: 1) descrizione breve e lunga del progetto 2) demo convincente e naturale 3) team.

Notte!

Tooltip Dashboard #1

  • Creare un tooltip rettangolare
  • che compaia con effetto trasparenza + salita, con ombra sulla dashboard
  • con una freccina che punta sul px cliccato
  • con a sx una piccola anteprima del disegno intero (con titolo e pulsanti like e share) e a dx foto e info del disegnatore
    • se si clicca sull’anteprima si finisce direttamente alla pagina del disegno (sotto pagina di quella del disegnatore)
    • se si clicca sulla foto o sul nome si finisce sulla pagina del disegnatore, con le anteprime dei suoi altri lavori ed il suo feed
  • se si clicca su un disegno molto a lato della lavagna, questa farà automaticamente un drag animato per portare il disegno al centro prima di far comparire il box

Click trasparenza Svg #2 !!

Cazzo funziona!!!

Non potevo desiderare di meglio! Al primo colpo uno dei problemi tecnici più dibattuti è stato risolto!

Tappa 1 fu l’aggiornamento preciso e rapido della cache in coordinate relative ai px

Tappa 2 prendere tutti i disegni che contengono un determinato px, ordinarli per il loro layer, trasformarli uno alla volta in canvas e verificare l’alpha del px corrispondente. Semplice! e funziona perfettamente anche con zoom.

Che bello! Posso già passare oltre; Ora creo un popup con le info del disegno e del disegnatore, e si da il via alla terza grande parte del progetto, la parte Social!

L’ultimo grande scoglio tecnico da superare è il salvataggio delle diverse versioni dei disegni per livelli di zoom.

Click trasparenza Svg #1

Ed ora si inizia con una delle cose tecnicamente più interessanti e “nonSoComeCazzoFare” ! :D

Capire su quale disegno l’utente voleva selezionare quando ha fatto click sulla lavagna, tenendo presente della trasparenza di ogni disegno e del loro ordine in livelli.

Per ora mi occupo della parte tecnica che già non sarà facile da ottimizzare, poi arriverà anche il momento di discutere del problema che a volte potrebbe non essere per niente chiaro all’utente che sta guardando due disegni uno sotto ad una zona trasparente dell’altro. Magari dovrò evidenziare il disegno selezionato in qualche modo, così che appena clicchi diventi evidente.

Per iniziare, ho modificato la updateCache per tenere traccia non solo di che cosa è attualmente  dentro al tag svg (anche a coordinate negative), ma anche di cosa è semplicemente visibile a schermo. Avendo un array sempre aggiornato con gli ID dei disegni attualmente visibili, dovrò fare i controlli di coordinate (in px) su solo una parte di ciò che ho sulla lavagna.

L’idea tecnica è di prendere tutti i tag image che contengono il px cliccato, e dal più in alto alla più in basso (ordine per id) controlliamo se quel px è trasparente convertendolo in canvas (alle dimensioni in cui è sullo schermo) e guardando l’alpha del px cliccato.

Potrebbe essere un po pesante da fare, ma per ora non ho altre idee. prima di partire col codice meglio fare qualche ricerca approfondita questa volta!

Aggiunto login con Facebook!

Anche se non ho scritto niente qui, negli ultimi giorni ho fatto diversi commit lavorando sulla branch del login di fb :)

Ma roba grossa eh! Grossa grossa eh! Cacchio quanto è divertente esplorare territori per me inesplorati.

Ho imparato a controllare il login col plugin facebook, ho corretto qualche bug sul backend e modificato il db mongo.

Ora ho un modulo CurrentUser che mi gestisce i login con popup che compare e scompare automaticamente quando necessario, e salvo correttamente l’id dell’utente nei disegni.

Devo ben verificare la gestione degli indici di mongoDB. Ma sono solo agli inizi, ne ho di cose da fare ed imparare! :)