search

jakartaee / jakarta.ee

Jakarta EE is the future of cloud native Java. Jakarta EE open source software drives cloud native innovation, modernizes enterprise applications and protects investments in Java EE.
https://jakarta.ee
Eclipse Public License 2.0
167 stars 94 forks source link

Create the Jakarta EE 10 release landing page #1463

Closed shabnammayel closed 2 years ago

shabnammayel commented 2 years ago

Here is the timeline for this project: https://docs.google.com/spreadsheets/d/1Sx-KRJjS4tX-5Sz3kKnRUjrI5pdi0WcAsZeVb2Xx8vY/edit#gid=138610214

Please note that we are targeting May 31 for the release date as of now but it may change.

Here is the link to the banner's design: https://xd.adobe.com/view/94e225c1-7027-48e5-8893-bcd8883725b6-c1b1/

Here is the link to the content doc for this page: https://docs.google.com/document/d/1ghGN8ApNU2nwLHVKqMvB3D_s8s05lpFMEV3ddiOkkxA/edit

Here is the link to the Jakarta EE 10 specifications image: https://xd.adobe.com/view/e2028f66-ab4d-4e08-82b0-bc91a3bca1ad-b751/ We need to add a title on this section above the image: Jakarta EE 10 Specifications

Please note that for this release we are switching the Specification image section with the benefits and features section. so below the banner should be the features and benefits section.

@ericpoirier please let me know if we should set up a quick call to go through the details before you start implementing.

ericpoirier commented 2 years ago

@shabnammayel I belive the information in your comment is good enough to get us going.

I looked at the designs and you only provided the banner. Is that because we can create the new Jakarta EE 10 page based on the 9.1 layout but we only need to change the banner?

Do we need to add Jakarta EE 10 to the following page: https://jakarta.ee/release/

If so, is May 31, 2022 the date that we need to add to the new block. And will there be a press release for it?

Thanks.

shabnammayel commented 2 years ago

Yes, Eric! we can use the 9.1 layout. we only need to switch the Specification section with the benefits and features section. @meKokabi will help us with updating the icons on the features and benefits boxes to relate to modernized, simplified and lightweight. She will also make a minor change on the specification image that I provided.

And yes, we need to add Jakarta EE 10 release to the releases page and include the links to the EE 10 release page as well as the press release

Please let me know if you have any doubts/questions at any time.

Thanks

shabnammayel commented 2 years ago

btw we will probably have more videos to add in the videos interviews section

ericpoirier commented 2 years ago

@shabnammayel @meKokabi is it possible to get the banner image without text and buttons on it in jpg format?

Thanks.

meKokabi commented 2 years ago

@shabnammayel @meKokabi is it possible to get the banner image without text and buttons on it in jpg format?

Thanks.

Absolutely! Will add it shortly.

meKokabi commented 2 years ago

Added attachment on # 1463 as well!

VisualAssets.zip

ericpoirier commented 2 years ago

Added attachment on # 1463 as well!

VisualAssets.zip

Hi @meKokabi, is it possible for you to provide the logo in svg format instead of png?

Thanks.

meKokabi commented 2 years ago

Here You Are: JakartaEE10

meKokabi commented 2 years ago

SVG Logo.zip

ericpoirier commented 2 years ago

@shabnammayel The Jakarta EE 10 page is now on staging:

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

I believe I made all the changes that was requested but let me know if I missed anything.

Thanks.

shabnammayel commented 2 years ago

Thanks @ericpoirier. a few corrections:

ericpoirier commented 2 years ago

Thanks @ericpoirier. a few corrections:

  • In the banner image, the cloud portions are different and bigger than Mehrnaz's image. the words : Community-driven innovation, modernized, simplified and lightweight are missing from the image.

@meKokabi can you provide the cloud on a transparent background in either png or svg format? This way I'll be able to adjust the size of the cloud without ajdusting the rest of the background image.

  • I believe the orange colours used in the banner sections are darker and bolder that the one Mehrnaz provided in the mockups. can we change them to match more closely

