Difference between revisions of "CNMCyber website"

From CNM Wiki
Jump to: navigation, search
(Created page with "A CNM Cyber website Generally speaking, a website is a collections of webpages published on the World Wide Web (WWW), as well as service capacit...")
 
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
A [[CNM Cyber website]]
+
A [[CNMCyber website]]
Generally speaking, a [[website]] is a collections of webpages published on the [[World Wide Web]] ([[World Wide Web|WWW]]), as well as service capacities and resources attached to those pages. ''Cyber'' websites serve marketing purposes; they are important at every level of [[CNM Cyber Funnel]], including attracting, educating, closing, retaining, as well as engaging. As work products, ''Cyber'' websites are also vital in ''Cyber'' learner training.  
+
Generally speaking, a [[website]] is a collections of webpages published on the [[World Wide Web]] ([[World Wide Web|WWW]]), as well as service capacities and resources attached to those pages. ''Cyber'' websites serve marketing purposes; they are important at every level of [[Careerprise Funnel]], including attracting, educating, closing, retaining, as well as engaging. As work products, ''Cyber'' websites are also vital in ''Cyber'' learner training.  
  
 +
 +
==Categories==
 
===Featured===
 
===Featured===
 
: At the ''Cyber'', featured websites are those that the [[#Team|Team]] specifically promotes through its [[#Market presence|Market presence]]. Particularly, those websites are promoted at [[marketing outlet]]s, [[public relations]] ([[public relations|PR]]), [[advertising]], and [[personal selling]]. Three featured websites of the ''Cyber'' are:
 
: At the ''Cyber'', featured websites are those that the [[#Team|Team]] specifically promotes through its [[#Market presence|Market presence]]. Particularly, those websites are promoted at [[marketing outlet]]s, [[public relations]] ([[public relations|PR]]), [[advertising]], and [[personal selling]]. Three featured websites of the ''Cyber'' are:
Line 12: Line 14:
 
:* '''[[Bskol.com]]''', where ''[[Bskol]]'' is a brand name of a ''Cyber'' spin-off.
 
:* '''[[Bskol.com]]''', where ''[[Bskol]]'' is a brand name of a ''Cyber'' spin-off.
 
:* '''[[FriendsOfCNM.com]]''', where ''Friends of CNM'' is a former name of the ''Cyber''.
 
:* '''[[FriendsOfCNM.com]]''', where ''Friends of CNM'' is a former name of the ''Cyber''.
:* '''[[HOTCOE.com]]''', where ''hotcoe'' is a former name of the ''iDosvid''.
+
:* '''[[HOTCOE.com]]''', which is a home page of [[HOTCOE app]]s for [[hands-on training]].
:* '''[[Inplz.com]]''', which is a home page of [[Inplz app]]s.
+
:* '''[[Inplz.com]]''', which is a home page of [[Inplz app]]s for experiments.
:* '''[[Kryvi.com]]''', which is a home page of [[Kryvi app]]s.
+
:* '''[[EmployableU.com]]''', which is a home page of [[EmployableU Concepts]].
 
 
==Website projects==
 
For the purposes of this very wikipage, [[website project]]s, ''website developments'', or, simply, ''web devs'' are those [[project]]s that are undertaken to develop ''Cyber'' 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 project]]s 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.
 
:# '''Non-textual contents''' such as audiovisuals, images, and multimedia. [[#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.
 
:# '''Texts'''. ''Cyber'' 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]] ([[World Wide Web|WWW]]). Since [[#Documents|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.
 
 
 
: Development of ''Cyber'' websites' 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]] ([[search engine optimization|SEO]]) and other technical texts.
 
 
 
===Design projects===
 
: For the purposes of this very wikipage, ''design projects'' refer to the [[website project]]s 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]].
 
 
 
