# data[].attributes.headline
 Demystifying the Mechanics of Website Functionality ( Group 10) EXAMPLE

# data[].attributes.subject
 Demystifying the Mechanics of Website Functionality ( Group 10) EXAMPLE

# data[].attributes.body
Group 10 Members:

- Anting

- Aqilah

- Soraya

Paragraph 1 (General Statement) Websites have become integral components of our digital landscape, serving as gateways to information, services, and interactive experiences. Understanding how a website works involves unraveling the intricate processes that enable seamless navigation and interaction. (by Anting)

Paragraph 2 (Explanation about Web Hosting )

At the core of website functionality lies web hosting. Websites are stored on servers and powerful computers that host and deliver the content to users. When a user enters a website's domain, the browser sends a request to the hosting server, initiating the connection. (by Soraya)

2. Paragraph 3 (Explanation about DNS) Every website has a unique address known as a domain name (e.g., www.example.com). The Domain Name System translates this user-friendly domain into an IP address, a numerical identifier used by servers to locate and deliver the requested content. (by Aqilah)

Paragraph 4 (Explanation of Front-End Development)

The visual and interactive elements users experience are crafted through front-end development. HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), and JavaScript are the building blocks that structure, style, and add interactivity to the website, respectively.

Paragraph 5 (Explanation of Back-End Development)

Behind the scenes, back-end development ensures the functionality of the website. Server-side scripting languages like PHP, Python, or Ruby handle data processing, user authentication, and other dynamic aspects, communicating with the server to provide personalized content.

Paragraph 6 (Conclusion)

In summary, the functionality of a website is a collaborative orchestration of web hosting, domain resolution, front-end and back-end development, databases, content delivery networks, security measures, and considerations for user experience. A harmonious integration of these elements contributes to the dynamic and interactive nature of the websites we navigate daily.

# data[].attributes.body
Paragraph 1: General Statement (Wahyulia/34)

With the E-Library, users can access collections of books, journals and other reference materials easily, at any time and from anywhere.

This matter not only improves information accessibility, but also allows users to search and explore resources more effectively.

With technology continuing to develop, an online library website can be an effective means of supporting learning.

Paragraph 2: Explanation (wahyu Warsito/33)

The e-library contains lots of books to read and can also be borrowed. To read, readers can go online directly from the website. If you borrow, you can go through the website too and you will be given a day and date for collection and a deadline for collection.

Paragraph 3: Conclusion (Febbi/17)

With the development of the E-library website, access to information can be expanded globally. This website provides flexibility in searching, and allows users to learn and access knowledge from anywhere.

To create an attractive appearance or design, pay attention to adequate layout, color and typography.

# data[].attributes.headline
ONLINE LEARNING WEBSITE TEMPLATE (GROUP 5) 

# data[].attributes.subject
ONLINE LEARNING WEBSITE TEMPLATE (GROUP 5) 

# data[].attributes.body
Group 5 Members:

• Almira Syafa Az Zahra (3)

• Duwi Oktavia Putri (11)

• Moch. Jihad Hardiansyah (20)

Paragraph 1 (General Statement) Web technology in this era continues to develop and helps us in building website-based E-Learning applications. E-Learning applications can search for practice questions and materials, so students can easily receive or search for knowledge online. By creating an E-Learning application, it is hoped that it can help pupils or students in seeking knowledge or honing skills online. (by Duwi Oktavia Putri/11)

Paragraph 2 (Explanation) How the website works Our e-Learning starts from creating a website design using Figma on the website and application. The design is adjusted according to the agreement from the group discussion. We also use vscode for the website framework and website styling. At vscode we use coding with HTML5 and CSS3 machine language to add content to the website so that it is attractive and can be accessed more easily. Don't forget that we also carry out testing and integration via CI/CD and Black Box so that our website doesn't have error problems. After that, we check our website again via Google or other search applications or websites. (by Moch. Jihad Hardiansyah/20)

Paragraph 3 (Conclusion) The conclusion of this project is to provide or offer services in the form of online learning website templates that can be used according to user needs.(by Almira Syafa Az Zahra/03)