@meKokabi can you provide the hex color that you are using. This way we will have the same.

  • in the features and benefits section, the content below the heading, please remove the "," after existing: This innovative community-driven release is designed for organizations looking to start developing new, or advancing existing, enterprise Java applications.

+1

  • In the boxes of the features and benefits section, can we please add a button learn more below the first paragraph and the text and hide the second, longer paragraph? the content of the boxes are too long.

+1

  • In the lightweight box, for consistency please unbold the highlighted texts in that box

+1

  • for the specifications image, are you creating the table or copy pasted the image from Mehrnaz's image? the reason I'm asking is because the image quality is not very good and looks a bit blurry

I'm copy pasting the image that was provided. Looking at the 9.1 release page and the specifications on that page is also an image.

+1

ericpoirier commented 2 years ago

@shabnammayel I made the changes that I was able to do on my end.

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

@meKokabi as mentioned above, can you provide the cloud image on its own on a transparent background and the hex color of the orange you'd like me to use.

Thanks.

meKokabi commented 2 years ago

@ericpoirier Here You Are: cloud Orange:#FA823B Yellow:#FBB03B

https://xd.adobe.com/view/94e225c1-7027-48e5-8893-bcd8883725b6-c1b1/

meKokabi commented 2 years ago

and here is the stylesheet just in case: stylesheet.zip

shabnammayel commented 2 years ago

@ericpoirier can you please change the text below features and benefits section, the second sentence from:

This innovative community-driven release is designed for organizations looking to start developing new, or advancing existing enterprise Java applications.

to

This new innovative community-driven release is designed for organizations looking to start developing new enterprise Java applications or advancing their existing ones.

shabnammayel commented 2 years ago

Also in the middle box, add space in the first sentence, between "with" and "Jakarta EE"? thanks

shabnammayel commented 2 years ago

when we expand the boxes the middle one is not the same lenght as the other ones, can you please fix that?

Screen Shot 2022-04-29 at 10 02 18 AM
ericpoirier commented 2 years ago

@shabnammayel I believe I've addressed all the issues that you have highlighted above:

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

Let me know if I missed anything and if there's anything else.

Thanks.

shabnammayel commented 2 years ago

@ericpoirier is it possible to create the specification image as a table to improve the quality and also make the changes necessary if any in future directly to the table? for example, after reviewing the current table, we need to update the colours of the titles for the EE 10 platform and EE 10 web profile. FYI @meKokabi Also we need to update the WhitePaper section image (Mehrnaz will help with that) and the links should be updated to link to the new Cloud Native Java eBook: How Jakarta EE Delivers on the Vision for Open Source, Cloud Native Java https://outreach.jakartaee.org/open-source-cloud-native-java-ebook?hs_preview=vUXuuJeF-64105276785

cesarhernandezgt commented 2 years ago

Hi @ericpoirier and @shabnammayel

Current PR seems to be missing contributors and the repositories count is also missing. In the following image, you can see the difference between Jakarta EE 10 release PR (left) and Jakarta EE 9.1 release production page (right) [1]

Thanks @ericpoirier. a few corrections:

I recall @Dexmaster and @chrisguindon worked on a script that automate the metrics and contributors' stats used for the past two releases landing pages:

https://github.com/jakartaee/jakarta.ee/blob/src/js/contributor-cards/generate-contributor-lists.sh

[1] image

ericpoirier commented 2 years ago

Hi @cesarhernandezgt, thanks for pointing this out! I updated the Jakarta EE 10 release page and the contributors and repositories count is now showing up.

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

I saw that I mixed up the number of git repo with committers in an earlier commit. I updated the stats section to what @shabnammayel originally asked for but I kept 120 committers since the number was not provided. Can you confirm that this is the correct numbers of committers for this release as well?

Thanks.

Dexmaster commented 2 years ago

Hello @ericpoirier, there are small typos I commented on in PR.

shabnammayel commented 2 years ago

@ericpoirier Mehrnaz has updated the Jakarta EE 10 Specifications image here:https://xd.adobe.com/view/e2028f66-ab4d-4e08-82b0-bc91a3bca1ad-b751/ it was raised that the colours of the Jakarta EE 10 Web Profile and Platform boxes were the same as "updated" and "New" color codes which made it a bit confusing for the users. Hence, @meKokabi has updated the colours. Can you please create the table instead of copy and pasting the image to enhance the quality of the image. it will also make the future edits easier.

