vdk-jupyter: add first version of getting started page

[duyguHsnHsn]

What: Created a "Getting Started" page for VDK Jupyter integration.

Why:
A "Getting Started" page serves as a foundational guide for newcomers. By providing clear, step-by-step instructions, we ensure that users can efficiently navigate and leverage the VDK Jupyter integration right from the outset, minimizing potential roadblocks or uncertainties.

Note: You can find the diagrams here: https://miro.com/app/board/uXjVMwyYjto=/?share_link_id=860687647726

Signed-off-by: Duygu Hasan hduygu@vmware.com

[yonitoo]

Would it be possible to add some images here?

[duyguHsnHsn]

@yonitoo check this out https://github.com/vmware/versatile-data-kit/blob/person/hduygu/vdk-jupyter-getting-started/projects/vdk-plugins/vdk-jupyter/vdk-jupyterlab-extension/getting-started.ipynb

[antoniivanov]

To reduce the image sizes:

• Reduce the size of each image. Do we need 1900x1000 image? Considering it's part of a notebook where we have only xbyY size anyway. Maybe approximately 1000x500 would be enough
• JPEG (instead of png) format would generally result in smaller images . Alternatively, use indexed PNG . Also I personally have not really used WebP but it's a modern format that may provide more optimal images.
• Alternatively SVG might be better if feasible.
• Consider gifs - which would allow you to combine multiple images in one animation. That may be better user experience ?
• There are some websites to optimize images like https://compressor.io/, https://tinypng.com/

[murphp15]

Can you update the images so they don't say locally and in the cloud.

[antoniivanov]

How were the images created?

It is very important that anyone can edit those images after you without any help.

So somewhere (it may be in a README.md) we should have clear instructions and preferably either a link or a source code depending on the tool used which would allow someone else to make changes.

[duyguHsnHsn]

I have created a miro board i will include it in the PR when it is ready

[sabadzhiev]

Duygu,

Looks great. Putting me feedback here(both notes bellow are minor though):

#1: Typo: 'At the core of it, it is a directory with different scripts and inside of it.'
#2: There are a couple of places like: 'WARNING! If this is your initial e....'
This sound more like a tip to me, than a warning. May be, change it to: 'TIP: If this is your initial e....' ... or something not that scaring as 'WARNING' 🙂 .

[antoniivanov]

Looks pretty good to me. We can remove the CLI reference in this getting started