# data[].attributes.headline
Design & Build Pharmacy Website Apotek Templates 

# data[].attributes.subject
Design & Build Pharmacy Website Apotek Templates 

# data[].attributes.body
Group 4 Members:

•Aditya.

•Axel.

•Shelda.

Paragraph 1 (General Statement)

The pharmacy website template is designed to provide a user-friendly and informative online platform for pharmacies. It offers essential features such as easy navigation, medication information, online prescription requests, and health resources, ensuring a seamless experience for both customers and healthcare professionals. (by Shelda)

Paragraph 2 (Explanation about Development Web Process).

In the web development process, the initial steps involve creating the HTML structure, styling with CSS, and linking the CSS to the HTML. Subsequently, testing and debugging are essential to ensure cross-browser compatibility and fix any issues. Once these technical aspects are in place, content can be added, and additional pages may be created to enhance the website's functionality. The final step includes hosting the website and making it accessible online through a web hosting provider. (by Aditya)

Paragraph 3 (Conclusion)

The conclusion of the pharmacy website template is user-friendly layout, ease of maintenance, availability of product and health information and effective search features (by Axel)

# data[].attributes.body
Group 8 members

Raditya (26)

Anandya (4)

Cinta (12)

Paragraph 1 ( General statement )

School website is a website managed by a school or certain institution. School websites usually aim to provide information related to school activities, educational services and public services. Today's web is also increasingly sophisticated and varied. Because today's web technology is increasingly advanced, today's web is also increasingly advanced, varied and responsive. (By Anandya)

Paragrahp 2 ( Explanation )

The reason we created this website, apart from making a profit from selling website templates, is to help school staff who are still lacking in the appearance of their official website. There is a lot of information that should be disseminated to student guardians or the general public, whether it is related to school development or students who are educated there. institution or school, so we created a website to make it easier for clients. We will create a website using CSS & HTML programming languages. ( by Cinta )

Paragrahp 3 ( Conclusion )

Educational website templates can be utilized by educational institutions to facilitate the easy creation of websites without requiring an extended period of time.

Once a website has been established by the educational institution, it becomes effortless to disseminate information related to the institution. ( by Raditya )

# data[].attributes.headline
Template Website Tour And Travel (Group 10 V2)

# data[].attributes.subject
Template Website Tour And Travel (Group 10 V2)

# data[].attributes.body
Gang Mamber :

1. Fara Fitria <14/>

2. Zeva Muhammad <36/>

3. Rafi Ammar <27/>

Paragraph 1 {General Statement} By Fara

A tour and travel website is a collection of web pages that contain information or content related to tourist destinations as well as provide various services such as travel booking and tour package reservations that can be accessed via the internet. To create an attractive tour and travel website, attention should be paid to its landing page to ensure it functions functionally, responsively, and attractively. This way, the tour and travel website can provide a good user experience.

Paragraph 2 Explanations {Features} By Zeva

The following are the features that we hope can be implemented for making website templates for example:

First, we want to add real-time information about weather conditions and flight schedule changes so that it will be easier for users to get information about the current weather without requiring users to open other websites to get information about weather conditions and flight schedules for destinations.

Secondly, we want to add visual content such as images and videos to showcase the destination and travel experience. This can amaze potential customers and increase their interest and can give potential customers an idea of what the destination is like.

Finally, we want to add informative and educational content about the destination, culture, and travel tips. By adding informative content, it can be a useful source of information for potential customers, they will know about the cultural development of the place, they will know about the history that exists in the destination that is seen, the most important thing is that travelers will know what to avoid such as scams in the destination.

Paragraph 3 Explanations {Objective} By Zeva

The main objectives of our landing page for the tour and travel website are as follows:

1. To streamline the presentation and marketing of services for tour and travel companies, making it easier for them to connect with potential customers through our website.

2. To assist customers in planning and booking their travel journeys seamlessly and efficiently, providing them with a user-friendly platform.

3. To offer informative content that enhances prospective customers' insights into the destinations they intend to visit, helping them make informed travel decisions.