shabnammayel commented 2 years ago

Few content edits:

on the banner tagline: AN OPEN, COMMUNITY-DRIVEN INNOVATION DRIVING THE FUTURE OF CLOUD NATIVE JAVA TECHNOLOGIES, please remove "An" from the sentence.

The paragraph on the Modernized box should be edited to:

The Jakarta EE 10 release provides new functionality in over 20 component specifications.

This release enables builders of modern cloud native Java applications to develop and deploy Jakarta EE 10 applications on Java SE 11 as well as Java SE 17, the most current LTS release of Java SE. This allows developers to take full advantage of new features including the modular system introduced in Java SE 9 and supported in Java SE 11

cesarhernandezgt commented 2 years ago

Hello @ericpoirier, there are small typos I commented on in PR. Hi @cesarhernandezgt, thanks for pointing this out! I updated the Jakarta EE 10 release page and the contributors and repositories count is now showing up.

Thank you too, I see the script was already executed, and the current preview now shows the Contributors Cards section.

I saw that I mixed up the number of git repo with committers in an earlier commit. I updated the stats section to what @shabnammayel originally asked for but I kept 120 committers since the number was not provided. Can you confirm that this is the correct numbers of committers for this release as well?

Thanks.

Hi @ericpoirier,

In 9.1 we revisited how to obtain the stats for project, repositories, specifications, and committers. https://github.com/jakartaee/jakarta.ee/issues/1177 was the isse we used. According to this, my calculations show that for Jakarta 10 release stats are: Projects: 32, Specifications: 44, Git Repositories: 58, Committers: 129

Analysis for number of Projects

Analysis for number of Specifications

Analysis for number of repositories:

Analysis for number of committers:

meKokabi commented 2 years ago

Hi, please update the mid banner with the attached. Here is the XD link: https://xd.adobe.com/view/18687171-cb41-47c9-8599-29da615b50b0-4d3b/

JakartaEE10-447451870-copy

ericpoirier commented 2 years ago

@ericpoirier Mehrnaz has updated the Jakarta EE 10 Specifications image here:https://xd.adobe.com/view/e2028f66-ab4d-4e08-82b0-bc91a3bca1ad-b751/ it was raised that the colours of the Jakarta EE 10 Web Profile and Platform boxes were the same as "updated" and "New" color codes which made it a bit confusing for the users. Hence, @meKokabi has updated the colours. Can you please create the table instead of copy and pasting the image to enhance the quality of the image. it will also make the future edits easier.

@shabnammayel I can create an HTML table yes but its not going to look like the image provided by Mehrnaz. If you would like the image stay the same, I would suggest trying to create an .svg file out of the design and see how it goes. SVG files will retain quality when resizing the page.

ericpoirier commented 2 years ago

@shabnammayel @cesarhernandezgt I updated the staging page:

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

In this version, I updated the stats, the mid section background image and the stats weren't aligning properly on smaller screen so I fixed that as well. I also updated the text in the header and in the Modernized section.

Let me know if there's anything else.

Thanks.

shabnammayel commented 2 years ago

Looks good! @ericpoirier we should change the title on the white paper section to: New Cloud Native Java eBook

shabnammayel commented 2 years ago

@ericpoirier can you please use:https://xd.adobe.com/view/e2028f66-ab4d-4e08-82b0-bc91a3bca1ad-b751/ and update the image's colours for now? @meKokabi will recreate the image as a .svg file later and we can update it even after the release date if we don't have it before then.

ericpoirier commented 2 years ago

@shabnammayel I updated the image and the white paper title.

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

Let me know if there's anything else.

Thanks.

shabnammayel commented 2 years ago

Thanks @ericpoirier the eBook button still links to the WhitePapaper. it should link to https://outreach.jakartaee.org/open-source-cloud-native-java-ebook?hs_preview=vUXuuJeF-64105276785

ericpoirier commented 2 years ago

Thanks @ericpoirier the eBook button still links to the WhitePapaper. it should link to https://outreach.jakartaee.org/open-source-cloud-native-java-ebook?hs_preview=vUXuuJeF-64105276785

Hi @shabnammayel, I updated the link of the download button.

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

Let me know if there's anything else.

Thanks.

shabnammayel commented 2 years ago

Looks good @ericpoirier! thanks

We will share the link to the videos once ready. Probably by the end of May or early June.

Dexmaster commented 2 years ago

I have two questions about bottom image, shouldn't there be Jakarta logo on the left behind action icon as in 9.1 release? and shouldn't the picture be centered and not stretched (check how it looks zoomed out or just on 4k screens)

ericpoirier commented 2 years ago

I have two questions about bottom image, shouldn't there be Jakarta logo on the left behind action icon as in 9.1 release? and shouldn't the picture be centered and not stretched (check how it looks zoomed out or just on 4k screens)

@shabnammayel if we want to add the logo to the background image, we will need to ask @meKokabi to provide that to us since for the 9.1 page, the logo is part of the background image which I cannot reuse.

@Dexmaster the image is stretching because it is meant to occupy 100% of the width of your screen.

Dexmaster commented 2 years ago

@ericpoirier I understand but by doing that here how it looks on 4k screen in full width image

ericpoirier commented 2 years ago

@ericpoirier I understand but by doing that here how it looks on 4k screen in full width image

Can you let me know which browser you are using? On my end, I'm using Chrome and the background image is not being displayed this way.

Dexmaster commented 2 years ago

Here same thing in Chrome with a 4k Desktop resolution device preview. image Same thing on the latest versions of FF and Chrome. Here's how 9.1 looks in comparison: image

P.S. You can view it if you toggle the Device toolbar in Chrome and add it to the list with these params: image

ericpoirier commented 2 years ago

@Dexmaster I updated the styles for the footer section so that it looks like the 9.1 release.

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

Let me know if there's anything else.

Dexmaster commented 2 years ago

@ericpoirier Size looks good now, don't know what's decision about Jakarta logo, that's only issue I see now.

ericpoirier commented 2 years ago

@ericpoirier Size looks good now, don't know what's decision about Jakarta logo, that's only issue I see now.

@shabnammayel should we add the Jakarta EE logo over the background just like we did for the 9.1 release?

NottyCode commented 2 years ago

I think the Jakarta EE 10 Specifications diagram needs some work. The gradient and colour choices seem off to me. I have a degree of colour perception issues so it is possible that the issue is related to that, but if so it suggests there is an accessibility issue. My comments are:

  1. The gradient colours on the profile images should be removed. I think flat colours is a more modern design choice, but the gradient to white makes it harder to read the white characters.
  2. The background has a very slight colour gradient, I didn't realize it at the start, but it goes the opposite way from the title gradients and I find it distracting. I would remove this gradient.
  3. There is a dotted white line between the first two columns of the specifications and due to the background colour it is invisible at the top and only really becomes noticeable to me at the bottom. If it is kept the contrast between the dotted line and the background needs to be clear from top to bottom
  4. The dotted white line doesn't appear between the core profile and web profile boxes and I think it should unless we drop the dotted line I mentioned in #3.
  5. Messaging 3.1 has grey text rather than white used everywhere else
  6. The orange/blue gradient box for CDI lite isn't clear what it communicates. CDI Lite is brand new. CDI 4.0 is not, I suspect this one box is being used for both CDI lite 4 (new) and CDI 4 (updated), but CDI 4 isn't part of core profile so this just leads to confusion. I think CDI Lite should be shown as new in the Core Profile column, and CDI 4 should be a separate box in the updated colour in the Web Profile area.
  7. I would remove the weird shadow for the boxes. It might look better if the background wasn't gradient, but I don't find the contrast for the background consistent so it makes it look like some have a slight shadow and others have none.
shabnammayel commented 2 years ago

@ericpoirier Size looks good now, don't know what's decision about Jakarta logo, that's only issue I see now.

@shabnammayel should we add the Jakarta EE logo over the background just like we did for the 9.1 release?

I think it looks good as it is. We want to the give the Jakarta EE 10 release page a new and different touch

