aeimskei/cyber-security-club

Contact section

Closed this issue · 13 comments

  • Edison, up to you on how you want to display the contact section
  • Need info on how people can contact the org
  • Should we have a form? If so, we would need a backend server to collect data

screen shot 2018-07-10 at 10 16 35 am

We can do a form without a backend. You can set-up a Slack Webhook that will post directly to a channel. This uses the POST method with JSON objects. However, I don't know if we're going to use Slack at all but maybe have form inputs set up with a CAPTCHA, such as Google's reCAPTCHA.

Edit: Scratch all above, making Embed Google Forms with limitations on CCSF emails only.

@NullOverride cool! Sure, let's do that if you guys want to start collecting email to maybe have a email list-serve in the future. Do what you think is needed. I'll add you on to this to help @elam3. I'll look into it as well, I've never you CAPTCHA.

Right now I don't have a club email box set up yet. I will get an email addy once we make the club official in August. Can we use the questionnaire I made several months ago as the form for students to fill out? Here is the link: http://bit.ly/CEclubquestionnaire. If you prefer a new form, let me know and I can create one from Google. I prefer the Google form since it places all the values into a spreadsheet and I can filter it easily. If anyone has another method or way to do this better, please do it.

Basic Contact Form integrated to Slack through Webhook. Will start on input validation and CAPTCHA. Note: This is not the signup for Slack and should be a means for other people to leave a message for us (teachers, employers, etc.). The signup for Slack should be a Google Form link which will be limited to emails in the CCSF domain. Also, need help with design and extra inputs we might need.

ss+(2018-07-17+at+09.57.38).png

Hmmm, @NullOverride and @elam3 when you guys have time, could you guys bounce ideas on this. To me, based on the discussion, I thought the sign-up will link to a Google sheet of some form, so we'd have an email list-serve.

If we do a WebHook that populates directly to a Slack channel, does this mean someone has to manually export the info to a separate spread sheet? Enlighten me after you guys discuss.

So what I imagined was something like this where there's a link to signup for the slack channel. However, the signups are limited to only CCSF accounts, any other domain will not be able to see this Google Form. The "Contact Us" is really for other people to leave a note or something. We can definitely set something up to save the data on Slack but I don't really expect it to reach 10k messages anytime soon.

chrome_2018-07-20_20-56-16.png

elam3 commented

The contact form looks nice. Can we add a text field so a message can be attached to the contact request?

Yea, I'm confused now. Contact Form is different from Sign-Up form? Or are they the same thing?

I made a sign-up form. But since we are only collecting name and email address. It looks very very plain. I only have a text field asking for name. And the google form has a setting that collects email that is already built-in. It does so by requiring the visitor to sign-in to a ccsf email account.

screen shot 2018-07-20 at 20 54 44

After filling out the form, it looks like this:
screen shot 2018-07-20 at 20 59 48

And it populates a spreadsheet like this:
screen shot 2018-07-20 at 21 00 33

Because the sign-up form looks so plain. I was hesitant to share until I figured out how to present it. Was thinking of writing up a descriptive header. Something along the lines like,

"Thank you for your interest in signing up for the Cyber Security Club. Description of what the club is about. This is what you're getting into. This is the required information. Please provided your full name and email address. And this is what you can expect as a follow up in the future. Maybe Code of Conduct info/link/checkbox/agreement thing too? etc.

Don't forget there is the questionnaire that was created from last semester to capture data on student's interest and a little bit about themselves. Here is the bit.ly for that questionnaire: http://bit.ly/CEclubquestionnaire. This can be the contact form, used only to capture student contact info.

I imagined the sign up form is for Slack only. This would be for students to sign up and get invited to the Slack workspace.

I would create a non-student form for employers and industry partners so they can get into contact with us. But this spreadsheet should be separate from all other forms since this will be our business partners list.

Let me know if you have questions.

I'll leave for you three @NullOverride @elam3 and @NanaRei to decide and finalize. I'd be happy to put design touches later. I won't merge this yet ok. Remember to do a pull-request after you guys are set. Thanks so much again! It's looking great!

For the business partners we will need to capture more data. For instance: first/last name, company, job title, email, cell phone, LinkedIn (optional). Just about any info you would find on a business card. We might also ask them why they are contacting us like if they are looking to sponsor the club or looking to be an employer for the apprenticeship program then we will send their info along to the appropriate contact. We should have a statement at the bottom or somewhere that states how long afterwards will the person receive a response from us.

We always want to give a time frame on responses so our stakeholders (which is everyone) knows when to expect communication from us. It also keeps us accountable to the stakeholder as well.

@NanaRei needs Industry Partners form.

I created the Industry Partners form. Let me know if you can't see it or access it in the Data Collections folder. If you want a bit.ly link from it let me know and I will create one, if needed. Thanks everyone.

Using Google Forms for all Data Collection rather than Slack. All links added.