Difference between revisions of "Website project"

From CNM Wiki
Jump to: navigation, search
(Website-core projects)
 
(20 intermediate revisions by the same user not shown)
Line 10: Line 10:
  
 
===Non-textual contents===
 
===Non-textual contents===
: For the purposes of this very wikipage, ''non-textual contents'' refer to the audiovisuals, images, and multimedia that the website end-user shall be able to see or hear. [[#Contractors|Contractors]] shall be hired to development audio-visuals, images, and/or multimedia. To accomplish so, separate projects shall be formalized. The completed audio-visual, image, and multimedia files shall be stored at [[CNM Repo]]. The other website developments do not necessarily depend on general public contents. Until they or their drafts are developed, [[placeholder]]s shall substitute the future content in other developments.
+
: For the purposes of this very wikipage, ''non-textual contents'' refer to the audiovisuals, images, and multimedia that the website end-user shall be able to see or hear. [[#Contractors|Contractors]] shall be hired to development audio-visuals, images, and/or multimedia. To accomplish so, separate projects shall be formalized. The completed audio-visual, image, and multimedia files shall be stored at [[CNM Lab]]. The other website developments do not necessarily depend on general public contents. Until they or their drafts are developed, [[placeholder]]s shall substitute the future content in other developments.
  
 
===Textual contents===
 
===Textual contents===
Line 16: Line 16:
  
 
==Design projects==
 
==Design projects==
 +
 +
===Graphic design===
 +
UI/UX
 +
 +
===Usability design===
 
: For the purposes of this very wikipage, ''design projects'' refer to the ''Projects'' that are undertaken to develop graphical appearance for ''Cyber'' websites. Creation of certain images or audiovisuals that are used in website contents is a part of the [[#Content projects|Content projects]].  
 
: For the purposes of this very wikipage, ''design projects'' refer to the ''Projects'' that are undertaken to develop graphical appearance for ''Cyber'' websites. Creation of certain images or audiovisuals that are used in website contents is a part of the [[#Content projects|Content projects]].  
  
Line 22: Line 27:
 
: At the ''Cyber'', designs are divided in [[graphic design]]s and [[UX design]]s. Graphic designers shall normally be hired to achieve webpage esthetics; UX designers shall work on great [[user experience]] with the page. The work outputs of one designer shall be given to another designer until both agree that the [[webpage section]] they work on is both graphically and [[UX]] acceptable.
 
: At the ''Cyber'', designs are divided in [[graphic design]]s and [[UX design]]s. Graphic designers shall normally be hired to achieve webpage esthetics; UX designers shall work on great [[user experience]] with the page. The work outputs of one designer shall be given to another designer until both agree that the [[webpage section]] they work on is both graphically and [[UX]] acceptable.
  
: Deliverables of ''design projects'' are pixel-sharp [[product depiction]]s of one or more [[webpage section]]s. After the [[#Customer|Customer]]'s approval, they shall be used as inputs to the [[#Website as one product|Website as one product]] developments. In order to store the deliverable files at [[CNM Repo]], the [[#Contractors|Contractors]] who work on the designs need to have proper access.
+
: Deliverables of ''design projects'' are pixel-sharp [[product depiction]]s of one or more [[webpage section]]s. After the [[#Customer|Customer]]'s approval, they shall be used as inputs to the [[#Website as one product|Website as one product]] developments. In order to store the deliverable files at [[CNM Lab]], the [[#Contractors|Contractors]] who work on the designs need to have proper access.
  
 
==SEO projects==
 
==SEO projects==
Line 32: Line 37:
  
 
==Software projects==
 
==Software projects==
: For the purposes of this very wikipage, ''software projects'' refer to the ''Projects'' that are undertaken to develop software that powers ''Cyber'' websites.
+
For the purposes of this very wikipage, ''software projects'' refer to the ''Projects'' that are undertaken to develop software that powers websites.
:# '''CMS-based'''. Primarily, this software represents a [[content management system]] (or [[content management system|CMS]]). ''Cyber'' websites normally use [[CNM WordPress]] under their hood. In the past, the [[#Team|Team]] have also used other [[content management system]]s such as [[Drupal]] and [[Joomla]]. If the need emerges, some considerations can also be given to [[Ghost]], [[Grav]], and [[Jekyll]].
 
:# '''Plain code'''. The authorization and landing pages of [[#Featured|Featured]] websites can also be coded with [[HTML5]], [[CSS]], and [[JavaScript]] without any ''CMS''.
 
  
: Results of ''software projects'' shall be stored at [[CNM Repo]]; [[CNM System Administrator]]s use those results to install and run the actual software.
+
===CMS-based===
 +
: Primarily, the software that powers websites is a [[content management system]] (or [[content management system|CMS]]). ''Cyber'' websites normally use [[Educaship WordPress]] under their hood. In the past, the [[#Team|Team]] have also used other [[content management system]]s such as [[Drupal]] and [[Joomla]]. If the need emerges, some considerations can also be given to [[Ghost]], [[Grav]], and [[Jekyll]].
 +
 
 +
===Plain code===
 +
: The authorization and landing pages of [[#Featured|Featured]] websites can also be coded with [[HTML5]], [[CSS]], and [[JavaScript]] without any [[content management system]] ([[content management system|CMS]]).
 +
 
 +
: Results of ''software projects'' shall be stored at [[CNM Lab]]; [[CNM System Administrator]]s use those results to install and run the actual software.
  
 
==Website-core projects==
 
==Website-core projects==
: For the purposes of this very wikipage, ''website-core projects'' refer to the ''Projects'' that are undertaken to make a ''Cyber'' website one product. [[#Content projects|Content]], [[#Design projects|Design]], [[#SEO projects|SEO]], [[#Software projects|Software]], and [[#WWW projects|WWW projects]] shall deliver various parts of websites. [[#IA developments|IA developments]] shall produce their "skeletons" or "embryos" of their core. Then, website assemblies shall make one product out of all.
+
For the purposes of this very wikipage, ''website-core projects'' refer to the ''Projects'' that are undertaken to make a ''Cyber'' website one product. [[#Content projects|Content]], [[#Design projects|Design]], [[#SEO projects|SEO]], [[#Software projects|Software]], and [[#WWW projects|WWW projects]] shall deliver various parts of websites. [[#IA developments|IA developments]] shall produce their "skeletons" or "embryos" of their core. Then, website assemblies shall make one product out of all.
 +
 
 +
===Website IA===
 +
:''Main wikipage: [[Website IA]]''
  
: Development of any website is rarely a simple and straightforward process. To emerge on the [[World Wide Web]] ([[World Wide Web|WWW]]), any website goes through various [[product state]]s.
+
===Website states===
 +
: Development of any website is rarely a simple and straightforward process. To emerge on the [[World Wide Web]] ([[World Wide Web|WWW]]), any website goes through various [[work-product state]]s.
 
:# '''Website as an idea'''. Any website starts with an idea; it should be imagined first to be developed second. The first idea may be expressed in few words.
 
:# '''Website as an idea'''. Any website starts with an idea; it should be imagined first to be developed second. The first idea may be expressed in few words.
 
:# '''Website as a prototype'''. Before a website emerges on ''WWW'', it exists as its [[information architecture]]s (or [[information architecture|IA]]s). A separate section of this very wikipage, [[#Website IAs|Website IAs]] is dedicated to them.
 
:# '''Website as a prototype'''. Before a website emerges on ''WWW'', it exists as its [[information architecture]]s (or [[information architecture|IA]]s). A separate section of this very wikipage, [[#Website IAs|Website IAs]] is dedicated to them.
Line 47: Line 60:
 
:# '''Website as a marketable'''. To serve a part of [[#The funnel|The funnel]], ''Cyber'' website shall possess those features that are developed in the [[#Content projects|Content]], [[#Design projects|Design]], [[#SEO projects|SEO]], [[#Software projects|Software]], and [[#WWW projects|WWW projects]].
 
:# '''Website as a marketable'''. To serve a part of [[#The funnel|The funnel]], ''Cyber'' website shall possess those features that are developed in the [[#Content projects|Content]], [[#Design projects|Design]], [[#SEO projects|SEO]], [[#Software projects|Software]], and [[#WWW projects|WWW projects]].
  
===WWW projects===
+
==WWW projects==
 
: For the purposes of this very wikipage, ''WWW projects'' refer to the ''Projects'' that are undertaken to integrate ''Cyber'' websites into the [[World Wide Web]] ([[World Wide Web|WWW]]) securely.
 
: For the purposes of this very wikipage, ''WWW projects'' refer to the ''Projects'' that are undertaken to integrate ''Cyber'' websites into the [[World Wide Web]] ([[World Wide Web|WWW]]) securely.
 
:* '''[[DNS record]]s''' to locate ''Cyber'' websites within ''WWW''. DNS records' drafts are published on [[CNM Wiki]]; [[CNM System Administrator]]s use those results to update the actual website records. DNS records for [[CDN]]-based websites might be complex.
 
:* '''[[DNS record]]s''' to locate ''Cyber'' websites within ''WWW''. DNS records' drafts are published on [[CNM Wiki]]; [[CNM System Administrator]]s use those results to update the actual website records. DNS records for [[CDN]]-based websites might be complex.
 +
:* '''[[Web hosting]]'''.
 
:* '''[[SSL certificate]]s''' to encrypt interactions between ''Cyber'' websites and their visitors.
 
:* '''[[SSL certificate]]s''' to encrypt interactions between ''Cyber'' websites and their visitors.
:* '''[[Webserver]]s''' to direct external requests to internal resources. ''Cyber'' websites normally rely on [[Apache HTTP Server]] and/or [[Nginx]] servers. They may serve separately or in sequence ''Nginx'', as highly productive, first, and ''Apache'', as highly reliable, second.
+
:* '''[[Web server]]s''' to direct external requests to internal resources. ''Cyber'' websites normally rely on [[Apache HTTP Server]] and/or [[Nginx]] servers. They may serve separately or in sequence ''Nginx'', as highly productive, first, and ''Apache'', as highly reliable, second.

Latest revision as of 00:04, 15 April 2024

Website projects (alternatively known as website developments, or, simply, web devs; hereinafter, the Projects) are those projects that are undertaken to develop websites and their components. Website development normally consists of several interrelated projects.


Content projects

For the purposes of this very wikipage, content projects refer to the website projects that are undertaken to develop general public contents of Cyber websites. General public contents are those audio-visuals, images, multimedia, and texts that the visitors of Cyber websites shall be able to see or hear when they access the Cyber webpages.

Development of website content, most likely, consumes the most of website development time. Since the websites shall reflect the actual situation, the website content shall be periodically updated even when the website is already up and running.

The other, not for the general public, contents include key words for search engine optimization (SEO) and other technical texts.

Non-textual contents

For the purposes of this very wikipage, non-textual contents refer to the audiovisuals, images, and multimedia that the website end-user shall be able to see or hear. Contractors shall be hired to development audio-visuals, images, and/or multimedia. To accomplish so, separate projects shall be formalized. The completed audio-visual, image, and multimedia files shall be stored at CNM Lab. The other website developments do not necessarily depend on general public contents. Until they or their drafts are developed, placeholders shall substitute the future content in other developments.

Textual contents

For the purposes of this very wikipage, textual contents refer to the texts that the website end-user shall be able to read. Webpages are literally HTML-based documents, which means that the webpages are textual documents marked up with HTML tags in order to embed non-textual contents and make all viewable on the World Wide Web (WWW). Since Documents are regular outputs of Devs work, the Devs are encouraged to develop textual contents using CNM Wiki. The other website developments do not necessarily depend on general public contents. Until they or their drafts are developed, lorem ipsum shall substitute the future content in other developments.

Design projects

Graphic design

UI/UX

Usability design

For the purposes of this very wikipage, design projects refer to the Projects that are undertaken to develop graphical appearance for Cyber websites. Creation of certain images or audiovisuals that are used in website contents is a part of the Content projects.
Web design is essential for every website generally and Cyber website particularly. By its definition, development of web design is creative; design-developing Contractors shall be hired on a per-hour basis. At the Cyber, web design projects can be undertaken to develop a single webpage section, especially a main one.
At the Cyber, designs are divided in graphic designs and UX designs. Graphic designers shall normally be hired to achieve webpage esthetics; UX designers shall work on great user experience with the page. The work outputs of one designer shall be given to another designer until both agree that the webpage section they work on is both graphically and UX acceptable.
Deliverables of design projects are pixel-sharp product depictions of one or more webpage sections. After the Customer's approval, they shall be used as inputs to the Website as one product developments. In order to store the deliverable files at CNM Lab, the Contractors who work on the designs need to have proper access.

SEO projects

For the purposes of this very wikipage, SEO projects refer to the Projects that are undertaken to develop and manage search engine optimization (SEO) for Cyber websites. Cyber's SEO efforts aim to generate traffic of those people who look for apprenticeship, entry-level job, internship, hands-on training, high-school student job, professional orientation, sysadmin job, and other Cyber services to the Cyber websites.
SEO efforts belong to competitive marketing; various actors on the market try to emerge in search engine results as high as possible. Since Google search engine is dominant; SEO can be viewed as competition over Google ratings. SEO can also be considered as a part of information architecture.
Results of SEO projects are published on CNM Wiki; CNM System Administrators use those results to update the actual website protocols.

Software projects

For the purposes of this very wikipage, software projects refer to the Projects that are undertaken to develop software that powers websites.

CMS-based

Primarily, the software that powers websites is a content management system (or CMS). Cyber websites normally use Educaship WordPress under their hood. In the past, the Team have also used other content management systems such as Drupal and Joomla. If the need emerges, some considerations can also be given to Ghost, Grav, and Jekyll.

Plain code

The authorization and landing pages of Featured websites can also be coded with HTML5, CSS, and JavaScript without any content management system (CMS).
Results of software projects shall be stored at CNM Lab; CNM System Administrators use those results to install and run the actual software.

Website-core projects

For the purposes of this very wikipage, website-core projects refer to the Projects that are undertaken to make a Cyber website one product. Content, Design, SEO, Software, and WWW projects shall deliver various parts of websites. IA developments shall produce their "skeletons" or "embryos" of their core. Then, website assemblies shall make one product out of all.

Website IA

Main wikipage: Website IA

Website states

Development of any website is rarely a simple and straightforward process. To emerge on the World Wide Web (WWW), any website goes through various work-product states.
  1. Website as an idea. Any website starts with an idea; it should be imagined first to be developed second. The first idea may be expressed in few words.
  2. Website as a prototype. Before a website emerges on WWW, it exists as its information architectures (or IAs). A separate section of this very wikipage, Website IAs is dedicated to them.
  3. Website as a MVP. In cases of Cyber website development, a minimum viable product (MVP) is an early version of a future website that includes sufficient features to satisfy early adopters. To do so, the website shall have its hub webpages, IA that would be implemented on its software and located on WWW.
  4. Website as a marketable. To serve a part of The funnel, Cyber website shall possess those features that are developed in the Content, Design, SEO, Software, and WWW projects.

WWW projects

For the purposes of this very wikipage, WWW projects refer to the Projects that are undertaken to integrate Cyber websites into the World Wide Web (WWW) securely.
  • DNS records to locate Cyber websites within WWW. DNS records' drafts are published on CNM Wiki; CNM System Administrators use those results to update the actual website records. DNS records for CDN-based websites might be complex.
  • Web hosting.
  • SSL certificates to encrypt interactions between Cyber websites and their visitors.
  • Web servers to direct external requests to internal resources. Cyber websites normally rely on Apache HTTP Server and/or Nginx servers. They may serve separately or in sequence Nginx, as highly productive, first, and Apache, as highly reliable, second.