#studio - www.hashmusic.studio

Precisamos do desenvolvimento de um APP Hibrido usando as tecnologias abaixo e consumindo API Rest já existente.

Angular 2
Ionic 2

Desenvolvemos um app de exemplo (ionic 1) para validação de integração com api rest existente, realizando autenticação (face, google+) e buscas na api rest. Tambem foram feitas algumas telas para validação do modelo de layout e navegação.

Todos os dados a serem apresentados nas telas - que irei detalhar a baixo - virão de serviços REST já implementados, cuja documentação e suporte para uso providenciaremos logo em seguida que fecharmos a parceria.

O processo de autenticação e autorização necessários para o consumo destes serviços já foram implementados no processo de LOGIN.

Se for mais produtivo, você pode me desenvolver um APP do zero, apenas utilizando a implementação que já temos como exemplo e copiando o código das telas acima.

O aplicativo deve ter suporte a múltiplos idiomas, e os idiomas disponíveis bem como as translates devem estar em arquivos de config dentro do APP (Também já está parcialmente implementado, restando apenas cadastrar as translates a serem utilizadas).

>>> Telas a serem desenvolvidas

1. Tela de busca (Search)
> Esta tela irá apresentando uma lista com detalhes dos Estabelecimentos encontrados a partir de um local pesquisado
A busca deve ser feita a partir de um Endereço (rua; bairro; nome da cidade Ex: Taboao da Serra) ou ainda pelo nome do proprio Estabelecimento.
Deve suportar
Pesquisa textual com autocomplete na API Google Maps
Pesquisa textual com entrada via conversão de voz
Pesquisa via localização atual do GPS
Filtros
Data
Hora
Tempo de uso
> Exemplo
https://hashmusic.studio/search/sao-paulo/R.%20Teodoro%20Sampaio,%20S%C3%A3o%20Paulo%20-%20SP,%20Brasil?lat=-23.5610006&lng=-46.683264699999995

2. Tela do Estabelecimento (Landing)
> Esta tela deve apresentar dados de um estabelecimento, agrupando cada informação em Tabs, conforme abaixo
Informações
Nome do Estúdio, Descrição, Endereço, Horário de Funcionamento, etc..
Salas
Lista com fotos e detalhes das Salas disponíveis no Estúdio, contendo link para realização de Reserva da mesma visualizar as mídias (fotos, panorâmicas, videos) da mesma.
Equipamentos
Lista com fotos e detalhes dos Equipamentos disponíveis no Estúdio, contendo link para visualizar as mídias (fotos, panoramicas, videos) do mesmo.
Mapa
Exibe um mapa (Google Maps) com uma Marker na localização atual (pesquisa do usuário) e a localização do Estabelecimento)
> Exemplo
https://hashmusic.studio/studio/taboao-da-serra/g-5-musical?lat=-23.5610381&lng=-46.68341880000003

3. Tela de Reserva (Booking)
> Esta tela apresenta as Salas disponíveis para realização de Reserva em uma Data e Horário especificado.
Esta Tela deve ter 3 Tabs no Modo Wizard, conforme abaixo
Horário
Esta Aba aprensentar as Salas disponíveis para reserva e os campos para filtro
Deve conter 4 campos de filtro, e os dados destes campos e a lista de Salas devem ser atualizados imediatamente após a alteração de um dos filtros (conforme exemplo abaixo)
Tipo de Sala; Data; Hora; Duração da Reserva
Equipamentos
Exibe a lista de Equipamentos disponíveis para Locação juntamente com a Sala,Data e Horários selecionados na Aba anterior.
Permite ao usuário selecionar um equipamento e configurar a quantidade necessária (conforme o valor maximo disponível)
Confirmação
Tela exibindo os detalhes selecionados nas Abas anteriores, os valores de cada item e a totalização.
> Exemplo
https://hashmusic.studio/studio/taboao-da-serra/g-5-musical/cart?lat=-23.5610381&lng=-46.68341880000003

4. Tela de Acompanhamento de Reservas
> Esta tela deve apresentar uma lista contendo as ultimas Reservas, agrupando por Tabs conforme abaixo
Hoje; Esta Semana; Este Mes; Período Especifico; ID da Reserva
Ao abrir um pedido de Reserva listado, deve ser apresentado o Detalhe da reserva contendo Dados como:
Data do Pedido, Estabelecimento, Cliente Solicitante, Salas e Equipamento solicitados, Data e Horário e Duração.
No detalhe da Reserva deve ser possível a troca informações (no modelo de CHAT) entre Estabelecimento e Cliente, podendo o Cliente configurar o STATUS da Reserva a cada resposta no CHAT
O Chat deve estar disponível somente se o STATUS da Reserva estiver ABERTO.
A apresentação da lista de Pedidos de Reservas e a forma de iteração no chat devem ser diferenciadas conforme o tipo de usuário logado no app (se estabelecimento/estúdio ou cliente/musico)
pagamento (não disponível no exemplo)
na tela de detalhe da reserva deve ter opção de pagamento
esta opção somente deve estar disponível se o usuário logado for um cliente/musico e quando a reserva estiver com status aprovado.
Deve ser possível selecionar o meio de Pagamento (os meios disponíveis e todos os parâmetros de configuração de integração com os serviços devem estar configurados em arquivo config dentro do APP)
No entanto, deve ser implementado somente o UOL PagSeguro com checkout transparente.
> Exemplo
Realizar login em
https://hashmusic.studio/login

Dados para login
Estabelecimento/Estúdio
admin@estudio5.com / estudio5
Cliente/Músico
Realizar o cadastro clicando no Botao (Facebook ou Google)
Ir em
https://hashmusic.studio/my-booking

IMPORTANTE!
Todos os Dados necessários para apresentação das telas acima, incluindo os filtros mencionados estão disponíveis em APIS Rest (em formato JSON) já implementadas.