And supply chain management scm software
Submission date: 23:59 Friday 21/10/2022 (Week 12)
Type: Individual assignment
Tasks: Design and implement a responsive website for AI using the following:
ASP.NET Core Web App (Model-View-Controller) template in Visual Studio 2022 (Community, Mac or Code). Language: C#.
Full-width layout web site: the full-width layout takes up the entire space on the web page. No blank spaces on all sides and between HTML elements are seen. The layout is designed in _Layout.cshtml in ASP.NET Core Web App (Model-View-Controller) template. This layout provides HTML source of a web page, and common elements which are head, menu (navigation) and footer of this web site.
Four web pages (Home, Jobs, Companies and Contact): HTML elements viewed on web browsers of these web pages are designed in their own .cshtml file. These HTML elements will be added to the body part of the HTML document in _Layout.cshtml to form the web pages. HTML elements for the Home page are designed in Index.cshtml.
Handle all exceptions that may occur at runtime (– 1 mark for each exception found). Make sure your web site provides the same display on the following web browsers: Google Chrome and MS Edge (– 2 marks if not the same).
Details
Example of non-responsive website (not used for this assignment): https://dequeuniversity.com/library/responsive/1-non-responsive
Home page
JavaScript or jQuery to produce HTML5 for the top 6 AI technologies and top 12 companies, and
HTML5 anchor hyperlinks to create bookmarks to jump to specific companies of the Companies page for the top 12 companies.
The links to this home page on the menu are AI and Home.
The filename for this home page is Index.cshtml.
Use this text content: Artificial Intelligence (AI) is intelligence demonstrated by machines, as opposed to the natural intelligence displayed by animals including humans. AI research has been defined as the field of study of intelligent agents, which refers to any system that perceives its environment and takes actions that maximize its chance of achieving its goals. Wikipedia
Scroll down and you see the following
The above 6 blocks are for 6 technologies in the following order: Machine learning, Deep learning, Natural language processing (NLP), Cognitive computing, and Computer vision. Images are downloadable from Canvas.
Content for the 6 blocks:
Machine learning (ML) is a field of inquiry devoted to understanding and building methods that 'learn', that is, methods that leverage data to improve performance on some set of tasks. It is seen as a part of artificial intelligence (Wikipedia).
Computer vision is an interdisciplinary scientific field that deals with how computers can gain high-level understanding from digital images or videos. From the perspective of engineering, it seeks to understand and automate tasks that the human visual system can do (Wikipedia).
The Read more button in each block redirects the user to the external page Wikipedia when the user clicks it. Use the following links for the 6 buttons:
https://en.wikipedia.org/wiki/Cognitive_computing
https://en.wikipedia.org/wiki/Computer_vision
If the user moves the mouse over the space between the 6 blocks and the subheading, the pie chart image will appear slowly in 2 seconds.
The pie chart on this Home page is an image, download this image file from Canvas.
Extra mark is given if you use JavaScript or jQuery to generate HTML elements for these blocks.
The recommended HTML element for these 12 blocks is figure with img and figcaption in it. However, you can use your preferred HTML elements here.
Other screenshots for this Home page displayed on small desktop/laptop, tablet and mobile phone are listed below.
Laptop and desktop with medium screen size (md = medium, 768px < md < 992px)
Use inspect in Google Chrome web browser to set the screen size for testing responsive design
Below are the layouts required for this page on different devices.
The link to this page on the menu and footer is Jobs.
The left and right margins of these table and charts are 40px for xxl, xl, lg and md, 30px for sm and 20px for xs.
The CSV file salaries.csv for data is downloadable from Canvas or here https://insights.ai-jobs.net.
Companies page
Page for top 12 AI companies: to introduce the top 12 AI companies using HTML5, CSS3, Bootstrap, JavaScript and jQuery.
The heading and subheadings have the same CSS properties as those on the Jobs page.
The background image and parallax scrolling are the same as those on the Jobs page.
CSS properties for the linear gradient background colours: either background: linear-gradient(to bottom, #ff9933, #ffe6cc, white, white); or background: linear-gradient(to bottom, #3333ff, #ccccff, white, white);
The content for 12 companies:
You might not consider online document signing as the next hub for AI-fueled innovation, but DOCU is making advancements. By providing companies with machine learning tools, DOCU make finding clauses in contracts and signing documents easier and faster. Contract AI can also help businesses understand the legal requirements of documents, locate potential issues that could arise from signing and then help organize contracts with a click of a button. DOCU is down about 56% this year through July 8, but analysts expect double-digit revenue growth in fiscal 2023 and fiscal 2024. (https://money.usnews.com/investing/stock-market-news/slideshows/artificial-intelligence-stocks-the-10-best-ai-companies?slide=14)
One of the longest-running computing companies, IBM has been at the forefront of data storage and computing technologies for decades. The company’s hallmark AI technology, Watson, aimed to revolutionize how businesses use AI as part of everyday operations. Seventy percent of global banking institutions use the software to streamline their services and provide secure financial transactions. The software can even work in tandem with Azure and AWS, meaning that businesses can use Watson without fully transitioning the framework of their operations. The company saw 8% revenue growth last quarter, with gains led by software and consulting services, which had increases of 12% and 13%, respectively. The company anticipates revenue to continue increasing at a similar pace for the rest of its fiscal year, at the high end of the mid-single digits. (https://money.usnews.com/investing/stock-market-news/slideshows/artificial-intelligence-stocks-the-10-best-ai-companies?slide=13)
Oracle Corporation is an American multinational computer technology corporation headquartered in Austin, Texas. In 2020, Oracle was the third-largest software company in the world by revenue and market capitalization.[6] The company sells database software and technology (particularly its own brands), cloud engineered systems, and enterprise software products, such as enterprise resource planning (ERP) software, human capital management (HCM) software, customer relationship management (CRM) software (also known as customer experience), enterprise performance management (EPM) software, and supply chain management (SCM) software. <br /> Larry Ellison co-founded Oracle Corporation in 1977 with Bob Miner and Ed Oates under the name Software Development Laboratories (SDL).[2] Ellison took inspiration[8] from the 1970 paper written by Edgar F. Codd on relational database management systems (RDBMS) named 'A Relational Model of Data for Large Shared Data Banks.' He heard about the IBM System R database from an article in the IBM Research Journal provided by Oates. Ellison wanted to make Oracle's product compatible with System R, but failed to do so as IBM kept the error codes for their DBMS a secret.
Siemens AG (German pronunciation: [ˈziːməns] (listen) or [-mɛns]) is a German multinational conglomerate corporation and the largest industrial manufacturing company in Europe headquartered in Munich with branch offices abroad.<br />The principal divisions of the corporation are Industry, Energy, Healthcare (Siemens Healthineers), and Infrastructure & Cities, which represent the main activities of the corporation. The corporation is a prominent maker of medical diagnostics equipment and its medical health-care division, which generates about 12 percent of the corporation's total sales, is its second-most profitable unit, after the industrial automation division. The corporation is a component of the Euro Stoxx 50 stock market index.[10] Siemens and its subsidiaries employ approximately 303,000 people worldwide and reported global revenue of around €62 billion in 2021 according to its earnings release. (Wikipedia)
No blank space around the menu and the web page.
The heading Contact & About has the same CSS properties as those on the Home page except the following CSS properties for stroke (text border) are not used: -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: brown;.
This website was written by [your name]
To get in contact please email [link to your email address]
All images used in this website were downloaded from Unsplash
The icons for the footer from fontawesome.
Hyperlinks in the Copyright column for
Unsplash: https://fontawesome.com/
Real Python: https://realpython.com/pyscript-python-in-browser/
Laptop and desktop (same design for medium, large and very large, md > 768px, lg ≥ 992px, xl ≥ 1200px, and xxl ≥ 1400px)
Tablet (sm = small, 576px < sm < 768px)
CSS properties are similar to those for Laptop and desktop except the box shadow is not used.
Menu (Navigation) and Footer
Menu and Footer: to provide hyperlinks to the 4 web pages and 5 social media links.
Some (not all) CSS properties for the menu and footer: color: #e8eaed; background-color: #222222;
Laptop and desktop (same design for medium, large and very large, md > 768px, lg ≥ 992px, xl ≥ 1200px, and xxl ≥ 1400px)
Mobile Phone (xs = extra small, xs < 576px)
Lectures and Tutorials/Labs from Week 2 to Week 7 will help you design and implement this website.
If you have a coding issue that is unsolved after half an hour, please upload your project to my OneDrive shared folder using this link WDP2022 and send me an email to let me know.