Researching Process
Meeting with Librarians, Instructors, and Experts
Meeting with Librarians
Title: Meeting Report-Librarian
Date: April 26, 2024
Attendees: Je Salvador
Summary:
In the meeting with Je Salvador, I provided a brief description and topic about the app that I developing as well as questions and notes that I prepared for this meeting. The main question that we most discussed and the resources are during the design process in my application, users are allowed to specify details about the clothing piece, like the materials. Hence, what are the lists of most popular materials, with purpose descriptions, for each clothing category? (Clothing categories: hoodie, sweater, t-shirt, baseball hat, shorts, and sweatpants). Salvador provided insight into a search tool that I could use during my research, including the format for researching in Google and the effective way to research the UW online library. Salvador also provided keywords that I could use in my research, upon the research Salvador also pointed out the most relevant result books and sources in the search. all of the discussion and information exchanges is being documented in the Research & Consultation document
Click the button below to access more details.
Title: Research & Consultation - Librarian
Date: April 26, 2024
Attendees: Je Salvador
Summary:
Research guides & recommended databases:
-
Use the CSS 496 class research guide (https://guides.lib.uw.edu/bothell/css/496) to get to the O’Reilly platform
-
fashion/textile/design-related databases:
-
Gale OneFile: Fine Arts: Scholarly and non-scholarly articles covering research in fine arts and music
-
Artstor: Search over one million digital images in the fields of the arts, architecture, humanities, and sciences.
-
JSTOR: Scholarly journals and books in all disciplines.
-
-
Resources from other libraries that you could check out for inspiration (although you may not be able to check out the books if UW Libraries doesn’t have them)
-
Fashion Institute of Technology Library (guide to textiles): https://fitnyc.libguides.com/TextilesGuides
-
library guide from Kent: https://libguides.library.kent.edu/fabrics
-
resources page from Michigan State University libraries: https://libguides.lib.msu.edu/c.php?g=96129&p=625785
-
Europeana Fashion: A growing resource that will focus on materials ranging from historical dresses to accessories, photographs, posters, drawings, sketches, videos, and fashion catalogues. Europeana Fashion is a best practice network of 22 partners, representing the leading public and private museums, archives and collections from 12 European countries. Europeana Fashion will bring together their impressive and unique collections through Europeana (www.europeana.eu) and also through a dedicated multi-lingual fashion portal.
-
Fabriclink: Educational web resource for fabric and apparel information and care.
-
Fashion-Era: Contains over 675 illustrated pages of Fashion History, Costume History, Clothing, Fashions and Social History.
-
Fashion Plate Collection: Over 400 digital images from leading French, British, and American fashion journals of the 19th and early 20th century.
-
FiberSource: Resource for information on fibers of man-made synthetic and cellulosic polymers. Extensive links to industrial, organizational, governmental, and educational sites.
-
Internet Centre for Canadian Fashion and Design: Fashion and design links, a fashion glossary and a textile dictionary giving information on fabrics, including fiber content, weave, characteristics and uses.
-
London College of Fashion Paper Patterns: Collection of home dressmaking patterns showing the changing fashions of the past century, from the 1920s to the present day. It includes designs by leading designers such as Laroche, Givenchy, and Christian Dior, and about 800 patterns published by Vogue, Butterick, Woman’s Weekly, and others.
-
Textile Institute: Includes links to general textile information sources.
-
Click the button below to access more details.
Meeting with Instructors
Title: Meeting Report-Instructor 1
Date: April 3, 2024
Attendees: Wanda Gregory
Summary:
Before the meeting, I already created the first version of the contract as well as the project’s requirements and specifications. The meeting is essentially discussing and assuring that I and my instructor are on the same path. Ms. Gregory suggested that I should have a backup project if things do not work out, so I did plan to compile the backup project and decide when to pivot the project. Then, Ms. Gregory explained what kind of resource I was more likely to seek throughout the process, and also who to reach out to.
Click the button below to access more details.
Title: Meeting Report-Instructor 2
Date: April 7, 2024
Attendees: Wanda Gregory
Summary:
In the meeting with Dr. Gregory, I provided my progress as well as the assignments that I have missed, such as the librarian meet-up report and the weekly report for week 3. I showed Dr. Gregory my final visualization (FIGMA version) with all pages, icons, and buttons visible. Then, I showed Dr. Gregory my implementation process, where I showed her my editing page demo. Furthermore, I explained my next schedule as well as the current concern that I have, such that most feedback from experts and instructors has changed some of my base requirements and specifications in the project, hence, the next focus would be revising such important documents in the project like requirements & specification and capstone contract plan. Overall, much progress has been shown and described in the meeting since the last time I met Dr. Gregory
Click the button below to access more details.
Title: Meeting Report-Instructor 3
Date: May 14, 2024
Attendees: Jeffery Kim
Summary:
In the meeting with Dr. Kim, I made a discussion prompt specifically for this meeting that
discusses three matters: Progress, Questions & Concerns, and Future Matters (Education
and Career). I have shown the progress that I have made, including the visualization,
documentation, report, and implementation. Dr. Kim liked the explanation that had been
prepared. Dr. Kim then asked me about what’s the true purpose and the outcomes of the
project, so I explained briefly the background of the project, where the idea came from, and the
impact of the outcome that I could have on myself and the targeted users. Overall, Dr. Kim
answered all of my questions and concerns as well as provided suggestions to improve my
progress and finish the project correctly and on time.
Click the button below to access more details.
Meeting with Experts
Title: Meeting Report-Expert 1
Date: April 7, 2024
Attendees: Jeffri Ardian
Summary:
In the meeting with my experts, I gained much feedback came from my experts, as we had a meeting at the Met on April 7, 2024, from 4 PM- 6 PM, through video call (Google Meet). we discussed the requirements, specifications, and software tools that I would use for this project. As I expected, there are things are need to be changed after the meeting, such as the features, goals, and the software tools. My expert recommends changing my main language for this project to Javascript and using the mainly REACT JS framework complemented by Fabric.JS, which is a Javascript HTML5 canvas library and is a fully open-source project with many contributions over the years.
Click the button below to access more details.
Title: Meeting Report-Expert 2
Date: May 20, 2024
Attendees: Jeffri Ardian
Summary:
In the meeting with my expert, Jeffri Ardrian, that took place on May 20, we thoroughly reviewed the code and UI design, utilizing a checklist approach to track my progress against the established requirements and specifications. During the code review, we concentrated on the four major pages I developed: the homepage, template menu page, editing page, and print page. I presented my progress, including visualizations, documentation, reports, and implementations. My expert carefully examined the implementation and functions, highlighting areas where the organization and time complexity could be optimized. Overall, my expert addressed all my questions and concerns, offering valuable suggestions to enhance my work and ensure the project is completed accurately and on schedule, covering all remaining sections and pages. Even after the code review, I asked Jeffri Ardirian if I could meet him once more during the final week of the quarter to perform the final technical testing. I thanked him for his effort and support, as he played a huge role in this project.
Click the button below to access more details.
Title: Code Review with Expert
Date: May 20, 2024
Attendees: Jeffri Ardian
Summary:
In the meeting with my expert, Jeffri Ardrian, we took our time to review the code or UI Design. The prompt that we use is more like a checklist of what I have progressed and done through my requirements and specifications. But in the code review, we are more leaned and focused on the pages that I have done, in which I have 4 major pages, homepage, template menu page, editing page, and print page. I have shown the progress that I have made, including the visualization, documentation, report, and implementation. My expert reviewed most of the implementation and functions to point out that the organizational and the time complexity of the implementation could be better. Overall, my expert answered all of my questions and concerns as well as provided suggestions to improve my progress and finish the project correctly and on time, This includes all of the sections and pages that I have not finished.
Click the button below to access more details.
Technical Research
Possible Programming Languages
Summary:
You can build a desktop app using many programming languages - commonly used languages like Java, Python, C#, C++, JavaScript, etc. The desktop apps have a GUI (Graphical User Interface) work without an internet connection and are installed locally on your computer, PC, laptop, or a device.
Languages like Java and Python have GUI libraries to build desktop applications. Java has JavaFX and Swing. Python has PyQT, for example.
What are these desktop applications? Some examples in Windows are the clock, the browser, notepad, file browser, calculator, a programming editor / IDE, iTunes, etc. GIMP is an open-source desktop app written in C.
JavaScript in Desktop Applications and Websites
It's currently the only language that runs in a browser. So there are two parts to websites and applications. The front end and back end. The backend is what generates the markup and sends it to the browser, which can be in anything (javascript, java, C#, C, etc).
However, on the front end once an HTML page is loaded and all the interactivity that happens on the page, that is done only using JavaScript. There's Dart on a special version of Chrome, but the only mainstream language is JavaScript.
What is Next.js?
Next.Js can be thought of as an opinionated way to write react by simplifying many best practices that would have taken more effort by plain react (create-react-app).
For example, when it comes to the react app you will have at some point to introduce routing and therefore install react-router. Then wrap the whole component with the router provider to apply routing to the whole app. That if you decided to choose react-router or any other react routing such as react location and didn't spend hours comparing which is better. Next.Js makes it easier for you and takes the decision by coming baked in with a router that is integrated into the framework and ready to use without any additional setup or confusion on which library to choose.
What is React.js?
React.js is an open-source JavaScript library, crafted with precision by Facebook, that aims to simplify the intricate process of building interactive user interfaces. Imagine a user interface built with React as a collection of components, each responsible for outputting a small, reusable piece of HTML code.
What does Vite Electron have to do with Javascript?
Vite JS is majorly used to set up a development environment for various frameworks like React and Vue, and even for a Vanilla JavaScript app with a dev server and hot reloading by following just three commands. Vite is a bridge between Twig/Craft CMS and the next-generation front-end build tool Vite. js.
Clothing and Material Research
Basic Clothing Categories
T-Shirt - A T-shirt is a type of cloth shirt named after the T shape of the body and sleeves. Traditionally, it features short sleeves and a circular neckline, known as a crew neck, with no collar. T-shirts are often composed of elastic, lightweight, and affordable fabrics that are simple to clean.
Hoodie - A hoodie is a sweatshirt with a hood that partially or completely conceals the wearer's head or face. Hoodies with zippers typically have two lower front pockets, one on each side of the zipper, whereas "pullover" hoodies sometimes have a single big muff or pocket in the same position.
Sweater - A sweater (North American English) or pullover, sometimes known as a jersey or jumper, is a garment with long sleeves made of knitted or crocheted material that covers the top half of the body. Sweaters are worn by both adults and children, usually over a shirt, blouse, T-shirt, or other top, but occasionally near the skin. Sweaters were historically made of wool, but now they can be made of cotton, synthetic fibers, or a mix of the two. There are also seasonal sweaters, known as "ugly sweaters" around Christmas.
Shorts - Shorts are a garment worn over the pelvic area, circling the waist and dividing to cover the upper portion of the legs, occasionally extending down to the knees but not covering the whole length of the leg.
Hat - A hat is a head covering that is worn for a variety of reasons, including weather protection, ceremonial purposes such as university graduation, religious reasons, safety, and as a fashion item.
Sweatpants - Sweatpants are a casual type of soft trousers designed for comfort or athletic purposes, but they are now worn in a variety of settings. In the United Kingdom, Ireland, Australia, New Zealand, and South Africa, they're known as tracksuit bottoms or trackies.
Basic Clothing Fabrics
Cotton - Cotton is a soft, fluffy staple fiber that forms a boll, or protective casing, around the seeds of cotton plants from the genus Gossypium in the mallow family Malvaceae. The fiber is nearly pure cellulose, with tiny amounts of waxes, lipids, pectins, and water.
Polyester - Polyester is a generalized term for any fabric or textile which is made using synthetic polymer yarns, or one which is comprised of several different chemicals. Polyester gained popularity 1970’s, advertised as a “miracle fabric” due to its low cost and high durability. Although Polyester is versatile, it is not sustainable and is created from fossil fuels with the main ingredient being ethylene, a derivative of petroleum.
Supima Cotton - Supima is a brand name, trademarked by the Supima Association. Supima requires that its cotton be exclusively grown in the USA. The Supima label is intended to give consumers the confidence that they’re purchasing an authentic and premium quality product. Supima boasts extra-long fibers for maximum softness, increased strength for long-lasting durability, and strict regulations to ensure authenticity.
Corduroy - Corduroy has a distinctive pattern that is made up of twisted fibers that lie in parallel cords, or “wales”. Corduroy first became popular in France in the 1700s, where it was woven from silk and used to make clothing for royal servants. By the late 1800’s Corduroy was woven from cotton and mass-produced throughout Europe, where it gained popularity among the working classes.
Surveying Stakeholders
Title: Meeting Report-Stakeholders 1
Date: April 6, 2024
Attendees: Vito Bonaparte, Dhafin Fatih, Falldiusa Estavan, Michel Nadia, and Aimar Aziz
Summary:
In the Surveys with my stakeholders, I, as the app developer for this project, asked several questions regarding the relevancy and use of the software app. Questions, such as “How often did you design your clothing piece using software?”, “What is one thing that you are struggling with when designing your clothing piece?”, “ Does using designing software make your designing experience easier? If so, why?”, “After knowing OFF-STYLE, do you think the platform is useful? If so, How?”, “Other than using the app for business, what else do you use OFF-STYLE for?”, and “Would you be interested in trying the demo of this app?”. Overall, most of them said it was a very useful, important, great, and cool tool to have for designing and expressing their ideas inside and outside of the fashion industry. Other than interacting with my stakeholders for the use and relevancy analysis of the app, I invited them to try on the demo once the app was ready for further feedback for even further development of the app.
Prompt Document:
Results: