The MVP wireframe.  TWS-9 - Getting issue details... STATUS

The following is a description and wireframe of the minimum requirements for the TSSG web site, including the display of the group logo, site navigation and content area sections.

(

From Paul Scheidemantel to Everyone: 01:44 PM
A website wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the skeletal framework of a website.[1]:166 Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose. The purpose is usually being informed by a business objective and a creative idea. The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.[2]:131 The wireframe usually lacks typographic style, color, or graphics, since the main focus lies in functionality, behavior, and priority of content.[1]:167 In other words, it focuses on what a screen does, not what it looks like

)

The following design guidelines are for the TSSG.TECH Website Development Project only. 

Font is ARIAL family - regular, italics, bold, bold italics - uppercase, sentence case, lower case. 

All descriptions are italicized.

We are creating the site with Bootstrap with a goal of responsive design across laptops, tablets and mobile devices.

From the Home Page:

The TSSG logo (minus the tag line) is centered at the top of the page.

Followed by a centered heading

TECHNICAL SKILLS SHARE GROUP (TSSG)

is a volunteer organization created for technical professionals in-transition and tech enthusiasts seeking peer-based active learning

And statements describing TSSG

we develop web and mobile applications

we perform software quality assurance

we perform data analytics

before joining you must attend, in-person, one TSSG General Meeting

anyone interested in any aspect of the software development life cycle is welcome to attend:

developers, project managers, business analysts, product owners, support professionals and those interested in learning about these and other roles are welcome

if you are not sure where you may fit in, we will help you to figure it out

Multiple tech group sections follow. Each with a heading, time/scheduling and current team leader, and a button for specific information for the group of that section.

There will be a section for General Meeting, Web App, Mobile App, QA and Data Analytics.

General Meeting has a SAMPLE AGENDA button and page that will be described below.

Other sections will have an ABOUT THE TEAM/PROJECTS/TECHNOLOGIES button to a page that is specific to the section and will be described below.

All section titles and buttons are color coded. General - black, Web - red, Mobile - purple, QA - gold, Data - green. Buttons have colored backgrounds. Titles have white backgrounds and colored text.

The TSSG General Meeting is on Wednesdays, It Is An All-Team Meeting For Introductions, Updates and Discussions

General Meeting

Wed 12:30 – 5pm, Acton Library Except 4th Wed at Chelmsford Library, General Manager: Andy Leuper

 SAMPLE AGENDA 

Web App Dev

Mon 1:30 – 3:30pm, Online, Team Lead: Jim Turner

   ABOUT THE TEAM / PROJECTS / TECHNOLOGIES    

Mobile App Dev

Tue 10 – 1pm, Acton Library and Online, Team Lead: Mark Pralat

   ABOUT THE TEAM / PROJECTS / TECHNOLOGIES    

QA Study Group

Thu 10 – Noon, Online, Team Lead: Ray Bloom

  ABOUT THE TEAM / PROJECTS / TECHNOLOGIES   

Data Analytics

Fri 1 – 3pm, Acton Library and Online, Team Lead: Norm Heckman

   ABOUT THE TEAM / PROJECTS / TECHNOLOGIES    

The bottom of the main page will have the TSSG logo with the tag line "learn by doing...".

Followed by a navigation bar of choices for Web, Mobile, QA, Data, and HOME.

Navigation

From the main page, the SAMPLE AGENDA button displays this page:

SAMPLE AGENDA

12:30 to 1:00 pm:  Intros, Announcements and recruiting updates

1:00 to 2:10 pm:  Web Application Project (PHP, JavaScript, HTML5)

2:10 to 2:20 pm:  Break

2:20 to 3:30 pm:  Mobile Application Project (Java, Android)

3:30 to 3:40 pm:  Break

3:40 to 4:50 pm:  Data Analytics Project (Python, R, Hadoop)

4:50 to 5:00 pm:  Plan agenda for next Wednesday; open forum and networking

Basic structure of each project section:

• Scrum
• Program or Technology review
• Review, Analyze and Update user stories

From the main page, the WEB ABOUT TEAM... button displays this page:

(Navigation buttons at the bottom: brings the user to either 1. the top of the current page or 2. any of the three other group pages or 3. HOME, the original, main page.)

THE WEBSITE APPLICATION DEVELOPMENT TEAM 

As web professionals we develop web applications using current technologies to learn and explore. We have found that active involvement in projects enhances our members’ opportunities for new roles or new challenges. All are welcome if they have an interest in Web Application Development.

PROJECTS:

Musicians Manager

• PHP – Live version with a real-world customer
• Laravel – Experimental version
• MEAN Stack - Experimental version

Website Development 

TECHNOLOGIES:

List of technologies that have been used and explored (so far): 

• Agile/Scrum model using CA Agile (Rally) Project Management
• Subversion (SVN) and GitHub source code repositories
• LARAVEL (PHP framework)
• Bootstrap
• JQuery
• PHP
• MySQL db
• JavaScript
• HTML5
• CSS3
• MEAN (MongoDB, Express, Angular, Node.js)
• Jenkins (Continuous Integration)
• Selenium & Selenium Grid test automation
• Cucumber/Behavior Driven Development (BDD)
• User Experience Design
• Responsive Design

From the main page, the MOBILE ABOUT TEAM... button displays this page:

THE MOBILE APPLICATION DEVELOPMENT TEAM 

As mobile application development professionals we develop applications using current technologies. The group currently focuses on Android development and welcomes other mobile technologies. All are welcome if they have an interest in mobile development, from inception to release and beyond.

PROJECT MANAGEMENT USING AGILE/SCRUM, KANBAN METHODS 

PROJECTS:

EventBoss

SleepAnalyzer

INDIVIDUAL PROJECTS:

Mobile Robot

TECHNOLOGIES: 

List of technologies that have been used or explored (so far): 

• Agile/Scrum, Kanban SeeNowDo
• Android
• Java, XML, Material Design
• Android Studio, Gradle
• Eclipse Git, GitHub, Subversion (SVN)
• MIT App Inventor
• Appium, Selenium
• Coming soon: Android Things (IoT), Kotlin

From the main page, the QA ABOUT TEAM... button displays this page:

THE QUALITY ASSURANCE STUDY AND DISCUSSION GROUP

As Quality Assurance (QA) professionals, we explore and learn current technologies within various platforms to expand our skill sets. We help investigate QA issues encountered by study group members. Any member of TSSG with an interest in QA is welcome to participate.

TECHNOLOGIES:

List of technologies that have been used or explored (so far).

• Selenium, Appium
• Java, Python
• Junit, TestNG, PyUnit (“unittest”)
• Maven, Gradle
• Jenkins Continuous Integration Server
• Docker, Azure, AWS, VirtualBox, other approaches to virtualization
• Cucumber, Geb, Spock, Behavior Driven Development (BDD)

From the main page, the DATA ANALYTICS ABOUT TEAM... button displays this page:

THE DATA ANALYTICS TEAM 

As Data Analytics professionals using current technologies, we explore and learn courses within various platforms to help expand our skill sets. All are welcome if they have an interest in Data Analytics.

PROJECTS

Tweet analysis

Machine learning for object recognition

Location-based RSS feed extraction

TECHNOLOGIES

List of technologies that have been used or explored (so far).

• Agile/Kanban model using Asana project management
• GitHub
• Python
• R
• Machine Learning
• Neural Networks
• Hadoop
• AWS
• TensorFlow
• Jupyter
• Random Forest
• MatLab