Como construímos um mapeamento corporativo interativo

O mapeamento de escritórios é um grande desafio para uma empresa em crescimento e, para uma empresa séria, pode ser uma dor de cabeça. Os recém-chegados se perdem em grandes espaços de escritório e não conseguem encontrar o caminho da sala de reunião para o local de trabalho, os veteranos se deparam com o fato de que os colegas se mudaram para onde ninguém sabe - tudo isso envolve problemas organizacionais.



Nós do IBS temos cartografia há muito tempo (pelo menos desde 2010), e desde então, infelizmente, ela se tornou criticamente desatualizada. Portanto, recentemente atualizamos nossos cartões de escritório criando uma solução usando Visio, Leaflet JS e nossos próprios desenvolvimentos.



Este tema já foi levantado no Habré, mas há muito tempo: há vários anos (em 2012 e 2013 ), a Positive Technologies também se impôs a tarefa de criar cartões corporativos. No entanto, eles seguiram o caminho oposto: do desenho da sala do Visio e dos dados no Excel para layouts completos no AutoCAD com subsequente exportação para 2D, 2.5D, 3D.



Trabalhamos inicialmente com o AutoCAD, mas hoje chegamos ao Visio (como uma ferramenta de preparação do planejamento inicial), tendo aprendido a trabalhar com o formato e usar sua funcionalidade e flexibilidade para uma série de tarefas cartográficas não padronizadas.



Quem está interessado em nosso caminho espinhoso - bem-vindo em gato.





Por muito tempo usamos uma solução escrita por nós mesmos, cuja relevância por muito tempo foi questionável. Na verdade, era um raster regular com a capacidade de pesquisar por rótulos. Um funcionário renderizou os andares em AutoCAD (não apenas para cartografia), esse esquema foi salvo em formato png, a marcação foi aplicada em um aplicativo da web (ou seja, os mapas foram realmente desenhados em dois lugares). Isso, na verdade, é tudo. Quais foram as desvantagens de tal solução?



  • . , . , , ;
  • - , ;
  • . PNG, .


: , , , . , , , .



. — , . ( , , , , etc.), : , — , … , , , — , .



, .





/



, :



  • — , ;
  • TEL — ;
  • -, -, - — .


. , (, , . PNG 150pt — ), .



, :



  • , . AutoCAD , :

    • , ;
    • ;
    • .


, , . ! , .



/



- . : , , «» , . — ArcGIS, ArchiCAD, -, . ( — ). CAD, , …



AutoCAD , : , , , .



Visio . , , , , - . , Visio- — -, - , . .



. Microsoft Visio Pro, -. . Leaflet, - (, ). , — , (, , open space .) .



Visio?







  • , , — , — , — .
  • : . , , , . - .
  • — , - . .
  • , .
  • , : . , , , .., , Visio .


Visio, ( ) SVG- (.. ), . , :



  1. Visio .
  2. -.
  3. svg-. , ; — .
  4. « ». .
  5. svg-, 3, .
  6. , 5, , tiles-.
  7. , .


, , . !









. . , , . , , , , — , .



, , , , — , . , .



, — . , , .. , , , . , — , , , . , , , — .



. — , , .



« », ( ). , .



— -. , , , , , . - , , , - . — .









, — , ; . - . ( ), , , , , .



Visio , -. . — id ( ) , ( , - ).



— . , , , , , , , .



. — , , , ( ) : , . , , , , - , . — , «» ( , ) — . , , ID-, . , , .



. «», : ID , , . .



-. WYSIWYG- , - , . , , , .. .



- . , , - , - .









, IT- . , .



, :



  • — , , . , ;
  • - — : , ..;
  • — « ».


. , . , : , . - , , .



, , . , , QR- , . , .



— . , , , . « » .



— , , , , . - , , , — !




All Articles