shabnammayel commented 2 years ago

I think the Jakarta EE 10 Specifications diagram needs some work. The gradient and colour choices seem off to me. I have a degree of colour perception issues so it is possible that the issue is related to that, but if so it suggests there is an accessibility issue. My comments are:

  1. The gradient colours on the profile images should be removed. I think flat colours is a more modern design choice, but the gradient to white makes it harder to read the white characters.
  2. The background has a very slight colour gradient, I didn't realize it at the start, but it goes the opposite way from the title gradients and I find it distracting. I would remove this gradient.
  3. There is a dotted white line between the first two columns of the specifications and due to the background colour it is invisible at the top and only really becomes noticeable to me at the bottom. If it is kept the contrast between the dotted line and the background needs to be clear from top to bottom
  4. The dotted white line doesn't appear between the core profile and web profile boxes and I think it should unless we drop the dotted line I mentioned in Update README.md #3.
  5. Messaging 3.1 has grey text rather than white used everywhere else
  6. The orange/blue gradient box for CDI lite isn't clear what it communicates. CDI Lite is brand new. CDI 4.0 is not, I suspect this one box is being used for both CDI lite 4 (new) and CDI 4 (updated), but CDI 4 isn't part of core profile so this just leads to confusion. I think CDI Lite should be shown as new in the Core Profile column, and CDI 4 should be a separate box in the updated colour in the Web Profile area.
  7. I would remove the weird shadow for the boxes. It might look better if the background wasn't gradient, but I don't find the contrast for the background consistent so it makes it look like some have a slight shadow and others have none.

Thanks @NottyCode for all the great suggestions. As the quality of the image is not very good, we have decided to recreate the image in svg format or bootstrap table. so this is just a placeholder for now. We will review and surely consider you input when updating the image. thanks

cesarhernandezgt commented 2 years ago

I think the Jakarta EE 10 Specifications diagram needs some work. The gradient and colour choices seem off to me. I have a degree of colour perception issues so it is possible that the issue is related to that, but if so it suggests there is an accessibility issue. My comments are:

  1. The gradient colours on the profile images should be removed. I think flat colours is a more modern design choice, but the gradient to white makes it harder to read the white characters.
  2. The background has a very slight colour gradient, I didn't realize it at the start, but it goes the opposite way from the title gradients and I find it distracting. I would remove this gradient.
  3. There is a dotted white line between the first two columns of the specifications and due to the background colour it is invisible at the top and only really becomes noticeable to me at the bottom. If it is kept the contrast between the dotted line and the background needs to be clear from top to bottom
  4. The dotted white line doesn't appear between the core profile and web profile boxes and I think it should unless we drop the dotted line I mentioned in Update README.md #3.
  5. Messaging 3.1 has grey text rather than white used everywhere else
  6. The orange/blue gradient box for CDI lite isn't clear what it communicates. CDI Lite is brand new. CDI 4.0 is not, I suspect this one box is being used for both CDI lite 4 (new) and CDI 4 (updated), but CDI 4 isn't part of core profile so this just leads to confusion. I think CDI Lite should be shown as new in the Core Profile column, and CDI 4 should be a separate box in the updated colour in the Web Profile area.
  7. I would remove the weird shadow for the boxes. It might look better if the background wasn't gradient, but I don't find the contrast for the background consistent so it makes it look like some have a slight shadow and others have none.

+1,

I don't have the skills to share a proposal, but I can share a couple of references in terms of coloring, borders, background and overall layout:

ericpoirier commented 2 years ago

@shabnammayel is the deadline for this project still May 31 2022?

shabnammayel commented 2 years ago

No @ericpoirier the timeline is updated here https://docs.google.com/spreadsheets/d/1Sx-KRJjS4tX-5Sz3kKnRUjrI5pdi0WcAsZeVb2Xx8vY/edit#gid=138610214 Jakarta EE 10 release date is changed to 28 June

ericpoirier commented 2 years ago

@meKokabi @shabnammayel I updated the table on the staging page.

https://deploy-preview-1465--jakartaee.netlify.app/release/10/

Please review and let me know if you'd like me to change anything else before release day.

Thanks.