ico-arrow-big-left

Next Gen Network Management Visualization 3D Render Challenge

Key Information

BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$100‌ EACH

Register
Submit
The challenge is finished.
Show Deadlines

Challenge Summary

Welcome to the “Next Gen Network Management Visualization 3D Render Challenge”. In this challenge, we are looking for you to conceptualize, model and render a series of 3D elements that will be used in a new web application with 360 rotation views features.

This application will be highly visual, so we are looking for a Wow factor to amaze our client.

Let us know if you have any questions!

Round 1

Submit your initial designs for a checkpoint feedback:
1) Physical Chassis / Cards
1.1) Chassis - 3D View + 360 Rotation Feature
1.2) Physical Cards - 3D View + 360 Rotation Feature
2) Logical Layer - Router

Round 2

Submit your Final designs:
1) Physical Chassis / Cards
1.1) Chassis - 3D View + 360 Rotation Feature
1.2) Physical Cards - 3D View + 360 Rotation Feature
2) Logical Layer - Router
3) Logical Layer - Mobile Network Switches
4) Logical Layer - NTE (Network Termination Equipment)
Background Information
You will be modeling 3D elements that will be used in a web application developed in some follow-up challenges. The purpose of this new desktop web application is to help our users to quickly explore, spot and review different technical issues that might happen on any device from a large IT Servers Solution.

This Next-Gen Network Management Solution Web-app is expected to have the ability to use backend details like Service ID to display its complete routing details in a hierarchical view showing different layers with an option for the user to select the different class and levels he/she wants to see.

We have three layers in the visualization i.e Physical (Bottom), Logical (Middle) and Service (Top). Our client expects this visualization in 3D Isometric view after a series of challenges
In Order to achieve this, we broke down the requirements into smaller chunks.

In this challenge, we are creating just some of the individual components. This challenge will be followed by private tasks to combine all the 3D elements into an Isometric visualization diagram.

Below are the layers and different entities:
1. Physicals: Anything that can exist or felt physically: Location, Building, Structure, Floors,
Room, Equipment, Cards, Ports, Connectivity - Fibre, Copper, cable etc.

2. Logical: Anything that is configured over the physical layer to facilitate the service layer, for example, Circuits, SVLAN, Bearer connection.

To enable the services on the physical layer, it will need to be configured appropriately to set up a logical connectivity to support the services. This logical configuration may include the
entities like circuit and bearer connections which may have attributes like VLAN id, device
interface, port-speed, etc. which would be required to be captured in this logical layer. Similar to physical segments within the end to end physical path, the logical layer may have segments contributing to the end-to-end logical path. Such visualization of logical segments and the end-to-end logical path is required to be represented in sub-layers of the logical layer or as multiple logical layers.

Logical layers are represented in some symbols in the network topology. We need something similar but better in 3D visualization.

3. Service: Service segment or end to end service running over physical and logical layers, eg. Voice, Data/VPN Service, etc.

Services are the outcome of the logical configuration to enable utilization of underlying logical and physical resource infrastructure. Again within end-to-end service between 2 locations, there could be sub-segments of services, mostly coupled to the logical sub-segments.

Considerations
- Our Client has really high expectations on the final results for the whole project. This will be the first challenge and we are looking for the Wow factor!. Let’s impress our Client with realworld-like look and feel.
- For this challenge, you do not need to design the web application or layered visualization. This is part of a second challenge that will run after this one.
- You need to focus only on creating the 3D view of the requested elements (see below).
- Focus on simplicity and professionalism. We would like these 3D graphics to look easy to use and interact with them, while still looking professional made.
- All your 3D models should connect between each other somehow. i.e: ports should be placed on cards. Cards should be able to fit inside the chassis and then inside the Rack.
- You are not requested to model/design the 3D view of the "Rack". This element is out of scope. Focus only on the required elements.
- You are free to use the best software you consider necessary. We recommend the following software: 3Ds Max, Google Sketchup, Autocad, Cinema 4D, Rhino3D, Fusion 360 and Blender.
- Your final deliverable must be the 3D objects completely modeled and rendered with 360 rotation capabilities and the source files.
- Think about the final application as a Highly Interactive Application with “Game style features”.
- The winner of this challenge will be required to complete a list of some new 3D elements in a private task.

Required Designs
All the elements need to be designed in 3D Isometric view so that we can place those components in the respective layer in the visualization challenge.

1) Physical Chassis / Cards
- Refer Physical Layer before start designing components listed
- Imagine Chassis like PC CPU box where we have slots to add and remove network cards/adapters. A Chassis will have slots. Network Cards will be fit into the slots in the chassis.