4. To aid travel and tourism companies in establishing an attractive and responsive website, ensuring a captivating online presence.

In essence, the primary goal of this template is to simplify the creation of websites for tour and travel companies, facilitate travel bookings, and offer educational content.

Paragraph 4 Explanations {Benefits} By Zeva

The benefits of creating a landing page template for a tour and travel website are:

1. Performance Monitoring

By using our website landing page template, tour and travel companies can easily track and analyze the level of customer interest in a tourist destination. Tour and travel companies can monitor how many visitors come, how many take booking actions, and can identify areas that need to be improved, for example, destinations that are not very popular can be replaced with more popular ones.

2. Professional Appearance

Our well-designed tour and travel landing page template gives a professional appearance to website visitors. This creates a positive first impression which is important in the world of tourism, where appearance and initial impressions are very important.

3. Time and Cost Savings

Creating a tour and travel landing page template can save time and money compared to creating a custom web page from scratch. Tour and travel companies can use existing templates or adapt existing templates to the needs of tour and travel companies.

Paragraph 5 {Conclusion} By Rafi

In summary, the designed landing page template for the tour and travel company serves as a comprehensive tool, catering to various needs. By offering marketing assistance, trip planning support, and detailed destination information, the template enhances the overall customer experience. The integration of weather updates, flight schedules, visual content, and educational resources further enriches the user journey.

# data[].attributes.body
PARAGRAPH 1(GENERAL STATEMENT)

Responsive web design is now the key to culinary business success. Adaptation to mobile devices is considered important.Focus on user experience and adaptation to mobile devices is important. Website development must be simple, informative and easy to use.

Restaurants need responsive websites to increase visibility and competitiveness. Innovation strategies, attention to brand image, and experiential marketing are essential in the competitive culinary industry. (By Bintang Bagus K/09)

# data[].attributes.body
*General Statement* (Alia Nadiatu Zahra / 2)

Wedding is an important and memorable moment in a person's life. Especially for wedding invitations, this website helps couples create invitations with an attractive and memorable Chinese theme. Apart from the bride and groom, this website also helps invited guests to find the right and detailed wedding location

*Explanation* (Farel Maulana Firdaus / 16)

The process of create a wedding invitation website involves several important steps and the tools such as laptops, VSCode, and Figma. Create a wedding invitation website involves design the layout in Figma, code it with HTML and CSS used a code editor like VSCode, and then connect to web hosting. Once hosted, the website is launched to attract clients, offered a unique design and clear information to make a positive impression on guests and potential clients.

This wedding invitation website has several benefits. First, this website will provide easy access to important information about the wedding, such as location, date, and schedule of events, so that guests do not need to ask or look for additional information. In addition, this website also helps in managed the schedule, so that the invited guests will not miss important moments in the wedding event. Last but not least, an attractive design with Chinese vibes will give an unforgettable impression, it is make the wedding feel special.

*Conclusion* (Muhammad Aziz Putra Pratama / 22)

So the conclusion off our project is to help bridal couples create attractive invitations with a Chinese feel help invited guests find detailed information about the wedding.

# data[].attributes.body
Group 2 members :

1. Asa Salwa

2. Nusapati Abiyu

3. Rassya Adelia

Paragraph 1 (General Statement)

Website is a digital platform that consists of various website pages that can be accessed via the internet. It is an important part of the internet infrastructure and is used for a variety of purposes, including information, communications, entertainment, business, education, and more. Seeing the importance of having a website in today's business, we want to develop, sell and market websites that suit customer needs. (By Xena cantik)

Paragraph 2 (Explaination About Website)

(By Nusa cina)

Websites are marketing that is strong enough to rely on. Promotion can also be through other media such as content, online advertising, social media, and via email.

We got several sources that became inspiration for creating an online shop themed mega project. As time goes by many people prefer to shop online, so we take advantage.

Benefit

Based on the benefits above, we have several benefits from our Mega Project as follows:

a. Make it easier for customers to search for product and service information online before making a purchase.

b. Makes it easy to monitor the latest trends.

c. Make business operations easier.

d. Facilitate customer communication.

e. Good customer service

Objective