: [[Web design]] is essential for every [[website]] generally and ''Cyber'' website particularly. By its definition, development of ''web design'' is creative; design-developing [[#Contractors|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 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.
 
 
 
===SEO projects===
 
: For the purposes of this very wikipage, ''SEO projects'' refer to the [[website project]]s 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 at [[CNM Wiki]]; [[CNM System Administrator]]s use those results to update the actual website protocols.
 
 
 
===Software projects===
 
: For the purposes of this very wikipage, ''software projects'' refer to the [[website project]]s that are undertaken to develop software that powers ''Cyber'' 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.
 
 
 
===Website-core projects===
 
: For the purposes of this very wikipage, ''website-core projects'' refer to the [[website project]]s 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.
 
 
 
: 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 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 MVP'''. In cases of ''Cyber'' website development, a [[minimum viable product]] ([[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 webpage]]s, ''IA'' that would be implemented on its software and located on ''WWW''.
 
:# '''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===
 
: For the purposes of this very wikipage, ''WWW projects'' refer to the [[website project]]s 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 at [[CNM Wiki]]; [[CNM System Administrator]]s use those results to update the actual website records. DNS records for [[CDN]]-based websites might be complex.
 
:* '''[[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.
 
 
 
==Website IAs==
 
For the purposes of this very wikipage, [[information architecture]]s or [[IA]] are images, layouts, mockup models, outlines, [[prototype]]s, sketches, wireframes, and/or words that represent classification, organization, and structure of content and other information at ''Cyber'' websites or similar products. Similarly to [[UX design]], ''IA'' strives to enhance user satisfaction; ''IAs'' of ''Cyber'' products shall help to make them accessible, credible, desirable, findable, usable, useful, and valuable. Dissimilarly from [[UX design]], ''IA'' shall help the ''Cyber'' to achieve the [[#Cyber objectives|Cyber objectives]]. In simple words, ''IA'' shall balance benefits for the ''Cyber'' and its users.
 
 
 
===IA components===
 
: Key components of ''IA'' are:
 
:# '''Hierarchy''' of website and its webpages.
 
:# '''Roadmaps''' of every identified persona through the website.
 
:# '''Mockups''' of hub webpages at the [[websection box]] level.
 
:# '''Labels''' of groups of information for user orientation and, when used in sub-domain names, for [[search engine optimization]] ([[search engine optimization|SEO]]).
 
:# '''Navigations''' such as menus, breadcrumbs, and pagination.
 
:# '''Search tools''' that ensure findability of information.
 
 
 
===IA developments===
 
: No ''Cyber'' IA can be developed immediately and completely. It starts with a sketch to be gradually upgraded up to a prototype. The ''IA''-development projects closes when the [[#Customer|Customer]] approves the ''IA''. Development of ''IA'' is a:
 
:* Marketing project since the ''IA'' shall serve interests of both users and the ''Cyber''.
 
:* Creative project since [[acceptance criteria]] rarely can be defined; product and project certainties rarely can be reached before the development starts. That is why [[#Contractors|Contractors]] shall be hired on a per-hour basis. In the industry, the most qualified architects are normally hired to develop the most important ''IA'' components such as the menu structure and landing page mockup.
 
:* Prerequisite project that shall be finished before the contractors to develop a website as a [[marketable]] can be hired. As [[product depiction]]s, the outputs of the ''IA''-development project shall be used for graphic design, UX design, and website assemblies.
 
 
 
===Personas in IA===
 
: In [[marketing]], a ''persona'' is an imaginary product user that (a) represents a distinguishable type of customer and (b) has been created to design special appeals to that customer type while designing products.
 
 
 
: ''Cyber'' websites may serve a variety of customers. For instance, a school student and school principal may visit [[iDosvid.com]]. However, interests of the student differ from ones of the principal. Moreover, the [[#Team|Team]] would like the student to get enrolled into [[CNM Cyber Welcome Session]], while the [[#Team|Team]] would like the principal to contact ''Cyber'' administrators. So, their website roadmaps shall be different.
 
 
 
: [[Information architecture]]s (or [[Information architecture|IA]]s) shall serve all of its identified personas. If a subordinate IA serves one persona, and five personas are identified to be customers, the IA may be divided in one site-wide IA, which welcomes all of its customers and directs them to those webpages that are designed to serve specifically them and five separate subordinate IAs.
 
  
 
==Website parts==
 
==Website parts==
Line 106: Line 33:
  
 
: With regards to the purpose, websections may serve three purposes:
 
: With regards to the purpose, websections may serve three purposes:
:# '''[[Deal-closing websection]]s''' normally belong to online stores.
 
 
:# '''[[Lead-generation websection]]s''' normally belong to [[hub webpage]]s of [[#Featured|Featured]] websites and any page of [[#Traffic-generating|Traffic-generating]] websites.
 
:# '''[[Lead-generation websection]]s''' normally belong to [[hub webpage]]s of [[#Featured|Featured]] websites and any page of [[#Traffic-generating|Traffic-generating]] websites.
 
:# '''[[Prospect-education websection]]s''' are normally headsections of [[essay webpage]]s of both [[#Featured|Featured]] and [[#Traffic-generating|Traffic-generating]] websites.
 
:# '''[[Prospect-education websection]]s''' are normally headsections of [[essay webpage]]s of both [[#Featured|Featured]] and [[#Traffic-generating|Traffic-generating]] websites.
 +
:# '''[[Purchase websection]]s''' normally belong to online stores.
  
 
: A headsection is the most important for every webpage. ''Webpage sections'' present one or more [[websection box]]es. That box is the minimal rectangular element of [[webpage layout]]s that is distinguished from other rectangular parts both graphically and functionally. The headsection normally consists of a header and a box such as carousel, featured-image, grid, slider, or CTA (which stands for "call-to-action"). The headsection may also include a sidebar.
 
: A headsection is the most important for every webpage. ''Webpage sections'' present one or more [[websection box]]es. That box is the minimal rectangular element of [[webpage layout]]s that is distinguished from other rectangular parts both graphically and functionally. The headsection normally consists of a header and a box such as carousel, featured-image, grid, slider, or CTA (which stands for "call-to-action"). The headsection may also include a sidebar.
Line 115: Line 42:
  
 
===Status reports===
 
===Status reports===
: While working on the deliverable, the ''Devs'' are expected to report their project status. In [[CNM Agile]] framework, these statuses are reported at the product line wikipage, [[CNM Cloud Usable]], using the following readiness levels for each [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]]:
+
: While working on the deliverable, the ''Devs'' are expected to report their project status. In [[CNM Agile]] framework, these statuses are reported at the product line wikipage, [[CNMCyber Usable]], using the following readiness levels for each [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]]:
 
:* '''[[Not started status|Not started]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] hasn't started yet.
 
:* '''[[Not started status|Not started]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] hasn't started yet.
 
:* '''[[In progress status|In progress]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] has been started, but the state/device has not yet been submitted for the approval.
 
:* '''[[In progress status|In progress]]'''. Project work on the corresponding [[#Product states|Product state]] and [[#Devices of certainty|Device of certainty]] has been started, but the state/device has not yet been submitted for the approval.
Line 124: Line 51:
 
===Wikipages===
 
===Wikipages===
 
: At [[CNM Wiki]], ''Cyber'' endeavors are documented using two types of wikipages:
 
: At [[CNM Wiki]], ''Cyber'' endeavors are documented using two types of wikipages:
:# The progress on particular endeavors is reported at the [[CNM Cloud Usable]] wikipage.
+
:# The progress on particular endeavors is reported at the [[CNMCyber Usable]] wikipage.
:# Endeavor pages document everything, but progress reports. Those pages are listed at the [[:Category:CNM Cyber endeavors|"CNM Cyber endeavors" category]] and include [[project document]]s such as [[project charter]], [[asset register]], [[competency register]], [[stakeholder register]], [[requirements traceability matrix]], [[project scope baseline]], [[project schedule baseline]], [[project cost baseline]], and [[acceptance criteria]].
+
:# Endeavor pages document everything, but progress reports. Those pages are listed at the [[:Category: CNMCyber endeavors|"CNMCyber endeavors" category]] and include [[project document]]s such as [[project charter]], [[asset register]], [[competency register]], [[stakeholder register]], [[requirements traceability matrix]], [[project scope baseline]], [[project schedule baseline]], [[project cost baseline]], and [[acceptance criteria]].

Latest revision as of 19:39, 29 October 2023

A CNMCyber website Generally speaking, a website is a collections of webpages published on the World Wide Web (WWW), as well as service capacities and resources attached to those pages. Cyber websites serve marketing purposes; they are important at every level of Careerprise Funnel, including attracting, educating, closing, retaining, as well as engaging. As work products, Cyber websites are also vital in Cyber learner training.


Categories

Featured

At the Cyber, featured websites are those that the Team specifically promotes through its Market presence. Particularly, those websites are promoted at marketing outlets, public relations (PR), advertising, and personal selling. Three featured websites of the Cyber are:

Traffic-generating

At the Cyber, traffic-generating websites are those that the Team doesn't promote, but support in order to generate traffic to the Featured websites. Five traffic-generating websites of the Cyber are:

Website parts

Cyber websites are eventual deliverables from web-projects; however, website components need to be developed before any website can be assembled. Other deliverables include webpages, webpage sections, websection boxes, information architectures, web designs, SEO strategies, as well as contents such as audiovisuals, images, multimedia, and texts.

Websites are not created equal; neither are their developments. It may take about a couple of hours to setup a simple website if its content is ready. On the contrary, some other websites cost more than a million dollars.

Webpages

Any Cyber website is a collection of webpages. At the Cyber, those pages are divided in three categories:
  1. Auxiliary webpages are those that provide their visitors with supplemental services beyond essay information and hub navigation. Auxiliary pages include contact, error, and search pages, for instance.
  2. Essay webpages are those that cover one subject; they give the most complete information on a given topic that is available on that website.
  3. Hub webpages are those essential pages that lead their visitors to other pages or services, where essential means that the website cannot function properly without those pages. Every Cyber website has at least two hubs -- the authenticating and landing webpage.

Websections

Any Cyber webpage is a collection of two or more webpage sections. That section shall emerge on one user's screen or, at least on the top of the screen, after their clicks on some menu tab or other button. Every Cyber webpage shall have its main and footer sections at very least.
With regards to the purpose, websections may serve three purposes:
  1. Lead-generation websections normally belong to hub webpages of Featured websites and any page of Traffic-generating websites.
  2. Prospect-education websections are normally headsections of essay webpages of both Featured and Traffic-generating websites.
  3. Purchase websections normally belong to online stores.
A headsection is the most important for every webpage. Webpage sections present one or more websection boxes. That box is the minimal rectangular element of webpage layouts that is distinguished from other rectangular parts both graphically and functionally. The headsection normally consists of a header and a box such as carousel, featured-image, grid, slider, or CTA (which stands for "call-to-action"). The headsection may also include a sidebar.

Documents

Status reports

While working on the deliverable, the Devs are expected to report their project status. In CNM Agile framework, these statuses are reported at the product line wikipage, CNMCyber Usable, using the following readiness levels for each Product state and Device of certainty:

Wikipages

At CNM Wiki, Cyber endeavors are documented using two types of wikipages:
  1. The progress on particular endeavors is reported at the CNMCyber Usable wikipage.
  2. Endeavor pages document everything, but progress reports. Those pages are listed at the "CNMCyber endeavors" category and include project documents such as project charter, asset register, competency register, stakeholder register, requirements traceability matrix, project scope baseline, project schedule baseline, project cost baseline, and acceptance criteria.