1.1) Chassis - 3D View + 360 Rotation Feature
- We need to design the 3D view of the following Chassis model: 7750-SR12.- Please use these images and diagrams as your main reference:
   - Chassis Front View, Front View
   - Chassis Front View Diagram, Front View Diagram
   - Chassis Rear View
   - Chassis Rear View Diagram
     (You are free to search for more high-quality images for your reference)
- This chassis can host until 12 cards inside.
- 360-degree rotation is required.
- For your reference, check this link . We need details and rotation and look and feel similar to this. Again this for reference to bring out the wow factor.

1.2) Physical Cards - 3D View + 360 Rotation Feature
- We need the 3D views of the following elements:
   - 12 Ports IMM. Reference this image [ IMM reference photo ].
   - 10 Port MDA. Reference this image. [MDA  reference photo ]
   - SF-CPM Card. Reference this image, Image 2 [ look similar to above card photos]
- These cards need to be designed separately at port level details but this is always inserted into chassis. Since it is attached to chassis, when we rotate the chassis, it also needs to be rotated.
- 360-degree rotation for card
- For your reference, check this link. We need details and rotation and look and feel similar to this. Again this for reference to bring out the wow factor.

2) Logical Layer - Router
- Refer logical layer before creating components listed

- We need to create a 3D model to represent the Router in Logical Layer. Please refer network topology symbols for the network elements and create a better view in 3D Isometric View. We encourage you to use symbols as a reference, use your own creativity to create the symbol that can wow the client.

3) Logical Layer - Mobile Network Switches
We need to create a 3D model to represent Mobile Switches in Logical Layer. Please refer network topology symbols for the network elements and create a better view in 3D Isometric View. We encourage you to use symbols as a reference, use your own creativity to create the symbol that can wow the client.

4) Logical Layer - NTE (Network Termination Equipment)
- We need to create a 3D model to represent NTE  in Logical Layer. Please refer network topology symbols for the network elements and create a better view in 3D Isometric View. We encourage you to use symbols as a reference, use your own creativity to create the symbol that can wow the client.

Elements Connections (Important)
- Have in mind while modeling your 3D objects, that every object must connect to each other.
- The correct order will be: Port -> Cards -> slot -> Chassis (7750-SR12) -> Rack
  (Refer to this image for a sample view of connections)
- Display all the elements in 3D Isometric View
- For Chassis and Cards, provide 360-degree view.

For Reference
- The 3D objects you create on this challenge will be used in the next challenge to create the UI of a layered style web application where users will interact with the 3D by selecting them and rotating them in a 360-degree view.

Screen Sizes:
- Your designs will be used in a web application, so use the following sizes for your 3D elements.
- Desktop Standard: 1280px x 1024px

Branding/Colors
- We are open to colors for the visualization, however, we encourage designers to use colors close to real components.
- Do not add any logo to the 3D elements.
- Image assets will need to be created from scratch (each vertex image and its 3D representation to support 360-degree view)

Inspiration
- We are providing some Inspiration links. Use them as a reference. DO NOT COPY:
- Link 1 (Refer for 360 degree rotation and 3D model)
- Link 2 (Refer for 360 degree rotation and 3D model)
- Link 3 (Refer for 360 degree rotation and 3D model)
- Link 4 (Refer for Isometric View)
- Link 5 (Refer for Isometric View)

Target Audience:
IT Managers & Support Teams

Judging Criteria:
The realness feeling cleanliness and professionalism of your 3D renders.

Submission & Source Files:
Preview Image

Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Submit Desktop PNG/JPG Screens.

Source Files
All original source files of the submitted design. Files should be created: 3Ds Max, Google Sketchup, Autocad, Cinema 4D, Rhino3D, Fusion 360, Blender.

Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.

Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.

Stock Photography

Stock photography is not allowed in this challenge. All submitted elements must be designed solely by you. See this page for more details.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

Payments

Topcoder will compensate members in accordance with our standard payment policies, unless otherwise specified in this challenge. For information on payment policies, setting up your profile to receive payments, and general payment questions, please refer to ‌Payment Policies and Instructions.

ELIGIBLE EVENTS:

Topcoder Open 2019

CHALLENGE LINKS:

Screening Scorecard

SUBMISSION FORMAT:

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don " t let your hard work go to waste. Learn more about how to  pass screening.

Questions? ‌Ask in the Challenge Discussion Forums.

SOURCE FILES:

  • 3Ds Max, Google Sketchup, Autocad, Cinema 4D, Rhino3D, Fusion 360, Blender.

You must include all source files with your submission.

SUBMISSION LIMIT:

5 submissions

ID: 30072432