We have several goals for our Mega Project as follows: a. Increase product sales.

b. Reach more customers.

c. Facilitate product promotion through the website.

d. Reduce operational costs and provide self-service to customers.

e. Optimize customer experience.

Paragraph 3 (Conclusion)

The website will be create will function to sell online shop website products, We use HTML and CSS programming languages in creating websites. Our target audience is adults who are starting a business, Our target market is not only local people, but also foreign nationals (WNA) because we provide 3 languages on our website (Indonesian, English and Mandarin). (By Adelia tiktok)

# data[].attributes.body
Group 9 Members:

1. Reza Dhiandra I/29

2. Fara Kartika Dewi/15

3. Nabilla Syafa Aulia/23

Paragraf 1 (General Statement)

Paragraf 2 (Explanation) By Reza Dhiandra:

The creation of this web involves several stages, including the initial design being made in Figma, and the agreed-upon design from Figma will be entered into VScode so that it can be realized through coding. VScode offers many programming languages, but in web development, only HTML (Hypertext Markup Language) and CSS (Cascading Style Sheet) will be used. With HTML and CSS, a design that is intuitive and attractive to look at will be created.

In the web that is being developed, several main features are included that will make it easier for readers to use the news website. Firstly, the navigation system is utilized, making it easier for readers to find content on the web. Additionally, popular news tags are used to provide quick access to trending topics. Furthermore, categories are incorporated to assist in the organization of news by topic or area of interest, thereby enhancing the user experience.

Paragraf 3 (Conclusion) By Nabilla Syafa:

So the conclusion of the news website that we created has several features to make it easier for users to find current news information such as navigation bars, popular news tags, categories

# data[].attributes.body
1. Paragraf 1 (general statement) By: Tiara Kumala Sari
A  dealer website is a digital platform designed to provide users with easy and convenient access to various information about the cars available for sale by the dealer. This website serves as an information hub that offers a comprehensive list of vehicles, both new and used, from various brands, models, and specifications. Users can quickly search and compare various car options, giving them the ability to make informed decisions before purchasing. Detailed information about each car, including images, descriptions, prices, and technical specifications, is often provided on individual pages for each vehicle.

2. Paragraf 2 (Explanation) By: Ariel Ferianto
Car dealer websites generally use sophisticated and integrated systems to manage various aspects of their operations. The system includes a comprehensive database that stores information about available cars, including details such as make, model, year, price and specifications. The system also has a search and filtering feature that allows users to quickly find specific cars based on their preferences.

3. Paragraf 3 (Conlusion) By: Vania Leilani Putri
Our car dealer website is designed to meet customer needs, such as finding a car that fits their budget and preferences, as well as providing clear information about the cars for sale and those they want to buy.

# data[].attributes.body
GENERAL INFORMATION (Arif Fajar)

paragraf 1

Admission of New Students (PPDB) is one agenda

year of accepting new students at each school level for

continue to a higher level. PPDB uses a special system with a single source plan or

information center as server or manager of admission selection

New students who use the offline or dare system, depending on the capabilities of each school or region. One source

the information most frequently used by schools in general is

by distributing brochures, both offline and online. As is

distributing brochures, the public will understand more about the process and

PPDB requirements take place.

EXSPLANATION (Fajar Abdina)

paragraf 2

Utilising technology for PPDB (Admission of New Students) can make it easier for the public to get information related to PPDB (Admission of New Students). Technology in web creation is very accessible for anyone, both people living in developed countries, and third countries, as long as that person has a device that can be used such as a Laptop, or PC.

Concept and web design certainly need a qualified software and hardware such as VSCode and Figma for the software and laptop as hardware. In our products there is also a QR Code that makes it easier for users to enter the website, but there are also disadvantages, namely colour limitations so that they are limited to fulfil what users want.

CONCLUSION. (Zatasha Desta)

paragraf 3

In creating the website, we concluded that this website would have a feature that would help users, namely QR Code. With a QR Code, users will immediately enter the school website provided by the school institution. The web that we develop will be based on the HTML and CSS programming languages, and the procedures we use via Figma and VSCode.