binawork / onlineonboarding

✈️ Online onboarding, reporting for employees, human resources management. A modern, simple and powerful web app to help you running your company while everyone are working remotely due to COVID social distancing

Internal links

BINA Projects

BINA Vision

BINA Team

Register

BINA Knowledge

[BINA Logo Story](https://www.notion.so/BINA-Logo-Story-5ab957f8a11948de92a15e18661be5ef)

Contact Us!

BINA Contact

External links

GitHub

Azure DevOps

---

BINA.work Foundation

Who are we?

We are an online cooperative of information society professionals and beginners. Our consists of software enthusiasts, developers, senior developers, project managers, product owners, graphic designers, copywriters, and overall visioners that are willing to work as a collective to enable cool things to happen.

Our Mission

• Spread love, be creative and have fun.
• Promote independent thinking and teamworking.
• Crowdsource ideas for projects.
• Help programming newbies get their first working project out there.
• Help companies get decent services at a low price, given that they can sacrifice delivery time.
• Help mid-developer practice their communication, mentoring and code review skills.
• Help kids, because helping kids is always good.

Why is it cool to work with us?

• Work on projects that you believe in so you can put your heart and mind to it! ❤️
• Real-life projects with real-life business goals! 📈
• Beautiful 🧚‍♀️ premium design for free!
• Work with a real and experienced Product Owner 👨‍💻
• Learn SCRUM roles and artifacts 🤓
• Get free 🍕 pizza on Demo Day!
• Boost GitHub & LinkedIn portfolio with cool projects!
• Get help with the business side of your project!

Sounds cool so far? Join us!

Fill this Register and provide us at least your name and e-mail, so we can send you an invitation to our Discord and give access to our resources.

After you Register please go to PD Onboarding Checklist

You can also contact us here:

📘 facebook.com/binaworkfoundation

👨‍👩‍👧‍👦 facebook.com/groups/binaworkcommunity

We are looking for people!

• Developers
• Project Managers
• UX designers
• Graphics designers
• Copywriters and editors
• Community managers for Facebook, Twitter, Instagram, LinkedIn, Reddit, TikTok, you name it
• Notion.so manager and editor
• Discord community manager
• Virtual office manager

If you feel bounding and one of those ☝️positions resonate with you, don’t hesitate to Register .

---

Project List

Listed projects are made voluntarily in the first place. For fun, to learn to code, for the portfolio. However, if a project will get traction and users willing to donate we as a will put all efforts to secure the stable income for all people involved.

Project Statuses

• 💪 In Progress! But you can still join the team.
• ✅ Done! See working project and some insights.
• 🤷 Project abandoned. You can take it over.
• 🙋 Ready to be taken. Some research has been done and we got the plan. Volunteers needed.
• 🤔 This idea needs some work.

Support level

• 👨‍💻 Basic Support. Business support from @Wiktor Świątkowski and tech mentoring support from @Maciej Jankowski.
• 🍕👨‍💻 Pizza Support. All above and pizza on demo day.
• 💸🍕👨‍💻 Commercial Opportunities. All above and revenue share.
• 🎩💸🍕👨‍💻 Client. We have regular client for this app. This is serious business. Ask @Wiktor Świątkowski for details.

COVID-19 Support

• 🦠 emoji means that project has a special feature addressed to COVID-19 Coronavirus Pandemia.

Pro tips

• Click List to turn this list into more detailed Table.
• If you want to share your idea or start working on a project, please fill Register first, so you can talk with us on our Discord before you edit this Notion page.

BINA Projects

---

Copyright BINA.work Foundation 2020. All rights alright!

📘 facebook.com/binaworkfoundation

👨‍👩‍👧‍👦 facebook.com/groups/binaworkcommunity

onlineonboarding's Issues

package model (add fiels last update&create)

add to package model

• data fields (update&create)

Favicon - image icon of Bina

Create favicon

• 1. Get Bina Logo
• 2. Reduce size and convert into icon format
• 3. Include into Onboarding images and add into html templates

RODO /GDPR issues

• Wiktor will solve RODO/GDPR issues for BINA : regulations, person responsibile for GDPR issues , dedidacted server to contain personal data

create package api view

create package api view

Daily 20200708

• API Michała
  oddzielny do
  Rejestracji
  Logowania
  Profilu użytkownika
  #4

• Logowanie i Rejestrację i Odzyskiwanie Hasła robimy na Django
  Formularz Django stylujemy na Loppera
  Co z tokenem do logowania?
  Jak trzymamy sesję? - Porozmawiać z Mikołajem. Czy Django czy API.
  Wiktor woli przez API. Jeśli szybciej i bezpieczniej będzie przez Django to róbmy Django.
  #7
  #11

• Rejestracja na Django
  Udała się. Założyć oddzielny task. Wrzucić screenshot i przepiąć na Wiktora do "testów"
  #7

• Balsamiq vs Looper
  Balsamiq tylko poglądowy. Balsamiq jest jako punkt wyjścia/kierunek/specka biznesowa

• Info jak podpinać commity do Issues

• Jeden CRUD per jeden view
  #4

Business requirements - mailing for user

• Mailing for user -

• info about new forms,

• reminders, confirmation of registration,

• password reset

• removing user

Gulp - Ask on #ogólny for help

User Regitration - Django and Looper

User Story
As a user I want to be able to Register so I can have account and later log in.

Definition of Done
Register page styled with Looper.

Tasks

• Style Registration Form form Django with Looper @adam-sas-on
• Verify that Django gets request from Registration Form styled with Looper @adam-sas-on
• Verify user account by sending email

Balsamiq mockup

Looper template
https://uselooper.com/auth-signin-v1.html

Business requirements - User Profile - API and Looper

Views

• User profile (available for both User and Admin) https://uselooper.com/user-profile.html
• List of pages assigned to user https://uselooper.com/user-tasks.html

Action points

• Set up view with Looper @adam-sas-on
• Set up API @MichalKandybowicz
• Connect view to API @adam-sas-on

TEST

TEST

• test

BUSINESS REQUIREMENTS - CHAT on app

USER STORY

As a user I want to have a chance to contact some person in real time in order to find help or ask question

Views

• Messages List https://uselooper.com/page-messages.html
• Single Conversation https://uselooper.com/page-conversations.html
• Floating chat icon (example from 1st google shot) https://codepen.io/neilkalman/pen/VPJpaW

Definition of ready

• Lower right corner there is a sign of chat
• There must be a connection with someone in HR department
• On each website of app there will be shown the chat window /sign

Definition of done

• Business specification is written down for this
• It is tested and implemented

Business requirements - Implement Polish version of app

Transform all texts in application into Polish language

User story
As a user I want to have all items in Polish language

Definition of ready
All items are translated into Polish.

Definition of done
All items are checked if they have Polish version.

Business requirements - pages

add new page

• serializer
• view

edit page

• serializer
• view

delete

• serializer
• view

Create pages for issue

Business requirements - Mailing request/ interest from leads

User stories
As a user I want to have a chance to contact with Online onboarding

Mailing request/ interest from leads

• Registration,

• Removing lead

• RODO/GDPR

DOR

DOD

Business requirements - create 404 page

• Remove list of urls for the user
• Backend of 404 page @topi-chan
• Create template for 404

Looper - Read documentation and run NPM install

https://themes.getbootstrap.com/product/looper-responsive-admin-template/
https://uselooper.com/docs/
https://uselooper.com/docs/build-tools.html <--

Definition of done: Looper Template is installed as "intdependend frontend app that will communicate with backend via API written in python via @MichalKandybowicz"

Business requirements- STATISTICS

USER STORY
As a user I want to have access to some statistics which inform me about : percentage of employees who done the onboarding or are still in progress,

Definition of ready

• Decide what kind of statistics will be collecting

• Design it in Balsamiq

Definition of done

• Dashboard with statistics is seen

Business requirements - Reminder option for HR to user about onboarding to follow

User story
As a HR manager I want to have an option that I can send reminder to employee and his/her supervisor manager about fullfillment the onboarding process.

Tasks

• Add"reminder option" to application features

• Reminder can be sent to participant ad/or his/her manager

DOR
There is a possibility to send reminder to participant and/or his/her manager

DOD
All features are in place, tested and are working.

Biznes info collection

Magda will get together info from business about such appliation

Business requirements - "Contact us" form

There must be a contact form for the clients interested in our application.

User story
As a user I want to leave my contact info in order to be contacted from Bina Work when I want to test application

Definition of ready
Contact form designed in Balsamiq and implemented on main page of application.

• If you want to test our tool, please contact us/ leave us your email - add text to contact form

• RODO policy for PL version

• GDPR policy for ENG version

Definition of done
Contact form tested and in use .
Policy described and implemented

Copywriting
label: Singn up for newsletter - get info about new features and discounts
input: [email protected]
text on button: Sign Up
checkbox below: [ ] I agree to newsletter policy

Business requirements - mailing system

User story

• Confirm of registration via email

• Confirm password reset via email

• Information about new forms

• Mail invoicing system

Remove edit from bootstrap templates

Edit links/options are unnecessary:
remove from templates

Search for company to implement our tool

We want to find company which will be implementing & developing with us our tool.

Magda will write down dedicated email to companies which are interested in our product.

Tasks:

• Writing down invitation email to companies - Magda will write down dedicated email to companies which are interested in our product.

• We will be gathering leads from Google survey

• Landing page must be ready to present to potential clients

Business Specification and Resources

Kennedy Onboarding Tool - it was changed into Online Onboarding in June

Shortlist

• Ask future customers #27
• Gather HR from friends @MichalKandybowicz
• Gather HR from friends @maggienow
• Mockups for User View for Answeres (Deck, Package, etc.)
• Mockup for dashboard
• Mockup for Admin: wich Package were assigne to wich Users and what is the progress

Resources

BUSINESS VISION

?????

Business Story

• I want to hire new person for my company
• I want to onboard new person in my company
• I want to have report from all people working in my company every day
• I want to create work package for current day for my worker with reccuring tasks, i.e. (check emails, call clients, write down document)
• I want to see progress of each work package
• SMS at the end of the day: "Busy day it was! It is 17:30 and 17 of 25 employees have filled their daily reports. Link"

Business Story - 🦠COVID-19 Support (CORRECT)

• Onboarding of new person in organisation while office is shut down and everybody are working from home
• Tutorial how to behave in your company during pandemic
  -- Tutorials how to wash hands
  -- How to wear and take off mask
  -- BHP
• Alerts for Covid in your organization

_### Business Story - Real Use Examples ???????
0. As a Bina.work we want to use this onboarding tool to recruit volounteers and onboard them. We are first users of our app!

1. As Bina.work we want to add package for user to sign up as our community member so we can know who is joining our community. Implement this form: Sign up form same as on Register
2. As Bina.work we want to make onboarding for new member so the new member can have access for resources and start working on projects: PD Onboarding Checklist_

Business model / Where is the money (WILL BE DISCUSSED DURING MEETING 10th of August)

1. Paid account. 5eur for 1 employee - each month? per year?
2. Ads in app
3. Partnership with recruiting platforms

Simillar apps and competition

• https://www.bamboohr.com/employee-self-onboarding/d/

• https://www.producthunt.com/posts/onboarding-by-hcm-deck

• https://demo.waywer.com/6IkmJY8d

• https://hypercare.io/en/

• https://bashooka.com/inspiration/mobile-app-onboarding-ui-examples/

• https://app.process.st/dashboard/folder/home

---

App Specs

Items structure

| Packages
L_Pages
L__Section

• Packages is set of pages
• Pages is set of sections
• Sections have 3 types:
  -- Open answer (text field)
  -- Single choice (radio button)
  -- Multi choice (checkboxes)

Sections

• Each section regardless type has
  -- Title
  -- Markdown field for instructions, notes, texts, photo, video embed code
• Can be dragged and dropped to set the order for the page
• Section can belong to multiple Pages at once
• When user is filling the Page (as answere), he is filling only section assigned to current Page. New object "page answer" is created. The answer is never assigned to section that is blueprint for the page. i.e. user will always have to fill Name and Surname Section

API

1. CRUD User
   1. Create User
      1. Register Page
   2. Read User
      1. User Profile Page
   3. Update User
      1. User Profile Page
   4. Destroy User
      1. User Profile Page
2. CRUD for Package Admin
   1. Create Package
      1. Admin can do
   2. Read Package = Read Page List assigned to this Package
   3. Update Package
      1. Also when you add/remove Page to Package
   4. Destroy Package
3. CRUD for Page Admin
   1. Create Page
   2. Read Page
   3. Update Page
   4. Destroy Page
   5. Addtional information
      1. Many to many : one Page can belong to many Packages
      2. Can you create Page with no relation to Package?
         1. As a User no; you will see "Create Page" button only if you are in view of a Package
4. CRUD for Section Admin
   1. Create Section
   2. Read Section
   3. Update Section
   4. Destroy Section
   5. Addtional information
      1. Many to many : one Section can belong to many Pages
5. CRUD for User Answere
   1. User case: User replies to Page with it sections
      1. PD Onboarding Checklist
   2. Read Sections for given Package-Page-Section
      1. Must include SectionID
   3. Create User Answere
      1. Timestamp
      2. UserID
      3. PackageID
      4. PageID
      5. SectionID
         1. AnswerToGivenSectionID

Business requirments - USER PROFILE

User story
There must be a user profile - where name/surname/ location(or remote)/ department/ position is settled.

DOR

• User profile is described.

• There is possibility to attach packages.

• You can update its personal details.

• There is a search for profiles - sort lists .

• Add update user list

• Update users according to company API rules in order to update .

DOD
We see the described profile. It is shown in statistcis. You can add packages. The user is easily found in search.

Landing Page content

USER STORY
As a user I want to have landing page in Polish and English version

Definition of ready
I have written down the content for landing page in ENG & PL
Definition of done
Content in Polish written and implemented to landing page

Tasks:

• @MichalKandybowicz will write down the content for landing page in Polish

• @maggienow will translate into English the content for landing page in Polish

Balsamiq

• changes by @roktiw
• review from @MichalKandybowicz
• Create new Milestone on Github, and 1 ticket for each view on Balsamiq @maggienow

https://balsamiq.cloud/sviuzng/p1y6lm3

Discord bot

See binawork/ktonadaje#17

Business requirements - PAYMENTS

• Decide what kind of payment should be : credit card, transfer , blik

• Decide on packages of payment e.g. monthly subscripton, yearly etc

• Design proper mock ups in Balsamiq by @roktiw

• Decide about sales model of app

Business requirements - USER LIST

There must be a user list which has to contain:

• List of users with position, location/ remote ( list of choice) , department,

• Add phone number to user profile

• Add phone number to Balsamiq

• Add sample users from BINA

• Add text pole "Notatka" to user profile, Balsamiq

Changes in database (counting progress out)

Landing Page

Definition of Done
Landing page with random copy from template BUT with two working buttons in the upper right Corner: "Register" and "Log In"

Tasks

• Landing Page: https://uselooper.com/landing-page.html this should be 1st page that user will se when he will get on our page (/index.html when it will go public on server) . When you'll install it please create issue for @roktiw named "Landing Page - copywriting". And rename "Purchase now" button to Register than clone it and name "Log In"
• Sign Up: https://uselooper.com/auth-signup.html
• Sign In: https://uselooper.com/auth-signin-v1.html
• User Profile: https://uselooper.com/user-profile-settings.html

Gmail account sync for every person in project

prośba do wszystkich abyście dodali sobie do przeglądarki Chrome konto google [email protected] i włączyli synchornizację haseł i zakładek z tym kontem

• @adam-sas-on
• @MichalKandybowicz
• @maggienow
• @maciejjankowski

Business requirements - Mailing for company

• Mailing for company

• reminders for managers/HR ,

• invoicing, confirmation of registration,

• password reset

• sending information about removing user from the system

Move and Rename this repo

https://github.com/MichalKandybowicz/OnlineOnboarding --> https://github.com/binawork/kennedyonboarding

https://docs.github.com/en/github/administering-a-repository/transferring-a-repository

API - User CRUD

• user.json schema mockup approved by team in this issue @roktiw
• set up user.json mockup file for testing Read API fucntion for Log In and User Profile purpose @adam-sas-on
• User Create method @MichalKandybowicz
• User Read method @MichalKandybowicz
• User Update method @MichalKandybowicz
• User Destroy method @MichalKandybowicz

Analyze the landing page

Choose skins/images,
decide what to change and what to leave
as it was mentioned during stand-up meeting.
(Onboarding landing page branch

SCRUM - Issue curation

Make issues
#11
#10

look like

#7

so please:

• add to each issue balsamiq link to view and screenshot of the view
• add to each issue link to Looper template as mentioned in issue #3
• add User Story
• add Definition of Done

If you have problems with US and DOD please ask @MichalKandybowicz first for help and later me by assigning task to Michał or me.

Business conditions settelment

The team will describe individually their needs about business expectations

• - things which I will contribute to the team
• [ x] - things which I expect from the team
• - % of share split
• - my skills
• [x ] - things which I don't like/ I like / I can/ I can't

Deadline: 27th of July 2020

add API view for delete/edit package

add API view for delete/edit package

URL - http://127.0.0.1:8000/onboarding/api/package/int:pk/

JSON

{
    "id": 1,
    "title": "aaa",
    "description": "aaacvxvfffhhhh",
    "created_on": "2020-07-15T18:07:00.630728Z",
    "updated_on": "2020-07-15T18:08:04.703781Z",
    "owner": 1,
    "pages": [
        1,
        2
    ],
    "email": []
}

Business requirements - system of permissions / authorization for using end point API

User story
Specific user will use the account in decidated area .

DOR
When user can use - take and send elements only connected with his/her company.

DOD

When we test that it works

remove "next" from url

remove all "next from urls

Backlog meeting

There is a need to have a meeting about backlog in order to :

• prioritize workflow
• define all user stories
• define mission and vision of the app

Def of ready
When Kennedy Onboaring team will set up the date of the backlog meeting

Def of done
Notes and action points will be written down.

Customers - What are your dream HR app features?

Creatde Google Forms. One page per one Photo from Mockups. Open ansewere "How to make this view better" "What are your dream HR app features"

• Google Form survey done by @maggienow

• Google Form sent to HR people

• Informaction gathered from HR

• Analysis and feedback to Kennedy team

This is subtask for #13

Business requirements- Export data to Excel

As a user I want to transfer data to Excel file

User Log In - Django and Looper

User story
As a user I would like to have a registration form where I can put my data as well as having a point to log in.

Definition of ready

Definition of Done

• Style Registration Form form Django with Looper @adam-sas-on
• Verify that Django gets request from Registration Form styled with Looper @adam-sas-on

Content for landing page

Magda will write down texts.

Business requirements USER REGISTRATION

As a user I want:

• to register other users as coworkers
• to admin the company profile

Definition of ready

• Registration of main user ( admin)
• Registration of coworker( other user)
• Sending email about being registered in the system

Definition of done
All above tested and implemented

Business requirements - mailing system for invoicing

• Mailing system for invoicing

• Confirmation of payment,

• 1 monthly - on the end of month,

• Per user - after each transaction

Hosting

User Story
As a Startup we want to host our app so @roktiw @maggienow and other users can see current aplha release.

DOD
I can enter URL to browser and see landing page of our app.

We can host on
Azure
HerokuApp
MyDevil.net

What are req for hosting?
Postgres
Python

TODO

• buy domain
• choose server provider
• setup DNS zone
• install Python
• install PostgreSQL
• deploy form Master to Production